/* CSS Document */

/* - - - - - - - - - - - - - - - - - - - - -

Title : Company Name
URL : Company URL

Author :Siliconpetals
Author URL : http://www.siliconpetals.com

- - - - - - - - - - - - - - - - - - - - - */


/*
----------------------------------------------------------------------------- 
Global Styles
-----------------------------------------------------------------------------*/

html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote { margin:0; padding:0; list-style:none; }

body { background:#f8f9f3 url(../images/top_head.jpg) repeat-x top; font-family:Tahoma; font-size:11px; font-weight:normal;  text-align:center;/* for IE */ margin-top:0; margin-bottom:0; color:#000000;}

form{margin:0px; padding:0px; }

table{ margin:0; padding:0;}

fieldset { border: 0; }

img { border: 0;}

h1,h2,h3,h4,h5,h6 {margin:0; padding:0;}

p{ margin:0; text-align:left; font-family:Arial, Helvetica, sans-serif; font-size:12px;  padding:0; line-height:16px; color:#000000;}
td{ margin:0; text-align:left; font-family:Arial, Helvetica, sans-serif; font-size:12px;  padding:0; line-height:16px; color:#000000;} 
ul,li {margin:0; padding:0; list-style:none; line-height:normal; color:#000000; text-align:left;}

a{margin:0; padding:0;   color:#1e6aa8; text-decoration:underline;}


.display{ display:block; float:none; width:auto;}


.clear {clear:both; height:1px;}


h1{ font-family:Arial; font-size:18px; color:#00339d; font-weight:normal; text-transform:none; text-align:left; padding-left:10px; padding-bottom:10px;}
h4{font-family: Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; color:#ffffff; line-height:44px; text-align:left; padding-left:40px; text-align:left;}
h2{ font-family: Arial, Helvetica, sans-serif; font-size:18px; color:#1d4965; font-weight:normal; text-align:left; padding-left:8px; line-height:20px; display:block;padding-bottom:10px;  }
h6{ font-family: Arial, Helvetica, sans-serif; font-size:18px; color:#1d4965; font-weight:normal; text-align:left; padding-left:8px;  }
h5{ font-family: Arial, Helvetica, sans-serif; font-size:14px; color:#1d4965; font-weight:normal; text-align:left; padding-left:8px; line-height:20px; display:block; padding-bottom:10px; }

/*
----------------------------------------------------------------------------- 
Template Styles
-----------------------------------------------------------------------------*/
#wrapper1{ width:100%; background:url(../images/top_rep.jpg) top right no-repeat;}
#wrapper{width:920px; margin:auto; text-align:center; display:block; }


/*
----------------------------------------------------------------------------- 
Header starts here
-----------------------------------------------------------------------------*/
#header{ width:920px; height:125px; display:block; background: url(../images/top_head1.jpg) right no-repeat; }
#logo{ background:url(../images/logo.jpg) no-repeat; width:247px; height:125px; float:left;}
#head_cont{ float:right; width:600px; text-align:right; margin-right:10px; padding-top:35px;}
#lf_hed{ float:left; width:280px; padding-left:20px; display:block;}
#rf_hed{ float:right; font-family: Arial, Helvetica, sans-serif; text-align:left; padding-left:80px; font-size:12px; font-weight:bold; color:#FFFFFF; width:220px; height:90px;}
.divider{ background:url(../images/divider.png) no-repeat; width:169px; height:9px;}
.top_navi{ width:600px; height:78px; float:right; text-align:right;}
.add{ font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#ffffff; text-align:right; padding-bottom:5px;}
.ti34{ font-family:Georgia, "Times New Roman", Times, serif; font-size:20px; font-weight:normal; color:#ffffff;  text-align:center; line-height:22px; text-transform:none;}

/*
----------------------------------------------------------------------------- 
Body starts here
-----------------------------------------------------------------------------*/
#container{ background:url(../images/main_bg.jpg) repeat-y; width:920px; padding-bottom:15px;}
#container1{ background:url(../images/main_bg1.jpg) repeat-y; width:920px; padding-bottom:15px;}

#lf_content{ width:243px; float:left; display:block;}
#rf_content{ width:651px; float:right; display:block; padding-left:13px; padding-right:13px; padding-top:30px;}
#rf_content1{ width:677px; float:right; display:block; padding-top:10px;}


/*
----------------------------------------------------------------------------- 
Right naviagton starts here
-----------------------------------------------------------------------------*/
.navi{ width:222px; display:block; margin:auto; padding-top:10px;}
.navi_top{ background:url(../images/navitop.jpg) no-repeat; width:222px; height:41px;}
.navicen{ background:url(../images/navi_cen.jpg) repeat-y; width:202px; padding-left:10px; padding-bottom:10px; padding-top:10px; padding-right:10px; text-align:left;}
.navibot{ background:url(../images/navibot.jpg) no-repeat; width:222px; height:29px;}
ul.pde a {
color:#595959;
font-size:12px;
font-family: Arial;
text-align:left;
font-weight:bold;
text-decoration:none;
}




ul.pde a:hover 
{
color: #000000;
}
ul.pde a:active{ color:#000000;} 
ul.pde a:visted{ color:#000000;} 


ul.pde{text-align:left; text-align:left;}
ul.pde ul{text-align:left;}
ul ul.pde ul{text-align:left;}
a:visted{color : #ffffff;}			
ul.pde ul a{font-size:12px;text-align:left; color:#0702a6;}
ul.pde li{font-size:12px; text-align:left;line-height:20px;}
/* dynamically added to LIs with nested ULs */
ul.pde li.parent{color:#ffffff;}
ul.pde li.parent img{border:none;}
/* The class to hide nested ULs */
.hide{position:absolute; top:0;left:-4000px;}

/* The class to show nested ULs */
.show{position:static;display: table; top:0;}
ul.pde strong {color:#FFFFFF;}
ul.pde li.current {color:#FFFFFF;display:block;background:#ffffff; height:20px; margin:0; width:129px; padding-left:40px; font-weight:bold;}


ul.pde li.current a {color:#cc0000;display:block;}

.arrow{ background:url(../images/samll_arrow.gif) left no-repeat; padding-left:8px; margin-left:5px; line-height:18px;}
.border{border-bottom:1px #cccccc dashed;background:url(../images/icon.gif) left 12px no-repeat;text-align:left;display:block;line-height:30px;padding-top:7px;
 padding-bottom:2px; padding-left:20px;}




/*
----------------------------------------------------------------------------- 
Right naviagton starts here
-----------------------------------------------------------------------------*/
.gray_box{ width:222px; margin-top:5px;}
.gray_top{ background:url(../images/gary_top.jpg) no-repeat; width:222px; height:44px;}
.gray_cen{ background:url(../images/gray_cen.jpg) repeat-n; width:222px;  padding-bottom:5px; padding-top:5px; text-align:center; }
.gray_bot{ background:url(../images/gary_bot.jpg) no-repeat; width:222px; height:32px;}
.red_color{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; font-weight:bold; text-align:center;}





/*
----------------------------------------------------------
Right hand content boxes goes here
----------------------------------------------------------------*/
.dis_fl{ float:left; width:auto; display:block; width:160px;}
.dis_fr{ float:right; width:auto; display:block; width:200px;}
.brown_small{ width:370px; background:#ede5da; border:3px solid #dfd3c3; float:left; padding:15px;}
.brown1{ padding:20px; padding-top:30px; padding-bottom:30px; background:#ede5da; border:3px solid #dfd3c3; width:605px;}
.brown1{ padding:20px; padding-top:30px; padding-bottom:30px; background:#ede5da; border:3px solid #dfd3c3; width:605px;}
.brow1{ float:left; width:270px; display:block; text-align:left;}
.brow2{ float:right; width:320px; display:block; text-align:left;}
.disp{ float:right; width:440px; display:block; text-align:left;}
.cat{ float:left; width:160px; display:block; text-align:left;}
.disp1{ margin-left:20px; padding:10px; width:550px; display:block; text-align:left;}
.disp2{ float:right; width:390px; display:block; text-align:left;}
a.arrow1{ background: url(../images/arrow1.gif) left no-repeat; float:right; padding-left:15px; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-decoration:none; color:#000000;}
a.button{ background:url(../images/button.png) no-repeat; width:72px; height:18px; float:right; font-family:Arial, Helvetica, sans-serif; font-size:11px; text-decoration:none; color:#000000; padding-left:20px; font-weight:normal; text-align:left; line-height:18px;}
/*a:hover.button{ background:url(../images/button_hover.png) no-repeat; width:100px; height:29px; float:right; font-family:Arial, Helvetica, sans-serif; font-size:11px; text-decoration:none; color:#000000; padding-left:40px; font-weight:bold; line-height:28px; text-transform:uppercase;}
*/
.bigr_top{ background: url(../images/bigr_top.gif) no-repeat; width:648px; height:10px; margin-top:15px;}
.bigr_cen{ background:url(../images/bigr_cen.gif) repeat-y; width:608px; padding:20px;}
.bigr_bot{ background:url(../images/bigr_bot.gif) no-repeat; width:648px; height:16px;}

.orange_arrow{ display:block; width:250px; margin-left:50px; border-right:1px dotted #000000; float:left; text-align:left;}
.orange_arrow li{ background:url(../images/orange_arrow.gif) left no-repeat; padding-left:20px; line-height:26px;}
.orange_arrow a{ font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#000000;}

.brtp{ background:url(../images/brtp.gif) no-repeat; width:648px; height:8px; margin-top:15px;}
.brcen{ background:url(../images/brcen.gif) repeat-y; width:608px; padding-left:20px; padding-right:20px; padding:20px;}
.brcen1{ background:url(../images/brcen.gif) repeat-y; width:608px; padding-left:20px; padding-right:20px; text-align:left;}
.brbot{ background: url(../images/brbot.gif) no-repeat; width:648px; height:9px;}


.boxed{background:#ffffff; padding:2px; border:2px solid #999999;  width:420px;}
.boxed2{background:#ffffff; padding:2px; border:2px solid #999999;  width:380px;}
.boxed1{background:#ffffff; padding:2px; border:2px solid #999999;  width:520px;}
.siz{ width:70px;float:left; margin-right:3px;}
.navtext {text-align:left; width:260px; font:normal 9pt sans-serif; border-width:2px; border-style:outset; border-color:white; background-color:#FFFFCC; layer-background-color:#FFFFCC; color:black; }
#dhtmltooltip{
position: absolute;
left: -300px;
width: 250px;
border: 1px solid black;
padding: 2px;
background-color:#ECEBE8;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

#dhtmlpointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}

.cust_box{ width:225px; display:block; float:right;}
.cust_top{ background:url(../images/cust_top.jpg) no-repeat; width:225px; height:45px;}
.cust_cen{ background:url(../images/cust_cen.jpg) repeat-y; width:225px; display:block;}
.cust_bot{ background:url(../images/cust_bot.jpg) no-repeat; width:225px; display:block; height:28px;}


.text1{ font-size:12px; font-weight:bold; color: #0170b5; font-family:Arial, Helvetica, sans-serif; text-align:center;}
.text2{ font-size:12px; font-weight:normal; color:#000000; font-family:Arial, Helvetica, sans-serif; text-align:center;}
.text2 img{ float:right;}
.text3{ font-size:12px; font-weight:normal; color:#000000; font-family:Arial, Helvetica, sans-serif; text-align:left; }

.text3 a{ float:left;}
.text4{ font-size:12px; font-weight:bold; color: #0170b5; font-family:Arial, Helvetica, sans-serif; text-align:left;}


.footer_site{ width:100%; height:59px; display:block; background:url(../images/footer_bg.gif) repeat-x;}
.footer_main{ width:920px; margin:auto; background:url(../images/footercen.gif) repeat-x; height:59px;}
.footer_left{ width:920px; background:url(../images/footer_left.gif) left no-repeat; height:59px;}
.footer_right{ width:920px; background: url(../images/footer_right.gif) right no-repeat; height:59px;}
.footer_site p{ font-weight:bold; padding-top:10px; text-align:center;}







#pop_top{ background:url(../images/pop_top.png) no-repeat; width:500px; height:85px;}
#pop_bot{ background:url(../images/pop_bot.png) no-repeat; width:500px; height:59px;}
#pop_cen{ background:url(../images/pop_cen.png) repeat-y; width:420px; text-align:center; padding-left:40px; padding-right:40px; padding-top:15px;}
#pop{ width:500px;}
.disp_pop{ width:420px; display:block; text-align:left;}
.boxed_pop{background:#ffffff; padding:2px; border:2px solid #999999; }
.boxed_pop3{background:#ffffff; padding:2px; border:2px solid #999999; text-align:left;  width:94%; float:left; margin-left:5px;  margin-top:10px;}

.banner{ width:260px; float:left;}
.banner_disp{ float:right; width:340px; display:block; text-align:left;}
.banner_boxed{background:#ffffff; padding:3px; border:2px solid #999999;  width:520px;}



.small_round{ width:243px; float:left; display:block;}
.small_rdtop{ width:243px; background:url(../images/small_toprd.jpg) no-repeat; height:15px;}
.small_rdcen{ width:243px; background:url(../images/small_cenrd.jpg) repeat-y;  min-height:200px; height:auto !important; height:300px;}
.small_rdbot{ width:243px; background:url(../images/small_botrd.jpg) no-repeat; height:13px;}

.medium_rd{ width:399px; float:right; display:block;}
.medium_rdtop{ background:url(../images/med_toprd.jpg) no-repeat; height:15px; width:399px;}
.medium_rdcen{ background:url(../images/med_cenrd.jpg) repeat-y; width:399px; min-height:200px; height:auto !important; height:300px;}
.medium_rdbot{ background:url(../images/med_botrd.jpg) no-repeat; width:399px; height:13px;}

.main_img{ background:url(../images/header2.png) no-repeat; width:226px; height:138px; float:left; margin-right:10px; padding-top:48px; padding-bottom:46px; padding-left:35px; padding-right:40px;}
.main_text{ float:right; width:auto;}





.cat_second{ width:490px; }
.disp_second{  width:490px; display:block; text-align:left;}
.boxed_second{background:#ffffff; padding:2px; border:2px solid #999999;  width:490px; }


.state_box{ width:208px; display:block; margin-right:8px; float:left;}
.st_top{ background:url(../images/state_tp.jpg) no-repeat; height:12px; width:208px;}
.st_cen{ background:url(../images/state_cen.jpg) repeat-y; width:187px; padding-left:10px; padding-right:10px;}
.st_box{background:#ffffff; padding:2px; border:2px solid #999999;  width:180px; }
.st_bot{ background:url(../images/state_bot.jpg) no-repeat; width:207px; height:13px;}

a.buy_button{ background: url(../images/buybutton.jpg) no-repeat; width:54px; height:19px; display:block;   font-weight:normal;  line-height:19px;}


.arrow_s{ display:block; padding-top:10px; padding-bottom:10px;}
.arrow_s li{ line-height:17px; border-bottom:1px dashed #999999;}
.arrow_s a{background:url(../images/arrow2.png) left no-repeat; padding-left:13px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#595959;; text-decoration:none; display:block; }

.arrow_s a:hover{ color:#000099;}

a.view_cart{ background:url(../images/view_cart.png) no-repeat; width:165px; height:28px; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#000000; display:block; padding-left:30px; line-height:28px; text-decoration:none;}

.cont_box{ width:360px; display:block; margin:auto;}
.list{display:block; padding-top:5px; padding-bottom:5px;}
.list li{background:url(../images/arrow2.png) left no-repeat; padding-left:10px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; text-decoration:none; display:block; line-height:17px; }

.list1{display:block; padding-top:5px; padding-bottom:5px;}
.list1 li{background:url(../images/arrow2.png) left 5px no-repeat; padding-left:10px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; text-decoration:none; display:block; line-height:17px; padding-bottom:3px; }
.blue_col{ color:#1d4965; font-weight:bold; font-size:11px; font-family:Arial, Helvetica, sans-serif; padding-top:10px;}
.orange_bold{ color:#ee8718; font-weight:bold; font-size:12px; font-family:Arial, Helvetica, sans-serif;}
.doted_border{ border-bottom:1px dashed #999999; height:5px;}

.save_now{ background:url(../images/save_now.png) no-repeat; width:110px; height:105px; z-index:1; margin-left:560px; position:absolute;}




.shell{ width:651px;}
.top_lfshop{ background:url(../images/top_lfshop.jpg) left no-repeat;}
.top_rfshop{ background:url(../images/top_rfshop.jpg) right no-repeat; height:36px;}
.top_rfshop h3{ font-family: Arial, Helvetica, sans-serif; font-size:14px; color:#ffffff; font-weight:bold; text-align:left; padding-left:12px; line-height:36px; display:block;}

.cen_lfshop{ background:url(../images/cen_lfshop.jpg) left  repeat-y;}
.cen_rfshop{ background:url(../images/cen_rfshop.jpg) right repeat-y; text-align:left;}

.arrow_34{ text-align:left;}
.arrow_34 li{ background:url(../images/arrow_34.jpg) left no-repeat; padding-left:10px; padding-bottom:3px; line-height:18px;}
.arrow_35{ text-align:left;}
.arrow_35 li{ background:url(../images/arrow_34.jpg) left 5px no-repeat; padding-left:15px; padding-bottom:3px; line-height:18px;}
.star{ background:url(../images/package.jpg) no-repeat; z-index:1; width:175px; height:154px; margin-left:450px; position:absolute; margin-top:20px;}

.top_page{ font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#666666; text-decoration:none; background:url(../images/top_page.png) left no-repeat; line-height:24px; padding-left:15px;}




#product{ background:url(../images/bg_product.jpg) repeat-y;}

.product_disp{width:480px; padding-left:15px; float:left; text-align:left; display:block; text-align:center;}
.product_disp img{ margin:auto;}
.product_disp p{ padding-left:5px;  padding-right:15px;}
.may_we{width:162px; float:right; display:block; padding-left:10px; padding-right:10px;}


.round_shell{ margin-top:20px; margin-bottom:30px; display:block; float:none;}
.top_round{ background:url(../images/top_round.jpg) no-repeat; width:162px; height:9px;}
.center_round{ background:url(../images/center_round.jpg) repeat-y; width:162px;}
.center_round h1{ font-family:Arial; font-size:13px; color:#00339d; font-weight:bold; text-transform:none; text-align:left; padding-left:10px; padding-bottom:10px;}
.center_round p{ font-family:Arial; padding-left:10px;}
.bottom_round{ background:url(../images/bottom_round.jpg) no-repeat; width:162px; height:13px;}


.top_related{ background:url(../images/top_lase.jpg) no-repeat; width:465px; height:19px;}
.cen_related{ background:url(../images/cen_related.jpg) repeat-y; width:445px; padding-left:10px; padding-right:10px; text-align:left;}
.bot_related{ background:url(../images/bottom_realted.jpg) no-repeat; width:465px; height:24px;}

.related_products{margin-right:10px; padding-bottom:10px;}
.related_products img{ width:130px;  float:left; margin-right:20px;}