/* CSS Reset: Copyright (c) 2007, Yahoo! Inc. All rights reserved.  Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt version: 2.3.1 */
body{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup,sub{line-height:-1px;vertical-align:text-top;}sub{vertical-align:text-bottom;}input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}

#shoppingbag {
    width: 145px;  /* 270 - 5 - 120 */
    height: 108px; /* 170 - 60 - 2 */
    padding: 60px 5px 2px 120px;
    background-image: url('images/shopping-bag.jpg');
    background-repeat: no-repeat;
    font-size: 12px;
    color: #fff;
}

body {
	background: #ffffff;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
    margin-top: 5px;
}

td {
  vertical-align: top;
}


#search {
    padding: 25px 20px 0px 0px;
    float: right;
}

.logo {
    padding: 27px 0px 16px 00px;
}


#container {
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	width: 999px;
    background: #1a1718;
/*	border: 1px solid #959595;*/
    min-height: 740px;
}

.pageleftcol {
    padding-top: 0px;
    padding-left: 9px;
    width: 150px; /* 159px - 9px */
    background-image: url(images/left_col_bg.png);
    background-repeat: no-repeat;
    background-position: 10px 0;
}

.pagemiddlecol {
    width: 550px;
    border: #787878 solid 1px;
    background-image: url(images/page_heading_bg.jpg);
    background-position: top;
    background-repeat: no-repeat;
    background-color: #FFFFFF;
}


.pagerightcol {
    padding-left: 10px;
    padding-right: 8px;
    width: 270px; /* 288 */
}

#footer {
/*	width: 999px; */
    background-color: #1a1718;
    padding: 14px 5px 0 10px;
    height: 36px; /* 50 - 14 */
}


#footercontent, #footercontent a  {
    color: #FFFFFF;
    font-size: 11px;
    text-decoration: none;
}

#heading {
	padding: 10px;
}

#heading a {
	font-size: 20pt;
	text-decoration: none;
	color: #FFFFFF;
}

#mainmenu {
    height: 46px;
}

#mainmenu ul {
    padding: 0px 8px;
	display : block;
	margin : 0 auto;
}

#mainmenu ul li {
    text-align: center;
/*    width: 95px;*/
    height: 46px;
	float : left;
	display : block;
}

#mainmenu ul li a, #mainmenu ul li a img {
	display : block;
}

#homepage td {
    padding: 0px;
    margin: 0px;
    vertical-align: top;
}

.homepageflash {
  padding-left: 8px;
  float: left;
}

#homepageright {
  float: right;
  padding: 0 8px 0 12px;
}

#homepageright img{
  margin-bottom: 5px;
}

#homepagebottom {
  float: left;
  padding: 0;

}

#content {
	font-size: 10pt;
	padding: 10px;
	color: #000000;
    width: 528px;  /* 550 - 10 - 10 - 2 */
    min-height: 700px;
}


#content h2 {
    font-weight: bold;
	padding-bottom: 0.5em;
    color: #666;
    font-size: 16px;
}


#content h1, .shopHeading {
	font-size: 16pt;
	padding-bottom: 0.5em;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    padding-top: 18px;
/*    float: left;*/
}

.shopHeading {
    float: left;
}

#content h3 {
	font-size: 12pt;
	font-weight: bold;
	padding-bottom: 0.5em;
}

#content p {
	padding-bottom: 0.5em;
}

#content a {
	color: #898989;
	text-decoration: none;
}

#content div.error {
 /*	background: #D57578;
	border: 1px solid #A5A5A5;*/
	margin-top: 0px;
	margin-bottom: 0.5em;
	padding: 0.5em;
	padding-top: 0px;
	padding-left: 0px;
	color: #D57578;
	font-weight: bold;
    width: 600px;
}

#content div.error p {
	margin-top: 0.2em;
	margin-bottom: 0.2em;
}

#content table { border-collapse: collapse;/* color: #FFFFFF;*/ font-size: 10pt; }
#content td, #content th { padding-right: 2px; padding-bottom: 2px; }

/* right panel images */

img#rightpanelimages {
  margin-bottom: 10px;
}


/* My Account */

#myaccountMenuLinks ul {
/*  padding-left: 10px;   */
  padding-bottom: 10px;
}

#myaccountMenuLinks li {
  margin-left: 20px;
  padding-bottom: 2px;
  list-style-image: url('images/star_right_col_myaccount_link.png');
}

#myaccountMenuLinks a, #myaccountMenuLinks a:visited {
  text-decoration: none;
  color: #636467;
}

#myaccountloginbox {
  color: #FFFFFF;
  margin-top: 10px;
  padding-top: 10px;
  background-image: url('images/myaccountloginbox.png');
  font-size: 12px;
  width: 270px; /* 270 actual*/
  height: 130px;  /* 170 actual */
}

.lost_password_button {
  padding-left: 2px;
  color: #ffffff;
  font-size: smaller;

}


#account_login_heading {
  float: left;
  margin-left: 11px;
  font-size: 18px;
  text-align: left;
  width: 86px; /* 97 - 11 */
}

#account_login_form {
  color: #FFFFFF;
  float: right;
  margin-left: 10px;
  text-align: left;
  width: 160px;
}

#enduser_account h4 {
  font-weight: bold;
  color: #eb516b;
  margin-top: 10px;
}


xxx#myaccountloginbox input{    /* broken intentionally */
    width: 130px; /* 156 actual*/
/*    height: 126px;   126 actual */
   /* margin-left: 6px;  */
}

input.auth_action auth_action_login {
   width: 50px;;
}


#mailinglistsubsciptions th {
  font-weight: bold;
}

#mailinglistsubsciptions td, #mailinglistsubsciptions th {
  padding: 3px 10px 3px 0px;
  border: 1px solid #545454;
}

#myaccountaddresses th {
  font-weight: bold;
}

#myaccountaddresses td, #myaccountaddresses th {
  padding: 3px 10px 3px 0px;
  border: 1px solid #545454;
}




/*Prices*/

.price {
  font-weight: bold;
}


.specialprice {
  color: red;
}



/* Category page */

.catcell {
  width: 125px;
}


.catproduct{
  height: 217px; /* actual 240 = 217 + 18 + 5  */
  width: 125px; /* actual 211 = 201 + 5 + 5  */
  padding: 18px 5px 5px 5px;
  background-color: #FFFFFF;
  text-align: center;
  vertical-align: middle;
  color: #666666;
}

.catthumb {
  height: 140px;
}

.pagination {
  float: right;
  padding-top: 22px;
}

#pagination a, #pagination a:visited, #pagination b {
  border: 1px solid #c0c0c0;
  padding: 0.1em;
  text-align: center;
}

#pagination b {
  background-color: #999999;
  color: #FFFFFF;
}

#ptoggle input {
  border: none;
  background: transparent;
  text-decoration: underline;
  float: right;
  color: #666666;
  text-align: right;
  cursor: pointer;
  padding: o;
}

/*Shop Pages */
.shopfooter {
/*  background-image: url(images/shop_page_footer_bg.png);
  background-position: bottom;
  background-repeat: no-repeat;
  background-color: #FFFFFF;*/
/*  border: 1px black solid;*/
  text-align: right;
  padding: 10px 0px 0 0px;
  margin: 10px 0;
  float: right;
}





/* Product page */

.productproducttop{
  background-image: url(images/product_product_top.gif);
  height: 4px;
  width: 650px;
}

#productproduct{
  background-color: #FFFFFF;
  color: #636467;
/*  margin-top: 55px;*/
}

.productdetails{
/*  height: 330px;
  width: 650px;
  background-color: #FFFFFF;
  color: #636467;

  border: 1px solid red;   */
  float: right;
  width: 250px;
}

#by_style li {
  display: inline;

}

.by_style  {
/*  display: inline;*/
  float: right;
  width: 120px;
}


.productproductbottom{
  background-image: url(images/product_product_bottom.gif);
  height: 4px;
  width: 650px;
}

.submitBtn {
  background-image: url(images/addtobag.png);
  height: 30px;
  width: 92px;
}


/* Complete the Running Bare look */

/*   old design
.simproducttop{
  background-image: url(images/sim_product_top.gif);
  height: 4px;
  width: 206px;
  background-color: #BEB6B2;
}  */

#simproduct{
  height: 150px;
  width: 125px;
  background-color: #FFFFFF;
  color: #636467;
}

.simprodtable{
  text-align: center;
}

.simprodcell{
  background-color: #FFFFFF;
  color: #636467;
  text-align: center;
}

.simthumb {
  width: 125px;
  height: 140px;
  margin-bottom: 5px;
}


/* from old design
.simproductbottom{
  background-image: url(images/sim_product_bottom.gif);
  height: 4px;
  width: 206px;
  background-color: #BEB6B2;
}*/


/* Shopping Cart & Checkout */

#minicart {
	float: right;
	width: 200px;
	border: 1px solid #A5A5A5;
	padding: 2px;
}

#minicart table {
	width: 100%;
}

#content table.mini {
	width: 100%;
	margin : 0;
	height : auto;
}

/* cart page */
x#cartbackground{
  min-height: 330px;
  width: 550px;   /* 650 - 20  */
  background-color: #FFFFFF;
  color: #636467;
}

#content table.cart {
  width: 530px;
  margin: 0px 10px 10px 0px;
  background-color: #FFFFFF;
  color: #636467;
}

#content table.cart th {
	font-weight: bold;
	background-color: #F2F2F2;
	border-top:1px solid #6F98B0;
}

#content table.cart td {
    font-size: smaller;
    padding-left: 2px;
}

tr.lineabove	{border-top:1px solid #ABC4D1;}

.total {
	border-top: 1px solid #6F98B0;
	font-weight: bold;
	background-color: #F2F2F2;
    margin-bottom: 5px;
}
.proceedtocheckout {
	border-top: 1px solid #6F98B0;
    margin-top: 5px;
    padding-top: 5px;

}

#content table.checkoutaddresses {  /* the table the addresses sit in on the page in the checkout procedure ('my account' vers*/
  background-color: #FFFFFF;
  color: #636467;
  width: 550px;
  margin-left: 60px;
 /* border: 1px solid black;*/
}


#content table.address { margin-bottom: 0.5em }
#content div.summaryAddresses { width: 45%; float: left; margin-right: 1em; margin-left: 10px; }
#content div.address { margin-bottom: 0.5em; border: 1px solid #A5A5A5; padding: 0.5em }
#content div.loginPanel { border: 1px solid #A5A5A5; padding: 0.5em; width: 230px; float: left;  } /*margin-right: 0.5em; margin-left:10px*/
#content div.loginPanelLeft {float: left; margin-left:10px; }
#content div.loginPanelRight {float: right;  margin-right:0px; }

#content div.checkoutContent {
    border: 1px solid #6F98B0;
    padding: 5px;
    margin: 10px;
    background-color: #E0E0E0;
    width: 500px;  /* 500 - 10 - 10 - 5 - 5 */
}

#content table.checkoutProgress { width: 512px; margin-bottom: 1em; margin-left: 10px; margin-right: 10px; }
#content table.checkoutProgress td {
	cursor: default;
  /*	background: #6F98B0;  */
	padding: 0.5em;
	font-size: 8pt;
	color: #aaaaaa;
	text-align: center;
	width: 20%;
    border: 1px solid #A4A4A4;
}
#content table.checkoutProgress td.current {/* background: #44677B;*/ font-weight: bold; color: black; }

#content a.searchbutton, input.searchbutton {
	cursor: pointer;
	padding: 3px;
	color: white;
	text-decoration: none;
    font-weight: bold;
	font-size: 8pt;
	border: 1px solid #1a1718;
    background-color: transparent;
}

#content a.button, input.button {
	cursor: pointer;
    background-color: transparent;
	border: 0px ;
	background: #626367;
/*   background-image: url(images/button_background.png);
   background-repeat: no-repeat;*/
	padding: 0px 3px;
	color: #fff;
	text-decoration: none;
	font-size: 8pt;
    text-align: center;
/*    width: 80px;*/
}

#checkoutPagesContent{
  min-height: 370px;
  width: 522px;
  background-color: #FFFFFF;
  color: #636467;
}

/*
#shippingAddress td {
  color: #575757;
  vertical-align: top;
  border-top: 1px solid #6F98B0;
  padding-bottom: 3px;
  padding-top: 3px;
}
*/
/*
#billingAddress td {
  color: #575757;
  vertical-align: top;
  border-top: 1px solid #6F98B0;
  padding-bottom: 3px;
  padding-top: 3px;
}

*/

#content form.checkout-address fieldset {
	padding : 0.5em;
	display : block;
}

#content form.checkout-address fieldset p {
    font-size: 12px;
}

#content form.checkout-address select.current {
	width : 50%;
	margin : 0 auto;
	display : block;
	padding : 0.3em 0em 0em 0em;
}

#content form.checkout-address .choice {
	text-align : center;
	font-weight : bold;
	font-variant : small-caps;
	/*font-size : 2em; */
    font-size : 20px;
}

#content form.checkout-address fieldset.sa-only {
	width : auto;
	float : none;
	margin : 0 10px;
}

#content form.checkout-address fieldset.sa {
	float : left;
	width : 230px;
	border: 1px solid #bbbbbb;
	margin : 0 5px 5px 0px;
}

#content form.checkout-address fieldset.ba {
	width : 230px;
	border: 1px solid #bbbbbb;
	float : right;
	margin : 0 0px 5px 5px;
}
#content form.checkout-address fieldset.across {
	clear : both;
}
#content form.checkout-address fieldset.action {
	text-align : right;
}

#content form.checkout-address fieldset legend {
	font-size : 1.2em;
	font-weight : bold;
	padding : 0.1em 0.3em 0.1em 0em;
	margin : 0;
	color : #666;
}

#content form.checkout-address fieldset fieldset legend {
  /*	font-size : 1.1em;  */
    font-size : 12px;
	color : #777;
}

#content form.checkout-address table {
	width : 98%;
}

#content form.checkout-address table th {
	font-weight : bold;
	text-align : right;
	width  : 30%;
}
#content form.checkout-address table th,
#content form.checkout-address table td {
	background-color : #fff;
	color : #000;
	vertical-align: top;
	color: #575757;
	border : none;
	padding: 3px 5px;
	font-size : 0.8em;
}

#content form.checkout-address td input.text,
#content form.checkout-address td select.text,
#content form.checkout-address td textarea {
	display : block;
	width: 95%;
}


.vline {
  width: 1px;
  height: 100%;
  border: solid 1px #6F98B0;
}


.textbox1 {
  width: 200px;
}

#content table.login, div.login {
  color: #808080;
  margin-left: 10px;
}

#content table.payment{
  color: #808080;
  margin-left: 10px;
}


/* menu base style */
#menu {
	padding: 30px 0 0 0;
	border : none;
	width : 140px;
	color : #FFFFFF;
	background-color : transparent;
}

#menu h4 {
	color : #fff;
	font-weight : 600;
	padding : 0 0 0 9px;
	text-decoration: none;
	background-color: transparent;
	color: #ffffff;
    height: 26px;  /* 26px - 2px top marg */
    font-size: 14px; /* added by ST */
}

#menu .mid {
/*	background-color : #312f30; */
	padding : 0px 5px;
}

#menu .top {
/*    background-image: url(images/category_menu_top.gif);
	width : 157px;
    height: 5px;*/
}

#menu .bot {
/*    background-image: url(images/category_menu_bottom.gif);
	width : 157px;
    height: 7px;*/
    margin-bottom: 20px;
}

#menu span {
	cursor : pointer;
}
/* end base menu styles */

.s2f {
	position : relative;
}

.s2f form {
	display : none;
	position : absolute;
	background-color: #fff;
	padding: 5px;
	top : 35px;
	left : 5px;
}


.s2f img {
	cursor : pointer;
}

.s2f_product form {
	border : 1px solid #000;
}

.s2f_product form fieldset {
	display : block;
}

.s2f_product form fieldset.actions {
	clear : both;
	text-align :center;
}

.s2f_product form label {
	display : block;
	padding : 3px 8px;
}

.s2f_product form input.s2f_close {
	float: right;
	display : block;
}

.expando_image_container {
	width : 245px;
	height : 350px; /* image height plus 'click to zoom' button */
	overflow : hidden;
	float : left;
	background-color : #fff;
    vertical-align: top;
}
.expando_image_container p {
	text-align : center;
}
img.expando_image {
	display : block;
	margin : 0 auto;
}
.expando_image_container_full {
	position : absolute;
	display : block;
	margin : 0 auto;
	background-color : #fff;
	border : 1px solid #000;
	z-index : 90000;
	top : 0;
	left : -10000px;
}
.expando_image_container_full p {
	margin : 0;
	padding : 2px 12px 2px 2px;
	text-align : right;
}
.expando_image_container p span, .expando_image_container_full p span {
	cursor : pointer;
}

/**
 * search results
 */
ul.search_results {
	font-size : 100%;
	margin-bottom : 1em;
}

ul.search_results li {
	line-height : 2.5em;
    list-style-type: disc;
    color: #898989;
    margin-left: 25px;
}

form.simple_payment_form {
	display : inline;
	margin : 0;
	padding : 0px;
}

.cartContent {
	float :left;
width : 95%;
	padding : 0em 1em 0em 0em;
    margin: 10px;
}

#content table.mini td {
  border-bottom: 1px #C0C0C0 solid;
}

#content table.cartsummary {
  width: 500px;
}


.transaction_notice {
	border : 1px solid #c30;
	padding : 0.5em;
	background-color : #eee;
	color : #000;
	margin : 1em 2px;
}

input.day, input.month {
	width : 2em;
}
input.year {
	width : 3em;
}

div.break {
	clear : both;
	visibility : hidden;
	font-size : 0;
	height : 0;
	line-height : 0;
}

/* Newsletter */

/* MyAccount Transactions page*/

table#transactions, td#transactions  {
  width: 500px;
}

table#transactions th  {
  border: 1px solid #bbb;
  padding-left: 3px;
  font-weight: bold;
  background-color: #C0C0C0;
}

table#transactions td  {
  border: 1px solid #bbb;
  padding-left: 3px;
}