/*	

	Klass Womens' Wear
	Master CSS
	
	Developed by Melissa Magee - E-scape Interactive - www.e-scape.co.uk
	Date: 18/08/06
	Version: 1.0
	
	Changelog:
	
	 
*/

body			{ background-color: #DDDAD5; }

#wrapper		{ margin: 0 auto; width: 790px;  background: url(../img/wrapper-bg-01.jpg) no-repeat top left; }


/* top navigation tabs */

#navigation-tab	{ width: 790px; height: 50px; margin: 0 auto; padding: 0; position: relative; left: 0px; top: 0px; z-index: 10; overflow: visible;}
#nav			{ position: relative; top: 11px; left: 8px; width: 440px; margin: 0 auto; padding: 0; text-align: center;}
#nav ul			{ margin: 0; padding: 0; height: 37px; }
#nav li			{ list-style: none; display: inline; margin: 0; padding: 0; }
#nav a 			{ float: left; margin: 0; padding: 42px 0 0 0; overflow: hidden; height: 0px  !important; height /**/:38px;  /* IE5 and windows RIP */}
#nav a:hover 	{ background-position: 0 0px; }
#nav a:active 	{ background-position: 0 -55px; }
#nav a.selected { background-position: 0 -55px; }
#tab-home a 	{ width: 67px; background: url(../img/tab-home.gif) top left no-repeat; margin-right: 5px; margin-left: 0;}
#tab-about-us a	{ width: 87px; background: url(../img/tab-about-us.gif) top left no-repeat; margin-right: 5px; }
#tab-faq a		{ width: 56px; background: url(../img/tab-faq.gif) top left no-repeat; margin-right: 5px; }
#tab-contact-us a	{ width: 97px; background: url(../img/tab-contact-us.gif) top left no-repeat; margin-right: 5px; }
#tab-size-chart a	{ width: 95px; background: url(../img/tab-size-chart.gif) top left no-repeat; margin: 0; }



/* main content wrapper */

#tab-content-join	{ width: 445px; background: #FFFFFF; border: 1px solid #B9B6B1; padding: 0; float: left; margin: 0px 15px 0px 26px; }
#homepage-content { width: 778px; background: url(../img/homepage-content-bg.jpg) repeat-y; background-color: #FFFFFF; border-left: 1px solid #B9B6B1; border-right: 1px solid #B9B6B1; border-top: 0px; border-bottom: 0; overflow: hidden;}

/* left column and navigation */

/*#left-nav		{ width: 135px; padding: 0px; margin: 0px 0px 0px 10px; float: left; color: #FFFFFF; }
#left-nav ul	{ margin: 0px; padding: 0px; font-family: Verdana, Arial,'Times New Roman', Sans-Serif; color: #FFFFFF; font-size: 11px; }
#left-nav li	{ list-style: none; text-align: left; padding: 0; margin-left: 5px; margin-bottom: 10px; line-height: 12px;}
#left-nav li ul { margin-top: 10px; }
#left-nav li li { list-style-type: none; margin-left: 10px; font-family: Verdana, Arial,'Times New Roman', Sans-Serif; color: #FFFFFF; font-size: 11px; text-transform: none; }
#left-nav li li a:link { margin-left: 10px; font-weight: normal; color: #FFFFFF; text-transform: none; text-decoration: none; background: url(../img/left-nav-bullet.jpg) no-repeat 0 50%; }
#left-nav li li a:visited { margin-left: 10px; font-weight: normal; color: #FFFFFF; text-transform: none; text-decoration: none; background: url(../img/left-nav-bullet.jpg) no-repeat 0 50%; }
#left-nav li li a:hover { margin-left: 10px; font-weight: normal; color: #FFFFFF; text-transform: none; text-decoration: underline; background: url(../img/left-nav-bullet.jpg) no-repeat 0 50%; }
#left-nav li li a:active { margin-left: 10px; font-weight: normal; color: #FFFFFF; text-transform: none; text-decoration: underline; background: url(../img/left-nav-bullet.jpg) no-repeat 0 50%; }
#left-nav ul a:link { color: #FFFFFF; font-weight: bold; text-transform: uppercase; text-decoration: none; padding-left: 12px; }
#left-nav ul a:visited { color: #FFFFFF; font-weight: bold; text-transform: uppercase; text-decoration: none; padding-left: 12px; }
#left-nav ul a:hover { color: #FFFFFF; font-weight: bold; text-transform: uppercase; text-decoration: none; padding-left: 12px; background: url(../img/left-nav-arrow.jpg) no-repeat center left; }
#left-nav ul a:active { color: #FFFFFF; font-weight: bold; text-transform: uppercase; text-decoration: none; padding-left: 12px; background: url(../img/left-nav-arrow.jpg) no-repeat center left; }
*/

#left-nav		{ width: 135px; padding: 0px; margin: 0 0 0 10px; float: left; color: #FFFFFF; }
#left-nav ul	{ width: 135px; margin: 0px; padding: 0px; font-family: Verdana, Arial,'Times New Roman', Sans-Serif; color: #FFFFFF; font-size: 11px; }
#left-nav ul li	{ width: 135px; list-style: none; text-align: left; padding: 0; margin-left: 5px; margin-bottom: 10px; line-height: 12px; }
#left-nav ul li a { width: 103px; color: #FFFFFF; font-weight: bold; text-transform: uppercase; text-decoration: none; padding-left: 12px; padding-right: 20px; display: block;}
#left-nav ul li a:hover {  background: url(../img/left-nav-arrow.jpg) no-repeat 0 0; }

#left-nav ul ul { margin-top: 10px; margin-bottom: 10px; }


#left-nav hr { display: none; }
.left-nav-divider { border-top: 1px solid #C1C1BF; width: 80%; margin: 0 auto; padding: 5px 0;}
#left-nav h1 { font-family: Verdana, Arial,'Times New Roman', Sans-Serif; color: #FFFFFF; font-size: 11px; text-transform: uppercase; text-align: left; margin-left: 20px; }
#left-nav #my-account ul { margin: 0px; padding: 0px;}
#left-nav #my-account li, #left-nav ul ul li { width: 100px; background: url(../img/left-nav-bullet.jpg) no-repeat 0 50%; margin: 0 0 5px 25px; padding: 0px;}
#left-nav #my-account ul li a, #left-nav ul ul li a { width: 100%; }
#left-nav #my-account ul a:link, #left-nav ul ul li a:link { text-decoration: none; font-weight: normal; color: #FFFFFF; text-transform: none; }
#left-nav #my-account ul a:visited, #left-nav ul ul li a:visited { text-decoration: none; font-weight: normal; color: #FFFFFF; text-transform: none; }
#left-nav #my-account ul a:hover, #left-nav ul ul li a:hover { text-decoration: underline; font-weight: normal; color: #FFFFFF; text-transform: none; background: transparent;}
#left-nav #my-account ul a:active, #left-nav ul ul li a:active { text-decoration: underline; font-weight: normal; color: #FFFFFF; text-transform: none; background: transparent;}

#left-myaccount { margin: 0px; padding: 0px; font-family: Verdana, Arial,'Times New Roman', Sans-Serif; color: #FFFFFF; font-size: 11px; }
#left-myaccount a:link { margin: 0px; padding: 0px; font-family: Verdana, Arial,'Times New Roman', Sans-Serif; color: #FFFFFF; font-size: 11px; text-decoration: none; border-bottom: 0px;}
#left-myaccount a:visited { margin: 0px; padding: 0px; font-family: Verdana, Arial,'Times New Roman', Sans-Serif; color: #FFFFFF; font-size: 11px; text-decoration: none; border-bottom: 0px;}
#left-myaccount a:hover { margin: 0px; padding: 0px; font-family: Verdana, Arial,'Times New Roman', Sans-Serif; color: #FFFFFF; font-size: 11px; text-decoration: none; border-bottom: 0px;}
#left-myaccount a:active { margin: 0px; padding: 0px; font-family: Verdana, Arial,'Times New Roman', Sans-Serif; color: #FFFFFF; font-size: 11px; text-decoration: none; border-bottom: 0px;}

/* middle column */

#middle-col { background-color: #FFFFFF; background-image: url(../img/main-bg.jpg); width: 440px; margin: 0 auto; padding: 0px; text-align: center;}
#middle-col h1 { font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:18px; font-weight:normal; text-align:left; padding-left:25px; padding-top:20px;  }
#middle-col-header { background: url(../img/header-details.jpg) no-repeat; width: 431px; height: 50px; border: 0; margin: 0 auto;}
#middle-col h2 { font-family: Arial, 'Times New Roman', Sans-Serif; font-size: 12px; color: #000000; font-weight: bold; text-align: center;}
#middle-col h2 a:link { color: #000000; text-decoration: none; }
#middle-col h2 a:visited { color: #000000; text-decoration: none; }
#middle-col h2 a:hover { color: #000000; text-decoration: underline; }
#middle-col h2 a:active { color: #000000; text-decoration: underline; }
.banner-top { float: left; margin: 5px 0px 0px 5px; }
.banner-left	{ float: left; margin: 5px 0px 5px 5px; }
.banner-right	{ float: right; margin: 5px 0px 5px 10px; }

/* product page */


#product-thumbs { float: left; margin: 7px; background: url(../img/drop-large.jpg) repeat-y; width: 211px; }
#product-thumbs .top { width: 211px; height: 6px; background: url(../img/drop-large-top.jpg) no-repeat; display: block; }
#product-thumbs .bottom { width: 211px; height: 6px;  background: url(../img/drop-large-bottom.jpg) no-repeat; display: block; }
#product-thumbs-small { float: left; margin: 7px; background: url(../img/drop-small.jpg) no-repeat; width: 211px; height: 211px; }
.product-image { margin: 0 7px; } 
.product-image-small { margin:  7px; width: 197px; height: 197px;}
#product-details { float: right; margin: 5px; font-family: Arial, 'Times New Roman', Sans-Serif; font-size: 11px; color: #000000; text-align: left; width: 190px; }
#product-details h2 { font-family: Arial, 'Times New Roman', Sans-Serif; font-size: 12px; color: #000000; font-weight: bold; text-align: left; }
.product-dropdown { margin: 10px 0 0 0; }
#product-details dt { line-height: 1.0em; padding-left: 10px; float: left; }
#product-details dd { padding: 0px; margin-left: 15px; width: 130px; }
#product-details ul { width: 100%;}
#product-details li { display: inline; list-style-type: none; margin-left: 1px; padding: 0px; }
.price-red { color: #ff0100; font-weight: bold; font-size: 12px; }
#product-details hr { display: none; }
.product-page-divider { border-top: 1px solid #000000; width: 180px; height: 1px; margin: 8px auto; }

/* accessories */
#featured-accessories-header { background: url(../img/accessories-header.jpg) no-repeat; width: 151px; height: 19px; border: 0; margin: 20px 0px 10px 10px; padding: 0; float: left; }




/*.accessory-holder { float: left; margin: 11px; text-align: center; width: 118px; font-family: Arial, 'Times New Roman', Sans-Serif; font-size: 11px; color: #000000; }*/
.accessory-holder { float: left; margin: 15px 2px 15px 2px; color: #000000; font-family: Arial, 'Times New Roman', Sans-Serif; font-size: 11px; text-align: center; width: 140px; }


/*.accessory-thumb { background: url(../img/accessories-drop.jpg) no-repeat; width: 111px;  }*/
.accessory-thumb { background: url(../img/drop.jpg) repeat-y; width: 111px; margin:0;padding:0; }
.accessory-thumb .top {  width: 111px; height: 6px; background: url(../img/drop-top.jpg) no-repeat; display: block; }
.accessory-thumb .middle {height:130px; display:block; overflow:hidden;  }
.accessory-thumb .middle img {max-height:130px; }
.accessory-thumb .bottom { width: 111px; height: 6px;  background: url(../img/drop-bottom.jpg) no-repeat; display: block; }



.accessory-holder .proddetails {height:100px;margin-top:4px;}

.accessory-image { margin: 0px 7px 0px 6px; }
/*.accessory-image { margin: 8px 2px 7px 2px; max-width: 102px; max-height: 95px; _width: expression(this.width > 102 ? 102: auto); _height: expression(this.height > 95 ? 95: auto); }*/
.price-red { color: #ff0100; font-weight: normal; font-size: 12px; }






.view-all:link { color: #ff0100; font-weight: bold; font-size: 12px; text-decoration: none; }
.view-all:visited { color: #ff0100; font-weight: bold; font-size: 12px; text-decoration: none; }
.view-all:hover { color: #ff0100; font-weight: bold; font-size: 12px; text-decoration: none; border-bottom: dashed 1px #ff0100; }
.view-all:active { color: #ff0100; font-weight: bold; font-size: 12px; text-decoration: none;  border-bottom: dashed 1px #ff0100;}








/* right column */

#right-nav { width: 135px; float: right; margin: 0px 10px 0px 0px; color: #000000; font-family: Arial, 'Times New Roman', Sans-Serif; font-size: 10px; text-align: center;}
#right-col-basket { border: 1px solid #B9B6B1; padding: 3px; margin: 0px; background: url(../img/right-col-background.jpg) repeat-x; }
#right-col-basket h1 { font-size: 12px; font-weight: bolder; text-align: center; margin-top: 3px;}
#right-col-basket h2 { font-size: 11px; font-weight: bold; text-align: left;}
.right-col-divider { border-top: 1px solid #C1C1BF;  margin: 10px 0 0 0;}
#right-col-basket hr { display: none; }
.my-basket-float { float: left; margin: 3px; }



/* right column log in */

#right-col-login {  border: 1px solid #B9B6B1; padding: 3px; margin: 5px 0px 0px 0px; background: url(../img/right-col-background.jpg) repeat-x; text-align: left;}
#right-col-login dl, #right-col-login dl dt, #right-col-login dl dd { margin: 0px; padding: 0px; width: 100%; }
#right-col-login dl { margin-top: 10px; }
#right-col-login dl dt { text-align: left; font-weight: bold; }
#right-col-login dl dd input { background-color: #FFFFFF; color: #000000; font-size: 10px; border-color: #C1C1BF; border-width: 1px; border-style: solid; margin: 5px 0px 10px 0px; width: 100px;}
#right-col-login p { margin-top: 0px; padding-top: 0px; }
#right-col-login p, #right-col-login input { text-align: left; }
#right-col-login p a { color: #000000; text-decoration: underline; }




/* right column testimoials */

#right-col-testimonials { border: 1px solid #B9B6B1; padding: 3px; margin: 5px 0px 0px 0px; background: url(../img/right-col-background.jpg) repeat-x; font-size: 12px; font-weight: bold;  text-align: left;}
#right-col-testimonials q { color: #000000; font-family: Arial, 'Times New Roman', Sans-Serif; font-size: 10px; font-weight: normal; }
#right-col-testimonials p { margin: 16px 0; padding: 3px; }
#right-col-testimonials p.submittest { font-size: 10px; color: #000000;  padding: 3px 3px 10px 3px;}
#right-col-testimonials p.submittest a { color: #000000; text-decoration: underline; text-align:center }

/* right column search */

#right-col-search {  border: 1px solid #B9B6B1; padding: 3px; margin: 5px 0px 0px 0px; background: url(../img/right-col-background.jpg) repeat-x; }
#right-col-search fieldset { border: 0; text-align: left;}
.right-col-search-box { background-color: #FFFFFF; color: #000000; font-size: 10px; border-color: #C1C1BF; border-width: 1px; border-style: solid; margin: 5px 0px 10px 0px; width: 100px; }
.right-col-dropdown { background-color: #FFFFFF; color: #000000; font-size: 10px; border-color: #C1C1BF; border-width: 1px; border-style: solid; margin: 5px 0 10px 0; width: 100px;}
.right-col-search-button { background-color: #858585; color: #FFFFFF; font-size: 10px; border-color: #CBCBCB; border-width: 1px; border-style: solid; }
.hidden { display: none; }

/* bottom navigational links */
#category-navigation { background-color: #820000;  margin-bottom: 5px; padding: 0px; font-family: Arial, 'Times New Roman', Sans-Serif; font-size: 12px;}
#category-navigation ul { text-align: center; margin: 0px; padding-top: 20px; padding-bottom: 20px; padding-left: 0; padding-right: 0; }
#category-navigation li { display: inline; list-style-type: none; margin-left: 20px; margin-right: 20px; padding: 0px;}
#category-navigation a:link { color: #FFFFFF; font-weight: bold; text-decoration: none; }
#category-navigation a:visited { color: #FFFFFF; font-weight: bold; text-decoration: none; }
#category-navigation a:hover { color: #FFFFFF; font-weight: bold; text-decoration: underline; }
#category-navigation a:active { color: #FFFFFF; font-weight: bold; text-decoration: underline; }

#nav-information-holder { background: #FFFFFF; border: #C1C1BF 1px solid; border-top: 0; width: 778px; padding: 8px 0; margin-bottom: 5px;}
#nav-information { background: #FFFFFF; border: #C1C1BF 1px solid; width: 748px; height: 105px; padding: 5px; margin: 0px auto; font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-align: left; color: #676767;}
#shipping-information { border-right: #C1C1BF 1px solid; width: 300px; float: left; width: 280px; height: 105px;}
#customer-information { border-right: #C1C1BF 1px solid; float: left; width: 230px; height: 105px; margin-right: 5px;  }
#nav-information h3 { color: #000000; font-size: 12px; font-weight: bold; text-align: center; margin: 0px 0px 5px 0px;}
#nav-information td { text-align: left; padding-left: 10px; background: url(../img/information-bullet.jpg) 0 50% no-repeat;}
#nav-information td a { text-decoration: none; color: #676767; }
#nav-information td a:link { text-decoration: none; color: #676767; }
#nav-information td a:visited { text-decoration: none; color: #676767; }
#nav-information td a:hover { text-decoration: underline; color: #980033; }
#nav-information td a:active { text-decoration: underline; color: #980033; }



/* footer */

#footer { clear: both; font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #666666; text-align: center; margin-top: 20px; }