/*****************
 * HTML Attributes
 ****************/
html {
    background-image:url(/images/bg.gif);
    background-repeat:repeat-x;
    font-family:Trebuchet, Trebuchet MS, "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
    color:#464646;
}

body {
    
}

h1 {
    color:#48a4c9;
    font-size:225%;
    padding-bottom:10px;
}

h1 span {
    color:#70ac6c;
}

h2 {
   color:#176da0;
   margin-bottom:20px;
   font-size:200%;
   font-weight:lighter;
}

h3 {
    
}

a {
    
}

p {
    padding-bottom:10px;
}

small {
    
}

sup {
    vertical-align:super;
}

strong {
    font-weight:bold;
}

.require {
    color:#FF0000;
}

.hint, form.generic li.hint {
    font-size: 80%;
    color: #7f7f7f;
}

/**
 * generic lists
 */
.element-container ul {
    padding:20px;
}

.element-container ul li {
    list-style-type:disc;
    margin-left:15px;
}

/**
 * Generic forms
 */

form.generic fieldset {
    background: #f2f2f2;
    border: 1px solid #CCC;
    padding: 10px;
    margin-bottom:1em;    
}

form.generic fieldset legend {
    background-color: #77A577;
    background-image:url(/images/bgFooter.jpg);
    background-position:bottom center;
    background-repeat:repeat-x;
    border: 1px solid #79A779;
    padding: 5px 10px;
    font-size: 110%;
    color:#FFF;
    text-align:left;
}

form.generic p {
    color: #4a4a4a;
    margin-bottom: .5em;
}

form.generic ul li {
    clear: left;
    padding: 5px 0;
}

form.generic li.hint {
    font-size: 80%;
    color: #7f7f7f;
}

form.generic li label {
    display: block;
    float: left;
    width: 150px;
    text-align: left;
    padding-right: 5px;
    margin: 0;
}

form.generic li.submit {
    text-align:right;
}

form.generic li.textarea textarea {
    height:150px;
    width:60%;
}

/**
 * Validation
 */

form .validation-failed, form .validation-failed-sel {
    background-color: #fbb4b4;
}

form.validation-passed, form.validation-passed-sel {
    background: #fff;
}

/**
 * Messages
 */

#messages {
    position:absolute;
    background-color:#ab1b1b;
    border:1px solid #4d0606;
    width:300px;
    color:#FFF;
    left:50%;
    margin-left:-150px;
    top:250px;
    padding:20px;
    z-index:10;
}

#messages a {
    color:#FFF;
}

#messages li.close {
    position:absolute;
    top:2px;
    right:2px;
    width:12px;
    height:12px;
    background-image:url(/images/btnClose.gif);
    cursor:pointer;
}

#messages .close {
    display:block;
    text-align:right;
}


/**
 *Header
 */

#hd {
    height:113px;
    position:relative;
    margin-bottom:25px;
}

#logo {
    display:block;
    width:195px;
    height:72px;
    position:absolute;
    left:20px;
    bottom:0px;
    background-image:url(/images/logo.gif);
    overflow:hidden;
    text-indent:-100em;
}

#main-navigation-menu {
    position:absolute;
    right:0px;
    bottom:0px;
    height:46px;
    background-image:url(/images/bgLinkBar.gif);
}

#main-navigation-menu li {
    float:left;
    line-height:46px;
}

#main-navigation-menu li a {
    color:#176da0;
    text-decoration:none;
    font-size:104%;
    font-weight:bold;
    padding:0px 10px;
}

#main-navigation-menu li.first {
    padding-left:22px;
    background-image:url(/images/bgLinkBarLeft.gif);
    background-repeat:no-repeat;
}

#main-navigation-menu li.last {
    padding-right:14px;
    background-image:url(/images/bgLinkBarRight.gif);
    background-position:top right;
    background-repeat:no-repeat;
}

/**
 * Fancy button
 */
button.fancy {
    border:none;
    background-color:transparent;
    color:#2b7c25;
    font-size:138.5%;
    font-weight:bold;
    width:232px;
    height:38px;
    background-image:url(/images/btnGreen.gif);
}

/*
 *Content
 */

.wrapper-content {
    
}

.clear {
    clear:both;
}

.homepage-left {
    float:left;
    width:685px;
}

#main-box {
    margin-bottom:10px;
    width:685px;
    height:383px;
    background-image:url(/images/bgMainBox.jpg);
    position:relative;
    background-repeat:no-repeat;
}

#main-box ol {
    color:#48A4C9;
    font-size:121.5%;
    font-weight:bold;
    left:96px;
    line-height:36px;
    position:absolute;
    top:204px;
    font-weight:lighter;
}

#main-box ol li {
    list-style-type:decimal;
    margin-left:25px;
}

#main-box form {
    left:338px;
    position:absolute;
    top:240px;
}

button.get-quotes-now {
    width:245px;
    height:41px;
    background-image:url(/images/btnGetQuoteNow.gif);
    border:none;
    background-color:transparent;
    margin-top:15px;
    text-indent:-300em;
    overflow:hidden;
}

.homepage-right {
    float:right;
    width:258px;
}

#category-boxes .box {
    background-image:url(/images/bgCategoryBox.jpg);
    height:92px;
    margin-bottom:5px;
    display:block;
    position:relative;
}

#category-boxes a {
    text-decoration:none;    
}

#category-boxes .box span {
    color:#FFF;
    position:absolute;
    left:0px;
    top:0px;
    font-size:146.5%;
    line-height:80px;
    text-align:center;
    font-style:italic;
    font-weight:lighter;
    width:100%;
}

#category-boxes .box span.shadow {
    top:2px;
    left:2px;
    color:#9d4f23;
}

/**
 * Form page
 */
h1.category-name {
    background-image:url(/images/bgHeaderBar1.jpg);
    width:680px;
    padding:0px;
    margin:0px;
    font-size:100%;
    height:86px;
    position:relative;
    float:right;
    clear:both;
}

h1.category-name span {
    font-size:281%;
    font-weight:lighter;
    position:absolute;
    bottom:-11px;
    left:20px;
    color:#FFF;
}

.right-column {
    border-left: 2px dashed #48a4c9;
}

.right-column .padding {
    padding:20px 30px;
}

.category-description {
    line-height:17px;
}

.quote-form {
    background-color:#FFF;
    border-top: 2px dashed #48a4c9;
    background-image:url(/images/bgFadeSmall.gif);
    background-repeat:repeat-x;
}

/**
 * beocme a vendor
 */
.become-a-vendor {
    margin:0 auto;
}

.become-a-vendor button {
    display:block;
    margin:0 auto;
}

.homepage-right .become-a-vendor {
    padding-top:20px;
}

.become-a-vendor .element-container {
    padding:10px 20px;
}

/**
 * Gerneric page
 */
.page {
    padding-bottom:20px;
}

.page .padding {
    padding-top:0px;
}

/*
 *Footer
 */
#footer {
    background-color:#c9f4fd;
    padding:30px;
}

#footer ul {
    width:73.076em;
    float:right;
}

#footer li {
    color:#176da0;
    display:inline;
    border-left:1px solid #176da0;
    padding:3px 3px 0 8px;
}

#footer li.first {
    border-left:0px;
}

#footer a {
    color:#176da0;
    text-decoration:none;
}

.copyright {
    padding-top:5px;
}

.copyright a {

}