/* Stylesorter.com CSS 
 * Author: Amy Gooch
 */
 
 /******* HTML TAGS ********/
 
body {
 	width: 1004px;
	margin: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	background: #fff;
}

html {
	background: #333;
}

a img { border: none; }

a:link, a:visited {
	color: #f3438a;
	text-decoration: underline;
}

a:hover {
	color: #555;
}

a:link, a:visited h3 { text-decoration: underline; }

a.stw {
	padding-right: 23px;
	background: url("../images/site/saveToWardrobe.gif") no-repeat 100% 50%;
	margin-right: 6px;
}

span.separator {
	margin-right: 6px;
}

a.stf {
	padding-right: 23px;
	background: url("../images/site/sendToAFriend2.png") no-repeat 100% 50%;
}

h1 {
	color: #333;
	text-transform: uppercase;
	font-size: 1.3em;
	font-weight: normal;
}

h1.highlights {
	margin-left: 15px;
	font-weight: bold;
}

h2 {
	color: #666;
	font-size: 1.4em;
}

h3 {
	font-size: 1.3em;
}

#logo { float: left; position: absolute; }
#topSearchBox { position: absolute; margin-left: 770px; margin-top: 4px; }
#quickSearch { text-transform: uppercase; color: #fff; font-size: 0.85em; margin: 0; }
#quickSearch input { font-size: 0.85em; }
#searchTipMini { text-transform: none; font-size: 0.8em; color: #fbb7d2; text-align: right; }

/************* SITE NAVIGATION **************/

#nav {
      line-height:normal;
	  padding: 58px 0 0 280px;
	  background: url("../images/site/navBg.png") repeat-x left bottom #dc4984;
	  
}

    #nav ul {
      margin:0;
      padding:0;
      list-style:none;
	  clear: both;
      }
    #nav li {
      margin:0 4px 0 0;
      padding:0;
	  float: left;
    }
    #nav a {
      float:left;
      background:url("../images/site/tabLeft.png") no-repeat 0px top;
      margin:0 3px 0 0;
      padding:0 0 0 9px;
      text-decoration:none;
     }
	 
    #nav a span {
      float:left;
      display:block;
      background:url("../images/site/tabRight.png") no-repeat right top;
      padding:7px 15px 6px 6px;
      color: #fff;
	  text-transform: uppercase;
	  letter-spacing: 2px;
	  font-size: 0.95em;
	 }
	 
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #nav a span {float:none;}
    /* End IE5-Mac hack */
    #nav a:hover span {
      color:#fff;
      }

    #nav a:hover {
      background-position: 0px -150px;
      }
    #nav a:hover span {
      background-position:100% -150px;
      }
	  
	  #nav .currentListItem a {
	  	background-position: 0px -300px;
	 }
	  #nav .currentListItem a span {
	  	background-position: 100% -300px;
		color:#FF0066;
	  }

/******** LAYOUT *******/
#container {
	width: 1004px;
	margin: auto;
}

#header {
	
}


.content {
	margin-right: 270px;
	padding: 0px 15px 40px 15px;
}

.content#otherPage {
	margin-right: 280px;
	padding-top: 45px;
}

.content#homeContent, #page { 
	background: #fff;
}

.content#homeContent {
	padding-top: 15px;
}

/**** RIGHTNAV ****/

#rightNav {
	float: right;
	width: 270px;
	padding-top: 15px;
}

#pageNav {
	float: right;
	padding-right: 10px;
	padding-top: 0;
}

#features {
	padding: 15px;
}

#features h2 {
	text-transform: uppercase;
	border-bottom: dotted 1px #ccc;
	padding-bottom: 8px;
}

#loginBox {
	width: 220px;
	background: url("../images/site/loginSideShadow.png") repeat-y #f3438a;
	padding: 8px 20px 15px 15px;
	color: #000;
	text-transform: uppercase;
	font-size: 0.85em;
}

#loginBox a:link, #loginBox a:visited {
	color: #fff;
}

#loginBox a:hover {
	color: #333;
}

#loginBoxTop {
	background: url("../images/site/loginTop.png") no-repeat left top #d6085a;
	min-height: 48px;
	width: 255px;
}

#ssLoginBoxTop {
	background: url("../images/site/ssLoginTop.png") no-repeat left top #d6085a;
	min-height: 48px;
	width: 256px;
}

#loginBoxTop h2, #ssLoginBoxTop h2 {
	color: #fff;
	font-size: 1.2em;
	margin: 0 8px;
	padding-top: 16px;
	margin-left: 15px;
	text-transform: uppercase;
}

#loginBoxBtm {
	height: 20px;
	width: 256px;
	background: url("../images/site/loginBottom.png") no-repeat left top;
}

#filmStrip {	
	min-height: 58px;
	background: #fff;
	border: solid 1px #d6085a;
	padding: 3px;
}

#filmStrip img {
	padding: 0 4px;
	border-right: dotted 1px #ccc;
}

/******* HOMEPAGE BOXES *******/

.thumbnailWrapper {
	width: 100%;
	background: url("../images/site/thumbDisplayMid.png") repeat-y;
	margin-bottom: 40px;
}

.thumbnailDisplay {
	padding: 20px 0 20px 20px;	
	background: url("../images/site/thumbDisplayBottom.png") no-repeat left bottom;
}
.thumb {
	float: left;
	margin: 0 10px;
	width: 110px;
}

.thumb p {
	text-align: center;
	margin: 2px;
}

.thumb p a:link, .thumb p a:visited {
	font-weight: bold;
}

p.price {
	font-size: 1.4em;
	color: #666;
}

p.retailer {
	text-transform: uppercase;
	font-size: 0.9em;
	color: #FF0066;
}

.itemRow .thumbImage {
	float: left;
	margin-right: 15px;
	width: auto;
}

.itemRow .thumbImage a {
	display: block;
	width: 135px;
	height: 135px;	
	background: #fff;
	border: solid 1px #ccc;
}

.thumbImage {
	width: 110px;
	height: 135px;
	text-align: center;
	margin-bottom: 4px;
}



/*.thumbImage a.itemLink {
	display: block;
	width: 110px;
	height: 135px;	
	background: #fff;
	border: solid 1px #ccc;
}

.itemRow .thumbImage a.over {
	width: auto;
	height: auto;
	background: none;
	border: none;
}*/

.thumbImage a:hover {
	border: solid 1px #da1162;
}

.thumbImage img {
	margin-top: 8px;
}

.tdTop {	
	width: 100%;
	height: 11px;
	background: url("../images/site/thumbDisplayTop.png") no-repeat left top;
}

/***** SEARCH *****/

.search label {
	text-transform: uppercase;
	color: #fff;
	font-size: 0.85em;
	display: block;
	float: left;
	width: 35%;
}

.search .ssGroup#midSection label {
	width: 30%;
} 



.search .formField {
	width: 100%;
	padding: 4px 0;
}

.search input {
	font-size: 0.9em;
	text-align: left;
	
}

.search select {
	font-size: 0.9em;
}

.hsGroup {
	width: 317px;
	float: left;
	padding: 0 15px;
}

.hsGroup#signUp {
	border-right: none;
}

.hsGroup#signUp img {
	margin-top: 15px;
}

.ssGroup {
	width: 32.9%;
	float: left;
}

#lastGroup {
	border: none;
}

.submitBox {
	text-align: center;
	padding-top:  15px;
}

#homeSearch {
background: url("../images/site/homeSearchBg.png") repeat-x left bottom #5d5d5d;
width: 695px;
padding: 15px 0;
}

#innerSearch {
background: url("../images/site/homeSearchBg.png") repeat-x left bottom #5d5d5d;
}

#innerSearchWrapper { width: 100%; margin: 30px 0 15px 0; }
#innerSearch { margin: 0 15px; padding: 5px 0 5px 10px; }

#searchContainer {
	width: 100%;
	float: left;
}

h1#homeSearchHeading {
	font-weight: bold;
	letter-spacing: 3px;
	font-size: 1.3em;
	margin-top: 0;
	color: #f81a73;
}


#ssWrapper {
	background: url("../images/site/ssBgRepeat.png") repeat-y left top;

}

#ssWrapper form {
	padding: 0 15px 0px 15px;
	margin: 0;
	background: url("../images/site/ssBottom.png") no-repeat left bottom;
}


/********* ITEM VIEW *********/

#itemWrapper {
	margin: 20px 0;
	padding-bottom: 20px;
	float: left;
	width: 695px;
}



#itemViewSearchResults .thumb {
	float: left;
	margin: 0 8px;
}

#itemViewSearchResults { margin-top: 20px; }

#itemViewSearchResults .thumbnailDisplay {
	padding: 20px 0 20px 45px;
	position: relative;
}

#itemViewSearchResults .thumbnailDisplay img#previous {
	position: absolute;
	top: 80px;
	left: -10px;
}

#itemViewSearchResults .thumbnailDisplay img#next {
	position: absolute;
	top: 80px;
	right: -10px;
}

#itemWrapper {
	margin-top: 30px;
}

#itemViewImage {
	float: right;
	margin-left: 15px;
}


#itemText a {
	font-size: 1.2em;
}

#itemText img {
	margin: 15px 0 15px 0;
}
	


/******** FOOTER ********/

#footer {
	background: url("../images/site/footer.png") left top repeat-x;
	text-align: center;
	padding: 15px;
}

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

ul#footerNav li {	
	background: url("../images/site/miniFlower.png") left center no-repeat;
	padding: 0 15px 0 35px;
	margin-left: 0;
	display: inline;
}

ul#footerNav li#first {
	background: none;
}

ul#footerNav a {
	text-transform: uppercase;
}

#footer p {
	margin: 5px;
	text-align: right;
	font-size: 0.95em;
}

/******* SEARCH RESULTS *******/

#srTable {
	border-collapse: collapse;
	width: 100%;
	margin-top: 15px;
}

#srTable .saleIcon { position: absolute; }

#srTable td.srImage {
	width: 160px;
}

.srImgContainer { position: relative; }

#srTable td {
	vertical-align: middle;
}

#srTable td.srPrice {
	padding: 5px;
	text-align: center;
}

#srTable th#thPrice { text-align: center; }

#srTable td.srTitle p.title {
	font-size: 1.1em;
}

#srTable td.srBrand {
	padding: 5px;
	text-align: center;
}

#srTable th#store {
	width: 150px;
	text-align: center;
}

#srTable th {
	background: #333;
	font-size: 1.1em;
	color: #ccc;
	padding: 10px 0;
	text-align: left;
}

#searchResults { float: left; }	

/***** GENERAL ********/

.white {
	color: #fff;
}

.greyBox {
	background: #e4e4e4;
	border: solid 1px #c1c1c1;
	padding: 8px;
	font-size: 1.4em;
	margin: 0;
}

img#signUpGrey {
	margin: 15px 0;
}

.odd {
	background: #F4f4f4;
}

.even {
	background: #fff;
}

.saveSearch {
	background: #FFDDEE;
	border: solid 1px #FF93C9;
	padding: 8px;
	font-weight: bold;
	margin-top: 0;
}

/***** MY AREA ******/

#myContainer {
	padding: 30px;
}

#myItems {
	width: 100%;
	clear: both;
}

#myWardrobe {
	width: 700px;
	margin-right: 245px;
}

.savedItems {
	width: 710px;
	padding: 5px;
	margin-bottom: 20px;
}

.savedItems tr td, .sResults tr td {
	vertical-align: top;

}

.savedItems tr td.wardrobeThumb, .sResults tr td.srThumb {
	vertical-align: middle; 
	background: #fff; 
	width: 120px;
	height: 160px;
	text-align: center;
	border: solid 1px #CCCCCC;
}

.savedItems tr td.wardrobeDesc, .sResults tr td.srDesc {
	padding: 0 15px;
	background: url("../images/site/silverFade.png") repeat-x left bottom #fff;
	line-height: 140%;
	text-align: justify;
}

form.wDelete {
	display: inline;
	margin: 0;
	padding: 0;
}

form.wDelete input { display: inline; }

.savedItems tr td.wardrobeMerch, .sResults tr td.srMerch {
	width: 120px;
	text-align: center;
	vertical-align: middle;
	background: url("../images/site/silverFade.png") repeat-x left bottom #fff;
}	
td.tableSpacer { height: 20px; }
td.wardrobeMerch p, td.srMerch p { margin: 8px; }

.srPrice { font-size: 18px; }
td.srMerch p {
	text-align: center;
}

.sResults th {
	background: #CCCCCC;
} 

p.wPrice {
	font-size: 1.4em;
}

#myItems h1 {
margin-left: 190px;
}


#npWrapper {
	float: right;
	width: 220px;
}
#notepad {

	min-height: 200px;
	background: url("../images/site/notepadMiddle.png") repeat-y left top;
}

#npTop {
	width: 220px;
	height: 69px;
	background: url("../images/site/notepadTop.png") no-repeat left top;
}

#npBottom {
	width: 220px;
	height: 17px;
	background: url("../images/site/notepadBottom.png") no-repeat left top;
}

div.savedItem {
	font-size: 0.9em;
	text-align: center;
	border: solid 1px #ccc;
	width: 119px;
	background: #fff;
	margin: auto;
	padding-top: 5px;
}

#fullWidthPage {
	padding: 20px;
}

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

#notepad ul li {
	padding: 8px;
	border-bottom: dotted 1px #666666;
	margin-left: 0;
}

#notepad ul li#lastSS {
	border-bottom: 0;
}

#myNav ul {
	list-style-type: none;
	margin: 0;
	padding-left: 0;
}

#myNav {
	background: #FFDDEE;
	border: solid 1px #FF93C9;
	margin-bottom: 20px;
}

#myNav ul li {
	float: left;
	padding: 10px 20px 10px 20px;
	font-weight: bold;
	font-size: 0.95em;
}

#myNav ul li#myhome {
	background: url("../images/site/coathanger.png") no-repeat left center;
	padding-left: 30px;
}

#myNav ul li#mydetails {
	background: url("../images/site/changeAccount.png") no-repeat left center;
}

#myNav ul li#mypassword{
	background: url("../images/site/changePassword.png") no-repeat left center;
}

#myNav ul li#mylogout {
	background: url("../images/site/logout.png") no-repeat left center;
}

#wardrobeFilter {
	background: #ff3366;
}

#wardrobeFilter ul {
	list-style-type: none;
}



#wardrobeFilter ul li a, #wardrobeFilter ul li a:visited {
	color: #fff;
}

/************ FORMS *************/

form.userEdit div.formField label {
	width: 200px;
	float: left;
}

form.userEdit div.formField {
	width: 600px;
	clear: both;
	margin: 4px 0;
}

.floatWrapper { float: left; }

/******** MISC ********/

.capitalise { text-transform: capitalize; }

option { text-transform: capitalize; }