/* 
========================================================================
TEMPLATE.CSS
========================================================================
*/

/* --- Body - control position #container, allows centering of site -- */
body {
	text-align:left ;
	background-image: url(../templateimages/bg_grd-blue-1200v2.png);
	background-position: top left;
	
}

#container {
	display: block;
	margin: 0 auto;
	padding: 20px 0px 20px 0px;
	

}

/* Contains rest of HTML */
#centrecontainer {
	width: 1200px;
	background-image: url(../templateimages/back_fade_3colv4.png);
	background-position: top left;
	background-repeat: repeat-x;
	text-align: left;
	margin: 0 auto;
	min-height: 100%;
	border-top: solid 3px #FFFFFF;
	border-left: solid 3px #FFFFFF;
	border-bottom: solid 3px #FFFFFF;
	border-right: solid 3px #FFFFFF;

}


/* --- Header section ------------------------------------------------ */
#header {
	height: 140px;
	margin: 0;

}

#header #title {
	background-color: transparant;
	height: 100px;
	margin: 0px 10px 0px 10px;
	text-align: right;
	}

/* Top links */
#header2 .links {
	/* border-top: solid 1px white; */
	margin: 0px 10px 0px 10px;
	padding: 5px 0px 5px 0px;
	font-size: 7.5pt;
}


#header2 .links li {
	list-style: none;
	display: inline;
	margin: 0px;
	padding: 0px;
}

#header2 .links a:visited
	{
	position: relative;
	text-decoration: none;
	color: white;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: 0px 12px 5px 0px;
	}


#header2 .links a:link
	{
	position: relative;
	text-decoration: none;
	color: white;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: 0px 12px 5px 0px;
	}


#header2 .links a:hover
	{
	position: relative;
	text-decoration: none;
	color: black;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-weight: bold;
	}

#header2 .links2 {
	margin: 4px 10px 0px 10px;
	padding: 2px 0px 2px 0px;
}

#header2 .links2 li {
	list-style: none;
	display: inline;
	margin: 0px;
	padding: 0px;
}

#header2 .links2 a:visited
	{
	margin: 0px 10px 0px 0px;
	text-decoration: none;
	color: white;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 7.5pt;
	font-weight: normal;
	}


#header2 .links2 a:link
	{
	margin: 0px 10px 0px 0px;
	text-decoration: none;
	color: white;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 7.5pt;
	font-weight: normal;
	}


#header2 .links2 a:hover
	{
	color: black;
	text-decoration: underline;
	}


/* --- Entire page body section - everything below the header -------- */
#pagebody {
	padding-top: 2px;
	margin: 0px 0px 0px 0px;
	background-color:white;

}

/* Left hand section of page body (if you have one!) */
#left {
	width: 186px;
	margin: 0px;
	float: left;
	margin-top: 0px;
	margin-left: 0px;
	padding-top: 0px;
	background-image: url(../templateimages/gunhill-bkgnd-left.jpg); 
	background-repeat: repeat-y;
	background-position:top;
}

/* Dynamic page content section of page body */
#pagecontent {
	width: 832px;
	float: left;
	padding: 0;
	margin-top: 0px;
	margin-left: 6px;
	margin-right: 6px;
	background-color:white;

}

#pagecontent_pad {
	padding: 1px 5px 5px 10px;
}

/* Right hand section of page body */
#right {
	width: 175px;
	margin: 0px;
	float: right;
	margin-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	text-align: right;
	background-color:white;


}

.centertext {
	text-align:center;
}

.lefttext {
	text-align:left;
}

#cardiconsmore {
	font-size:11px;
	font-weight:bold;
	border-style:solid;	
	margin-top: 15px;
	margin-left: 2px;
	margin-right: 2px;
	border-color:black;
	border-width:1px;
	background-color: white;
	padding-top: 5px;
	padding-bottom: 5px;
	width: 165px; /* should equate to 192 when margins are considered */
}


#cardiconsmore p{
	margin-top: 0px;
	margin-bottom: 0px;
	padding-left: 3px;
}

#cardiconsmore img {
	float: left;
	padding-left: 4px;

}


#nopaddingormargin {
	border-spacing:0px;
	padding:0px;
	margin:0px;
}
/* --- Footer -------------------------------------------------------- */
#footer {
	padding-top: 20px;
	clear: both;
	text-align: center;

}

/* Footer nav links */
#footer .links {
	margin: 0px;
}

#footer .links li {
	list-style: none;
	display: inline;
}
	
#footer .links a {
	font-size: 7pt;
	padding: 2px;
	margin-left: 3px;
	margin-right: 3px;
}

/* T&Cs text */
#terms {
	margin-top: 4px;
	padding-top: 10px;
	margin-bottom: 0;
	font-size: 7pt;
	color: #999999;
}


/* --- language, currency menu and search box ------------------------ */
#currencymenu form select {
	width: 168px;
	margin: 0;
	padding: 0;
}

#languagemenu form select {
	width: 168px;
	margin: 0;
	padding: 0;
}

#searchbox input {
	width: 120px;
}

#searchbox #searchbutton {
	width: 10px;
	text-align: right;
	margin: 0;
	padding: 0;
}

/* --- Template items ------------------------------------------------ */
#left_pad {
	padding: 0px 5px 0px 8px;
}

#left h2 {
	margin: 10px 0px 5px 0px;
	font-weight: bold;
}

/* search and mailinglist forms */
#quicksearch form {
	display: block;
}

#left input.submit {
	height: 22px;
	width: 30px;
}

#left input.text {
	width: 95px;
}

#mailinglist label#email {
	display: block;
	margin: 0px 0px 2px 0px;
}

#mailinglist label#htmlemail {
	display: block;
	margin: 2px 0px 2px 0px;
}

#right h2 {
	margin: 10px 0px 5px 0px;
	font-weight: bold;
}
.growleft:hover {float: left;}
a.growleft:hover img {height: 420px; width: 400px;}
.grow:hover {}
a.grow:hover img {height: 420px;}

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menu/lightbox.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* common styling */

a {color:#000;}
a:hover {text-decoration:none;}
a:visited {color:#000;}

/* slides styling */

.photo {width:820px; text-align:left; position:relative; margin:0 auto;}

.photo ul.topic {padding:0; margin:0; list-style:none; width:820px; height:auto; position:relative; z-index:10;}

.photo ul.topic li {display:block; width:135px; height:41px; float:left;}
.photo ul.topic li a.set {display:block; font-size:11px; width:134px; height:40px; text-align:center; line-height:40px; color:#000; text-decoration:none; border:1px solid #fff; border-width:1px 1px 0 0; background:#ccc; font-family:verdana, arial, sans-serif;}

.photo ul.topic li a ul, 
.photo ul.topic li ul 
{display:none;}

.photo ul.topic li.active a
{color:#000; background:#bbb;}

.photo ul.topic li a:hover,
.photo ul.topic li:hover a
{color:#fff; background:#aaa;}

.photo ul.topic li.active ul
{display:block; position:absolute; left:0; top:31px; list-style:none; padding:0; margin:0; height:400px; background:#ddd; width:660px; padding:40px 60px; border:20px solid #bbb; z-index:1;}

.photo ul.topic li a:hover ul, 
.photo ul.topic li:hover ul
{display:block; position:absolute; left:0; top:31px; list-style:none; padding:0; margin:0; height:400px; background:#ddd; width:660px; padding:40px 60px; border:20px solid #aaa; z-index:100;}

.photo ul.topic li ul li
{display:inline; width:160px; height:127px; float:left; border:1px solid #fff; margin:1px;}

.photo ul.topic li ul li a
{display:block; width:158px; height:125px; cursor:default; float:left; text-decoration:none; background:#444; border:1px solid #888;}

.photo ul.topic li ul li a img
{display:block; width:153px; height:120px; border:5px solid #eee;}

.photo ul.topic li a:hover ul li a:hover, 
.photo ul.topic li:hover ul li a:hover 
{white-space:normal; position:relative;}

.photo ul.topic li a:hover ul li a:hover img, 
.photo ul.topic li:hover ul li a:hover img 
{position:absolute; left:-50px; top:-32px; width:400px; height:400px; border-color:#fff;}

/* defaults required for IE */
a, a:visited, a:hover, a:active, a:focus {color:#000;}

#holder {position:relative; background :transparent url(http://www.shoesbypost.co.uk/images/homenew/truck4.jpg) 15px 2px no-repeat; margin-bottom:10px; z-index:100;}
#scrollbox {width:581px; height:136px; background:#f4f4f4; overflow:auto; border:1px solid #aaa; margin-left:130px;}
a.gallery, a.gallery:visited {display:block; color:#000; text-decoration:none; border:1px solid #000; width:75px; height:60px; margin:3px; float:left; font-size:11px;}
a.slidem {background:url(http://www.shoesbypost.co.uk/images/homenew/SALESHOP1.gif) no-repeat ;}
a.slidef {background:url(http://www.shoesbypost.co.uk/images/homenew/eccologo1.gif) no-repeat ;}
a.slidel {background:url(http://www.shoesbypost.co.uk/images/homenew/anatomiclogo1.gif) no-repeat ;}
a.slideg {background:url(http://www.shoesbypost.co.uk/images/homenew/seibel1.gif) no-repeat ;}
a.slideh {background:url(http://www.shoesbypost.co.uk/images/homenew/loake1.gif) no-repeat ;}
a.slidee {background:url(http://www.shoesbypost.co.uk/images/homenew/alegria1.gif) no-repeat ;}
a.slidea {background:url(http://www.shoesbypost.co.uk/images/homenew/clarkslogo1.gif) no-repeat ;}
a.slidec {background:url(http://www.shoesbypost.co.uk/images/homenew/kiplinglogo1.gif) no-repeat ;}
a.slided {background:url(http://www.shoesbypost.co.uk/images/homenew/thinklogo1.gif) no-repeat ;}
a.slidei {background:url(http://www.shoesbypost.co.uk/images/homenew/birkenstocklogo1.gif) no-repeat ;}
a.slidej {background:url(http://www.shoesbypost.co.uk/images/homenew/crocslogo1.gif) no-repeat ;}
a.slidek {background:url(http://www.shoesbypost.co.uk/images/homenew/sebagologo1.gif) no-repeat ;}
a.slideb {background:url(http://www.shoesbypost.co.uk/images/homenew/nordika1.gif) no-repeat ;}
a.sliden {background:url(http://www.shoesbypost.co.uk/images/homenew/olanglogo.gif) no-repeat ;}




a.gallery span {display:block; position:absolute; left:-30px; top:-1px; width:1px; height:1px; overflow:hidden; background:#efedec; z-index:100; font-size:11px;}
a.gallery:hover {white-space:normal; border:1px solid #fff;}
a.gallery:hover img {border:0px solid #000; z-index:100;}
a.gallery:active img, a.gallery:focus img {border:1px solid #000; z-index:50;}

a.gallery:hover span {display:block; position:absolute; width:790px; height:360px; top:0px; left:15px; padding:1px; font-style:italic; color:#000; background:#fff; z-index:100; font-size:11px;}
a.gallery:active {border:1px solid #eee;}
a.gallery:active span, a.gallery:focus span {display:block; position:absolute; width:790px; height:360px; top:0px; left:15px; padding:1px; font-style:italic; color:#000; background:#fff; z-index:50;}

#thumbs {width:581px; height:60px;}
#pad {height:375px; width:800px;}



</style>