﻿/* HTML */
* {margin:0;padding:0}
body {background-color:#efe2d2;font-family:Arial,Helvetica,sans-serif;font-size:12px;color:#333;text-align:left;}

/* LINKS */
a {text-decoration:underline;cursor:pointer;color:#333;font-weight:bold;} 
a:hover {color:#999999;text-decoration:none;}

/* GENERAL */
img {border:none} 
.clear {clear:both;}
.blue {color:#0089cf}
.red {color:#cf0022}
.green {color:#1dc901}
.big {font-size:14px}
.huge {font-size:22px}
.small {font-size:11px;}
.left {float:left;}
.right {float:right;}
.b1grey {border:1px solid #333;}
.mr-10 {margin-right:10px;}
.mr-20 {margin-right:20px;}
.mr-40 {margin-right:20px;}
.ml-20 {margin-left:20px;}
.mb-10 {margin-bottom:10px;}
.mb-20 {margin-bottom:20px;}
.mb-40 {margin-bottom:40px;}

/* TYPOGRAPHY */
p {margin:0 0 10px;}
ul {margin:0 0 0 20px}
h1 {font-size:22px;color:#58595b;margin:0 0 22px 0;line-height:20px;}
h1.homeh1 {font-size:14px;}
h2 {font-size:16px;margin:15px 0 5px 0;color:#e38502;}
h3 {font-size:14px;}

/* WRAP */
#wrap {width:760px;position:relative;margin:0 auto 0 auto;}

/* HEADER */
#phone {color:#e38502;float:left;font-weight:bold;font-size:16px;width:170px;height:16px;padding:2px 0 7px 8px;vertical-align:middle;margin-top:11px;}
#subscribe {float:right;width:530px;height:21px;padding:0 5px 8px 0;color:#333;text-align:right;vertical-align:middle;font-weight:bold;color:#615f5f;margin-top:10px;}
#subscribe .textbox {border:1px solid #666;color:#999;padding:2px 3px 1px 3px;margin:0 3px 0 0;vertical-align:middle;width:100px;}
#subscribe .signup {vertical-align:middle;}
#header {clear:both;width:754px;height:185px;padding:0 0 0 6px;}
#content {padding:10px 25px 25px 28px;margin:0 0 0 6px;background:#fff;min-height:397px;height:auto !important;height:390px;}
#lcol {width:477px;float:left;margin:0 30px 0 0;}
#lcol ul {margin-bottom:10px;}
#rcol {width:194px;float:left;}
.col1, .col2 {width:300px;float:left;}
.col1 {margin-right:25px;}

/* NAV */
#nav {width:740px;padding:2px 0 21px 20px;height:36px;background:url(../_images/layout/navbg.gif) no-repeat;}
#nav, #nav ul {float:left;list-style:none;line-height:1;}
#nav a {display:block;color:#fff;text-decoration:none;line-height:12px;padding:12px 13px 12px 13px;font-weight:bold;font-size:12px;border-right:1px solid #307596;border-left:1px solid #88b7cd}
#nav a.topfirst {border-left:none}
#nav a.toplast {border-right:none}
#nav a.active {background-color:#124c68;border-left:1px solid #124c68}
#nav li {float:left;padding:0;}
#nav li ul {position:absolute;left:-999em;height:auto;width:186px;font-weight:normal;border:1px solid #959595;background:#7fb090;border-top:none;border-left:none;margin:0;z-index:999}
#nav li:hover, #nav li.hover {position:static;}
#nav li li {width:160px;}
#nav li ul a {width:170px;padding:8px 8px;color:#fff;border-bottom:1px dotted #fff;font-weight:normal;}
#nav li ul a.lowlast {border-bottom:1px solid #959595;}
#nav li ul ul {margin:-21px 0 0 160px;}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {left:-999em;}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {left:auto;}
#nav li:hover, #nav li.sfhover, #nav li:hover a.active, #nav li.sfhover a.active{background:#7fb090;}
#nav li:hover a, #nav li.sfhover a {color:#fff;}
#nav li li a:hover, #nav li li a.sfhover {background-color:#fff;color:#000;}

/* SUBNAV */	
.subnavtop {background:url(../_images/layout/subnavtop.gif) no-repeat;width:194px;height:10px}
.subnavbottom {background:url(../_images/layout/subnavbottom.gif) no-repeat;width:194px;height:10px}
.subnav h2 {color:#71abce;margin:0 0 10px 5px;}
.subnav {margin:0;background:#ddebf3;padding:10px 10px 20px 10px;}
.subnav ul {margin:0}
.subnav li {border-bottom:1px dotted #71abce;list-style:none;color:#fff;}
.subnav li a {display:block;text-decoration:none;color:#71abce;padding:7px;}
.subnav li a:hover {color:#549ed6;background:#fff}
.subnav li.active a {color:#124c68;background:#e6f1f8}
.subnav li.active a:hover {color:#549ed6;}

/* FORMS */
fieldset {border:none;padding:10px 0 10px 0;display:block;}
fieldset br {clear:left;}
fieldset label {display:block;width:65px;float:left;padding:0 16px 0 0;margin:2px 5px 9px 0;text-align:right;font-weight:bold;background:Transparent}
fieldset label.req {background:url(../_images/icons/required.gif) no-repeat 100% 3px;}
fieldset textarea {margin-bottom:3px;border:1px solid #333;background-color:#afd0df;color:#000;padding:2px 4px;}
fieldset input {color:#000;border:1px solid #333;background-color:#afd0df;font-size:11px;padding:2px 4px;}
fieldset .formbutton {padding:3px 0 0 82px;}
fieldset .formbutton input {background:Transparent;border:none;}
fieldset .checkbox {text-align:center;padding-right:10px;text-align:left;}
fieldset .checkbox input  {border:none;background-color:#fff;}

/* FOOTER */
#footer {clear:both;text-align:left;width:694px;height:160px;margin:0 0 0 6px;background:url(../_images/layout/footerbg.gif) no-repeat top left;padding:40px 30px 30px 30px;line-height:20px;color:#fff;}
#footer img, #footer a {vertical-align:middle}
#footer a {color:#e7e7e7;text-decoration:none;}
#footer a:hover {color:#999;}

/* CONTACT */
.contact-left {float:left;width:250px;margin-right:50px;}
.contact-right {float:left;width:360px;padding:0 0 0 30px;border-left:1px dotted #ddd}
.map {width:700px;height:400px;border:1px solid #333;margin:10px 0 5px 0}
.shopfront {border:1px solid #333;}

/* MATRIX */
.tcmatrix {width:700px;}
.tcmatrix a {color:#fff;}
.tcmatrix th {padding:10px;text-align:center;background-color:#73abc6;color:#fff;}
.tcmatrix td {padding:5px;border:1px solid #aecfe0;text-align:center}

.skinmatrix {font-size:11px;width:700px;}
.skinmatrix a {color:#fff;}
.skinmatrix th {padding:5px;text-align:center;background-color:#73abc6;color:#fff;}
.skinmatrix td {padding:3px;border:1px solid #aecfe0;text-align:center}

/*QUOTES */
.quote {background:url(../_images/layout/quote-top.gif) no-repeat;padding:12px 0 0 22px;margin:0 0 20px 0}

.specials-wrap {background:#fddfac url(../_images/icons/save.png) no-repeat -8px -8px;border:1px dotted #f89a1d;padding:20px;margin:0 0 20px 0;}
.specials-wrap h2 {font-size:20px;color:#f89a1d;font-weight:normal;margin:0 0 10px 40px;}
.special {border-bottom:1px dotted #fff;padding:7px 10px;}
.specialprice {font-size:16px;color:#c00;}
.special strong {font-size:16px;}
.specials-wrap .last {border-bottom:none;padding-bottom:0;}

/*PRICES */
.pricewrap {border:1px solid #adcfdf;width:100%;margin-bottom:10px;}
.pricewrap th {background:#5c9cba;padding:5px 15px;text-align:left;font-size:14px;color:#fff;}
.prices {width:100%}
.prices th.blank {width:100px;}
.prices th {background:#adcfdf;font-size:12px;color:#333;text-align:center;}
.prices td {background:#cdecfa;padding:5px 15px;text-align:center;}

.homeintro {clear:both;width:460px;height:137px;margin:0 0 20px 0;color:#333;padding:100px 40px 0 210px;background:url(../_images/home.gif) no-repeat}
.homeintro h2 {margin-bottom:3px;}

/*NEWS */
.news {padding:50px 10px 10px 10px;margin:20px 0 0 0;background:url(../_images/newsbg.gif) no-repeat;height:300px;}

.section {border-bottom:1px dotted #ddd;padding-bottom:10px;margin-bottom:10px;}

.teaser {clear:both;height:110px;padding-bottom:20px;margin:20px 0 20px 0;border-bottom:1px dotted #ddd;}
.teaser img {border:5px solid #b0d0df;float:left;margin:0 20px 0 0;}
.teaser p {margin:0;line-height:18px;}
.teaser h2 {margin-bottom:5px;}
