/* this is the main stylesheet */

/*general tags*/
html,body {
	margin:0;
	padding:0;
}

/**body {
	font: 0.9em Arial, Helvetica, Verdana, sans-serif; 
    background-color:#fff;
	margin: 0px;
	padding: 0px;
}*/


body {
	font: 0.9em Arial, Helvetica, Verdana, sans-serif; 
background-color:#2e71b8;
	background-image:url(/images/themes/spring09/spring-bg.jpg); background-attachment: fixed;
		background-position: bottom left; background-repeat:repeat-x;
margin: 0px;
	padding: 0px;
}


p {
	margin:0 10px 10px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

select {
	margin: 0px;
	padding: 0px;
	height: 18px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	border: 1px solid #24618E;
}

option {
	margin: 0px;
	padding: 0px;
	height: 18px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
/*	border: 1px solid #24618E; */
}

input {
	margin: 0px;
	padding: 0px;
	height: 16px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	border: 1px solid #24618E;
}


a:link {
	color: #0165af;
	text-decoration: underline;
}
a:visited {
	text-decoration: underline;
	color: #0165af;
}
a:hover {
	text-decoration: underline;
	color: #000000;
}
a:active {
	text-decoration: underline;
	color: #000000;
}

/*site frame start*/

/*div#container moved to category.css, product.css*/

div#cart {
	color: #FFFFFF;
	width:100%;
	padding: 0px;
	margin: 0px;
	line-height: 0px;
	overflow: hidden;
}

/* header container (logo, topmenu, international) */
div#header {
	height: 50px;
	margin: 0;
	padding: 0px 10px 0px 0px;
	width:960px;
	height:69px;
	/*background-image: url(/images/logothane.jpg);
	background-position: bottom;
	background-repeat: no-repeat;*/
	text-align: right;
}

/* header container (logo, topmenu, international) */
div#header_product, div#header_cart {
	height: 60px;
	width: 762px;
	margin: 0;
	padding: 10px 0px 0px 0px;
	width:762px;
	height:69px;
	background-image: url(/images/logothane-cart.jpg) ;
	background-position: bottom;
	background-repeat: no-repeat;
	text-align: right;
}

/*general text style for header "Best prices..." */
div#header p, div#header_product p, div#header_cart p {
	margin: 0px 0px 3px 0px;
	padding-right: 17px; padding-top:7px;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
}

/*additional text style for header "100% Satisfaction Guaranteed!" */
div#header p#satisfaction, div#header_product p#satisfaction, div#header_cart p#satisfaction {
	margin: 3px 0px 3px 0px;
	padding: 0px;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-stretch: extra-expanded;
}

div#header_product p.satisfaction {padding-right: 27px; padding-top:18px;}

div#header_product p.orderbyphone {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color:#000000;
}

div#topmenu {
	font-size: 12px;
	display: block;
	float: right;
	padding: 5px;
}

div#topmenu p {
	font-size: 16px;
	font-weight: bold;
}

div#topmenu a {
	font-size: 0.9em;
	color: Black;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
}

div#topmenu a:hover {
	text-decoration:underline; color: #0165af;
}

div#international {
	display: block;
	float: right;
	text-align: center;
	padding: 5px; margin-left:20px
}

div#international a {
	font-size: 0.8em;
	color: Black;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
}

div#international a:hover {
	text-decoration:underline; color: #0165af;
}
/*header styles end*/

/* top div*/
#topcart{background-color:#666666; margin-bottom:10px; text-align:center
   }
#topcartbody{color:#CCCCCC; font-weight:bold; padding-top:5px; padding-bottom:5px; 
 width: 760px; margin: 0 auto; text-align: right; font-size:0.8em; }
 a.whitetop {
	color: #FFFFFF;
	text-decoration: underline; 
}
a.whitetop:visited {
	color: #FFFFFF;
	text-decoration: underline;
}
a.whitetop:hover {
	color: #ff9999;
	text-decoration: none;
}
a.whitetop:active {
	color: #ff9999;
	text-decoration: underline;
}
/*top div end*/

/*right column (top toolbar, content, bottom toolbar) */
div#wrapper {
	display: block;
	float: right;
	width: 762px;
	margin: 0px;
/*	padding: 0px 1px 0px 1px;*/
	padding: 0px;
	vertical-align: top;
}

div#toolbar_category	{
	display: block;
	float: left;
	width: 760px;
	height: 5px;
	background-image: url(/images/tabarbg.jpg);
	background-repeat:repeat-x;
	background-position: top;
	border-left: 1px solid #666666;
	border-right: 1px solid #666666;
	border-top: 1px solid #e25d04;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
}

div#toolbar	{
	display: block;
	float: right;
	width: 760px;
	height: 20px;
	background-image: url(/images/toolbar-bg.jpg); background-repeat:repeat-y;
	border-left: 1px solid #666666;
	border-right: 1px solid #666666;
	border-top: 1px solid #666666;
	margin: 0px;
	padding: 5px 0px 3px 0px;
	vertical-align: middle;
}

div#toolbar img {
	vertical-align: middle;
}

.toolbar {font-size: 10px;color:#000000;text-decoration:none;}
.toolbar:link {font-size: 10px;color:#000000;text-decoration:none;}
.toolbar:visited {font-size: 10px;color:#000000;text-decoration:none;}
.toolbar:hover {font-size: 10px;color:#000000;text-decoration:underline;}


/*product drop-down selector styles*/
form#go_to_product {
	clear: both;
	display: block;
	width: auto;
	float: right;
	padding: 0px 10px 0px 0px;
	margin: -20px 0 0 0;
}

select#product_id {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-transform: uppercase;
}

input#product_select_button {
	border: 0px;
	background: transparent;
	background-image: url(/images/search-arrow.png);
	height: 16px;
	width: 14px;
	margin: 0px 10px 0px 0px;
	padding: 0px;
}
/*product drop-down selector end*/

/*main content container*/
/*div#content {
	display: block;
    width: 759px;
	float: right;
	border: 1px solid #666666;
	margin: 0px;
	padding: 0px; background-color:#FFFFFF;
}*/

/*site frame end*/


/*side bar styles start*/

div#navigation {
	float: left;
	width: 191px;
	border: 1px solid #666666;
	margin: 0 0 0 0; background-image:url(/images/sidebar-bg.jpg); background-repeat:repeat-x;
	background-color:#FFFFFF; /*margin-top:29px*/
}

div#navigation h1 {
	color:#003366;
	font-size:12px;
	padding-left:10px;
	padding-top:10px; 
}

#navigation ul {
	line-height : 1.3em;
	list-style-type:none;
	margin-left:10px;
	margin-right:30px;
	padding-left:22px;
}

#navigation li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	border-bottom:1px solid #e7e7e7;
	list-style: none;
	list-style-image: url(/images/arrow-sm.gif);
}

#navigation a {
	color: #000000;
	text-decoration:none
}

#navigation a:hover {
	padding-left:-10px;
	text-decoration:none; color:#0165af;
}

/*search form styles*/
#search_form {
	display: block;
	width: 100%;
	height: 22px;
	background-image: url(/images/search-bg.jpg);
	background-position: left;
	background-repeat: repeat-x;
	border-bottom: 1px solid #666666;
	margin: 0px 0px 0px 0px;
	padding: 3px 0px 3px 0px;
	vertical-align: middle;
}

#search_keyword {
	width: 120px;
	margin: 0px 0px 0px 15px;
	padding: 0px;
}

input#search_button {
	border: none;
	background: transparent;
	background-image: url(/images/go.gif);
	background-repeat: no-repeat;
	width: 19px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	vertical-align: middle;
}

.sidebarsmalltext {font-size:11px; font-weight:bold}
/*search form end*/
/*side bar styles end*/

/*footer styles start*/

div#footer {
	display: block;
	float: right;
	width: 759px;
	border: 1px solid #666666;
	background-image: url(/images/footer.gif);
	background-repeat: repeat-x;
	margin: 5px 0 0 0;
	padding: 0px;
	text-align:center;
	font-size: 10px;
	color:#000000;
}

div#footer img {
	vertical-align: middle;
}

.footerlinks {font-size: 10px;color:#000000;text-decoration:none;}
.footerlinks:link {font-size: 10px;color:#000000;text-decoration:none;}
.footerlinks:visited {font-size: 10px;color:#000000;text-decoration:none;}
.footerlinks:hover {font-size: 10px;color:#000000;text-decoration:underline;}
/*footer styles end*/


/*Order Now table start*/

.offertable {border: 1px solid #666666;
	margin-bottom: 5px;
	}
.offertitle {
	background-color:#666666;
	color:#FFFFFF;
	font-size: 24px;
	font-weight:bold;
	padding: 1px 1px 0px 3px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
.offerrow {
	padding: 3px;
	background-color: #f1f1f1;
}
.offerlist {
	padding-bottom: 2px;
	font-size: 11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.quickform_padding {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	padding: 2px;
}

/*Order Now Table End*/

/*Comments begin*/

.commentpostedon{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.8em}

/*Comments end*/

/*Buttons Start*/
.button {
	background-image: url(../images/buttons/formbut.gif); background-repeat:repeat;
	border: 1px solid #737373;
	color:#FFFFFF; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold; text-transform:uppercase;
	padding:3px; text-transform:uppercase; height:22px
}
.button:hover {
	 color:#000000; 
}

.button:visited {
	 color:#000000; 
}
.quickform_button {
	background-image: url(../images/buttons/formbut.gif); background-repeat:repeat;
	border: 1px solid #737373;
	color:#FFFFFF; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold; text-transform:uppercase;
	padding:3px; text-transform:uppercase;
}
.quickform_button:hover {
	 color:#000000; 
}

.quickform_button:visited {
	 color:#FFFFFF; 
}

/*Buttons End*/


.nopadding {
	padding-left: 3px;
	padding-right: 3px;
}


/*top white links*/
a.white {
	color: #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px;
	text-decoration: underline;
}
a.white:visited {
	color: #FFFFFF;
	text-decoration: underline;
}
a.white:hover {
	color: #333333;
	text-decoration: none;
}
a.white:active {
	color: #333333;
	text-decoration: underline;
}
a:hover {
	color: #0000FF;
	text-decoration: none;
}


/* Order Form */

/*order form container*/
div#orderFormDiv {
	background-image:url(/images/order-form-title.jpg);
	background-repeat:no-repeat;
	background-color:#fff;
	background-position:center top;
	border: 2px solid #0000FF;
	padding: 35px 5px 5px 5px;
	text-align: center;
	font: 12px Arial, Helvetica, Verdana, sans-serif;
	background-color: #fff;
}

div#orderFormDiv img {
	padding: 2px;
	border: 1px solid #0000FF;
}
 
/*style for payment selector header*/ 
p.paymentSelector {
	font: 14px Arial, Helvetica, Verdana, sans-serif;
}
 
/*billing info table*/
table#BillInfo {

}
 
/*header like Bill To*/ 
td.orderFormTitle {
font: 14px Arial, Helvetica, Verdana, sans-serif;
font-weight: bold;
}
 
/*label for mandatory fields*/ 
td.orderFormLabel {
	font: 12px Arial, Helvetica, Verdana, sans-serif;
	color: #333;
	background-color: #fff;
}
 
.required-field {
	color: #0000FF;
	font: 14px Arial, Helvetica, Verdana, sans-serif;
	}
	
.required-field02 {
	color: #0000FF;
	font: 12px Arial, Helvetica, Verdana, sans-serif;
	}
 
/*label for optional fields*/ 
td.orderFormLabelOptional {

}
 
 
td.orderFormInput {
/*input/selector style*/
}
 
/*error message*/ 
td.orderFormError {
color:#ff0000;
font: 11px Arial, Helvetica, Verdana, sans-serif;
font-style:italic;
font-weight: bold;
}
 
/*basically should be the same as table#BillInfo (width, background etc.) */ 
table#SameShip {
text-align: center;
}
 
/*div to hide/show Ship to section*/ 
div#divShipping {
text-align: center;
}	
 
/*the same as table#BillInfo */ 
table#ShipInfo {

}

.different-address {
	text-align: left;
	font: 11px Arial, Helvetica, Verdana, sans-serif;
font-style:italic;
font-weight: bold;
}

.error {
	width: 100%;
	text-align: center;
	font-weight: bold;
	color:#ff0000;
	padding: 15px;
}

/* Customer Comments */

#customer-comments {
	padding: 5px;
	height: 550px;
	overflow:scroll;
	}