/*
  $Id: stylesheet.css 1739 2007-12-20 00:52:16Z hpdl $

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

  Copyright (c) 2003 osCommerce

  Released under the GNU General Public License
*/


/* ==================  mystyle ================ */

/*** GLOBAL  ***/
html,body{height:100%}
body {
	font-family:Tahoma, Arial, Verdana;
	font-size:11px;
	margin:0 auto;
	padding:0;
	color:#4c4c4c;
	height:100%;
	background-image:url(images/pattern.gif);
	background-repeat:repeat-x;
	background-color:#2d8100;
	line-height:18px;
}
* {
	margin:0;
	padding:0;
}
*:focus {
	outline:none; /* removes ugly dotted border but may make template more unsuable, up to you
					 if you want to keep it! */
}
.clr{clear:both; height:1px;}
form{margin:0; padding:0;}
hr {
	border: 0;
	color: #dedede;
	background-color: #dedede;
	height: 1px;
	margin:10px 0px 6px 0px;
	padding:0px;
}

/*** END OF GLOBAL  ***/

/*** DEFAULT ELEMENT STYLES ***/
/* heading */
h1, h2, h3, h4, h5 {margin-bottom:15px;	font-family:Verdana, Tahoma, Arial;	font-weight:normal; color:#ca900e;}
h1 {font-size:24px; line-height:26px;}
h2 {font-size:22px; line-height:24px;}
h3 {font-size:18px; line-height:20px;}
h4 {font-size:16px; line-height:18px;}
h5 {font-size:12px; margin:3px 0px; padding:0px;letter-spacing:1px;}

/* links */
a {color:#ca900e; text-decoration:none;}
a:hover{color:#deab39; text-decoration:underline;}
a img{border:none}
.imgleft{float:left; padding-right:12px;}
.imgright{float:right; padding-left:12px;}
.imgcenter{margin:5px auto; display:block;}
/* lists, blockquotes and paragraphs */
p, ul, ol, blockquote {
	font-size:11px;
	line-height:18px;
	margin-bottom:20px;
	color:#4c4c4c;
}
ul, ol {
	margin:10px 0 35px 40px;
}
li ol,
li ul
{
	font-size:1.0em;
	list-style:square;
	margin-bottom:0;
	margin-top:0;
}
li ol {list-style:decimal;}
blockquote {
	margin:25px 0 25px 0px;
	color:#4c4c4c;
	padding:10px 20px 10px 35px;
	background-image:url(images/quote_top.png);
	background-repeat:no-repeat;
}


/* code */
code {
	font-family:Verdana, Arial;
	letter-spacing:1px;
	margin:25px 0 25px 0px;
	display:block;
	font-size:0.9em;
	border-left:4px solid #dddddd;
	padding:15px 10px;
}
/*** END OF DEFAULT ELEMENT STYLES ***/

/*** CONTAINER ***/
#container{width:100%; background-image:url(images/bgglow.jpg); background-repeat:no-repeat; background-position:center top; min-height:82%; }
#centercolumn{width:960px; margin:0px auto; text-align:left;}
/*** END OF CONTAINER ***/


/*** HEADER ***/
#header{ width:960px;}
#topmenu{height:45px; width:960px; }
/* menu */
#menu{padding:10px 0px 0px 0px; float:left;  width:730px;}
#menu ul{list-style-type:none; margin:0px; padding:0px;}
#menu ul li{list-style-type:none; margin:0px; padding:0px 20px; display:inline; font-family:Arial; font-size:14px; border-left:solid 1px #fff;}
#menu ul li#home{border:none;}
#menu ul li a, #menu ul li a:visited{color:#fff; text-decoration:none;}
#menu ul li a:hover{color:#fad30d;}

/* cart */
#cart{padding:10px 0px 0px 60px; float:left; width:170px; color:#fff; }
* html #cart{padding:10px 0px 0px 55px; float:left; width:220px; color:#fff;  }

/* top */
#top{padding:18px 0px 0px 20px; height:65px;}
#logo{width:660px; float:left;}
#topsearch{width:260px; float:left; padding:18px 0px 0px 0px}
#topsearch fieldset{border:0px;}
.bg_input{background-image:url(images/bg_search.gif); background-repeat:no-repeat; width:185px; height:26px; float:left;}
.inputbox{background:transparent; border:0px; width:165px; padding:5px 0px 5px 0px; margin:0px 10px; line-height:normal; color:#ffffff;}
.but{float:left;}

/*** END OF HEADER ***/



/** inner **/

.c_inner{background-image:url(images/c_inner_repeat.gif); background-repeat:repeat-y; width:696px;}
.c_inner_t{background-image:url(images/c_inner_top.gif); background-repeat:no-repeat; background-position:top left;  width:696px;}
.c_inner_b{background-image:url(images/c_inner_bottom.gif); background-repeat:no-repeat; background-position:bottom left;  width:696px;}

/*** SHOPPING CART & CATEGORY ***/

#breadcrumb{background-image:url(images/dotted.gif); background-repeat:repeat-x; background-position:bottom; padding:0px 0px 8px 0px; width:671px;}
#breadcrumb a, #breadcrumb a:visited{color:#707070; text-decoration:none;}
#breadcrumb a:hover{text-decoration:underline;}

#box_pn{ width:665px;}

.headings_cart{
	padding:4px 0px 0px 10px;
	margin:0px 0px 0px 0px;
	background-image:url(images/heading_yellow.gif); background-repeat:no-repeat; width:661px;
}

* html .headings_cart{background-image:url(images/heading_yellow.gif); background-repeat:no-repeat; width:671px;}

.headings2{
	padding:4px 0px 0px 10px;
	margin:0px 0px 0px 0px;
	background-image:url(images/heading_yellow.gif); background-repeat:no-repeat; width:671px;
}


.headings_cart td.remove, .headings_cart td.products, .headings_cart td.quantity, .headings_cart td.total{	color:#a97606!important; font-size:14px; font-weight:bold !important;}

.headings_cart td.total{ padding-right:15px;}

.headings{
	padding:4px 0px 0px 10px;
	margin:0px 0px 0px 0px;
	color:#a97606;
	font-size:14px; font-weight:bold !important;
	background-image:url(images/heading_yellow.gif); background-repeat:no-repeat; height:26px; width:661px;
}

.headings ul, .proList ul{margin:0px; padding:0px; list-style-type:none;}
.headings ul li{
	float:left;
	list-style-type:none;
	color:#a97606;
	text-align:center;
	font-size:14px;
}

.headings ul li.priview, .proList ul li.priview {width:310px; padding-left:5px; text-align:left;}
.headings ul li.quantity, .proList ul li.quantity {width:56px;}
.headings ul li.priceHead, .proList ul li.priceHead {width:100px;}
.headings ul li.total, .proList ul li.total {width:85px; font-weight:bold;}
.headings ul li.remove, .proList ul li.remove {width:100px;}

.main.total{ text-align:right;}
/* product new*/
.headings ul li.priview, .proList ul li.priview {
	width:530px;
	padding-left:25px;
	text-align:left;
}

.headings ul li.addtocart, .proList ul li.addtocart {
	width:100px;
}



.headings ul li.prodname{width:455px; text-align:left;}

.proList {
	padding:0px 0px 0px 10px;
	margin:20px 0px 20px 0px;
	border-bottom:solid 1px #dedede ;
	width:661px;
}

.proList a, .proList a:visited{color:#707070;}
.proList ul li {
	float:left;
	list-style-type:none;
	text-align:center;
	padding:18px 0px 18px 0px;
	font-size:12px;
}

.proList ul li.quantity input{border:solid 1px;}
.subtotal, .checkout{width:671px;}
.subtotal ul, .checkout ul, .catlist ul{list-style-type:none; padding:0px; margin:0px;}
.subtotal ul li, .checkout ul li{list-style-type:none; padding:10px 0px; margin:0px; text-align:right; font-weight:bold;}
.catlist{
	padding:0px 0px 0px 10px;
	margin:0px 0px 0px 0px;
	border-bottom:solid 1px #dedede ;
	width:661px;
}

.catlist ul li {
	float:left;
	list-style-type:none;
	text-align:center;
	padding:18px 0px 18px 0px;
	font-size:12px;
}

.catlist ul li.prodname{width:455px; text-align:left;}
.catlist ul li.priceHead {width:103px;}
.catlist ul li.buy {width:103px;}

.pagenumber{padding:8px 0px 0px 0px; text-align:right;}
span.display{float:left;}

/**/
#description{}
.product_img{ text-align:center; font-size:11px;}
#product_image{width:240px; float:left; padding:0px 0px 0px 10px;}
#product_description{width:380px; float:left; padding:0px 0px 0px 40px;}
.title_description{font-weight:bold; font-size:16px; font-family:Tahoma; border-bottom: solid 1px #dedede; padding-bottom:0px; margin-bottom:10px;}
.title_description h2{margin-bottom:0px; padding-bottom:10px;}
.thumb{margin:0 auto 10px auto; text-align:center; padding:0px 0px 20px 25px; border-bottom:solid 1px #dedede;}
.row{border:solid 1px #fff; padding:2px 0px;}
.row ul{margin:0px; padding:0px; list-style-type:none;}
.row ul li{float:left; padding:2px 0px; margin:0px; display:inline;}
.row ul li.col1{font-weight:bold; width:30%}
.row ul li.col2{font-weight:normal; width:auto}

/** end inner **/

/*** SLIDE ***/
#slide {
padding:22px 22px 22px 22px;
width: 916px;
float: left;

}

* html #slide{padding:22px 22px 0px 22px;}


/* outmost wrapper element */
#scrollable {
padding:0px 0px 0px 0px;
margin:0px auto;
width: 912px;
float: left;
position:relative;

}

/* container for the scrollable items */
.items {
width:840px;
height:175px;
display:block;
margin:0px auto;

}

* html .items{ margin-left:45px;}


.slide-items {
width: 200px;
padding:0px 5px;
float: left;
margin-left: 0px;
margin-right: 0px;
text-align:center;
background-image:url(images/dotted2.gif); background-repeat:repeat-y; background-position:right;
}

div.slide-items h4.title_sl{ margin:0px 0px 10px 0px !important;}
div.slide-items p{ margin:0px;}

.slide-items.noborder{background-image:none;}
/* single item */

/* next / prev buttons */
a.prev, a.next {
display:block;
width:20px;
height:70px;
background-repeat:no-repeat;	
margin:0px 0 0 0;
cursor:pointer;
position:absolute;
top:55px;
}

a.prev {
background:url(images/slide-prev.gif);
background-repeat:no-repeat;
left:0;
}


a.next {
background:url(images/slide-next.gif);
background-repeat:no-repeat;	
right:0;
}
/*** END SLIDE ***/

/*** CONTENT ***/
#content{background-image:url(images/c_repeat.gif); background-repeat:repeat-y; float:left;}
#c_top{background-image:url(images/c_top.gif); background-repeat:no-repeat; background-position:top; float:left;}
#c_bottom{background-image:url(images/c_bottom.gif); background-repeat:no-repeat; background-position:bottom; min-height:480px; float:left;}
#maincontent{padding:22px 0px 22px 0px}
#slider{height:180px;}
#main{/*background-image:url(images/bg_glowcontent.gif); background-repeat:no-repeat;*/ padding:40px 22px 0px 22px}
#mainleft{width:712px; float:left;}
.pad_content{padding:0px 0px 0px 0px ; width:697px;}
.pad_content_inner{padding:10px 12px 30px 13px ; width:671px;}
/* box product */
.prodbox{background-image:url(images/box_m.gif); background-repeat:repeat-y; width:226px; float:left; margin:0px 9px 0px 0px;}
* html .prodbox{margin:0px 5px 0px 0px;}
.prodbox_c{background-image:url(images/box_t.gif); background-repeat:no-repeat; background-position:top;}
.prodbox_b{background-image:url(images/box_b.gif); background-repeat:no-repeat; background-position:bottom;}
.pad_box{padding:15px 20px;}
.prod_title{font-size:16px; line-height:18px; border-bottom:solid 1px #dedede; padding-bottom:6px;}
.price{color:#ca900e; font-size:16px; vertical-align:top;}
.price2{color:#ca900e; font-size:12px;}
#side{width:204px; float:left;}
.padbox_side{padding:10px 15px 30px 15px}
.sidebox{ margin:0px 0px 10px 0px; position:relative; color:#707070}
.sidebox2{margin:0px 0px 10px 0px;}
.sidebox_t{background-image:url(images/sidebox_t.gif); background-repeat:no-repeat; background-position:top; width:204px;}
.sidebox_b{background-image:url(images/sidebox_b.gif); background-repeat:no-repeat; background-position:bottom; width:204px;}
.sidebox h2{background-image:url(images/title_side.gif); background-repeat:no-repeat; height:34px; color:#a97606; text-align:center; font-size:18px; margin:0px; padding:8px 0px 0px 0px}
.sidebox ul{list-style-type:none; padding:0px; margin:0px;}
.sidebox ul li{list-style-type:none; padding:0px 0px 0px 20px; margin:0px; border-bottom:solid 1px #dedede; background-image:url(images/arrow.gif); background-repeat:no-repeat; line-height:28px; background-position:left center}
.sidebox ul li a, .sidebox ul li a:visited{text-decoration:none; color:#707070 }
.strip{position:absolute; top:0; right:0;}
.icon{vertical-align:middle; padding-right:4px}
/*** END OF CONTENT ***/

/*** FOOTER ***/
#footer{padding:20px 0px 20px 0px; color:#ffffff; text-align:right;}
#footer a, #footer a:visited{color:#fff; text-decoration:none;}
#footer a:hover{text-decoration:underline;}
#footleft{float:left;}
/*** END OF FOOTER ***/


/* ==================  End mystyle ================ */


/* ============ New Style ============ */

/* line */
.bg_line_x	{background:url(images/line_x.gif) left center repeat-x;}
.bg_line_y	{background:url(images/line_y.gif) center top repeat-y;}

.borderbottom, .borderbottom2{ padding-bottom:10px;}

#content_right #sc.box_body{
	background-image:none !important;
}


td.main.txt_main p{ padding-right:25px !important;}

/* new product*/
.prod_title{font-size:16px; line-height:18px; border-bottom:solid 1px #dedede; padding-bottom:6px; text-align:left; }
.prod_title a{ text-decoration:none;}
.box_pic{  text-align:center !important; width:180px; float:left;}
.center{ text-align:center; clear:both;}
.box_dec{  width:180px; float:left; line-height:18px; font-size:11px;}
.box_price{ width:180px; float:left; padding:20px 0px; text-align:left;}
.box_button{display:block;}

/* end */

.title{
	font-size:12px;
	color:#707070;
	padding:5px 0px 3px 0px;
}

/* sidebox */
.box_width_left{
	width:204px; 
}

.box_heading_table{
	background-image:url(images/title_side.gif); background-repeat:no-repeat; color:#a97606 !important; 
	 font-size:18px; width:204px; 
}

.box_heading_tall_l{
	width:0px;
}
.box_heading_tall_r{
	width:0px;
}
.box_heading_td {
  	font-family: Verdana, Arial, Helvetica, sans-serif;
  	font-size: 18px;
  	font-weight: normal;
  	color:#a97606 !important;
 	padding:10px 0px;
	text-align:center;
}

.box_heading_also{
  	font-family: Tahoma, Arial, Verdana;
  	font-size: 16px;
  	font-weight: bold;
   	color:#a97606 !important;
  	padding:0px 0px 20px 5px;
  	width:100%;
}


.sidebox .main-box{
	background-image:url(images/sidebox_m.gif); background-repeat:repeat-y; width:204px;
	font-family:Tahoma, Arial, Verdana;
	font-size:12px;
	color:#707070;
	margin-bottom:15px;
}

.sidebox .box_body_table{

	background-image:url(images/sidebox_b.gif); background-repeat:no-repeat; background-position:bottom; width:204px; 
	

}

.sidebox .box_body{
	background-image:url(images/bg_gradient.gif);
	background-position:top;
	background-repeat:no-repeat;
	color:#707070

}

.padbox .box_body{
	border:1px solid #ccc;
	font-size:12px;
	background-color:#f5f5f5;
}

.box_body_td{
	padding:10px 10px 20px 10px;
	font-size:11px;
}

.box_body_td ul{
	padding-left:10px;
	color:#707070;
}

.sidebox ul{list-style-type:none; padding:0px; margin:0px;}
.sidebox ul li{background-image:url(images/arrow.gif); background-repeat:no-repeat; background-position:left; border-bottom:solid 1px #dedede; padding:0px 0px 0px 20px; font-size:12px;}
.sidebox ul li a, .sidebox ul li a:visited{color:#707070; text-decoration:none; line-height:30px;}
.sidebox ul li a:hover{color:#979696;}
/*end sidebar*/

/* Strat shoping cart */


.shop_cart-heading{
	color:#fff;
	font-size:14px;
	padding:0px 0px 15px 0px;
}

.total.shop_cart-heading{
	padding-right:5px;

}

.products.shop_cart-heading{
	padding-left:15px;


}

TR.productListing-odd{
	background-image:url(images/line.gif); background-repeat:repeat-x; background-position:bottom;
}

TR.productListing-even{
	background-image:url(images/line.gif); background-repeat:repeat-x; background-position:bottom;
	
}

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

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



TABLE.productListing {
  border: 1px solid #ccc !important;
  font-size:12px!important;
  padding:10px 10px 10px 10px !important;

}

.productListing-heading {
  font-family: Tahoma, Arial, Verdana;
  font-size: 14px;
  background: transparent;
  color: #a97606;
  font-weight: bold;
  padding:0px 0px 20px 0px;
}

.productListing-heading a, .productListing-heading a:visited{
	text-decoration:none;
}

.productListing-nodata{
  padding:10px !important;
}

TD.productListing-data {
  font-family: Tahoma, Arial, Verdana;
  font-size: 12px;
  padding:20px 10px 20px 10px !important;
}

TD.productListing-data img{
	margin:0px 10px 0px 10px;
}

/* End shoping cart */


/* Advance search */

.box_heading_td-src{
  font-family: Tahoma, Arial, Verdana;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  padding:0px 0px 20px 5px;
  width:100%;
}

.box_body-src{
	font-family:Tahoma, Arial, Verdana;
	font-size:12px;
	color:#707070;
	padding-bottom:20px;
}

/* ============ End New Style ============ */



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

FORM {
	display: inline;
}

TR.header {
  background: #ffffff;
}

TR.headerNavigation {
  background: #bbc3d3;
}

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

A.headerNavigation { 
  color: #707070; 
  text-decoration:none;
}

A.headerNavigation:hover {
  color: #929191; 
}

TR.headerError {
  background: #ff0000;
}

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

TR.headerInfo {
  background: #00ff00;
}

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

TR.footer {
  background: #bbc3d3;
}

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

.infoBox {
  background: transparent;
  border:1px solid #ccc;
  padding:10px 10px 10px 10px !important;

}


.infoBoxContents {
  background: transparent;
  font-family: Tahoma, Arial, Verdana;
  font-size: 12px;
  
}

.infoBoxNotice {
  background: #FF8E90;
}

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

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



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



A.pageResults {
  color: #336699;
}

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

TD.pageHeading, DIV.pageHeading {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 24px;
  font-weight: normal;
  color: #ca900e;
}

TR.subBar {
  background: #f4f7fd;
}

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

TD.main, P.main {
  font-family: Tahoma, Arial, Verdana;
  font-size: 11px;
  line-height: 1.5;
  padding-bottom:5px;
}

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

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

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

TD.fieldValue {
  font-family: Tahoma, Arial, Verdana;
  font-size: 12px;
}

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

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

CHECKBOX, INPUT, RADIO, SELECT {
  font-family: Tahoma, Arial, Verdana;
  font-size: 11px;
}

TEXTAREA {
  width: 100%;
  font-family: Tahoma, Arial, Verdana;
  font-size: 11px;
}

SPAN.greetUser {
  font-family: Tahoma, Arial, Verdana;
  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, Tahoma, Arial, Verdana;
  font-size: 12px;
  font-weight: bold;
}

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

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

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

.moduleRow { }
/*.moduleRowOver { background-color: #D7E9F7; cursor: pointer; cursor: hand; }*/
.moduleRowSelected { background-color: #b0ff81; }

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

/* message box */

.messageBox { font-family: Tahoma, Arial, Verdana; font-size: 10px; }
.messageStackError, .messageStackWarning { font-family: Tahoma, Arial, Verdana; font-size: 10px; background-color: #ffb3b5; }
.messageStackSuccess { font-family: Tahoma, Arial, Verdana; font-size: 10px; background-color: #99ff00; }

/* input requirement */

.inputRequirement { font-family: Tahoma, Arial, Verdana; font-size: 10px; color: #ff0000; }