body,
html {
font-family:Lucida Grande, Lucida Sans Unicode,Arial, Helvetica, sans-serif;
margin:0;
padding:0;
background:#fff;
color:#000;
background:url(../images/bg2.png) 0 0 repeat-x;
}
body {
min-width:800px;
}
#bg {
background:url(../images/bg3.png) repeat-y;
margin:0 auto;
width:788px;
}
#wrap {
background:#d6d9c5 url(../images/warp_bg.jpg) 0 0 repeat-y;
margin:0 auto auto auto;
width:780px;
}
a img{ border:0;}
/*head////////////////////////////////////////////////////////////////////////////////////////////*/
#header {
height:130px;
border-bottom:#000 1px solid;
background: #91a7bc url(../images/header_bg.png) 0 0 repeat-x;
}
#top_text {
padding:10px 10px 10px 0;
width:500px;
float:right;
margin-top:10px;
font: 11px/13px Trebuchet MS, Arial, Helvetica, sans-serif;
font-weight:bold;
color:#FFF;
}
#logo {
height:120px;
width:180px;
float:left;
padding-top:0px;
}
#nav {
background:#c6c59a;
height:20px;
padding:8px 10px 0 0;
border-bottom:#fff 1px solid;
}
#menu {
background:#C1D8A5 url(shared_images/menu_bg.gif);
height:30px;
width:780px;
margin:auto;
}
/* -----------------------------------------------------------------------------
NAVIGATION
----------------------------------------------------------------------------- */
#menu ul {/* all lists */
list-style:none;
line-height:1;
margin:0 0 0 100px;
padding:0;
text-align:right;
/*float:right;*/
height:30px;
font-size:11px;
}
/*#menu ul li {
text-indent:-9999em; }*/
#menu ul li {/* all list items */
float:left;
display: block;
margin:0;
padding:0;
/* width needed or else Opera goes nuts */
height:auto;}
#menu ul li a {
display:block;
text-decoration:none;
font-weight:bold;
color:#336699;
margin:0;
/*margin:8px 0 0 0;
/*padding:2px 45px 3px 5px;*/
padding:10px 15px 9px 15px;
border:none;}
#menu ul li a:hover {
color:#5f974b;
background:#DADEBA;
}
#menu ul li ul {/* second-level lists */
position:absolute;
background:#5a7c90;
border-top:solid 1px #006e4e;
text-decoration:none;
margin:0;
padding:0;
width:18em;
height:auto;
text-align:left;
left:-9999em; /*using left instead of display to hide menus because display: none isn't read by screen readers*/}
#menu ul li ul li ul {/* second-level lists */
position:absolute;
background:#5a7c90;
border-top:solid 1px #fff;
text-decoration:none;
margin:0;
padding:0;
width:18em;
height:auto;
text-align:left;
left:-9999em; /*using left instead of display to hide menus because display: none isn't read by screen readers*/}
#menu ul li ul li, #menu ul li ul li ul li {
border-bottom:solid 1px #ffffff;
border-left:solid 1px #ffffff;
border-right:solid 1px #ffffff;
width:18em;}
#wrap > #menu ul li ul li {
padding-right:0;}
#menu ul li:hover ul ul, #menu ul li:hover ul ul ul, #menu ul li:hover ul ul ul ul,
#menu ul li.sfhover ul ul, #menu ul li.sfhover ul ul ul, #menu ul li.sfhover ul ul ul ul {
left:-9999em;}
#menu ul li:hover ul, #menu ul li.sfhover ul {/* lists nested under hovered list items */
left:auto;
text-decoration:none;
top:auto;}
#menu ul li li.sfhover ul, #menu ul li li:hover ul, #menu ul li li li:hover ul, #menu ul li li li li:hover ul,
#menu ul li li li.sfhover ul, #menu ul li li li li.sfhover ul {/* lists nested under hovered list items */
left:18em;
text-decoration:none;
margin-top:-2.3em;
background:#336699;}
#menu ul li ul li a,
#menu ul li ul li a:link,
#menu ul li ul li a:visited {
color:#FFFFFF;}
#menu ul li ul li a {
display:block;
height:auto;
line-height:1.1em;
background:none;
margin:0;
padding:6px 0 6px 15px;
}
#menu ul li ul li a:hover {
color:#5f974b;
}
/*end head////////////////////////////////////////////////////////////////////////////////////////////*/
.thick_line {
height:8px;
border-bottom:#fff 2px solid;
background: #C6C59A;
}
/*Main///////////////////////////////////////////////////////////////////////////////////////////*/
#main_content {
height:500px;
border-bottom:#fff 1px solid;
background:url(../images/main_bg.jpg) 0 0 repeat-x;
}
#main_content2 {
height:450px;
border-bottom:#fff 1px solid;
background:url(../images/main_bgs.jpg) 0 0 repeat-x;
}
#signup {
width:400px;
height:auto;
padding: 0;
margin-left:30px;
margin-top:0;
}
#main3 {
float:right;
width:599px;
border-top:#000 1px solid;
height:300px;
border-left:#857764 1px solid;
}
#main1 {
float:right;
width:599px;
height:auto;
border-top:#000 1px solid;
border-left:#857764 1px solid;
background-color:#FFFFFF;
}
.map {
margin-top:20px;
margin-left:8px;
font-size:12px;
font-weight:bold;
color:#505860;
float:left;
width:190px;
height:280px;
}
.map a{
font-size:10px;
color:#505860;
}
.map a:hover{
color:#e42d17;
background-color:#D8E9BB;
}
.map img{
border:#000 1px solid;
}
#main1 p, #main1 h2, #main1 ul{
margin-left:20px;
margin-right:10px;
}
#main1 p {
color:#333;
font-size:10px;
line-height:13px;
}
#main1 li {
color:#336699;
font-size:10px;
line-height:14px;
font-weight:bold;
}
#main3 p {
color:#94917c;
font-size:10px;
line-height:12px;
}
#main1 h2, #main3 h2{
color:#505860;
font-size:16px;
padding-top:10px;
font-weight:bold;
}
#main1 h4, #main3 h4{
color:#c75e10;
font-size:12px;
padding-top:5px;
font-weight:bold;
margin-left:20px;
}
#main_image{
float:right;
height:300px;
width:599px;
border-top:#000 1px solid;
border-left:#857764 1px solid;
}
#main_image a img, #main_image a{
padding:0; margin:0;
}
#sidebar1 {
float:left;
width:180px;
height:auto;
border-top:#000 1px solid;
background: #d6d9c5 url(../images/side_bg.jpg) 0 0 repeat-y;
padding:0;
margin:0;
}
#sidebar {
float:left;
width:180px;
height:300px;
border-top:#000 1px solid;
background: #d6d9c5 url(../images/side_bg.jpg) 0 0 repeat-y;
}
#sidebar1 p, #sidebar p, #sidebar li {
color:#333;
font-size:10px;
line-height:12px;
padding:10px 10px 0 10px;
margin:0;
}
#sidebar1 p img {
padding:10px 0 0 0;
margin:0;
}
#sidebar li {
font-size:10px;
line-height:12px;
padding:0;
margin:0;
}
#main_left h3.twitter {
padding:0 0 0 18px;
margin:10px 10px 5px 10px;
display:block;
color:#505860;
text-decoration:none;
font-size:10px;
font-weight:bold;
background:transparent url(../images/TwitterIcon.png) -1px -1px no-repeat;
}
#main_left h3 a, #sidebar h3 a, #sidebar1 h3 a, #main_left h3.twitter a{
text-shadow:#999 2px 2px 2px;;
color:#505860;
text-decoration:none;
font-size:10px;
font-weight:bold;
}
#main_left h3 a:hover, #sidebar h3 a:hover, #sidebar1 h3 a:hover, #main_left h3.twitter a:hover {
color:#e42d17;
background-color:#D8E9BB;
}
#main_left h3, #sidebar h3, #sidebar1 h3 {
padding:0 0 0 18px;
margin:10px 10px 5px 10px;
display:block;
color:#505860;
text-decoration:none;
font-size:10px;
font-weight:bold;
background:transparent url(../images/arrow_a.gif) 0px 0px no-repeat;
}
#main_left h3 a, #sidebar h3 a, #sidebar1 h3 a{
text-shadow:#999 2px 2px 2px;;
color:#505860;
text-decoration:none;
font-size:10px;
font-weight:bold;
}
#main_left h3 a:hover, #sidebar h3 a:hover, #sidebar1 h3 a:hover {
color:#e42d17;
background-color:#D8E9BB;
}
h6 {
padding:0 0 0 18px;
margin:10px 10px 5px 10px;
display:block;
color:#505860;
text-decoration:none;
font-size:10px;
font-weight:bold;
background:transparent url(../images/new.png) 0px 0px no-repeat;
}
h6 a{
text-shadow:#999 2px 2px 2px;;
color:#e42d17;
text-decoration:none;
font-size:12px;
font-weight:bold;
}
h6 a:hover {
color:#e42d17;
background-color:#D8E9BB;
}
#sidebar p a {
color:#333;
font-weight:bold;
}
#sidebar p a:hover {
color:#e42d17;
text-decoration: underline;
font-weight:bold;
}
#sidebar h2{
padding:0;
margin:10px 10px 8px 10px;
text-shadow:#999 2px 2px 2px;;
color:#336699;
font: bold 11px/12px 'Lucida Grande', Lucida Sans Unicode, tahoma, Helvetica, sans-serif;
}
#main_text {
border-top:#333 solid 1px;
clear:both;
width:780px;
padding:10px 0 0 0;
}
#main_left {
font-family:Lucida Grande, Lucida Sans Unicode,Arial, Helvetica, sans-serif;
font-size:11px;
line-height:14px;
float:left;
margin-left:10px;
width:170px;
}
#main_left p{
padding:0;
margin:0;
}
#main_right {
font-family:Lucida Grande, Lucida Sans Unicode,Arial, Helvetica, sans-serif;
font-size:11px;
line-height:14px;float:right;
width:580px;
}
.lower_box {
color:#000;
font-family:Lucida Grande, Lucida Sans Unicode,Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:normal;
margin-right:10px;
padding:0 10px 0 10px;
width:160px;
float:left;
}
.lower_box a {
font-weight:bold;
color:#333;
}
.lower_box a:hover {
color:#e42d17;
text-decoration: underline;
font-weight:bold;
}
h5{
padding:0;
margin:0 10px 0 0;
text-shadow:#999 2px 2px 2px;;
color:#336699;
font: bold 11px/12px 'Lucida Grande', Lucida Sans Unicode, tahoma, Helvetica, sans-serif;
}
#form{
margin-left:80px;
}
p a {
color:#505860;
font-family:Lucida Grande, Lucida Sans Unicode,Arial, Helvetica, sans-serif;
font-weight:bold;
}
p a:hover{
color:#e42d17;
font-family:Lucida Grande, Lucida Sans Unicode,Arial, Helvetica, sans-serif;
font-weight:bold;
}
/*footer///////////////////////////////////////////////////////////////////////////////////////////*/
#footer {
font-family:Lucida Grande, Lucida Sans Unicode,Arial, Helvetica, sans-serif;
font-size:9px;
height:50px;
border-bottom:#999 1px solid;
border-top:#000 1px solid;
clear:both;
padding-right:10px;
text-align:right;
padding-top:5px;
background:url(../images/footer_bg.jpg) 0 0 repeat-x;
background-color:#FFFFFF;
}
#footer-nav {
background:#63634d;
clear:both;
height:20px;
border-top:#000 1px solid;
}
#footer-nav p, #footer-nav p a {
padding:5px;
margin:0;
font-family:Lucida Grande, Lucida Sans Unicode,Arial, Helvetica, sans-serif;
font-size:10px;
text-decoration:none;
color:#FFFFFF;
font-weight:bold;
}
#footer-nav p a:hover, #footer a:hover{
color:#c6c59a;
}
/*form///////////////////////////////////////////////////////////////////////////////////////////*/
.form_input { display: inline; width:130px; margin : 5px 0 2px 0;
background: #e7edf4;
border: 1px solid #505860; }
form, label, input, select { font-size : 10px; color:#505860;}
.option, .addtoquote { margin : 5px 5px 0px 5px; font : 9px bold; color:#505860; font-family:Arial, Helvetica, sans-serif; width:100px; border:1px solid #505860;}
select { margin : 5px 5px 0px 5px; }
/*coupon///////////////////////////////////////////////////////////////////////////////////////////*/
#coupon{
margin:50px auto auto auto;
width:580px;
background:#fff;
padding:20px;
}
#coupon_print{
padding:15px;
margin:auto;
width:570px;
font-size: 10px;
}
#coupon_print a {
color:#505860;
}
#coupon_print a:hover{
color:#e42d17;
}