body {margin: 0px; background:url(../images/top-bg.gif) repeat-x top; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000;}

#inner_body{background:url(../images/inner_body_bg.gif) repeat-x top; }



h1,h2,h3,h4,h5,h6,h7,form,p,ul,ol,li{ margin:0px; padding:0px;}
img{ border:none}

a{ color:#2374b0; text-decoration:none}
a:hover{ text-decoration:underline}

h1{ font-size:16px; font-weight:bold; color:#217DCC}
h2{ font-size:16px; font-weight:bold; color:#CC0000; border:none!important; margin:none; padding:none}
h3{ font-size:16px; font-weight:bold; color:#CC0000; padding-bottom:4px; margin-bottom:5px;}
h5{ font-size:24px; font-weight:bold; color:#217DCC}
h6{ font-size:45px; font-weight:normal;color:#217DCC}
h7{ font-size:45px; font-weight:normal;color:#217DCC;}


.err_msg {
	font-size:14px;
	color: #9B1603;
	font-weight: bold;
	background: #FFFFEE;
	padding: 5px;
	margin: 0;
	border: 1px solid #9B1603;
}



/*#main{ width:994px; margin:0px auto; position:relative}*/

#main{ max-width:995px; margin:0px auto; position:relative}



/*Header*/

#header{ width:100%; margin-bottom:10px; position:relative}
#header #top{ height:23px; padding-top:6px;}
#header #top ul{ line-height:normal; list-style:none; list-style-image:none; list-style-position:outside; list-style-type:none; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#FFF}

#header #top .left{ float:left; width:200px;}
#header #top .left li{ float:left; margin-left:5px;}
#header #top .left li a{padding-right:5px;}
#header #top .left .none a{ background:none}
#header #top .left .red{ color:#ff9933; font-weight:bold}

#header #top .right{ float:right; width:400px;}
#header #top .right li{ float:left; margin-right:10px;}
#header #top .right li img{ margin-right:6px;}


#header #top a{ font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#FFF; text-decoration:none}
#header #top a:hover{ text-decoration:underline}

#header #logo{ background:url(../images/logo.gif) no-repeat top left; height:104px}
#header #logo .logo{ position:absolute;}
#header #logo .logo img{ width:400px; height:70px;}


/*Header_Inner*/

#header_inner{ height:170px;}
#header_inner .float_left{ float:left}



/*
OLD CSS
#header #navs{ margin:78px 0px 0px 120px;  width:590px; float:left}
#header #navs ul{line-height:normal; list-style:none; list-style-image:none; list-style-position:outside; list-style-type:none;}
#header #navs ul li{ float:left; margin-right:5px;}
#header #navs ul li a{ display:block; background:url(../images/tab_left.gif) no-repeat left; padding:6px 0px 6px 10px; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#FFF; font-weight:bold}

#header #navs ul li a span{ background:url(../images/tab_right.gif) no-repeat right; padding:6px 18px 6px 13px;}

#header #navs ul li a:hover{ display:block; background:url(../images/tab_active_left.gif) no-repeat left; padding:6px 0px 6px 10px; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#FFF; font-weight:bold}
#header #navs ul li a:hover span{ background:url(../images/tab_active_right.gif) no-repeat right; padding:6px 18px 6px 13px;}


#header #navs ul .current a{ display:block; background:url(../images/tab_active_left.gif) no-repeat left; padding:6px 0px 6px 10px; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#FFF; font-weight:bold}
#header #navs ul .current a span{ background:url(../images/tab_active_right.gif) no-repeat right; padding:6px 18px 6px 13px;}

*/




#header #navs {list-style-image:none;list-style-position:outside;list-style-type:none;margin:79px 0px 0px 120px; width:590px; float:left;}
#header #navs ul {line-height:normal; list-style:none; list-style-image:none; list-style-position:outside; list-style-type:none;}
#header #navs li {display:inline;margin:0px 0px 0px 0px;padding:0px;background:url(../images/nav3.gif) no-repeat scroll left top;}
#header #navs a {font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#FFF; font-weight:bold;float:left;margin:0px 0px;padding:0 6px;text-decoration:none;background:url(../images/nav1.gif) no-repeat scroll left  -26px;}
#header #navs a div{ background: url(../images/nav2.gif) repeat-x right -26px; height:26px; float:left }
#header #navs a div span {cursor:pointer;float:left; padding:5px 18px 0px 13px;text-decoration:none;background:url(../images/nav3.gif) no-repeat scroll right -26px;}
#header #navs a:hover { background: url(../images/nav1.gif) no-repeat scroll left top;}
#header #navs a:hover div{ background: url(../images/nav2.gif) repeat-x right top ; height:26px }
#header #navs a:hover div span {background: url(../images/nav3.gif) no-repeat scroll right top; }
#header #navs .current a {background: url(../images/nav1.gif) no-repeat scroll left top;}
#header #navs .current a div{ background: url(../images/nav2.gif) repeat-x right top; }
#header #navs .current a div span {background: url(../images/nav3.gif) no-repeat scroll right top;}





#header #cart{ background:url(../images/cart_bg.gif) no-repeat; width:250px; height:46px; float:right; margin-top:20px; padding:10px; position:absolute; right:0px;}
#header #cart ul{line-height:18px; list-style:none; list-style-image:none; list-style-position:outside; list-style-type:none; margin-top:4px}
#header #cart li img{ }
#header #cart li{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333; text-decoration:none; padding-bottom:5px;}
#header #cart li a{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#333; text-decoration:none} 
#header #cart li a:hover{ text-decoration:underline}
#header #cart li strong { color:#CC0000; font-weight:bold}
#header #cart li .red{ font-size:15px; padding-right:10px; font-weight:bold; color:#CC0000}




#search-box{ width:100%; float:left;}
#search-box .left{ width:460px; float:left}
#search-box .left ul{line-height:normal; list-style:none; list-style-image:none; list-style-position:outside; list-style-type:none;}
#search-box .left li{ float:left; line-height:24px; padding-top:5px; margin:0px 3px;}
#search-box .left li p{ display:block; background:url(../images/search-box.gif) no-repeat; width:327px; height:20px; padding:5px;}
#search-box .left li .text-box{ border:#FFF solid 1px; width:300px; margin-left:3px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666;}
#search-box .left li .button{ background:none; border:none; width:auto; height:auto; margin-top:1px;}
#search-box .left li strong{ font-size:14px; color:#FFF}


#search-box #browse { float:right; width:448px; padding-top:10px; height:22px;}
#search-box #browse ul{line-height:normal; list-style:none; list-style-image:none; list-style-position:outside; list-style-type:none;}
#search-box #browse li{ float:left;  color:#FFF; font-family:Arial, Helvetica, sans-serif; font-size:11px;}
#search-box #browse li a{ display:block; margin:0px 2px; padding:0px;font-family:Arial, Helvetica, sans-serif; color:#FFF; text-decoration:none; font-size:11px;}
#search-box #browse li a:hover{ text-decoration:underline}

#search-box #browse li strong{ padding-right:6px; }

/*End Header*/


/*Middle*/
#middle{ width:100%; clear:both;}
#middle #left_side{ float:left; width:205px; margin-right:10px;}
#middle #right_side{ float: left; width:780px}



/*Middle*/ 
#boxes{ width:100%; line-height:18px;}
#boxes h2{ color:#000}
#boxes .box-tl{ height:345px;}
#boxes .left{ width:49%; float:left}
#boxes .right{ width:49%; float:right}




/*List*/
.list ul{ margin-left:10px; line-height:22px; list-style:none; list-style-image:none; list-style-position:outside; list-style-type:none}
.list li{ background:url(../images/arrow.gif)  no-repeat left; padding-left:13px;}
.list li a{  color:#333}
.list li a:hover{color:#000; text-decoration:underline}
.list .link a{ color:#2374b0; font-weight:bold}


/*List2*/
.list2 ul{ margin-left:10px; line-height:22px; list-style:none; list-style-image:none; list-style-position:outside; list-style-type:none}
.list2 li{ background:url(../images/arrow.gif)  no-repeat left; padding-left:13px;}
.list2 li a{color:#333}
.list2 li a:hover{color:#000; text-decoration:underline}


/*List3*/
.list3 ul{ margin-left:20px; line-height:22px; }
.list3 li a{ color:#3399cc}
.list3 li a:hover{color:#000; text-decoration:underline}


/*Listing CSS*/
.listing { width:100%; clear:both}
.listing ul{line-height:normal;list-style:none;list-style-image:none; list-style-position:outside; list-style-type:none; margin:10px 0px 10px 10px; text-align:left;}
.listing li{ background:url(../images/arrow2.gif) no-repeat top left; padding-left:20px; margin-bottom:4px;}
.listing .tr12{ text-decoration:underline}
.listing li a{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000; text-decoration:underline; font-weight:bold}
.listing a:hover{ text-decoration:none; color:#CC0000}

.listing .none{ background:none; padding:0px; border:none}






/*magazines*/

.magazines{ width:100%; margin-top:10px;}
.magazines .arrow_left{ float:left; padding:55px 0px 0px 10px;}
.magazines .arrow_right{ float:right;  padding:55px 10px 0px 0px;}
.magazines ul{ line-height:18px; list-style:none; list-style-image:none; list-style-position:outside; list-style-type:none; font-size:11px;}
.magazines li{ float:left; width:185px; text-align:center}
.magazines li .img-bor{ border:#CCC solid 1px; padding:2px; width:100px; height:150px;}
.magazines li p{ display:inherit}
.magazines li p .blue{ font-size:13px;color:#000}
.magazines li p .blue2{ font-size:11px;color:#0066cc}
.magazines li p .red{ font-size:14px; font-weight:bold; color:#CC0000;}
.magazines li dd{ padding:0px 0px 10px 0px; font-size:13px; font-weight:bold; margin:0px; }

/*Registration CSS*/
#registration{ width:100%;}
#registration h1{ font-size:24px; color:#ff6600; margin-bottom:20px; font-weight:normal}
#registration ul{line-height:normal; margin:0px 0px 10px 10px;list-style:none; list-style-image:none; list-style-position:outside; list-style-type:none; position:relative;}
#registration li{ margin-bottom:10px; width:600px; float:left;}
#registration li label{ width:180px; text-align:right; float:left; font-weight:normal; color:#333; padding-right:20px;}
#registration li label strong{ color:#CC0000; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif}
#registration li .text_box{ width:228px; float:left; background:url(../images/input-bg.gif) repeat-x; height:19px; border:#CCC solid 1px;font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333;padding:3px 0px 0px 7px;} 
#registration li .text_box2{ width:auto; background:url(../images/input-bg.gif) repeat-x; height:25px; border:#CCC solid 1px;font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333;}
#registration li p{ float:left;}
#registration li span{ float:left; color:#666; font-size:11px; width:300px; margin-left:180px;}
#registration .button{ float:left; margin-top:10px; background:url(../images/button.gif) no-repeat; width:109px; height:33px; border:none; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#FFF; font-weight:bold; padding-bottom:5px; cursor:pointer}
#registration .button:hover{background:url(../images/button-over.gif) no-repeat; }

#registration .none{ height:auto; padding:0px; margin:0px;}
#registration  textarea{width:300px!important; background:url(../images/input-bg.gif) repeat-x; height:100px!important; border:#CCC solid 1px;font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333;padding:3px 0px 0px 7px;}

#registration .red{ font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; border-bottom:#CCC dotted 1px; padding-bottom:5px; margin-bottom:10px; color:#333;}



/*order_table*/
#order_table{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333; margin:0px 5px 0px 5px;}
#order_table th{ font-size:12px; font-weight:bold;padding:5px; height:32px; color:#FFF}
#order_table td{ padding:5px;}
#order_table .img-bor{ width:40px; height:40px; margin-bottom:5px; cursor:pointer}
#order_table .blue2{ font-size:12px;}
#order_table td{ border-bottom:#CCC dotted 1px;}
#order_table .red strong{ color:#339933;}

/*order_table2*/
#order_table2{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333; margin:0px 5px 0px 5px;}
#order_table2 th{ font-size:12px; font-weight:bold;padding:5px; height:32px; color:#FFF}
#order_table2 td{ padding:5px;}
#order_table2 .img-bor{ width:80px; height:80px; margin-bottom:5px; cursor:pointer}
#order_table2 .blue2{ font-size:12px;}
#order_table2 .red strong{ color:#339933;}




/*Classes*/
.banner{ width:100%; text-align:center}
.banner img{ margin-bottom:10px;}

/*pre-next-list*/
.pre-next-list{width:auto; float:right; padding-bottom:2px;}
.pre-next-list ul{ line-height:normal; list-style:none; list-style-image:none; list-style-position:outside; list-style-type:none}
.pre-next-list li{ float:left; }
.pre-next-list li a{  border:#9aafe5 solid 1px; padding:4px; margin:1px; background:#FFF; text-decoration:none}
.pre-next-list li a:hover{ background:#105cb6; color:#FFF}
.pre-next-list .select a{ background:#105cb6; color:#FFF}





.img-bor{ border:#CCC solid 1px; padding:2px;}
.blue{ font-size:12px; color:#0066cc; font-family:Arial, Helvetica, sans-serif}
.red{ font-size:12px; color:#CC0000; font-family:Arial, Helvetica, sans-serif;}

.clear{ clear:both}
.float_left{ float:left}
.float_right{ float:right}
.t16{ font-family:Arial, Helvetica, sans-serif; color:#498719; font-size:16px; text-decoration:none}
.t11{font-family:Arial, Helvetica, sans-serif; color:#333; font-size:11px; text-decoration:none}
.t12{font-family:Arial, Helvetica, sans-serif; color:#333; font-size:12px; text-decoration:none}
.tw12{font-family:Arial, Helvetica, sans-serif; color:#FFF; font-size:12px; text-decoration:none}

.tr12{ color:#CC0000; font-size:12px; font-family:Arial, Helvetica, sans-serif; text-decoration:none}
.tr18{ color:#CC0000; font-size:18px; font-family:Arial, Helvetica, sans-serif; text-decoration:none}


.button{ background:url(../images/butt-bg.gif) repeat-x; height:22px;font-family: Arial, Helvetica, sans-serif; color:#FFFFFF;font-weight: bold; font-size:12px;	text-decoration: none; border:#000000 solid 1px; cursor:pointer}


.button2{ background:url(../images/button-over.gif) no-repeat; width:109px; height:33px; border:none; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#FFF; font-weight:bold; padding-bottom:5px; cursor:pointer}
.button2:hover{background:url(../images/button.gif) no-repeat; }




.bor-bottom{ border-bottom:#CCC dotted 1px;}
.text_box{ border:#CCC solid 1px;font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333;}


#categories{ width:100%;}
#categories .left{ width:260px; float:left}
#categories ul{ margin-left:20px; line-height:25px; list-style:none;}
#categories li{ background:url(../images/arrow2.gif) no-repeat left; padding-left:20px;}
#categories li a:hover{ text-decoration:underline; color:#333;}


#categories2{ width:100%;}
#categories2 .left{ width:250px; float:left}
#categories2 ul{ margin-left:20px; line-height:40px; list-style:none;}
#categories2 li{ list-style-type:disc}
#categories2 li a:hover{ text-decoration:underline; color:#333;}


#faq{ width:100%;}
#faq .bg{ background:#F2F9FF; border:#4997E4 solid 1px; padding:10px; line-height:13px;}
#faq p{ margin-bottom:10px;}
#faq ul{ margin-left:20px; line-height:18px;}
#faq h3{ border-bottom:#CCC dotted 1px; padding-bottom:5px; margin-top:20px; color:#2374b0; font-size:18px; font-weight:normal}



#footer{ border-top:#CCC solid 4px; padding:10px 0px; background:#f4f2f2; height:50px;}
#footer .middle{ width:994px; margin:0px auto; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#3366cc;}
#footer .middle .left{ text-align:left; float:left}
#footer a{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#3366cc;}



#products_cats{ width:100%}
#products_cats .blue{ font-size:14px; font-weight:bold; border-bottom:#CCC dotted 1px; padding-bottom:4px; display:block}
#products_cats .list ul{list-style:none; margin:0px;line-height:18px; border-top:#CCC solid 1px; padding-top:3px;}
#products_cats .list li{ list-style-type:disc; list-style-position:inside; background:none; padding-left:3px;}
#products_cats .list li a{ font-size:11px;}
#products_cats .list li a:hover{ text-decoration:underline; color:#333;}
#products_cats .blue2{list-style-type:none!important}
#products_cats .blue2 a{ font-size:12px;color:#0066cc; font-weight:bold;}


#serach_result { line-height:18px;}
#serach_result .t12{ font-size:13px;}
#serach_result .blue2{ font-size:11px; color:#0066cc; }




#top_links{ border-bottom:#CCC dotted 1px; padding-bottom:8px; height:13px; margin-bottom:10px;}
#top_links ul{ line-height:normal; list-style:none; list-style-image:none; list-style-position:outside; list-style-type:none}
#top_links li{ float:left; margin-right:5px;color:#666}
#top_links li a{ color:#666}



#review{ margin:5px 0px;}

.add_cart_box td{ padding-bottom:4px;}
.add_cart_box strong{ color:#CC0000}
.add_cart_box u{ text-decoration:line-through!important; padding-left:7px;}
.add_cart_box h1{ font-size:26px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:normal; color:#000;}
.add_cart_box .t16{ font-size:11px; text-transform:uppercase}



#billing_info{ width:100%;}
#billing_info th{ color:#FFF; font-size:15px; font-weight:bold; height:35px;}
#billing_info td{ padding:3px;}
#billing_info .bor-bottom{ border-bottom:#CCC solid 1px;}


#payment_info{ width:100%; }
#payment_info th{ color:#FFF;  font-size:15px; font-weight:bold; height:35px;}
#payment_info td{ padding:3px;}
#payment_info .bor-bottom{ border-bottom:#CCC solid 1px;}


#contact_us{ width:100%; }
#contact_us th{ color:#FFF;  font-size:15px; font-weight:bold; height:35px;}
#contact_us td{ padding:3px;}
#contact_us .bor-bottom{ border-bottom:#CCC solid 1px;}





#order_print{ width:608px; margin:20px auto; border:#CCC solid 1px; padding:10px;}
#order_print h1{ font-size:24px; background:#FFF; border:#217DCC solid 1px; padding:3px;}
#order_print h2{ border-bottom:#CCC dotted 1px!important; padding-bottom:10px;}
#order_print h3{ font-size:15px; padding:0px!important; margin:0px!important; color:#FFF; font-weight:bold}

#order_print table{ border:0px;}



#order_receipt{ width:100%;}
#order_receipt h5{ border-top:#4997e4 solid 2px;border-bottom:#4997e4 solid 2px; padding:5px 0px; margin-bottom:15px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:18px; color:#333; text-decoration:none}

#order_receipt .box { background: #FFF; width:100%; margin-bottom:10px;}
#order_receipt .box .box-t { background: top url(../box-images/box_t_blue.gif) repeat-x; }
#order_receipt .box .box-r { background: right url(../box-images/box_r_blue.gif) repeat-y; }
#order_receipt .box .box-b { background: bottom url(../box-images/box_b_blue.gif) repeat-x; }
#order_receipt .box .box-l { background: left url(../box-images/box_l_blue.gif) repeat-y; }
#order_receipt .box .box-tr { background: top right url(../box-images/box_tr_blue.gif) no-repeat; }
#order_receipt .box .box-br { background: bottom right url(../box-images/box_br_blue.gif) no-repeat; }
#order_receipt .box .box-bl { background: bottom left url(../box-images/box_bl_blue.gif) no-repeat; }
#order_receipt .box .box-tl { background: top left url(../box-images/box_tl_blue.gif) no-repeat; }

#order_receipt .box .box-tl {padding:5px 10px 15px 10px;}
#order_receipt .box .box-tl  .title{ width:100%;font-family:Arial, Helvetica, sans-serif ; font-weight:normal; font-size:18px;	color:#FFF;	text-decoration:none; height:35px;
	text-align:left;}
#order_receipt .box .box-tl  .title span{ float:right; font-size:11px; padding-top:6px;}
#order_receipt .box .box-tl  .title span a{ font-weight:bold; font-size:11px; color:#FFF; text-decoration:none}




#select_package{ background:url(../images/select_package.gif) #dfedfc no-repeat left top; padding:30px 0px 20px 0px; width:779px; margin-bottom:20px;}
#select_package .img-bor{ width:100px; height:150px; margin:20px 15px; background:#FFF}

.ajax-loading {
	padding: 20px 0;
	background: url(images/spinner.gif) no-repeat center;
}
/*E9EBEB*/
tr.row_0 { background-color:#DBE2EC; }
tr.row_1 { background-color:white; }