/* ------------------------- CSS Document ----------------------- */
/******************************************************************/
/*  */
/*  */
/*  CUSTOMER STREET  */
/*  */
/*customerstreet.com  */
/*  */
/*Designed by:Darren Carter  */
/*  */
/*Built by:Matthew Hadwen+Alex Hall  */
/*  */
/*  */
/******************************************************************/
/* -------------------- Generic Styles For Site ----------------- */
*{padding:0; margin:0; border:0}
html, body{color:#333; background:#FFF; font:11px Tahoma,Verdana,Arial,"times New Roman",sans-serif}
p{margin:12px 0}
a{color:#7E9938; background-color:inherit; text-decoration:none}
a:hover{color:#003200; background-color:inherit; text-decoration:underline}
strong{color:#003200; background-color:inherit}
ul{list-style:none}
h1, h2{font-size:15px; font-weight:normal; color:#625e5e}
h1 strong, 
h2 strong{color:inherit; background-color:inherit}
h3{font-size:14px}
h4{font-size:12px}
h5{font-size:11px}
em{color:#c00}
/* ------------------ General Classes ------------------- */
.green{color:#7f9b39}
.red{color:#c00}
.darkgreen{color:#030}
.left{float:left}
.right{float:right}
/* ------------------- Wrapper ------------------- */
#wrapper{background-image:url(../images/wrapper-back.gif); width:791px; margin:0 auto}
/* ------------------- Login --------------------- */
#sign-in-section{background-image:url(../images/sign-in-section.png); width:791px; height:54px; float:left}
#service_login{position:relative; top:26px; left:391px; width:360px; height:24px}
#service_login ul{list-style:none}
#service_login ul li{float:left}
li#login img{margin-right:8px}
#username{background:none; width:93px; height:19px; padding:3px 0 0 0; text-align:center; margin-right:8px}
#password{background:none; width:93px; height:11px; padding:6px 0 0 0; text-align:center; margin-right:10px}
#search-button{position:relative; top:0}
/* ----------------- Header Image ---------------- */
#header img{width:791px; height:166px; float:left}
/* ----------------- Main Buttons ---------------- */
ul#mainlinks{width:760px; height:34px; margin:0 14px; float:left; list-style:none}
ul#mainlinks li{float:left; position:relative; z-index:10}
ul#mainlinks li a{display:block; color:#fff; text-align:right; font-weight:bold; font-size:14px; color:#fff; background:#b6c452; width:175px; height:24px; padding:6px 12px 0 0; border:3px solid white; border-left:none}
ul#mainlinks li a:hover, 
ul#mainlinks li:hover{background:#003200; text-decoration:none}
ul#mainlinks li ul{display:none; list-style:none}
ul#mainlinks li ul{z-index:20}
ul#mainlinks li a:hover ul, 
ul#mainlinks li:hover ul{position:absolute; top:36px; left:-3px; display:block}
ul#mainlinks li ul li a{width:175px; height:21px; padding:4px 12px 0 0; border:3px solid white; border-top:0}
ul#mainlinks li ul li a, 
ul#mainlinks li ul li a:hover{font-size:12px; font-weight:normal}
/* ------------- Breadcrumbs ----------------- */
#breadcrumbs{background-color:#7a7a7a; width:748px; height:26px; float:left; padding:4px 0 0 10px; margin:0 0 0 14px}
#breadcrumbs h2{color:#fff; font-weight:bold; font-size:18px; float:left; margin-right:10px}
#breadcrumbs p{position:relative; top:-6px; margin-right:10px; color:#fff; float:left}
#breadcrumbs ul{position:relative; top:6px; list-style:none}
#breadcrumbs li{color:#ff3; background-color:inherit; float:left}
#breadcrumbs li a{color:#ff3; background-color:inherit}
/* ------------------- The Footer Section ------------------- */
#footer{background-image:url(../images/footer.png); width:791px; height:60px; clear:both}
p#copyright{position:relative; top:3px; left:21px; color:#FFF; background-color:inherit; width:180px; float:left}
ul#footlinks{position:relative; top:21px; left:17px; text-align:center; list-style:none; color:#FFF; background-color:inherit}
ul#footlinks li{display:inline}
ul#footlinks a{color:#FFF; background-color:inherit; text-decoration:none}
ul#footlinks a:hover{color:#030; background-color:inherit; text-decoration:underline}
/* ---------- Two Column Layout ---------- */
#two-col-left{width:188px; float:left; overflow:hidden}
#two-col-right{width:603px; float:left; overflow:hidden}
/* --------- Three Column Layout --------- */
#three-col-left{width:188px; float:left; overflow:hidden}
#three-col-mid{width:356px; float:left; overflow:hidden}
#three-col-right{width:247px; float:left; overflow:hidden}
/* ------- ------- */
#three-col-left h2{width:160px; height:22px; padding-top:8px; margin:0 14px; margin-bottom:1px; border-bottom:1px solid #ccc; display:inline; float:left}
ul#feat-links{list-style:none; display:inline; float:left; margin-left:10px; margin-bottom:20px}
ul#feat-links li{background-image:url(../images/list-item.png); width:150px; padding-left:24px; height:20px; padding-top:2px; float:left}
ul#feat-links li a{color:#333; background-color:inherit}
ul#feat-links li a:hover{color:#7f9b39; background-color:inherit}
ul#feat-links2{list-style:none; display:inline; float:left; margin-left:10px}
ul#feat-links2 li{background-image:url(../images/list-item.png); width:150px; padding-left:24px; height:20px; padding-top:2px; float:left}
ul#feat-links2 li a{color:#333; background-color:inherit}
ul#feat-links2 li a:hover{color:#7f9b39; background-color:inherit}
#recent-img{background-image:url(../images/recent-searches-img.jpg); width:174px; margin:0 2px 0 12px; height:89px; display:inline; float:left}
#recent-list{width:160px; padding:0 11px 0 17px; overflow:hidden; float:left}
#recent-list ul li{line-height:14px; margin:8px 0}
#logmeincontent{padding-right:22px; text-align:center; padding-top:15px; padding-bottom:50px; margin-left:10px; padding-left:10px; border-left-width:1px; border-left-style:dotted; border-left-color:#CCC}
#logmeincontent table{margin:10px auto}
#logmeincontent input{background-color:#f3f3b3; border:1px solid #e8e8e8}
#logmeincontent fieldset{border:1px solid #e8e8e8}
#logmeincontent fieldset{margin-bottom:25px}