/*	

	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 h2 { font-family: Arial, 'Times New Roman', Sans-Serif; font-size: 12px; color: #000000; font-weight: bold; text-align: center;}
#middle-col-header { background: url(../img/header-details.jpg) no-repeat; width: 431px; height: 50px; border: 0; margin: 0 auto;}
#middle-col fieldset { border: 0; margin: 10px; text-align: left; color: #000000; font-family: Arial, 'Times New Roman', Sans-Serif; font-size: 12px; }
#middle-col fieldset td { width: 50%; }


#middle-col fieldset2 { border: 0; margin: 10px; text-align: left; color: #000000; font-family: Arial, 'Times New Roman', Sans-Serif; font-size: 12px; }
#middle-col fieldset2 td {}


.forgotten-password { color: #fe0000; font-weight: normal; }
.forgotten-password a:link { color: #fe0000; text-decoration: none; font-weight: normal; }
.forgotten-password a:visited { color: #fe0000; text-decoration: none; font-weight: normal; }
.forgotten-password a:hover { color: #fe0000; text-decoration: underline; font-weight: normal; }
.forgotten-password a:active { color: #fe0000; text-decoration: underline; font-weight: normal; }
.details-form-field { width: 230px; height: 20px; border: 1px solid #a4abb3; margin-bottom: 10px; color: #000000; font-family: Arial, 'Times New Roman', Sans-Serif; font-size: 12px;}
.asterix { color: #fe0000; }


/* size chart */
.float-right-img { float: right; margin: 0 5px 0 0; }
#size-chart { font-family: Arial, 'Times New Roman', Sans-Serif; font-size: 12px; color: #000000; text-align: left;  }
#size-chart dt { float: left; font-weight: bold; width: 20px; margin: 0 0 0 5px;}
#size-chart dd { float: left; width: 240px; margin: 0 0 20px 0; padding: 0; }

#main-body-text { font-family: Arial, 'Times New Roman', Sans-Serif; font-size: 12px; color: #000000; text-align: left; margin: 0 5px; }


/* testimonials page */

#main-body-text #testimonials p { line-height:100%; margin:10px 0 2px 0; }
#main-body-text #testimonials .name {font-weight:bold; text-indent:20px; margin-bottom:10px; padding:0;}
#main-body-text #testimonials #addtestimonial {margin:30px 0;}
#main-body-text #testimonials dl {width:100%;}
#main-body-text #testimonials dt {float:left; padding-right:3px; width:20%;}
#main-body-text #testimonials dd {margin:5px 0;}
#main-body-text #testimonials #username, #main-body-text #testimonials #comments {width:50%;}

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






.size-chart-table { width: 100%; margin: 0 0 20px 0; }
.size-chart-table th { text-align: center; padding: 5px; }
.size-chart-table td { text-align: center; padding: 5px;}

/* 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 */

#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; }


#wrapper #middle-col td.forgotten-password { padding: 0px; height: auto; }
#wrapper #middle-col p.forgotten { font-size: 10px; color: #000000;  padding: 0 0 10px 0;}
#wrapper #middle-col p.forgotten a { color: #000000; text-decoration: underline; }
#wrapper #middle-col p.forgotten a:hover { text-decoration: none; }


/* footer */

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



/* returns page */
#returns #main-body-text p {padding:10px 0 0 5px; margin-bottom:2px; }
#returns #main-body-text address {padding:10px 0 0 5px; margin-bottom:2px;}