/*
  $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:Verdana, Arial, Tahoma;
	font-size:11px;
	margin:0 auto;
	padding:0;
	color:#707070;
	height:100%;
	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;}
form{margin:0; padding:0;}
hr {
	border: 0;
	color: #dedede;
	background-color: #dedede;
	height: 1px;
	margin:0px 0px 6px 0px;
	padding:0px;
}

.txt_title{
	font-size:12px;
	font-weight:bold;
	margin-bottom:10px;
}

input{ font-size:13px !important;}

/*** END OF GLOBAL  ***/

/*** DEFAULT ELEMENT STYLES ***/
/* heading */
h1, h2, h3, h4, h5 {margin-bottom:15px;font-weight:normal; color:#336699; font-family:Tahoma, Verdana}
h1 {font-size:24px; line-height:16px}
h2 {font-size:22px; line-height:24px;}
h3 {font-size:16px; line-height:18px; font-weight:bold;}
h4 {font-size:14px; line-height:16px; }
h5 {font-size:12px; line-height:14px;}

/* links */
a {color:#336699;text-decoration:none;}
a:hover{color:#9db9c2;}
a img{border:none}

/* lists, blockquotes and paragraphs */
p, ul, ol, blockquote {
	font-size:11px;
	line-height:18px;
	margin-bottom:20px;
	color:#707070;
}
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 {
	font-style:italic;
	margin:25px 0 25px 0px;
	color:#707070;
	padding:10px 20px 10px 35px;
	background-image:url(images/quote.png);
	background-repeat:no-repeat;
	width:80%;
}

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

/*** CONTAINER ***/
#container{background-image:url(images/bg_maincontainer.gif); background-repeat:repeat-x; background-color:#fff; min-height:90%; height:auto; }
#bottom_container{background-image:url(images/bg_bottomcontainer.gif); background-repeat:repeat-x; height:99px; margin-top:20px;}
/*** END OF CONTAINER ***/

/*** CENTERCOLUMN ***/
#centercolumn{margin:0 auto; width:962px; text-align:left;}
/*** END OF CENTERCOLUMN ***/

/*** HEADER ***/
/* top */
#top{height:60px;}
#logo{width:300px; float:left;}
#topmenu{width:410px; float:left;}
#topmenu ul{list-style-type:none; margin:0px; padding:25px 0px 0px 0px;}
#topmenu  ul li{display:inline; background-image:url(images/lineborder_topmenu.gif); background-position:left bottom; background-repeat:no-repeat; text-transform:uppercase;}
#topmenu  ul li.noborder{background-image:none;}
#topmenu ul li a, #topmenu ul li a:visited{color:#707070; font-family:Tahoma, Verdana; font-size:11px; text-decoration:none;padding:0px 10px;}
#topmenu ul li a:hover{color:#939292;}
/* topsearch*/
#topsearch{width:252px; float:left; padding:19px 0px 0px 0px ;}
.bg_input{background-image:url(images/bg_inputbox.gif); background-repeat:no-repeat; width:232px; height:26px; display:block;}
.inputbox{background:transparent; border:0px; width:198px; padding:7px 0px 5px 4px; line-height:normal; margin-left:1px; }
/* slider */
#slides_container{height:252px; background-image:url(images/bg_header.jpg); background-repeat:no-repeat;}
#introText{float:left; width:565px; }
#pad_introText{padding:40px 45px 30px 30px; }
#introText h1{color:#000;}
#introText p{color:#707070;}
#content_slider{ width:397px; float:left; padding:17px 0px 0px 0px; position:relative;}

/* Easy Slider */
#slider{margin:0px auto; width:386px; padding:0px 0px 0px 0px; }	
#slider ul, #slider li{
	margin:0;
	padding:0;
	list-style:none;
}
#slider li{ 
	/* 
		define width and height of list item (slide)
		entire slider area will adjust according to the parameters provided here
	*/ 
	width:386px;
	height:241px;
	overflow:hidden;
	margin:0px;
	padding:0px;
}
#prevBtn, #nextBtn{ 
	display:block;
	width:22px;
	height:72px;
	position:absolute;
	top:85px;
}
* html #prevBtn,  * html #nextBtn{top:90px;}
#prevBtn{
	left:10px;
}	
#nextBtn{ 
	left:363px;
}														
#prevBtn a, #nextBtn a{  
	display:block;
	width:22px;
	height:72px;
	background:url(images/slide-prev.png) no-repeat 0 0;
	cursor:pointer;
}
#nextBtn a{ 
	background:url(images/slide-next.png) no-repeat 0 0;	
}
/* menu */
#menu{background-image:url(images/bg_mainmenu.gif); background-repeat:no-repeat; height:46px; margin-top:14px;}
#mainmenu{float:left; width:748px;}
#mainmenu ul{list-style-type:none; margin:0px; padding:0px;}
#mainmenu ul li{display:inline;}
#mainmenu ul li a, #mainmenu ul li a:visited{color:#000; font-family:Tahoma, Verdana; font-size:14px; text-decoration:none; padding:0px 20px; line-height:40px}
#mainmenu ul li a:hover{color:#666565;}
#mainmenu ul li a.active{color:#666565;}
#topcart{float:left; width:184px; text-align:right; color:#000;  padding:5px 0px 0px 0px}
#topcart img{vertical-align:middle; padding-right:0px;}
/*** END OF HEADER ***/


/*** CONTENT ***/
#content{padding:17px 0px 0px 0px;}
.imgleft{float:left; padding-right:15px;}
.imgright{float:right; padding-left:15px;}
#content_left{width:720px; float:left;}
#welcometext img{
	float:right;
}
#maincontent{}
#breadcrumb{border-bottom:dotted 1px  #d9d9d9; background-image:url(images/icon_breadcrumb.gif); background-position:left; background-repeat:no-repeat; padding:4px 0px 8px 25px;}




/* mainbox */
.mainbox{ background-image:url(images/c_main_linebottom.gif); background-repeat:repeat-x; background-position:bottom; width:720px; }
.mainbox_linetop{ background-image:url(images/c_main_linetop.gif); background-repeat:repeat-x; background-position:top;}
.mainbox_lineleft{ background-image:url(images/c_main_lineleft.gif); background-repeat:repeat-y; background-position:left;}
.mainbox_lineright{ background-image:url(images/c_main_lineright.gif); background-repeat:repeat-y; background-position:right;}
.maincurve_tl{background-image:url(images/c_main_tl.gif); background-position:left top; background-repeat:no-repeat;}
.maincurve_tr{background-image:url(images/c_main_tr.gif); background-position:right top; background-repeat:no-repeat;}
.maincurve_bl{background-image:url(images/c_main_bl.gif); background-position:bottom left; background-repeat:no-repeat; width:720px}
.maincurve_br{background-image:url(images/c_main_br.gif); background-position:bottom right; background-repeat:no-repeat;  width:720px}
.padbox{padding:15px 10px 15px 10px;}
.padbox_new_product{padding:15px 20px 15px 20px; width:690px;}
.padbox_small{padding:10px 18px 20px 18px; display:block;}
#box_pn{ width:657px;}
.paddingbox{
padding:10px 10px 10px 10px !important;
}
#display{
	width:685px;
	padding-left:10px;
}


/* product */
.tableBox_output{ margin:0px 0px 0px 5px; width:690px !important;}
.product{ width:306px !important; padding:8px 20px 0px 20px;  float:left;}
.product_inner{ width:306px; padding:8px 10px 0px 10px;  float:left;}
.product.borderright{border-right:dotted 2px #ededed; padding:8px 20px 0px 0px; margin-left:20px}
.product.borderbottom{border-bottom:dotted 2px #ededed;}

.borderright{border-right:dotted 2px #ededed; padding:8px 0px 0px 0px; margin-left:0px}
.borderbottom{border-bottom:dotted 2px #ededed;}

.title_product{font-size:16px; line-height:25px; font-weight:bold; text-align:left; color:#336699; border-bottom:solid 1px #dedede; padding-left:5px;}
.title_product a, .title_product a:visited{
	text-decoration:none;
} 
.price_small{font-size:16px; color:#336699; font-weight:bold;}

/* sidebox */
#content_right{width:219px; float:left; padding-left:18px; font-family:Tahoma;}
.sidebox{margin-bottom:0px; width:217px; }

.sidebox h3{color:#fff; padding:2px 0px 0px 20px; font-family:Tahoma;}

.price{color:#336699; font-size:18px; font-family:Tahoma;}
.but{vertical-align:middle; padding:20px 0px 0px 0px;}
/*** END OF CONTENT ***/

/*** PRODUCT DESCRIPTION PAGE ***/
#product_image{width:240px; text-align:center;}
#product_image a, #product_image a:visited{
	font-size:12px;
}
.row{border:solid 0px #fff;}
.row ul{margin:0px; padding:0px; list-style-type:none;}
.row ul li{float:left; padding:2px 0px; margin:0px;}
.row ul li.col1{font-weight:bold; width:20%}
.row ul li.col2{ width:auto}



/*** FOOTER ***/
#footer{width:962px; margin:0 auto; color:#464646; text-align:left;}
#footer a, #footer a:visited{ color:#464646; text-decoration:none;}
#footleft{width:400px; float:left;  padding:26px 0px 0px 0px; line-height:20px;}
#footright{width:562px; float:left; padding:11px 0px 0px 0px}
#twitter{ background-image:url(images/bg_twitter.gif); background-repeat:no-repeat; background-position:right; height:78px; overflow:hidden; }
#twitter_text{width:387px; padding:8px 0px 0px 35px; height:57px; line-height:17px;overflow:hidden}


/* ==================  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;}

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

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

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

.box_heading_table{

}

.box_heading_tall_l{
	width:33px;
}
.box_heading_tall_r{
	width:19px;
}
.box_heading_td {
  	font-family: Tahoma, Arial, Verdana;
  	font-size: 16px;
  	font-weight: bold;
	background-image:url(images/bg_title-r.gif);
	background-repeat:repeat-x;
  	color: #fff;
 	padding:2px 0px 0px 5px;
  	width:100%;
  
 
}

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


#content_right .main-box{
	background-image:url(images/bg_sidebox_b.gif); background-repeat:no-repeat; background-position:bottom left;
	margin-bottom:15px;

}

#content_right .box_body_table{
	background-image:url(images/bg_sidebox_m.gif); 
	background-repeat:repeat-y;
	font-family:Tahoma, Arial, Verdana;
	font-size:12px;
	color:#707070;
	width:217px;
	height:70px;

}

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


}

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

.box_body_td{
	padding:10px 10px 10px 10px;

}

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

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

.box_large{background-image:url(images/bg_box_large_m.gif); background-repeat:repeat-y; width:693px;}
.box_large_b{background-image:url(images/bg_box_large_b.gif); background-repeat:no-repeat; background-position:bottom left; padding-bottom:14px;}
.box_large_t{background-image:url(images/bg_box_large_t.gif); background-repeat:no-repeat !important; background-position:top left; width:693px;}
.main.total{
	padding-right:25px;
	text-align:right;
}
.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{
	
}

TR.productListing-even{

}

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: #FFFFFF;
  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:0px 10px 20px 10px !important;
}

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

/* End shoping cart */

/*** SHOPPING CART ***/
.headings{
	padding:0px 0px;
	margin:0px 0px 20px 0px;
	color:#fff;
	font-size:14px; font-weight:bold !important
}


.headings ul, .proList ul{margin:0px; padding:0px; list-style-type:none;}
.headings ul li{
	float:left;
	list-style-type:none;
	color:#fff;
	text-align:center;
}
.proList ul li {
	float:left;
	list-style-type:none;
	color:#707070;
	text-align:center;
	padding:15px 0px 10px 0px;
}

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

/* 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: Tahoma, Arial, Verdana;
  font-size: 24px;
  font-weight: normal;
  color: #369;
}

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

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