/* CSS Document */
html, body, form {margin:0; padding:0}
body {padding:0; margin:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#545454; background:#FFFFFF url(../images/bodybg.jpg) repeat-x left top; }
img {border:0}
p {margin:0px 0px 7px 0px; padding:0; color:#545454; line-height:18px;}
a {outline:none; text-decoration:none; color:#333333;}
a:hover {outline:none; color:#000000;}
input, select, textarea {font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:2px; color:#333333; outline:none;}
.topsearch { background:url(../images/searchbg.gif) no-repeat left top; width:214px; height:35px; padding:5px 0px 0px 9px; text-align:left; float:right; }
.topsearch .cstxt{ width:157px; height:20px; margin:0px; padding:7px 0px 0px 5px; color:#666B6B; font-weight:bold; font-size:11px; border:none; background:none; vertical-align:top; }
.topsearch input.csbtn { background:url(../images/top_search_btn.gif) no-repeat left top; width:30px; height:30px; border:none; margin:0px 0px 0px 10px; cursor:pointer; }
.wrapper { background:url(../images/footerbg.gif) repeat-x left bottom; }

.cartbg { background:url(../images/cartbg.gif) no-repeat left top; width:227px; height:32px; margin:0px 10px 0px 0px; padding:8px 8px 0px 8px; text-align:center; float:right; }
.cartbg p{ padding:0px; margin:0px; line-height:24px; color:#000000; font-weight:bold; }
.cartbg p img{ padding:0px 7px 0px 0px; margin:0px; line-height:24px; vertical-align:top;  }

.banner { width:950px; height:200px; padding:10px 0px 10px 0px; }
.clear { clear:both; margin: 0px; padding: 0px; }
.spac20 { padding:20px 0px 0px 0px; }
.spac4 { padding:4px 0px 0px 0px; }
.spac10 { padding:10px 0px 0px 0px; }
.hline { background:url(../images/hdot.gif) repeat-x left bottom; }
.black { color:#000000; }
.font18 { font-size:18px; }

/* menu */
.nav { height:40px; padding:16px 0px 0px 0px; float:right;}
.nav ul{ margin:0px; padding:0px; }
.nav ul li{ margin:0px; padding:0px; list-style-type:none; height:26px; float:left; color:#000000; }
.nav ul li a{ color:#262525; line-height:26px; display:block; height:26px; float:left; } 
.nav ul li a span { color:#262525; line-height:26px; padding:0px 15px 0px 15px; font-weight:bold; height:26px; display:block; float:left; cursor:pointer;} 
.nav ul li a:hover{ color:#FFFFFF; background:url(../images/navbg_left.gif) no-repeat left top;}
.nav ul li a:hover span{ color:#FFFFFF; background:url(../images/navbg_right.gif) no-repeat right top;}
/* Menu End */

h1 {color:#097AAF; margin:0px; padding:0px 0px 10px 0px; line-height:30px; font-size:24px; font-weight:normal;}
h2 { color:#333333; margin:0px 0px 0px 0px; padding:20px 0px 0px 0px; font-size:18px; line-height:30px; font-weight:normal; }
h3 {color:#000000; margin:0px; padding:10px 0px 0px 0px; font-size:13px; line-height:18px; font-weight:bold; }

.middle_content { width:700px; padding:0px 0px 20px 0px; }
.left_panel { width:250px; padding:0px 0px 20px 0px; }

/* Left Pannel */
.leftlink { color:#000000; padding:0px 0px 0px 0px; background:url(../images/left_linkbg.gif) repeat-x left 35px; }
.leftlink h2{ font-size:18px; color:#333333; padding:0px 0px 20px 46px; line-height:34px; background:url(../images/catbg.gif) no-repeat left top; }
.leftlink h3{ padding:10px 0px 10px 10px; color:#FFFFFF; }
.leftlink ul { margin:0px; padding:0px 20px 0px 20px; }
.leftlink ul li{ margin:0px; padding:0px 0px 0px 0px; list-style-type:none; height:24px; }
.leftlink ul li a{ padding:0px 0px 0px 20px; color:#3B3A38; line-height:24px; display:block; font-weight:bold; background:url(../images/bullet.gif) no-repeat left 8px;  }
.leftlink ul li a:hover{ color:#FFFFFF; background:#404040 url(../images/bullet.gif) no-repeat 5px 8px; }

.leftlink .main_cat { color:#4B4B4B; padding:0px 10px 0px 20px; }
.leftlink .main_cat a{ padding:3px 0px 3px 20px; color:#3B3A38; line-height:18px; display:block; font-weight:bold; background:url(../images/bullet.gif) no-repeat left 8px; }
.leftlink .main_cat a:hover{ color:#FFFFFF; background:#404040 url(../images/bullet.gif) no-repeat 5px 8px; }
.leftlink .main_cat a.sel{ color:#FFFFFF; background:#404040 url(../images/bullet.gif) no-repeat 5px 8px;  }

.leftlink .sub_cat { color:#4B4B4B; padding:5px 10px 0px 25px; }
.leftlink .sub_cat a{ background:url(../images/subbullet.gif) no-repeat left 4px; display:block; padding:1px 0px 0px 10px;  font-size:11px; color:#535353; font-weight:bold;  }
.leftlink .sub_cat a:hover { color:#157AC8; text-decoration:none; }
.leftlink .sub_cat a.sel{ background:url(../images/blackbullet.gif) no-repeat left 3px; color:#034CA0; font-weight:normal; }

.leftlink .sub_cat2 { color:#4B4B4B; padding:5px 10px 0px 35px; }
.leftlink .sub_cat2 a{ background:url(../images/level2_bullet.gif) no-repeat left 5px; padding:1px 0px 0px 15px; font-size:11px; display:block; color:#3B3A38; font-weight:normal; }
.leftlink .sub_cat2 a:hover { color:#157AC8; text-decoration:none; }
.leftlink .sub_cat2 a.sel{ background:url(../images/blackbullet.gif) no-repeat left 3px; color:#034CA0; font-weight:normal; }

.left_login { color:#000000; padding:0px 0px 0px 0px; background:url(../images/left_linkbg.gif) repeat-x left 35px; }
.left_login h2{ font-size:18px; color:#333333; padding:0px 0px 20px 46px; line-height:34px; background:url(../images/left_loginbg.gif) no-repeat left top; }
.left_login p{ padding:0px 0px 0px 20px; line-height:22px; color:#000000; }
.left_login p input.cstxt{ width:180px; height:22px; padding:0px 0px 0px 5px; color:#000000; border:none; background:#C7C8C8; }
.left_login p input.csbtn{ background:#ACADAD; border:none; padding:5px 10px; float:right; font-weight:bold; margin:0px 27px 0px 0px; }

/* Middle */
ul.img_display { margin:0px; padding:0px; }
ul.img_display li{ margin:0px 20px 10px 0px; list-style-type:none; width:200px; height:210px; float:left; text-align:center; padding:5px; border:1px solid #C1C3C3; background:#EEEAEA; }
ul.img_display li div{ border:1px solid #D3D5D5; background:#FFFFFF; }
ul.img_display li div h3{ height:36px; }

.ad_info { color:#000000; padding:0px 0px 0px 0px; background:url(../images/left_linkbg.gif) repeat-x left 35px; }
.ad_info h2{ font-size:18px; color:#333333; padding:0px 0px 0px 46px; line-height:34px; background:url(../images/left_titlebg.gif) no-repeat left top; }
.ad_info ul { margin:0px; padding:0px 20px 0px 20px; }
.ad_info ul li{ margin:0px; padding:0px 0px 0px 0px; list-style-type:none; }
.ad_info ul li a{ padding:3px 0px 3px 20px; color:#3B3A38; line-height:16px; display:block; background:url(../images/bullet.gif) no-repeat left 7px;  }
.ad_info ul li a:hover{ color:#000000; text-decoration:underline; }

p.pro_info { margin:0px 0px 0px 0px; padding:3px 0px 3px 0px; text-align:left; line-height:14px; }
p.pro_info span { float:left; width:110px; line-height:14px; float:left; font-weight:bold; }
.discl_info { font-style:italic; font-size:11px; line-height:14px; color:#333333; }

/* footer */
.footer { padding:20px 0px 20px 0px; color:#262525; font-size:11px; font-weight:bold; }
.footer p a{ color:#262525; padding:0px 5px 0px 5px; }
.footer p a:hover{ color:#281B02; text-decoration:underline; }

/* form */
.frm { border:1px solid #E9E7E7; background:url(../images/frm_bg.gif) repeat-x left top; padding:0px 10px 10px 10px; }
.frm p { margin:0px; padding:3px 0px 3px 0px; text-align:left; }
.frm p span { float:left; width:150px; line-height:20px; float:left; }
.cstext { border:1px solid #CBCBCB; background:url(../images/inputbg.gif) repeat-x left top; height:20px; margin:0px 0px 5px 0px; }
.cstextbox { border:1px solid #BDBDBD; background:#FFFFFF; height:20px; width:180px; }
.csbutton { border:1px solid #64A5C4; background:url(../images/button_bg.gif) repeat-x left top; padding:0px 8px; color:#000000; height:26px; font-size:13px; }
.csselect { border:1px solid #BDBDBD; width:184px; height:26px; }
.mandatory { color:#FF0000; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px;}
.frm h2{ padding:10px 0px 5px 0px; }


.base1 { width:320px; float:left; }
.base2 { width:320px; float:right; }
.box { width:210px; float:left; }

.img-left { float:left; padding:0px 10px 0px 0px; }
.img-right { float:right; padding:0px 0px 0px 10px; }

.absmiddle { vertical-align:middle; }

table.logintab { border:1px solid #D6D6D6; border-collapse:collapse; }
table.logintab th { background:url(../images/loginbg.gif) repeat-x left bottom; text-align:left; line-height:24px; height:30px; padding:0px 0px 0px 15px; color:#000000; font-size:18px; font-weight:normal; }
.logout { width:70px; height:22px; float:right; margin:0px 10px 0px 0px; padding:10px 0px 0px 0px;  }