@charset "utf-8";
/* CSS Document */
body{margin:0; padding:0; background:url(images/bg.jpg) #FFFFFF repeat-x top; font:12px/1.55em arial, helvetica, sans-serif}
.cleaner{clear:both;margin:0;padding:0;font-size:1px;line-height:0}
*{
margin:0px;
padding:0px}

a { color:#6686b4; text-decoration:none; }
a:hover { color:#6686b4; text-decoration:underline; }
a img { border:0;}

#wrapper{width:950px; margin:0 auto; padding:0}

/* Top Links starts*/
.toplinks{ width:935px; height:32px; margin:0px; padding:12px 15px 0px 0px; color:#92b1d6; text-align:right}
.toplinks a{ color:#e3edfa; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:12px;padding-right:9px; padding-left:9px;}
.toplinks a:hover { text-decoration:underline }
/* Top LInks Ends*/

/* Header starts*/
.header{width:950px; float:left; height:152px; background:url(images/headerbg.jpg) no-repeat; margin-bottom:5px;}
.header .topbar{width:950px; float:left; height:40px; }
.header .topbar .navigate{width:620px; float:left; height:40px; }
.header .topbar .navigate img{ padding:0px; margin:0px; vertical-align:middle}
.header .topbar .navigate a{ color:#fff000; text-decoration:none;font:12px/1.55em arial, helvetica, sans-serif;padding-right:16px; padding-left:16px;}
.header .topbar .navigate a:hover{ color:#fff000; font:12px/1.55em arial, helvetica, sans-serif; text-decoration:underline }
.header .topbar .searchbox{width:315px; float:left; height:28px;font: bold 11px arial, helvetica, sans-serif; color:#b7ccef; padding-top:12px; text-align:right; padding-right:15px; }
.header .topbar .searchbox .searchinput{border:1px solid #739bda;border-left:0px;background:#547dbd;color:#FFF;vertical-align:top;padding-left:2px;font-size:11px;height:16px;padding-top:1px}

.header .logo{width:950px; float:left; height:73px; }
.header .nav{ float:left; height:39px;width:950px;}
.header .nav img{ padding:0px; margin:0px; vertical-align:middle}
.header .nav a{ color:#9d6709; font-weight:bold; text-decoration:none;font: bold 12px/1.55em arial, helvetica, sans-serif;padding-right:18px; padding-left:18px;}
.header .nav a:hover{ color:#9d6709; font: bold 12px/1.55em arial, helvetica, sans-serif; text-decoration:underline }
/* Header ends*/

/* Main Container starts*/
#container{width:950px; margin:0 auto; padding:0}
/* Main Container ends*/

/* Left Panel starts*/
.left{ width:180px; padding:0px; margin:0px 5px 0px 0px; float:left;}
.left .quicksearchbox{ width:180px; padding:0px; height:78px; background:url(images/quicksearchboxbg.jpg) no-repeat; margin-bottom:5px;}
.left .quicksearchbox .title{ width:166px;padding:6px 0px 8px 14px; color:#9d6709; font:12px/1.55em  arial, helvetica, sans-serif; font-weight:bold; }
.left .quicksearchbox .search{ width:166px; padding:8px 0px 8px 14px;}
.left .quicksearchbox .search .inputtext{width:150px; height:20px;font:12px/1.55em  arial, helvetica, sans-serif; padding-left:2px;border:1px solid #deb30a; color:#9d6709; background:#FFFFFF; }
.left .quicksearchbox .browntext{ color:#883000; font:12px/1.55em  arial, helvetica, sans-serif; font-weight:bold; line-height:0px;}
.left .quicksearchbox .botlink{ width:166px; padding:14px 0px 0px 7px;}

.left .joinemailbox{ width:180px; padding:0px; height:108px; background:url(images/joinemailbg.jpg) no-repeat; margin-bottom:5px;}
.left .joinemailbox .title{ width:166px;padding:6px 0px 8px 14px; color:#9d6709; font:12px/1.55em  arial, helvetica, sans-serif; font-weight:bold; }
.left .joinemailbox .text{ width:166px; padding:1px 0px 2px 14px; color:#9d6709}
.left .joinemailbox .button{ width:166px; padding:5px 0px 2px 0px; }
.left .joinemailbox .search{ width:166px; padding:1px 0px 8px 14px;}
.left .joinemailbox .search .inputtext{width:150px; height:20px;font:12px/1.55em  arial, helvetica, sans-serif; padding-left:2px;border:1px solid #deb30a; color:#9d6709; background:#FFFFFF; }
.left .joinemailbox .browntext{ color:#883000; font:12px/1.55em  arial, helvetica, sans-serif; font-weight:bold; line-height:0px;}
.left .joinemailbox .botlink{ width:166px; padding:14px 0px 0px 7px;}

.left .left-box{float:left;width:180px;margin-bottom:5px;}
.left .left-box .title{float:left;background: url(images/left-box-title-bg.gif) no-repeat;font:12px/1.55em  arial, helvetica, sans-serif; font-weight:bold;color:#0f49ac;padding:6px 0px 0px 15px; height:33px;width:165px}
.left .left-box .body-link{float:left; background:url(images/box-body-bg.gif) repeat-y;width:180px}
.left .left-box .bottom-bg{background:url(images/left-box-bot-bg.gif) no-repeat; line-height:0px; font-size:0px; float:left; height:11px; width:180px;}
.left .left-box .body-link .link-list{margin:0;padding:0}
.left .left-box .body-link .link-list li{margin:0;padding:0px 0px 0px 0px;list-style:none;border-bottom:1px dashed #d3d3d3;background:url(images/list_arrow.gif) no-repeat 10px 50%}
.left .left-box .body-link .link-list li a{display:block;padding:4px 5px 4px 20px;font-size:12px;color:#6686b4; font-weight:normal;text-decoration:none}
.left .left-box .body-link .link-list li a:hover{ text-decoration:none; color:#ff7c00}

/* IE ONLY */
* html .left .left-box .body-link .link-list li{margin:-1px 0px -1px 0px; padding:0 ; padding-bottom:1px}
* html .right-box .body-link .link-list li{margin:-1px 0px -1px 0px; padding:0 ; padding-bottom:1px}

/*  Left side Code Ends here */
/* Left Panel ends*/

/* banner Starts */
.banner{ float:left;width:765px; height:191px; padding:0px; margin:0px;background: url(images/banner.jpg) no-repeat;font:13px/1.55em  arial, helvetica, sans-serif; font-weight:bold;color:#fff; margin-bottom:5px;}
.banner h2{ padding:25px 0px 5px 25px; font:2.30em "Trebuchet MS", Arial, Helvetica, sans-serif; color:#FFF  }
.banner .text{ float:left; padding:0px 0px 5px 25px; width:400px;}
.banner .button{ float:left; padding:15px 0px 5px 15px; width:400px;}
/* banner ends*/

/* Mid Panel Starts */
.mid-panel{ float:left;width:765px; font:12px/1.55em  arial, helvetica, sans-serif; font-weight:bold;color:#545353;} 
.mid-panel .title{float:left;width:750px; background:url(images/midpaneltitlebg.gif) no-repeat; height:35px; padding-left:15px; }
.mid-panel h1{font:15px/2.55em  arial, helvetica, sans-serif; font-weight:bold;color:#2066ab;}
.mid-panel .middlearea{width:765px; padding:0px; margin:0px; background:url(images/midareabg.gif) repeat-x #FFF;}
.mid-panel .middlearea .listingbox{width:765px; padding:0px; margin:0px; height:39px }
.mid-panel .middlearea .listingbox .left{ padding-top:10px; float:left; width:230px;font:11px  arial, helvetica, sans-serif; font-weight:bold;color:#184e92; padding-left:15px; margin-bottom:10px;}
.mid-panel .middlearea .listingbox .left .selectbox{ color:#232222; border:1px solid #7f9db9;font:11px  arial, helvetica, sans-serif; margin-left:8px; margin-right:20px;}

.mid-panel .middlearea .numpages{width:765px; padding:0px; height:40px; color:#184e92; font:12px  arial, helvetica, sans-serif; font-weight:bold; margin-bottom:10px;}
.mid-panel .middlearea .numpages a{color:#618ecd; font:12px  arial, helvetica, sans-serif; text-decoration:none; padding-left:4px; padding-right:4px; }
.mid-panel .middlearea .numpages a:hover{text-decoration:underline}
.mid-panel .middlearea .numpages .left{width:300px; padding:0px; margin:0px; float:left height:40px; padding-left:15px; padding-top:10px; }
.mid-panel .middlearea .numpages .right{width:420px; padding:0px; margin:0px; height:30px; float:right; padding-right:15px; padding-top:10px; text-align:right }


.mid-panel .middlearea .productlisting{width:765px; float:left; padding:0px; margin:0px; margin-bottom:15px;}
.mid-panel .middlearea .productlisting .productbox{width:235px; float:left; padding-left:9px; padding-right:9px; margin:0px; margin-bottom:14px; }
.productbox h1{ color:#ff7c00;font:13px  arial, helvetica, sans-serif; font-weight:bold;line-height:30px;}
.productbox .toparea{width:235px; float:left;font:12px/1.55em  arial, helvetica, sans-serif; font-weight:bold;color:#6686b4; margin-bottom:4px; }
.productbox .toparea .left{width:119px; float:left;}
.productbox .toparea .left .imagebox{ width:113px; padding:3px; border:1px solid #c0d0e4; background:#FFFFFF;}
.productbox .toparea .right{width:113px; float:left; text-align:right}
.productbox .toparea .right{width:110px; float:left; line-height:20px;}
.productbox .toparea .right .listprice{color:#405c86}
.productbox .toparea .right .ourprice{color:#4489d6}
.productbox .toparea .right .save{color:#ff7c00}
.productbox .toparea .right .stock{color:#6686b4}
.productbox .info{width:235px; float:left;font:12px/1.55em  arial, helvetica, sans-serif; font-weight:bold;color:#6e6e6e; }
.productbox .info .lefttext{width:123px; float:left; line-height:18px;}
.productbox .info .righttext{width:104px; float:left; line-height:18px; padding-top:10px;  text-align:right; padding-right:5px;}
.productbox .info .lefttext a{color:#ff7c00; text-decoration:none}
.productbox .info .lefttext a:hover{color:#ff7c00; text-decoration:underline}
.mid-panel .productlisting .middleline{background:url(images/linebg.gif) repeat-y; height:165px; width:1px; float:left}

/* Mid Panel ends*/


/* Content Mid Panel Starts */
.mid-content-panel{ float:left;width:680px; font:12px/1.55em  arial, helvetica, sans-serif; color:#545353;padding-left:20px; padding-right:20px; margin-top:10px; text-align:justify; line-height:0px; } 
.mid-content-panel h2{ color:#910505;font:13px  arial, helvetica, sans-serif; font-weight:bold;line-height:25px;}
.mid-content-panel p{ line-height:20px; margin-bottom:10px;}

/* Content Mid Panel ends */


/* Footer Starts*/
#footer{ width:100%;margin:0 auto;margin-top:10px; height:70px; background:url(images/footerbg.jpg) repeat-x; color:#3778d4; font-size:12px; float: left;}
.footer-wrapper {clear: both;width:950px;margin: 0 auto;}
.footleft{ width:500px; float:left; text-align:left; padding-top:20px;}
.footright{ width:400px; float:left; text-align:right;padding-top:20px;}
.footleft a{font-size:11px;color:#6c9fe6;text-decoration:none; padding:0 5px 0 5px; font-size:12px;}
.footleft a:hover{ text-decoration:underline; color:#6c9fe6}
/* Footer ends*/