
/*****************/
/* Global Styles */
/*****************/

body { margin: 0; font-family: Arial, Helvetica, sans-serif; background-color: #fff }

form { margin: 0; padding: 0 }

p { padding: 0px; margin: 0px }

h1 { font-weight: 100; display: inline }

a:link { text-decoration: none }
a:hover { text-decoration: underline }
a:active { text-decoration: none }
a:visited { text-decoration: none }


/* Horizontal */
#horizontal_separator { width: 100%; height: 15px; float: left }


/* Header styles */
#header { width: 900px; padding: 0; margin: 0 auto 0 auto; font-size: 11px }

#headtop { width: 900px; float: left; padding: 0; margin: 0 ;border-bottom: 1px solid #CCC; float: left }
#headhome { width: 450px; float: left; font-size: 10px; color:#000; padding: 3px 0 }
#headcontact { width: 450px; float: left; font-size: 10px; color:#000; text-align: right; padding-top: 3px }
#headcontact a { color:#000 }

#logo { float: left; width: 450px; height: 80px; padding-top: 10px }

#cartbox { float: right; width: 350px; background-color: #F4F4F4 }
#signin { float:left; width: 160px; color:#333; padding: 15px 10px }
#signin a { color:#900 }
#cart { float: left; width: 150px; margin-top: 15px }

#promoText { float: right; width: 400px; padding: 10px 5px; color: #990000; font-size: 12px; text-align: right }

#topnav { width: 900px; height: 30px; margin: 0 auto 0 auto; background: url(/images/layout/header/menubarbg.jpg); text-align: right; clear: both }

#graysearchbar { margin: 0 auto 0 auto; width: 900px; height: 35px; background: url(/images/layout/header/graybar.jpg) }

#search { width: 350px; float: left; margin: 8px 0 0 0 ; padding: 0; font-size: 11px }
#search label { float: left; padding: 2px 6px 0 10px }
#search input { margin-left: 7px; float: left }
#search input[name=q] { font-size: 12px; height: 15px ; width: 150px; border: 1px solid #000; margin-left: 5px }

#graybarlinks { float: right; width:400px; font-size: 11px; color:#333; margin: 0; padding: 10px 30px 0 0; text-align: right }
#graybarlinks a { margin: 0 10px 0 10px; color:#333 }


/* Main Area Styles */
#main { width: 900px; margin: 10px auto 0 auto; padding: 0px }
#main_area {  width: 700px; padding-top: 0px; float: right }


/* Content Boxes Style */
#boxhead { float: left; height: 33px; background-image: url(/images/layout/boxes/grayboxheader.jpg); background-repeat:repeat-x; border: 1px solid #CCC }
#boxtitle { height: 25px }
#boxcontent { border: 1px solid #CCC; float: left; padding: 10px; font-size:11px }
#boxwrap { float: left; margin-top: 15px }
.boxheadnarrow { padding: 10px 0 0 17px; background-image:url(/images/layout/boxes/boxheadnarrow.gif); background-repeat: no-repeat; background-position: 10px 7px; padding-left: 30px; font-size: 11px; color:#333; font-weight: bold }
.boxheadnormal { padding: 8px 0 0 10px; font-size:13px; color: #666; font-weight: bold }


/* Left Nav Style */
#left_nav { width: 180px; float: left; font-size: 12px; color:#333 }
#left_nav ul { float: left; width: 160px; padding: 0; margin: 0; list-style: none }
#left_nav li { padding: 5px 0 5px 25px; background: url(/images/layout/menu/arrow.gif) no-repeat; background-position: 10px 8px; border-bottom: 1px dotted #999 }

#left_nav_content { width: 160px; float: left; margin: 0; padding: 2px 10px; border: 1px solid #CCC }
#left_nav_content a { width: 110px; color: #333 }
#left_nav_content a:hover { color: #900; text-decoration: none }

/* Footer Text*/
#footerTxt { float: left; width: 690px; margin-top: 10px; color: #666; font-size: 11px; padding: 5px; }

/* Copyrights */
#copyright { width: 170px; float: left; margin: 15px 0 0 0; text-align: left; color:#999 }


/* Quick Links */
#quicklinks { width: 700px; height: 35px; font-size: 11px; color: #333; line-height: 30px; }
#quicklinks a { text-decoration: underline; color: #333 }


