/* CSS Document */

body{margin:0px; background:url(images/bg.jpg) top left repeat-x  #FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#000;}
.Wrapper{ width:930px; padding: 0px 20px 0px 20px; background:url(images/main-table-bg.jpg) top left repeat-x #EEEEEE; margin:0 auto;}

img {border:none;}

h1{font-size:17px;  margin:0px; padding:0px; line-height:20px; color:#004841;}
.input-box {border:solid 1px #FFFFFF; background:#FFFFFF; height:16px; }
.page-container input[type="text"],
.page-container input[type="password"],
.page-container textarea {
  border:solid 1px #999; background:#FFFFFF;
}
.link-gray{text-decoration:none;color:#676767; font-size:12px; }
a:hover.link-gray{text-decoration:none;color:#000000; font-size:12px;}
.link-grays{text-decoration: underline;color:#676767; font-size:11px; line-height:11px; }
a:hover.link-grays{text-decoration:none;color:#000000; font-size:11px;line-height:11px;}
.heading-s{ font-size:12px; color:#004841; font-weight:bold; line-height:20px; border-bottom:solid 1px #CCCCCC;}


.header-bg{margin:0 auto; width:930px; height:179px; /*background: url(images/header-img.jpg) top left no-repeat;*/}



#Cotent-box{margin:0 auto;width:913px;background:#FFFFFF;  padding-left:9px; padding-right:9px; padding-top:9px; padding-bottom:20px; min-height:850px;}
#Cotent-box .left{ width:603px; float:left; padding-right:9px;}
#Cotent-box .left .name {width:603px;height:51px; background:#E4F0EE; float:left; cursor:pointer;}
#Cotent-box .left .tnb {width:603px;height:21px;float:left; padding-top:11px; padding-bottom:10px;}
#Cotent-box .left .tnb ul{ margin:0px; padding:0px; background:#ffffff; }
#Cotent-box .left .tnb li{margin:0px; padding:0px; list-style:none;display:inline; float:left;}
#Cotent-box .left .tnb li a:link, #Cotent-box .left .tnb li a:active, #Cotent-box .left .tnb li a:visited {text-decoration:none;color:#676767; font-size:11px;  display:block; line-height:21px; float:left; width:75px; background:url(images/menu-bg.jpg) top left no-repeat;  text-align:center; font-weight:bold;}
#Cotent-box .left .tnb li.tabsel a,
#Cotent-box .left .tnb li a:hover {text-decoration:none;color:#ffffff; font-size:11px;  display:block; line-height:21px; float:left;width:75px; background:url(images/menu-over.jpg) top  left no-repeat ; font-weight:bold;}

#Cotent-box .left .tnb .act {text-decoration:none;color:#ffffff; font-size:11px;  display:block; line-height:21px; float:left;width:75px; background:url(images/menu-over.jpg) top  left no-repeat ; font-weight:bold; text-align:center;}


#prodcut-frist{width:593px;float:left; padding-top:14px; padding-bottom:10px; padding-left:8px; padding-right:10; border:solid 1px #CCCCCC; position:relative;}
#prodcut-frist P{ padding:0px 0px 5px 0px; margin:0px 0px 5px 0px; }
#prodcut-frist .pleft{ width:300px; float:left;}
#prodcut-frist .pright{ width:282px; float:left; position:absolute; left:308px;}


#prodcut-second{width:603px;float:left; padding-top:16px; position:relative; height:202px; }
#prodcut-second P{ padding:0px 0px 5px 0px; margin:0px 0px 5px 0px;}
#prodcut-second .sleft{width:267px;  padding-top:12px; padding-bottom:12px; padding-left:9px; padding-right:13px;border:solid 1px #CCCCCC;position: absolute; height:180px;}
#prodcut-second .sleft .sfirst{width:134px; float:left; position:absolute; padding-right:14px;}
#prodcut-second .sleft .ssecond{width:121px; float:left; position:absolute; left:158px;}

#prodcut-second .sright{width:267px; position:absolute; left:312px;padding-top:12px; padding-bottom:12px; padding-left:9px; padding-right:13px;border:solid 1px #CCCCCC; height:180px;}
#prodcut-second .sright .srfirst{width:134px; float:left; position:absolute; padding-right:14px;}
#prodcut-second .sright .sr-second{width:121px; float:left; position:absolute;left:158px;font-size:11px; }




#Cotent-box .right{ width:300px;float:right;}
#Cotent-box .right .heading{ background:url(images/heading-bg.jpg) top left no-repeat ; height:21px; font-size:12px; font-weight:bold; color:#FFFFFF; padding-left:11px; width:100%; line-height:19px;}


#payment{width:282px; background:url(images/graybox-bg.jpg) top left repeat-x; padding-left:9px; padding-right:9px; padding-top:12px; position:relative; height:67px;}
#payment .pay-left{ width:130px;position:absolute; }
#payment .pay-left input { width: 140px; font-size: 11px; }
#payment .pay-right{ width:142px; position:absolute; left:150px;}


#Sog{width:123px; background:url(images/graybox-bg.jpg) top left repeat-x; padding-left:9px; padding-right:9px; padding-top:12px; position:relative; height:67px;}
#Sog .sog-top{ width:128px; height:21px; }
#Sog .sog-left{ width:70px;position:absolute; height:30px; padding-top:4px;  }
#Sog .sog-right{ width:24px; position:absolute; left:110px; height:30px;}


.Nyh{width:123px; background:url(images/graybox-bg.jpg) top left repeat-x #ECF0F1; padding-left:9px; padding-right:9px; padding-top:12px; position:relative; height:100px;}
.Nyh .nyh-top{ width:128px; height:25px; }
.Nyh .nyh-left{ width:100px;position:absolute; height:30px; padding-top:4px; font-size:12px; }
.Nyh .nyh-right{ width:24px; position:absolute; left:110px; padding-top:16px;}


#R-box{ width:300px; position:relative;}
#R-box .rbox-left{width:145px; position: absolute;}
#R-box .rbox-right{width:155px; position: absolute; left:145px; padding-left:10px;}
#R-box .rbox-right div{width:145px;}


#R-box .rbox-right ul{ margin:2px 0px; padding:2px 0px; background:#ffffff;}
#R-box .rbox-right li{margin:0px; padding:0px; list-style:none;padding-bottom:0px;background:url(images/aero.gif) top left no-repeat;  }
#R-box .rbox-right li a:link, #R-box .rbox-right li a:active, #R-box .rbox-right li a:visited {text-decoration:none;color:#676767; font-size:12px;padding-left:12px;  }
#R-box .rbox-right li a:hover {text-decoration:none;color:#000000; font-size:12px; padding-left:12px;}


.rbox-left input.input-box,
input#keywords {
  width: 120px;
}
.jqinline input { color: #999; }
.jqinline input:focus, .jqinline input.focused { color: #000; }

#tip-a-friend ul {
  margin:0;
  padding:0;
  list-style:none;
}

/* ###################  new css ####################################*/

#middle-container {
  float: left;
  width: 600px;
  margin: 0;
  text-align:left;
}

#middle-container .page {
  margin: 0 10px 1em 10px;
  line-height: 1.2em;
}

#middle-container .page .pageheading {
  clear: both;
  margin: 0 0 1em 0;
}

#middle-container .pageheading h1,
#middle-container .relatedproducts h1
{
  color: #024944;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 125%;
}

#middle-container h1.productheading {
  color: #024944;
  text-transform: uppercase;
  font-weight: bold;
}

#middle-container .headingactions {
  float: right;
}

#middle-container #subcatlisting {
  margin: 0 0 2em 0;
}

#middle-container p {
  margin: 0 0 1em 0;
}

#middle-container div.productinfo {
  vertical-align: middle;
}

#middle-container form#add-to-basket div.productinfo {
  float: right;
}

#middle-container div.productinfo input.quantity {
  font-size: 11px;
  text-align: center;
  border: 1px solid #CBDAD8;
}

#middle-container .middlebanner {
  text-align: center;
}

#middle-container .productbox,
#middle-container .relatedproducts {
  width: 565px;
}
#middle-container .relatedproducts div {
  float: left;
  text-align: center;
  margin-left: 15px;
  width: 145px;
}
#middle-container .relatedproducts a {
  text-decoration: none;
}

#middle-container form#create-account-form label {
  width: 130px;
}
#middle-container form#create-account-form select,
#middle-container form#create-account-form input,
#middle-container form#create-account-form p {
  margin-bottom: 3px;
  padding-bottom: 0;
}
.print-icon {
  float: right;
  margin-right: 10px;
}
.page-container {
  width: 591px;
  _width: 510px;
}

div#search-result,
.productbox,.frontpage-main-product,
.frontpage-sub-product-left,
.frontpage-sub-product-right,
.relatedproducts,.subcat
{
 border: 1px solid #CBDAD8;
  margin-bottom: 10px;
  padding: 1em;
}

.frontpage-main-product td {
/*  width: 250px; */
}

.frontpage-main-product td img {
  margin-right: 10px;
}

a.focus {
  font-style: italic;
  text-decoration: underline;
  white-space: nowrap;
}

.frontpage-sub-product-left {
  height: 180px;
  float: left;
  width: 267px;
  overflow: hidden;
}
.frontpage-sub-product-left td.productinfo,
.frontpage-sub-product-right td.productinfo
{
  padding-left: 1em;
}


.frontpage-sub-product-right {
  height: 180px;
  width: 267px;
  float: right;
  overflow: hidden;
}

#subcatlisting .subcat {
  float: left;
  padding: 1em;
  text-align: center;
  width: 134px;
  margin-right: 10px;
  cursor: pointer;
  height: 120px;
  font-size: 11px;	
}

#subcatlisting .subcat-first {}

#subcatlisting .subcat-last {
  margin-right: 0;
}

/*-------------------------------------------------------------------------------------------*/
div#create_account form label {
  display: block;
  width: 110px;
  float: left;
}

div#create_account form div.error {
  border: 1px solid #f00;
  margin-bottom: 10x;
  padding-top: 10px;
}

div#create_account form div.InfoBoxContenent2MABox,
div#create_account form span.messageStackError {
  margin:0;
  padding:0;
}
div#create_account form div.InfoBoxContenent2MABox {
  padding-left: 10px;
}
div#create_account form div.InfoBoxContenent2MABox img,
div#create_account form div.InfoBoxContenent2MABox br {
  display: none;
}

td.productdesc {
font-size: 11px;
}

.productlisting td.separator {
  height: 1px;
  background-color: #E2F2F0;
  padding: 0;
}

.productlisting td {
  padding: 1em;
}

#middle-container .page h2.productheading {
  line-height:1em;
}

#breadcrumb {
  margin-bottom: 1em;
}

/* clearfix, thanks to jqueryui */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .clearfix { height:1%; }
.clearfix { display:block; }
/* end clearfix */

/* shoppingcart */
table#shopping-cart-table {
  width: 95%;
}

table#shopping-cart-table th {
  white-space: nowrap;
}

table#shopping-cart-table td {}

table#shopping-cart-table th.price,
table#shopping-cart-table td.price {
  text-align: right;
}

table#shopping-cart-table td img {
  float: left;
  margin-right: 5px;
}

table#shopping-cart-table td input {
  margin-left: 5px;
}