/* ------------------------- CSS Document ----------------------- */
/******************************************************************/
/*  */
/*  */
/*  Customerstreet  */
/*  */
/*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:inherit}
h3{font-size:14px}
h4{font-size:12px}
h5{font-size:11px}
/* ------------------ General Classes ------------------- */
.green{color:#7f9b39}
.red{color:#c00}
/* ------------------- Common Styles ---------------------*/
#wrapper{background-image:url(../images/wrapper-back.gif); width:791px; margin:0 auto}
#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 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 Style ---------------------- */
#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}
/* -------------- Top Left Include ------------ */
#topleft{width:188px; float:left; overflow:hidden}
h2#featuredhead img{width:188px; height:31px; float:left}
ul#featuredlinks{background-image:url(../images/featured-links.png); width:188px; height:128px; float:left; list-style:none; width:188px}
ul#featuredlinks li{width:188px; float:left}
ul#featuredlinks li a{position:relative; width:188px; top:13px; left:40px; line-height:22px; color:#393939; background-color:inherit; text-decoration:none}
ul#featuredlinks li a:hover{color:#7E9938; background-color:inherit; text-decoration:underline}
h2#additionalhead img{width:188px; height:25px; float:left}
ul#additionallinks{background-image:url(../images/additional-links.png); width:188px; height:156px; float:left; list-style:none}
ul#additionallinks li a{position:relative; width:100px; top:14px; left:40px; line-height:22px; color:#393939; background-color:inherit; text-decoration:none}
ul#additionallinks li a:hover{color:#7E9938; background-color:inherit; text-decoration:underline}
/* --------------- Top Right ------------------ */
#topright{width:199px; float:left}
h2#recentsearch img{width:199px; height:31px; float:left}
#recentlist{background-image:url(../images/recent-searches.jpg); width:199px; height:309px; float:left}
#recentlist p{position:relative; top:88px; left:15px}
#recentlist ul{position:relative; top:88px; left:17px; list-style:none; width:150px; overflow:hidden}
#recentlist li{padding:3px 0}
/* ----------------- Top Middle Section ------------------ */
#topmid{width:404px; float:left}
h1#mainheader img{width:404px; height:31px; float:left}
#welcome{background-image:url(../images/welcome.png); width:404px; height:309px; float:left}
#welcome p{position:relative; top:92px; left:25px; width:354px; margin:11px 0}
/* ------------ About Page - Top Middle Section ----------- */
#about{background-image:url(../images/about-customer-street.jpg); width:404px; height:309px; float:left}
#about p{position:relative; top:92px; left:25px; width:354px; text-align:justify; margin:11px 0; line-height:15px}
#about strong{color:#7f9a39}
#about ul{position:relative; top:105px; left:50px; list-style:none; line-height:15px; font-weight:bold; color:#7f9a39}
/* ------------- Overview Page - Top Middle ------------ */
#overview{background-image:url(../images/overview.png); width:404px; height:309px; float:left}
#overview p{position:relative; top:92px; left:25px; width:354px; text-align:justify; margin:11px 0; line-height:15px}
#overview strong{color:#7f9a39}
#overview ul{position:relative; top:105px; left:50px; list-style:none; line-height:15px; font-weight:bold; color:#7f9a39}
/* -------------- Bottom Left Section Of The Page -------------- */
#bottomleft{width:456px; float:left}
#overview{background-image:url(../images/customer-street-overview.png); width:456px; height:108px; float:left}
#overview a{background-image:url(../images/click-here.png); width:55px; height:13px; position:relative; top:85px; left:156px; float:left}
#overview a:hover{background-image:url(../images/click-here-over.png)}
h3#packagehead img{width:211px; height:30px; float:left}
h3#designhead img{width:244px; height:30px; float:left}
#package{background-image:url(../images/package.jpg); width:211px; height:244px; float:left}
#package p{position:relative; top:80px; left:30px; width:165px; text-align:justify; line-height:12px}
#package a{position:relative; top:65px; left:148px}
#design{background-image:url(../images/premium-design.png); width:245px; height:83px; float:left; position:relative}
#localfocus{background-image:url(../images/local-focus.png); width:245px; height:84px; float:left; position:relative}
#natfocus{background-image:url(../images/national-focus.jpg); width:245px; height:77px; float:left; position:relative}
p.article{position:absolute; top:-8px; left:118px; width:102px; text-align:justify}
a.articlelink{position:absolute; top:60px; left:181px}
a.articlelink1{position:absolute; top:54px; left:181px}
#b-l2{width:395px; float:left}
h2#o-d-h img{width:395px; height:29px; float:left}
#sl-link a{background-image:url(../images/s-l-link.png); width:141px; height:139px; float:left}
#ufu-link a{background-image:url(../images/ufu-link.png); width:123px; height:139px; float:left}
#muk-link a{background-image:url(../images/muk-link.png); width:131px; height:139px; float:left}
h2#se-head img{width:395px; height:34px; float:left}
p#se{background-image:url(../images/search-engines.png); width:355px; height:165px; float:left; margin:0; text-align:justify; padding:15px 13px 0 27px}
/* ------------- Bottom Right Section Of The Page -------------- */
h2#blogshead img{width:335px; height:34px; float:left}
#blogs{background-image:url(../images/latest-blogs.png); width:335px; height:245px; float:left}
div.b{height:74px; overflow:hidden; position:relative}
h3.blogtitle{font-size:11px; color:#7E9938; background-color:inherit; position:absolute; top:7px; left:30px; font-weight:normal; text-decoration:underline}
p.blogdate{margin:0; position:absolute; top:20px; left:30px; text-decoration:underline; color:#7E9938; background-color:inherit}
p.blogtext{margin:0; position:absolute; top:35px; left:30px; width:260px; height:18px; text-align:justify; padding-bottom:9px}
a.bloglink{position:absolute; left:231px; top:60px}
h2#directoryhead img{width:335px; height:33px; float:left}
#directories{background-image:url(../images/directories.png); width:335px; height:70px; float:left}
#directories img{position:relative; top:20px; left:8px; float:left}
#b-r2{width:396px; height:auto; float:left}
h2#t-d-head img{width:396px; height:29px; float:left}
#t-d{background-image:url(../images/t-d.png); width:396px; height:283px; float:left; text-align:justify}
#t-d p{position:relative; top:95px; left:12px; width:354px}
#t-d-link a{background-image:url(../images/cst-link.png); width:396px; height:71px; float:left}
/* ---------------- Recent Search2 - Left Section ------------ */
#l{width:188px; overflow:hidden; float:left}
h2#recentsearch2 img{width:188px; height:29px; float:left}
#recentlist2{background-image:url(../images/recent-searches2.png); width:188px; height:353px; float:left}
#recentlist2 p{position:relative; top:90px; left:20px; width:160px}
#recentlist2 ul{position:relative; top:90px; left:20px; width:160px; list-style:none}
#recentlist2 li{padding:3px 0}
h1#contactheader img{width:603px; height:31px; float:left}
/* ----------------------- Coming Soon -----------------------*/
#two-col-right h1{color:#625e5e; background:#fff; width:564px; border-left:20px solid #fff; border-right:14px solid #fff; border-bottom:1px solid #e6e6e6; height:21px; padding:8px 0 1px 0; float:left}
#coming_soon{background-image:url(../images/coming-soon-over.png)}
#coming_soon a{background-image:url(../images/coming-soon.png); width:603px; height:301px; float:left}
#coming_soon a:hover{background-image:url(../images/coming-soon-over.png)}
/* ---------------- General Content Section ----------------- */
#content{background-image:url(../images/content-wrap2.png); width:543px; padding:0 30px 0 30px; float:left}
#contentbottom{background-image:url(../images/content-bottom.png); width:603px; height:6px; float:left}
#content h2{color:#7f9b39; background-color:inherit; margin:10px 0}
#content h3, #content h4{color:#7f9b39; background-color:inherit; margin:10px 0}
#content h4{margin-left:10px}
#content ul{margin:10px 0; margin-left:20px; list-style:none}
#content ol{margin:10px 0; margin-left:25px}
#content li{margin:5px 0}
#content span{font-weight:bold}
#content hr{width:90%; border-bottom:1px solid #7f9b39; margin:0 auto; text-align:center}
#content #key_terms{width:460px; margin:0 auto; padding:0 20px; background:#f9f9f9; border:1px solid #ddd}
/* ------------------- 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}
.contact_us #wrapper #r{}