/*
  $Id$

  osCommerce, Open Source E-Commerce Solutions
  http://www.oscommerce.com

  Copyright (c) 2010 osCommerce

  Released under the GNU General Public License
*/
body {
  /*background: #fff url(images/template/running_background.jpg) center top fixed;*/
  color: #333;
  margin: 0px;
  font-size: 12px;
  font-family: Arial, Lucida Grande, Lucida Sans, Verdana, sans-serif;
}

#bodyWrapper {
 /* background:url(images/template/body_bg.png) repeat-y center; padding:5px 10px*/
}

#bodyContent { padding-top:5px;
}

#columnLeft {
  padding-top: 5px; 
}

#columnRight {
  padding-top: 5px;
}


.contentText, .contentText table {
  padding: 5px 0 5px 0;
  font-size: 12px;
  line-height: 1.5;
}

.productListTable {
  padding: 5px;
  font-size: 12px;
  line-height: 1.5;
}

.productListTable tr.alt td {
  background-color: #ecf6fc;
}

.fieldKey {
  font-size: 12px;
  line-height: 1.5;
  width: 150px;
		color:#333333;
}

.fieldValue input{width:200px; border:1px solid #ccc; padding:4px}
.fradio div{display:inline-block; vertical-align:middle; cursor:pointer}

.fradio input, .fcheckbox input{width:15px;}
.fieldValue select{width:208px;border:1px solid #ccc; padding:4px}
.fieldValue img{vertical-align:middle}

h1 {
  font-size: 14px;
  margin-bottom: 0;
  padding-bottom: 5px;
}

img {
  border: 0;
}

table, p {
  font-size: 12px;
  line-height: 1.5;
}

.buttonSet {
  clear: both;
}

.buttonAction {
  float: right;
}

.boxText { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.errorBox { font-family : Verdana, Arial, sans-serif; font-size : 10px; background: #ffb3b5; font-weight: bold; }
.stockWarning { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #cc0033; }
.productsNotifications { background: #f2fff7; }
.orderEdit { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #70d250; text-decoration: underline; }

A {
  color: #666;
  text-decoration: none;
}

A:hover {
  text-decoration: underline;
}

FORM {
	display: inline;
}

TR.header {
  background: #ffffff;
}

TR.headerError {
  background: #ff0000;
}

TD.headerError {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #ff0000;
  color: #ffffff;
  font-weight : bold;
  text-align : center;
}

TR.headerInfo {
  background: #00ff00;
}

TD.headerInfo {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #00ff00;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}


.infoBox {
  background: #b6b7cb;
}

.infoBoxNotice {
  background: #FF8E90;
}

.infoBoxNoticeContents {
  background: #FFE6E6;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

TD.infoBoxHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  background: #bbc3d3;
  color: #ffffff;
}

TD.infoBox, SPAN.infoBox {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd {
  background: #f8f8f9;
}

TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {
  background: #f8f8f9;
}

TABLE.productListing {
  border: 1px;
  border-style: solid;
  border-color: #b6b7cb;
  border-spacing: 1px;
}

.productListingHeader {
  table-layout: fixed;
  color: #FFFFFF;
  font-weight: bold;
}

.productListingHeader A:hover {
  color: #FFFFFF;
}

.productListingData {
  table-layout: fixed;
}



TD.pageHeading, DIV.pageHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 20px;
  font-weight: bold;
  color: #9a9a9a;
}

TR.subBar {
  background: #f4f7fd;
}

TD.subBar {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #000000;
}

TD.main, P.main {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  line-height: 1.5;
}

TD.smallText, SPAN.smallText, P.smallText {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

TD.accountCategory {
  font-family: Verdana, Arial, sans-serif;
  font-size: 13px;
  color: #aabbdd;
}

TD.tableHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

SPAN.newItemInCart {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #ff0000;
}

CHECKBOX, INPUT, RADIO, SELECT {
  font-family: Arial, Verdana,  sans-serif;
  font-size: 12px;
}

TEXTAREA {
  width: 95%;
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
}

SPAN.greetUser {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #f0a480;
  font-weight: bold;
}

TABLE.formArea {
  background: #f1f9fe;
  border-color: #7b9ebd;
  border-style: solid;
  border-width: 1px;
}

TD.formAreaTitle {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

SPAN.markProductOutOfStock {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #c76170;
  font-weight: bold;
}

SPAN.productSpecialPrice {
  font-family: Verdana, Arial, sans-serif;
  color: #ff0000;
}

SPAN.errorText {
  font-family: Verdana, Arial, sans-serif;
  color: #ff0000;
}

.moduleRow { }
.moduleRowOver { background-color: #D7E9F7; cursor: pointer;}
.moduleRowSelected { background-color: #E9F4FC; }

.checkoutBarFrom, .checkoutBarTo { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #8c8c8c; }
.checkoutBarCurrent { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; }

/* message box */

.messageBox { font-family: Verdana, Arial, sans-serif; font-size: 12px; }
.messageStackError, .messageStackWarning { font-family: Verdana, Arial, sans-serif; font-size: 12px; border:1px dashed #e66c3a; background:#f9e5e1; padding:5px 10px; margin:5px 0px}
.messageStackSuccess { font-family: Verdana, Arial, sans-serif; font-size: 12px; border:1px dashed #009900; background:#dffde0; padding:5px 10px; margin:5px 0px}

#message_ear{display:none; padding:7px 20px; width:908px;}
#message_ear a{text-decoration:underline; color:#00b8e4;}
.Success{border:1px dashed #009900; background:url(images/icons/success.gif) no-repeat 5px center #dffde0}
.Error{border:1px dashed #e66c3a;  background:url(images/icons/error.gif) no-repeat 5px center #f9e5e1}

/* input requirement */
.inputRequirement { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ff0000; }


/* account link list */

.accountLinkList {
  list-style-type: none;
  margin: 2px 2px 2px 10px;
  padding: 5px;
}

.accountLinkList li{position:relative; padding-left:20px}

.accountLinkListEntry {
  float: left;
  margin-right: 5px;
}


.accountLinkList li{height:25px}
.accountLinkList .ui-icon{ background-image:url(ext/jquery/ui/redmond/images/ui-icons_cd0a0a_256x240.png); position:absolute; left:0px; top:8px;}


/* buttons 1*/
.tdbLink       {display:inline-block; position: relative; background:url(images/template/botton.gif) no-repeat left -50px; padding-left:5px; height:25px; margin-right:5px; vertical-align:middle}
.tdbLink button {padding:0px; margin:0px; border:none; background:none; cursor:pointer; overflow:visible; float:left}
.tdbLink a, .tdbLink button {display:inline-block; padding-left:15px; font-family:Arial; font-size:12px;  height:25px; line-height:25px; background:url(images/template/botton.gif) no-repeat right top; padding-right:10px; color:#fff; vertical-align:middle}
.tdbLinkOver{display:inline-block;  position: relative; background:url(images/template/botton.gif) no-repeat left -75px; padding-left:5px; height:25px; margin-right:5px; vertical-align:middle}
.tdbLinkOver button{cursor:pointer; overflow:visible;  padding:0px; margin:0px; border:none; background:none}
.tdbLinkOver a, .tdbLinkOver button {display:inline-block; padding-left:15px; font-family:Arial; font-size:12px;  height:25px; line-height:25px; background:url(images/template/botton.gif) no-repeat right -25px; padding-right:10px; color:#fff; vertical-align:middle}


/* buttons 2*/
.tdbLink2       {display:inline-block;  position: relative; background:url(images/template/botton.gif) no-repeat -50px -50px; padding-left:5px; height:25px; margin-right:5px; vertical-align:middle}
.tdbLink2 button{cursor:pointer; overflow:visible;  padding:0px; margin:0px; border:none; background:none}
.tdbLink2 a, .tdbLink2 button{display:inline-block; padding-left:15px; font-family:Arial; font-size:12px;  height:25px; line-height:25px; background:url(images/template/botton.gif) no-repeat right -100px; padding-right:10px; color:#fff; vertical-align:middle}
.tdbLinkOver2   {display:inline-block;  position: relative; background:url(images/template/botton.gif) no-repeat -50px -75px; padding-left:5px; height:25px; margin-right:5px; vertical-align:middle}
.tdbLinkOver2 button{cursor:pointer; overflow:visible;  padding:0px; margin:0px; border:none; background:none}
.tdbLinkOver2 a, .tdbLinkOver2 button {display:inline-block; padding-left:15px; font-family:Arial; font-size:12px;  height:25px; line-height:25px; background:url(images/template/botton.gif) no-repeat right bottom; padding-right:10px; color:#fff; vertical-align:middle}

.tdbLink a, .tdbLink a:hover, .tdbLinkOver a, .tdbLinkOver a:hover{outline:none; text-decoration:none;}
.tdbLink2 a, .tdbLink2 a:hover, .tdbLinkOver2 a, .tdbLinkOver2 a:hover{outline:none; text-decoration:none}


/***********************************************************************************************************************************************/
/************************                                      customer begin                            ***************************************/
/***********************************************************************************************************************************************/
#header {
 margin-bottom:5px;
}

#storeLogo {
  float: left; margin-top:15px;
}

/*header top*/
#header_rightPart{float:right}
#select_part{vertical-align:middle; text-align:right; margin-top:10px}
#select_part form{ padding:0px; margin-left:10px}
#select_part select{width:100px}
#cart_link{text-align:right; margin-top:45px; color:#666;}
#cart_link a{display:inline-block; padding:0px 5px}
#cart_number{color:#ff6600}
#cart_link #cart_icon{background:url(images/template/iconCart.gif) no-repeat left center; padding-left:32px}
/*top menu */
#top_menu{background:url(images/template/nav_bk.gif) repeat-x center; height:36px; position:relative; margin-bottom:5px}
#top_menu ul{list-style:none; padding:0px; margin:0px; margin-left:10px}
#top_menu ul li{float:left; background:url(images/template/nav_dot.gif) no-repeat right center; padding-right:2px}
#top_menu ul li a{ display:block; float:left; height:36px; line-height:36px; padding:0px 20px; color:#fff; font-weight:bold; font-size:13px}
#top_menu ul li a:hover{text-decoration:none; background:url(images/template/nav_over.gif) repeat-x center}
#top_menu .tlr{position:absolute; left:0px; top:0px; height:36px; width:4px; background:url(images/template/nav_bk.gif) left top}
#top_menu .trr{position:absolute; right:0px; top:0px; height:36px; width:4px; background:url(images/template/nav_bk.gif) right bottom}
#top_menu form{display:block; padding:0px; margin:0px; position:absolute; right:10px; top:7px!important; top:5px;  color:#fff; height:36px;}
#top_menu form input{vertical-align:middle;}
#search_field{width:150px; margin:0px 5px}

/*top catalog menu*/
#top_camenu{background:#ccc; height:36px; background:url(images/template/nav_bk.gif) repeat-x center; margin-top:5px; margin-bottom:5px; position:relative; z-index:10}
#top_camenu .tleft_r { height:36px; width:4px; background:url(images/template/nav_bk.gif) no-repeat left top; position:absolute; left:0; top:0}
#top_camenu .tright_r { height:36px; width:4px; background:url(images/template/nav_bk.gif) no-repeat right  bottom; position:absolute; right:0; top:0}
#top_camenu ul{list-style:none; padding:0; margin:0; padding-left:10px; position:relative; z-index:10}
#top_camenu ul li{position:relative; float:left;}
#top_camenu ul li a{ display:block; float:left; height:36px; line-height:36px; padding:0px 20px; position:relative; color:#fff;}
#top_camenu ul li a span{display:block; position:absolute;  width:9px; height:5px; right:15px; top:17px;  background:url(images/template/arrow_down.png) no-repeat center center; vertical-align:middle; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/template/arrow_down.png')}

#top_camenu ul li a:hover{text-decoration:none}
#top_camenu ul li:hover{ background:url(images/template/nav_over.gif) repeat-x center}
/*ie6 fix*/
#top_camenu ul .top_camenu_over{background:url(images/template/nav_over.gif) repeat-x center}
#top_camenu ul ul .top_camenu_over{ background:none}
#top_camenu ul li .top_camenu_havesub{ padding-right:30px}
/*ie6 fix*/
#top_camenu ul ul{position:absolute; display:none; z-index:100000; left:0px; top:34px; border:1px solid #d13300; border-top:3px solid #d13300; padding:5px;  background:#eee; width:250px; zoom:1}
#top_camenu ul {
-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-moz-border-topright-radius: 5px;
-moz-border-bottomleft-radius: 5px;
-moz-border-bottomright-radius: 5px;
border-top-right-radius: 5px;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;

-moz-box-shadow:2px 2px 2px #ccc;
-webkit-box-shadow:2px 2px 2px #ccc;
box-shadow:2px 2px 2px #ccc;
}
#top_camenu ul ul li{ float:none; border-bottom:1px dotted #ddd}
#top_camenu ul ul li a{padding:0px 10px; float:none; height:28px; line-height:28px; color:#333}
#top_camenu ul ul li a:hover{color:#ff6600; background:none}
#top_camenu ul ul li:hover{background:none}
#top_camenu ul li:hover ul{display:block}
/*end top catalog menu*/


/*info box*/
.infoBoxContainer { background:url(images/template/box_bg.gif) no-repeat center bottom; padding-bottom:5px; margin-bottom:10px}
.infoBoxHeading {border:none; background:url(images/template/box_bg.gif) no-repeat center top; color:#333; font-weight:bold; font-size:14px; height:32px; line-height:32px; padding-left:15px}
.infoBoxHeading a{color:#333}
.infoBoxContents {padding: 5px 8px;  font-size: 12px;  line-height: 1.5;  border-left:1px solid #dddddd; border-right:1px solid #dddddd; background:#fff}


#bm_news ul{ list-style:none; padding:0; margin:0}
#bm_news ul li{border-bottom:1px dotted #ddd; padding:5px; font-weight:bold}
#bm_news ul li a{display:block; font-weight:normal}
.news_more{text-transform:capitalize; display:block; text-align:right}

.newslist{list-style:none; padding:0; margin:0}
.newslist li{border-bottom:1px dotted #ddd; padding:5px; position:relative}
.newslist li span{position:absolute; right:0px}

#bm_best_sellers .infoBoxContents ol{ padding-left:25px; margin:0px; list-style:decimal-leading-zero;}
#bm_best_sellers .infoBoxContents ol li{ border-bottom:1px dotted #ddd; word-break:break-all; padding:3px 0px; font-weight:bold; color:#333}
#bm_best_sellers .infoBoxContents ol li a{font-weight:normal;}

#bm_specials .infoBoxContents, #bm_whats_new .infoBoxContents{text-align:center}
#bm_specials .infoBoxContents img, #bm_whats_new .infoBoxContents img{margin-bottom:5px; border:1px solid #eee}
#bm_specials .infoBoxContents, #new_icon{position:relative;}
#new_icon div{ position:absolute; right:0px; top:0px; background:url(images/template/new_icon.png) no-repeat center center; width:37px; height:35px}

#bm_specials .clock{display:block; background:url(images/template/clock-icon.gif) no-repeat left; padding-left:18px; position:absolute; bottom:5px; right:10px}
#bm_specials .clock span{color:red}

/* catalog default list */
#bm_categories ul{list-style:none; padding:0px; margin:0px;}
#bm_categories a{display:block; font-weight:bold; padding-top:5px; padding-bottom:5px; _zoom:1; border-bottom:1px dotted #CCC; font-size:12px}
#bm_categories a:hover{color:#ff6600}
#bm_categories .ca_0{padding-left:5px;}
#bm_categories .ca_1{padding-left:25px; background:url(images/template/arrow_black.gif) no-repeat 15px center; font-weight:normal}
#bm_categories .ca_2{ padding-left:25px;  font-weight:normal; background:none}
#bm_categories .cain{color:#ff6600}


/*right catalog menu*/
.cabox{background:url(images/template/cabox_bg.gif) no-repeat bottom left #fff; padding-bottom:5px; margin-bottom:10px;}
.cabox_head{padding:0; margin:0; background:url(images/template/cabox_bg.gif) no-repeat top left; height:30px; line-height:30px;  font-size:14px; padding-left:20px; border:none; color:#fff; font-weight:bold}
.cabox_content{background:none; border:none; background:#fff; margin:0; border:1px solid #C21800; border-bottom:none; zoom:1; padding:5px}
.cabox_content ul{ list-style:none; padding:0px; margin:0px; background:#fff; zoom:1}
.cabox_content ul li{position:relative; padding:0px; margin:0px; background:url(images/template/red_arrow.gif) no-repeat right center; border:1px solid #fff; border-bottom:1px dotted #ddd; zoom:1}
.cabox_content ul ul li{background:none; border:none}
.cabox_content ul li a{display:block; padding:5px 10px;}
.cabox_content ul li a:hover{ text-decoration:none; color:#C21800;}
.cabox_content ul .level_2:hover{ border:1px solid #c21800;}
.cabox_content ul .level_2:hover span{display:block;  height:100%; width:5px;  position:absolute; z-index:1000; right:0px; top:0px; background:#fff; font-size:1px;}
/*ie6*/
.cabox_content ul .level_26{ border:none}
.cabox_content ul .level_2over{ border:1px solid #c21800;}
.cabox_content ul .level_2over span{display:block; height:24px;  width:5px;  position:absolute; z-index:1000; right:0px; top:0px; background:#fff; font-size:1px;}
/*end ie6*/
.cabox_content .level_2round{width:200px; padding-top:5px; background:url(images/template/round_subbox.png) no-repeat top left; position:absolute; z-index:100; left:172px; top:-20px; display:none;}
.cabox_content .level_2box{ border-left:1px solid #c21800; border-right:1px solid  #c21800;}
.cabox_content .level_2round .subfr{height:5px; font-size:1px;  background:url(images/template/round_subbox.png) no-repeat left bottom;}
.cabox_content ul li:hover .level_2round{display:block}
.cabox_content ul ul ul li a{padding:5px 10px 5px 20px}
.level_2box .have3 ul{ font-weight:normal}

.cabox_content .width_sub{width:420px; background:url(images/template/round_subbox2.png) no-repeat top left;}
.cabox_content .width_sub .subfr{background:url(images/template/round_subbox2.png) no-repeat left bottom;}
.cabox_content .width_sub .have3{width:200px; float:left; margin-left:5px; margin-bottom:5px}
.cabox_content .width_sub ul li{ float:left; width:200px;}
.cabox_content .width_sub ul .clear{clear:both; float:none}

.width_till{font-weight:bold; color:#c21800;}
/*end right menu css*/

/*center content*/
.contentContainer {padding-bottom:8px;}
.contentContainer h2 {  font-size: 12px;  font-weight:bold;  margin-bottom: 0;  padding-bottom: 5px;		border-bottom:1px solid #ddd;		color:#ff3300}

/* nav bar */
.headerNavigation { padding:8px 0px; border-bottom:1px dotted #ccc; margin-bottom:10px}

/*module till*/
.contentContainer .mtill{margin:0px; font-size:13px; padding:7px 0px 8px 10px; border-bottom:1px solid #ddd; color:#333;  background:url(images/template/page_splitbk.gif) repeat-x top}

.homenew_box{border:1px solid #ddd; margin-top:10px; zoom:1}
.also_box{border:1px solid #ddd; margin-bottom:10px; zoom:1}
.list_box{border:1px solid #ddd; padding:0px; zoom:1}



.ca_desc p{padding:0px; margin:0px}

/* products listing */
A.pageResults {
  color: #0000FF;
}

A.pageResults:hover {
  color: #0000FF;
}

.subca_table{border-collapse:collapse; margin-bottom:10px}
.subca_table td{border:#f3f3f3 solid 10px; padding:5px; font-weight:bold}
.subca_table td img{margin-bottom:5px}

#plist_ear{zoom:1}
.Page_Results{ border:1px solid #ddd; background:url(images/template/page_splitbk.gif) repeat-x top; padding:6px 10px; position:relative; height:19px;}
.Page_Results span{font-weight:bold; color:#ff6600;}

.page_icon{ position:absolute; right:10px; top:2px;}
.pageup{display:inline-block; width:28px; height:26px; background:url(images/template/page_ico.gif) no-repeat right top; cursor:pointer}
.pageupend{display:inline-block; width:28px; height:26px; background:url(images/template/page_ico.gif) no-repeat left top}
.pagenext{display:inline-block; width:28px; height:26px; background:url(images/template/page_ico.gif) no-repeat right -26px; cursor:pointer}
.pagenextend{display:inline-block; width:28px; height:26px; background:url(images/template/page_ico.gif) no-repeat left -26px}

.Page_List{background:#f8f8f8; border:1px solid #ddd; padding:5px 10px; position:relative}
.Page_List form{ position:absolute; right:10px}
.Page_List form select{color:#666}
.Page_List form a{display:inline-block; border:1px solid #ddd; padding:1px 15px 1px 5px; background:url(images/template/page_ico.gif) no-repeat right -95px #fff}
.Page_List form a:hover{text-decoration:none}
.Page_List form  .sort_on{background:url(images/template/page_ico.gif) no-repeat right -119px #fff; color:#ff6600}

.pgride{display:inline-block; width:19px; height:19px; background:url(images/template/page_ico.gif) no-repeat -4px -75px; vertical-align:middle}
.pgride_off{display:inline-block; width:19px; height:19px; background:url(images/template/page_ico.gif) no-repeat -4px -56px; vertical-align:middle}
.plist{display:inline-block; width:19px; height:19px; background:url(images/template/page_ico.gif) no-repeat -32px -75px; vertical-align:middle}
.plist_on{display:inline-block; width:19px; height:19px; background:url(images/template/page_ico.gif) no-repeat -32px -56px; vertical-align:middle}

#gicon{margin-left:2px; margin-right:5px}
#gicon a{display:inline-block; width:19px; height:19px; margin:0px 4px; cursor:pointer}
.gon{display:inline-block; width:56px; height:19px; background:url(images/template/page_ico.gif) no-repeat center -75px; vertical-align:middle}
.goff{display:inline-block; width:56px; height:19px; background:url(images/template/page_ico.gif) no-repeat center -56px; vertical-align:middle}

.list_number{ display:inline-block; height:19px; line-height:19px; width:25px; text-align:center; border:1px solid #ddd; background:#fff; margin-right:5px}
.list_number:hover{text-decoration:none; color:#ff6600}
.number_on{ border:1px solid #ff6600; color:#ff6600}


.list_itemg{padding:0px; margin:0px; position:relative; float:left; width:162px; border:1px solid #eee; height:225px; margin-left:11px; margin-top:5px; margin-bottom:25px; padding:2px; text-align:center}
.list_itemg:hover{border:1px solid #ccc}
.list_itemg .list_image{ display:block; background:url(images/template/indicator.gif) no-repeat center center;}
.list_itemg .list_name{display:block; margin-top:5px; line-height:1.3; height:45px; color:#333;}
.list_itemg .list_desc{display:none}
.list_itemg .list_price{display:block; font-weight:bold; color:#ff6600}
.list_itemg .list_price del{color:#999}
.list_itemg .list_buynow{ cursor:pointer; font-weight:bold}
.list_itemg .list_right{display:none}
.list_itemg .list_rate {font-size:9px; color:#999; display:block; margin-top:2px}
.list_itemg .list_rate span{ width:49px; height:9px; display:inline-block}
.rate0{background:url(images/stars_0.gif) no-repeat left center}
.rate1{background:url(images/stars_1.gif) no-repeat left center}
.rate2{background:url(images/stars_2.gif) no-repeat left center}
.rate3{background:url(images/stars_3.gif) no-repeat left center}
.rate4{background:url(images/stars_4.gif) no-repeat left center}
.rate5{background:url(images/stars_5.gif) no-repeat left center}

.list_itemg .list_stock{position:absolute; display:block; left:0px; top:0px; height:49px; width:49px; background:url(images/template/soldout1.png) no-repeat left top}


.list_iteml{border-bottom:1px dotted #ddd; padding-bottom:10px; margin-bottom:10px; position:relative}
.list_iteml .list_image{display:block; width:180px; text-align:center; background:url(images/template/indicator.gif) no-repeat center center;}
.list_iteml .list_image img{border:1px solid #eee}
.list_iteml .list_image img:hover{border:1px solid #ccc}
.list_iteml .list_name{display:block; position:absolute; line-height:1.2; top:0px; left:180px; width:200px; font-weight:bold; font-size:13px; font-family:Verdana, Geneva, sans-serif; color:#333;}
.list_iteml .list_desc{display:block; position:absolute; line-height:1.2; top:50px; left:180px; width:200px; font-size:11px; color:#666}
.list_iteml .list_price{display:none}
.list_iteml .list_buynow{display:none}
.list_iteml .list_right{ display:block; position:absolute; right:10px; top:0px; color:#666; text-align:right}
.list_iteml .list_price2{font-weight:bold; color:#333; font-size:14px;}
.list_iteml .list_price2 del{font-weight:normal; color:#999}
.list_iteml .list_rate {font-size:9px; color:#999; margin-top:5px; display:block; position:absolute; top:100px; left:180px;}
.list_iteml .list_rate span{ width:49px; height:9px; display:inline-block}

.list_iteml .list_stock{position:absolute; display:block; left:8px; top:-1px; height:49px; width:49px; background:url(images/template/soldout1.png) no-repeat left top}

.list_iteml .tdbLink, .list_iteml .tdbLink2, .list_iteml .tdbLinkOver, .list_iteml .tdbLinkOver2{margin-right:0px; margin-top:5px}

.come_soon{background:url(images/template/coming_soon.jpg) no-repeat 20px center; font-weight:bold; height:100px; line-height:100px; padding-left:130px; border-bottom:1px dotted #ccc; border-top:1px dotted #ccc}

/*address*/
#indicator{display:none}
.direct_checkout strong{display:block; background:#eee; padding:5px 10px; color:#333}

/*cart box*/
.cart_line{padding:5px 0px; font-size:1px}
.cart_line div{border-bottom:1px solid #CCC; height:1px}

/*shopping cart*/
.show_cart{border-collapse:collapse; margin-top:5px}
.show_cart td{border:1px solid #ddd; padding:5px}
.show_cart .show_cart_head td{ background:url(images/template/page_splitbk.gif) repeat-x top; font-weight:bold}
.cart_action{margin-top:5px}
.cart_action input{padding:0px; margin:0px; border:0px; vertical-align: bottom}
.cart_action img{margin-left:5px; vertical-align:bottom}
.cart_fc{cursor:pointer; display:block; clear:both; background:url(images/infobox/arrow_right.gif) no-repeat left center; padding-left:15px}

.coupon{border:1px solid #ccc; background:#efefef; padding:10px; float:left; color:#333}
.coupon small{display:inline-block; margin:5px 0px; font-size:11px}
.show_cart td a, .show_cart td button{vertical-align:middle}


/*products info*/
#products_images{width:302px; float:left; text-align:center;}
#thumb0{}
#products_images .smallImage{margin-top:5px; clear:both}
#products_images .smallImage img{margin-bottom:3px; border:1px solid #ddd; background:url(images/template/indicator.gif) no-repeat center center}
#Default_Image{background:url(images/template/indicator.gif) no-repeat center center}
#pre_loadimage{display:none}

#products_info{float:left; margin-left:30px; width:400px}
#products_info div{margin-bottom:5px}
#products_info p{padding:0px; margin:0px}
#products_info .infoname{font-weight:bold; color:#333; font-size:16px; padding:0px; margin:0px;  text-transform:capitalize}
#products_info .infomodel{font-size:12px; font-weight:bold; color:#666; margin:5px 0px}
#products_info .infomanufac{font-size:13px; color:#ccc}
#products_info .infoprice{ margin-top:10px; height:24px; font-size:16px; font-weight:bold; color:#00b8e4; position:relative;}
#products_info .add_cart{margin:10px 0px; border-top:1px solid #dddddd; border-bottom:1px solid #dddddd; padding:20px 0px; background:#fdfdfd;}
#products_info .add_cart input{vertical-align:middle; margin-right:10px}
#products_info .add_cart a{cursor:pointer; text-decoration:underline;}
#products_info label{color:#000000}
#products_info select{width:200px; margin-bottom:10px}
.addthis_default_style{ clear:left}

.nostock{ height:38px; background:url(images/template/stock.gif) no-repeat left bottom}
.outstock{height:38px; background:url(images/template/stock.gif) no-repeat left center}
.instock{height:38px; background:url(images/template/stock.gif) no-repeat left top}

#infotabs{ margin-top:20px; margin-bottom:10px;}
#infotabs .tabNavigation{list-style:none; padding:0px; margin:0px; height:30px; background:url(images/template/page_splitbk.gif) repeat-x top; border:1px solid #ddd; border-bottom:2px solid #ff6600; border-left:none}
#infotabs .tabNavigation li{float:left;}
#infotabs .tabNavigation li a{display:block; color:#333; float:left; height:30px; line-height:30px; font-size:13px; font-weight:bold; padding:0px 10px; border-left:1px solid #ddd}
#infotabs .tabNavigation li a {blr:expression(this.onFocus=this.blur());  outline:none;} 
#infotabs .tabNavigation li a:hover{text-decoration:none; color:#ff6600}
#infotabs .tabNavigation li .selected{ border:2px solid #ff6600; border-bottom:none; background:#fff;}
#Info_Desc, #Qty_Price, #AlsoLike, #Info_Reviews, #Recent_order{ border:1px solid #ddd; padding:10px; border-top:none;}

/*reviews */
#star-rating{width:100px; height:17px; overflow:hidden;}
.star_{background:url(images/template/star.gif) no-repeat right center}
.star_1{background:url(images/template/star.gif) no-repeat -80px center;}
.star_2{background:url(images/template/star.gif) no-repeat -60px center;}
.star_3{background:url(images/template/star.gif) no-repeat -40px center;}
.star_4{background:url(images/template/star.gif) no-repeat -20px center;}
.star_5{background:url(images/template/star.gif) no-repeat left center;}


.bundle{border-bottom:1px dotted #ccc; padding-bottom:10px; position:relative; display:block}
.bundle_item{float:left; max-width:100px; height:110px; border:3px solid #eee; padding:5px; margin-left:10px; margin-top:10px; text-align:center; position:relative}
.bundle_item img{margin-bottom:5px}
.bundle_add{margin-left:33px}
.bundle_add div{position:absolute; top:30%; left:-33px; width:30px; height:30px; background:url(images/template/bundle.gif) no-repeat center bottom}
.bundle_price{font-size:14px; color:#666; margin-left:33px;}
.bundle_price div{position:absolute; top:30%; left:-33px; width:30px; height:30px; background:url(images/template/bundle.gif) no-repeat center top}
.bundle_price .bprice{display:block; font-size:16px; font-weight:bold; margin-bottom:5px}
.bundle_price .bundle_real{color:#ff6600} 
.bundle_bt{ position:absolute; right:10px; top:45%}

.browse_history{border:1px solid #ddd}
#AlsoLike{padding:10px 0px}
.browse_history .list_itemg, #AlsoLike .list_itemg{width:130px; height:180px}
/*products info*/

#coProgressBar{background:#CCC; height:5px; position:relative}
#Progress33{background:#ff6600; height:5px; position:relative; width:33%}
#Progress66{background:#ff6600; height:5px; position:relative; width:66%}
#Progress100{background:#ff6600; height:5px; position:relative; width:100%}

#tickets{display:none;}
.ticket{border:1px solid #ddd; border-bottom:none; margin-bottom:20px; float:left}
.ticket td{padding:2px 5px; border-bottom:1px solid #ddd}
.ticket td img{vertical-align:middle}
.ticket .ticket_head td{background:#eee; color:#000; border-right:1px solid #fff; padding:5px}
.message td{padding:2px 5px}
.message td img{vertical-align:middle}
.message_head{ background:#eee}
.message .message_info {padding:5px;}
.message_info div{border-bottom:1px solid #ddd; background:#eee; padding:3px}
.shiperro{color:#999; font-size:11px}

#reviews{margin:15px 0px}
#write_reviews{border:1px solid #ddd; background:#f8f8f8; padding:20px; float:left; margin-top:10px}
.reviews_list_head{margin-top:5px}
.reviews_list_head span{position:absolute; right:15px; color:#999}
.reviews_list_content{border-bottom:1px dotted #ccc; padding:5px 0px; font-size:11px; margin-bottom:10px; color:#666; text-transform:capitalize}
.reviews_list_content p{padding:0; margin:0;}


.ui-state-error{border:1px dotted #e66c3a; background:#fef6f2; padding:5px; margin:5px}

/*flash images player*/
#flashplayer{position:relative; width:100%; height:200px; overflow:hidden}
#slidenumber { 
	position:absolute;
 right:10px; 
 bottom:10px;
	z-index:10;
}
#slidenumber a { 
	display:block; 
 font-size:1px;
	width:10px; 
	height:10px;
	text-indent:-9999px;
	background:#666;
	float:left;
	margin-right:5px;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
}


#slidenumber a.activeSlide {background:#ff6600}
#slidenumber a:focus {outline: none; }
.pics div img{
width:550px; 
height:200px; 	
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
}

/*MOVE PRODUCTS*/
#move_products {position:relative; width:548px; height:220px; overflow:hidden; border:1px solid #ddd}
.moveproducts_list{margin-left:20px;}
.moveproducts_list ul{list-style:none; padding:0px; margin:0px}
.moveproducts_list li{margin-right:5px; width:120px; height:180px; text-align:center; padding-top:10px}
.moveproducts_list li img{width:120px; height:90px; margin-bottom:5px}
#move_products button{width:19px; height:29px; cursor:pointer} 
.prev{position:absolute; bottom:60px; left:5px; border:none; background:url(images/template/arrow_scroller.png) no-repeat left top; }
.prev:hover{background:url(images/template/arrow_scroller.png) no-repeat left bottom}
.next{position:absolute; bottom:60px; right:5px;  border:none; background:url(images/template/arrow_scroller.png) no-repeat right top;}
.next:hover{ background:url(images/template/arrow_scroller.png) no-repeat right bottom}


/* footer */
.footer{border-top:3px solid #ccc; margin-top:10px; padding:5px 0px; color:#666; line-height:1.5; background:#eee; padding-bottom:15px}
.footer_link{ text-align:center}
.footer_link a{display:inline-block; color:#666; padding:0px 5px;}

.banners{margin-bottom:8px;}
.leftbannertxt p, .rightbannertxt p{margin:0}
.leftbannerimg .rightbannerimg{text-align:center}


/*checkout step*/
.load{display:none}
.step{border:1px solid #ccc; zoom:1}
.step h3{ background:#ddd; padding:10px; margin:0; border-bottom:1px solid #ccc; font-size:11px; color:#666; position:relative}
.step h3 i{font-style:normal; font-weight:normal; display:inline-block; cursor:pointer; position:absolute; right:10px; top:10px}
.step h3 span{display:inline-block; padding:1px 5px; background:#fff; margin-right:5px}
.stepcontent{padding:10px; display:none; zoom:1}
.stepcontent .contentText, .stepcontent .contentText td{font-size:11px; color:#333}

.stepin h3{ background:#e66c3a; color:#FFF}
.stepin h3 span{color:#666}

#cktype{margin:10px 0px}
#cktype input{vertical-align:middle; margin-right:5px}
.stepcontent ul{padding:0px; margin:0px; font-size:10px; margin-left:20px}

.checkbs td{color:#333; font-size:11px; height:60px; vertical-align:top}
.checkbs td span{font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ff0000;  display:inline-block; margin-left:5px}
.checkbs td p{padding:0; margin:0}
.checkbs td div{font-size:10px; color:#F00; background:url(images/template/error_arrow.gif) no-repeat left; padding-left:10px}

.checkbs td input{width:200px; border:1px solid #ccc; padding:4px}
.checkbs td select{width:210px; border:1px solid #ccc; padding:4px}
.checkbs .radiobt input{border:none; width:15px; vertical-align:middle}
#ckaddr input{width:574px}
.checkbs .ckRequired, .fieldValue .ckRequired, .fieldValue .ckRequired select, .fradio .fieldValue .ckRequired{ border:1px solid #e66c3a; background:#fef6f2}

.selection{margin-bottom:15px; color:#333}
.selection h4{padding:0; margin:0; font-size:12px; margin-bottom:5px}
.selection input{vertical-align:middle; margin-right:5px}
.fee{display:inline-block; margin-left:30px; position:absolute; right:50%}

.dcconfirm{clear:both; margin-bottom:20px; color:#333}
.dcconfirm h4{border-bottom:1px solid #ccc; background:#f0f0f0; padding:5px; margin:0;}
.dcconfirm h5{ font-size:12px; padding:0; margin:0; margin-top:10px}

.selectaddr{margin-bottom:15px; color:#333}
.selectaddr span{display:inline-block; width:22px}
.selectaddr input{vertical-align:middle}
label img, label input{vertical-align:middle}
#BackTopp1{position:relative;}
#BackTopp2{position:absolute; right:-10px}
#BackTop{
position:fixed;
bottom:100px;
height:50px;
width:32px;
background:url(images/template/backtop.gif) no-repeat right top;
cursor:pointer;
display:none;
}
#BackTop:hover{
background:url(images/template/backtop.gif) no-repeat left top;
}