@charset "utf-8";
/* CSS Document 
-------------------------------------------------------------------------------------------------------------------------------- */

body, html{
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:12px;
	background:#FFF;
	color:#404040;
	margin:0;
	padding:0;
}

h1,h2,h3,h4,h5,h6 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

h1{
	float:left;
	clear:left;
	font-size:24px;
	color: #ffffff;
	background-color:#403f3f;
	margin: 10px 0px;
	padding: 0px;
}
	
h2 {font-size:16px; font-weight:normal; margin:0; padding:0;}

a {color:#404040; text-decoration: none;}
a img {border-color:#404040;}
a:hover {color:#a9a9a9;}
a:hover img {border-color:#a9a9a9;}

ul {
	list-style-type:none;
	padding: 0px; 
	margin: 0px 0px 0px 0px; 
}

ul li {
	margin: 0px 10px 0px 0px; 
	padding: 0px; 
	display:block; 
	float:left; 
}

img{
	margin: 0px;
	padding: 0px; 
	border:0px;
}

form {margin:0;}

dl{
	width: 500px;
	margin: 0px auto 0px auto;
}

dt{
	float:left;
	clear:left;
	height: 40px;
	margin: 0px 0px 0px 0px;
}

dd{
	height: 40px;
	float:right;
	clear:right;	
}

dd.message{
	height: 120px;
}

/* Structure
-------------------------------------------------------------------------------------------------------------------------------- */

#header {
	height:118px; 
	background:#3c3b3b; 
	text-align:left;
}

#container {
	width:750px; 
	margin: 0 auto; 
	text-align:center;
	position:relative;
	top:34px;
}

#Navigation {
	height:38px; 
	padding:0px; 
	margin:0px; 
}

#footer {
	color:#707173;
	height:20px; 
	line-height:20px; 
	vertical-align:middle; 
	font-size:10px; 
	border-top: 1px solid #707173; 
	text-align: center; 
	margin: 38px 0px 0px 0px;
}

#footer a:link, 
#footer a:active, 
#footer a:visited {
	color:#707173;
	text-decoration: none;
}

#footer a:hover {
	color:#333;
	text-decoration:none;
}

#lowerFooter {
	text-align: center; 
	margin: 0 auto;
	width:750px;
}

#emailForm {
	float:right;
	display:block;
}

#emailForm input {
	margin:0px;
	padding:2px;
	position:relative;
	top:2px;
	border: 1px solid #707173;
	height: 12px;
	font-size:10px;
	color: #707173;
}

#copyright {
	float:left;
}

#go{
	position: relative;
	top: 3px;
	text-indent:10px;
}

/* Header items
-------------------------------------------------------------------------------------------------------------------------------- */

#logo {
	background-image:url(../images/Silver-Sisters-Logo.jpg); 
	background-repeat:no-repeat; 
	height:99px; 
	width:447px; 
	float:left;
	position:relative;
	top: 20px;
	left:24px;
}
#logo a {
	display:block;
	width:100%;
	height:100%;
	outline:none;
}
#logo h1 {
	text-indent:-999em;
}

#search{
	padding:0px;
	margin:0px;
	float:right;
	position:relative;
	top: 20px;
	color:#dcdcdc;
}

#search input {
	margin:0px;
	padding:0px;
	position:relative;
	top:-1px;	
	border: 1px solid #FFF;	
	height: 14px;
}

#shopping_cart{
	float:right;
	clear:right;
	padding: 0px 25px 15px 0px;
	position:relative;
	margin-right: 10px;
	top: 30px;
	font-size:9px;
	text-align:right;
	color:#fff;
}

* + html #shopping_cart{
	float:right;
	clear:right;
	padding: 0px 52px 15px 0px;
	position:relative;
	margin-right: 10px;
	top: 30px;
	font-size:9px;
	text-align:right;
}

* html #shopping_cart{
	float:right;
	clear:right;
	padding: 0px 5px 0px 0px;
	position:relative;
	margin-right: 10px;
	top: 30px;
	font-size:9px;
	text-align:right;
}

.cartHeader {
font-weight:bold;}

.cartError {
border: 1px solid #999;
padding:5px;
color:#B22222;}

.cartBorder {
border: 1px solid #999;}

.small {
font-size:10px;}

.cartChange {
color:#333333;
text-decoration:underline}


/* Sections 
-------------------------------------------------------------------------------------------------------------------------------- */

#Content {
	min-height:484px;;
	height:auto !important;
	height:484px;;
	background:#FFF;
	margin:0px;
	padding:0px;
	width:750px;
}

#pages{
	text-align:left;
	width: 720px;
	margin: 23px 0 0 20px;
}

/* Item list - Products.php
-------------------------------------------------------------------------------------------------------------------------------- */

#itemList {
	min-height:484px;
	text-align:left;
	width:750px;
	overflow:auto;
	outline:none;
}

#itemList #header{
	width: 100%;
	height: 30px;
}

#title{
	width: 740px;
	height: 50px;
	background-color:#403f3f;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 10px;
	/*border: 1ps solid #FF0000;  not sure what this is for, typo or on purpose?*/
}

#title h1 {font-size:24px; font-weight:normal; margin-left:10px}

#itemList .item{
	float:left;
	width:210px;
	margin: 0px 12px 20px 18px;
	overflow:hidden;
	outline:none;
}

#itemList h2 {font-size:16px; font-weight:normal; color:#404040; margin:0 0 18px 0;}

#itemList h2.twelve {font-size:12px; margin:0; padding:0 3px;}

#itemList img{
	border: 3px solid;
	margin: 0 0 7px 0;
}


#itemList a:link, #itemList a:active, #itemList a:visited {
	color:#404040;
}

#itemList a:hover{
	color:#a9a9a9;
}

#itemList #title #pagination a {
	color:#FFF;}

#itemList #title #pagination{
	float:right;
	margin: 17px 30px 0px 0px;
	text-align:right;
	font-size:24px;
	font-family:"Times New Roman", Times, serif;
}

*+html #itemList #title #pagination{
	float:right;
	margin: 17px 30px 0px 0px;
	text-align:right;
	font-size:24px;
	font-family:"Times New Roman", Times, serif;
}

#itemList h2.paginationItem{
	font-size: 14px;
	color: #fff;
	margin: 0px;
	padding: 0px;	
}
*+html #itemList h2.paginationItem{
	font-size: 14px;
	color: #fff;
	margin: 0px;
	padding: 0px;	
}

/* Itempage  - product.php
-------------------------------------------------------------------------------------------------------------------------------- */

#itempage {text-align:left; overflow:hidden; outline:none;}
	
	#itemDetails {float:left; position:relative; width: 320px; height:414px; margin:10px 0 0 20px;}
		#description {position:relative; height:290px;}
			#description p {margin-top:10px; width:280px; font-size:12px;}
		#length{position:relative; overflow:auto;}
			#length h2 {float:left;}
			#length select {float:right; margin-left:10px; width:240px;}
		#basket {position:absolute; bottom:23px; right:0; width:320px;}
		/* -- taken from the inline styling on product.php --
		style="position:relative;float:none;width:100%;margin-top:10px;"		
		*/
			#basket h2 {position:relative; left:0; font-size:14px;}
			#basket h2 img {position:relative; top:7px;}
			.priceLeft {float:left; width:100px; top:23px;}
	
	#itemImages {float:right; width: 390px;}
		#itemImages img {float:left; border: 3px solid; margin: 10px 0px 0px 0px;}
		#itemImages img.large {float:right; clear:both; margin: 0px auto 0px auto;}
		#itemImages img.middle {margin: 10px 17px 0px 17px;}



/* Checkout Confirm
-------------------------------------------------- */

#pages #forgotPasswordForm {
	display:none;
	margin: 10px 0px 0px 0px;
}

#pages a#password {
	margin: 0px 0px 0px 158px;
}

*+html #pages a#password {
	margin: -30px 0px 0px 153px;
}


/* Generic classses
-------------------------------------------------------------------------------------------------------------------------------- */
.left{
float:left;
}

.right{
float:right;
}

.clear{
clear:both;
}

.clearNone{
clear:none;
}

.center{
margin: 0px auto 0px auto;
text-align:center;
}

#highlight{
color:#FFFFFF;
background-color:#96887d;
}

.price{
	position:relative;
	top: 40px;
}



/* Pop Up
-------------------------------------------------------------------------------------------------------------------------------- */
#popUp {
padding: 0px;
margin: 0px;
}

#popUp img{
padding: 0px;
margin: 0px;
border: 3px solid;
}

#popUp h2{
float:left;
margin: 10px 0px 10px 10px;
}

#closePopUp{
text-align:center;
margin: 20px 20px 10px 0px;
}

#popUp #closePopUp a{
padding: 0px;
border:none;
}


#popUp h3{
float:left;
clear:both;
width: 650px;
font-size:20px;
margin: 0px 0px 0px 10px;
}

#popUp h4{
float:left;
clear:both;
font-size:18px;
margin: 0px 0px 0px 10px;
}

#popUp a{
border: 1px solid #ebe8e4;
padding: 2px;
margin: 5px;
}

#popUp #pagination{
font-size:12px; 
margin: 0 auto;
padding-top:10px;
}


/* Navigation 
-------------------------------------------------------------------------------------------------------------------------------- */

#Navigation ul {
	margin: 0 0 0 4px;
	padding: 0px;
}

#Navigation ul li {
	margin: 10px 38px 0px 0px;
	padding: 0px;
}

#Navigation a:link, #Navigation a:active, #Navigation a:visited {
	text-transform:uppercase;	
	font-size:16px;
	padding: 0 10px;
	color: #333;
}

#Navigation a:hover {
	text-transform:uppercase;
	color:#ccc;
}

/* Content 
-------------------------------------------------------------------------------------------------------------------------------- 

#Content ul {
	margin: 10px 0px 0px 26px; 
	float:left; 
	clear:both;
}

* html #Content ul {
	margin: 10px 0px 0px 10px; 
	float:left; 
	clear:both;
}


#Content ul li {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	float:left;
	clear:both;
}


#Content h2 a:link, 
#Content h2 a:active, 
#Content h2 a:visited {	
	font-size:24px;
	margin: 0px;
}
*/

/* Home
-------------------------------------------------------------------------------------------------------------------------------- */
#home {background:#403f3f; text-align:left; overflow:hidden; height:484px;}
	#homeCopy {float:left; width:300px;}
		#homeCopy h1 {font-size:31px; font-weight:normal; background:none;color:#fff; float:none; margin:45px 0 0 20px;}
		#homeCopy p {width:260px; color:#fff; margin:25px 0 0 20px; font-size:13px;}
	#homeImg {float:right; width:446px;}
	
/* Mens
-------------------------------------------------------------------------------------------------------------------------------- */
#mens {background:#403f3f; text-align:left; overflow:hidden; height:484px;}
	#mensCopy {float:left; width:300px;}
		#mensCopy h1 {font-size:24px; font-weight:normal; background:none;color:#fff; float:none; margin:45px 0 0 20px;}
		#mensCopy p {width:300px; color:#fff; margin:25px 0 0 20px; font-size:13px;}
		#mensCopy ul {color:#FFF;margin: 0px 0px 0px 26px;}
		#mensCopy ul li {color:#FFF; float:left;clear:both;padding-bottom:10px; width:250px;}
		#mensCopy ul li a:link, #mensCopy ul li a:active, #mensCopy ul li a:visited {color:#FFF; font-size:18px;} 
		#mensCopy ul li a:hover {color:#dcdcdc;} 		
	#mensImg {float:right; width:446px;}	



/* Currency
/* ------------------------------------------------------------------*/

img.currency{
	margin: 0px 0px 0px 0px;
	position:relative;
	top:3px; 
}

a.selected:link, a.selected:active, a.selected:visited{
	color:#ffffff;
}

a.selected:hover{
	color:#ffffff;
}

a.idle:link, a.idle:active, a.idle:visited{
	color:#aaaaaa;
}

a.idle:hover{
	color:#cccccc;
}

.payMethod{
	width: 200px;
	height: 100px;
	float:left;
	text-align:center;
}


.payMethod img{
}

.payMethodsBox{
	margin: 0px auto 0px 70px;
}

/* Contact Forms 
/* ------------------------------------------------------------------*/

div#contact{
	width: 519px;
	padding: 10px 10px 10px 20px;	
	margin: 0px auto 0px auto;
	min-height:216px;
}

span.red{
	color:#FF0000;
}

span.req {
	font-size:9px;
	color: #CCCCCC;
}

#contact form, #contact fieldset {
	margin: 0;
	padding: 0;
}

#contact fieldset {
	border: 0;
}

/*label, input, select, textarea {
	font-size: 1.1em;
}*/

#contact label {
	display: block;
	float: left;
	width: 10em;
	clear: left;
	margin-right: 1em;
	padding: 0.3em 0;
	text-align: right;
}

#contact input, #contact select, #contact textarea {
	width: 20em;
	float: left;
	margin-bottom: 0.5em;
	padding: 0.4em;
	color:#333333;
	background-color:#ffffff;
	border: 1px #000000 solid;
}


#contact .button{
	width: 58px;
}

#contact input:focus, #contact  select:focus, #contact  textarea:focus {
	color: #fff;
	background-color:#c0c1c3;
}

#contact textarea {
	width: 20em;
	height: 7em;
	line-height: 1.3em;
	overflow: auto;
}

#contact button {
	padding: 0.3em 0 0.3em 0;
	/*font: 0.9em "Verdana", "Arial", "Helvetica", sans-serif;*/
	font-size: 0.9em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-align: center;
	color: #c0c1c3;
	width: auto; /* Ref: http://jehiah.cz/archive/button-width-in-ie */
	overflow: visible;
	background-color: transparent;
	border: none;
}