/*
    Document   : master.css
    Site       : sheetrockpromotions.com
    Created on : July 22, 2010, 09:37:14 AM
    Author     : Jason Webb
*/

@import url("reset.css");

a {text-decoration: none; color: #52AAD7;}
a:hover {text-decoration: underline;}
p {color: #596876;}
sup {font-size: 9px; position: relative; top: -4px;}
span.smallcaps, div.checkbox-grid .frmChkRow label span.smallcaps {font-size: 0.95em; text-transform: uppercase; margin: 0; float: none;}

/******************************/
/*** BODY & BG'S            ***/
/******************************/
body {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 70%; color: #000000; background: #D8DFE6;}

/******************************/
/*** SKELETON/STRUCTURE     ***/
/******************************/
#shadowContainer {width: 1107px; position: relative; left: 50%; margin: 0 0 0 -554px; background: transparent url(../images/bg_whole.jpg) repeat-y;}
    #mainContainer {width: 949px; margin: 0 0 0 -473px; position: relative; padding: 0 7px; left: 50%;}
        #header {background: transparent url(../images/bg_header.jpg) repeat-x; height: 102px; width: 948px; position: relative;}
            #header img#logo {margin: 31px 0 0 38px;}
            #header a#switchfrom-english {position: absolute; width: 76px; height: 27px; top: 0; right: 46px; background: transparent url(../images/btn_spanish.jpg) no-repeat; text-indent: -9999px;}
            #header a#switchfrom-spanish {position: absolute; width: 76px; height: 27px; top: 0; right: 46px; background: transparent url(../images/btn_english.jpg) no-repeat; text-indent: -9999px;}
    #mainContainer #sidebar {background: #F2F4F5 url(../images/bg_sidebar.jpg) repeat-y; float: left; padding: 26px 0 0 0; width: 229px;}
    #mainContainer #mainContent {float: left; width: 600px; padding: 23px 50px 0 65px;}
    #mainContainer #mainContent h2 {font-size: 17px; color: #616363; margin: 0 0 16px 0;}
#shadowFooter {width: 1107px; height: 106px; position: relative; left: 50%; margin: 0 0 0 -554px; background: transparent url(../images/bg_shadow_footer.jpg) no-repeat;}
    #footer {width: 963px; height: 63px; position: relative; left: 50%; background: transparent url(../images/bg_footer.jpg) repeat-x; margin: 0 0 0 -473px;}
        #footer #legal {float: right; color: #FFF; font-size: 9px; margin: 25px 20px 0 0;}
            #footer #legal a {color: #FFF;}
            #footer #legal a:hover {text-decoration: underline;}

#homeContent {margin: 25px 122px 0 125px;}
    #homeContent h2 {font-size: 40px; color: #616363; margin: 0 0 10px 0;}
    #homeContent p#intro {font-size: 1.5em; color: #616363;}
        #homeContent p#intro span {color: #899BA9;}

    /* top features */
    #homeContent #features {margin: 25px 0 0 0; padding: 0 0 125px 0;}
        #features .featurette {border-left: 1px solid #E9ECEF; border-top: 1px solid #E9ECEF; border-bottom: 1px dotted #E9ECEF; float: left; background: #FFF; width: 231px;}
        #features .featurette .hr {border-top: 1px solid #E9ECEF; width: 100%; height: 0;}
        #features .featurette .top {height: 173px; position: relative; background: #FFF url(../images/bg_features_top.jpg) repeat-x; margin: 2px 2px 1px 2px;}
            #features .featurette .top img {position: absolute; top: 26px; left: 27px;}
        #features .featurette .bottom {height: 119px; margin: 2px; background: #E1E3E6; padding: 31px 12px 0 17px;}
            #features .featurette h3 {font-size: 12px; font-weight: bold; color: #596876;}
            #features .featurette p {color: #596876; line-height: 15px;}
                #features .featurette p a {color: #52AAD7;}
        #features .last-feature {border-right: 1px solid #E9ECEF;}

    /* middleBuckets */
    #middleBuckets {margin: 8px 0 19px 0;}
        #middleBuckets .bucket {background: #FFF; border-bottom: 1px solid #EEF1F3; padding: 0 0 1px 0; float: left; width: 348px; margin: 0 11px 0 0;}
        #middleBuckets .last-bucket {margin: 0; width: 339px;}
        #middleBuckets .bucket-copy {background: #EEF1F3; height: 63px;}
            #youtube .bucket-copy img {float: left; width: 54px; height: 23px; margin: 21px 16px 0 27px;}
            #youtube .bucket-copy p {float: left; margin: 21px 0 0 0; width: 230px;}
            #sheetrock-paper .bucket-copy img {float: left; width: 71px; height: 29px; margin: 15px 0 0 12px;}
            #sheetrock-paper .bucket-copy p {float: left; margin: 15px 0 0 11px; width: 213px;}

     /* bottom buckets */
     #bottomBuckets {border: 1px solid #E9ECEF;}
        #bottomBuckets .bucket { height: 106px; background: #F3F9FC; float: left; width: 231px; border-right: 1px solid #E9ECEF; padding: 1px 0 1px 1px;}
        #bottomBuckets .last-bucket {border-right: none; padding: 1px 1px 1px 0;}
            #bottomBuckets h4 {padding: 8px 0 0 26px; height: 21px; border-bottom: 1px solid #CAE5F2; margin: 0 2px;}
            #bottomBuckets p {margin: 8px 30px 0 25px;}


      /* sidebar */
      #sidebar .product {padding: 0 0 25px 0;}
          #sidebar .product h3 {font-size: 1.2em; padding: 0 0 4px 0; margin: 0 8px 10px 15px; border-bottom: 1px dotted #D8D9D9; color: #8595A3;}
            #sidebar .product h3 a {color: #8595A3;}
            #sidebar .product h3 a:hover {text-decoration: none;}
            #sidebar .product h3 span {text-transform: uppercase; font-size: 11px;}
          #sidebar .product .img-holder {float: left; width: 84px; text-align: center;}
          #sidebar .product ul.description {float: left; width: 139px; margin: 0 0 4px 0;}
            #sidebar .product ul.description li {color: #636363; font-size: 0.9em; background: url(../images/bullet.jpg) no-repeat 0 5px; margin: 0 0 6px 0; padding: 0 0 0 5px;}
          #sidebar .product p.visit {clear: both; margin: 0 0 0 89px; width: 90px;}

    /* maint Content (form, thankyou) */
    p.thankyou {font-size: 13px; color: #616363; margin: 0 0 20px 0;}
    p.thankyou span {font-size: 11px; text-transform: uppercase;}
    p.thankyou a {color: #899BA9;}
    p.reqnote {text-align: right; font-size: 9px;}
    form {}
        form label.error {color: #FF0000; font-style: italic; display: block;}
        form div.checkbox-grid label.error, form .select-grid label.error {display: none;}
        form .textarea-blocks label.error {margin: -22px 0 25px 0; color: #FF0000;}
        form #ranking-order label.r-error {color: #FF0000; display: block;}
        form #ranking-order label.ranking-error {color: #FF0000; display: none; font-style: italic;}
        form .frmTxtRow {margin: 0 0 9px 0;}
        form .frmSelRow {margin: 19px 0 0 0;}
        form .frmSelRow div.holder, form .frmTxtRow div.holder {color: #5E5E5E; float: left; width: 280px;}
        form .frmTxtRow div.holder-left, form .frmSelRow div.holder-left {margin: 0 10px 0 0;}
        form .frmSelRow div.holder-single {padding-top: 14px;}
            form .frmTxtRow div.holder input {display: block; width: 249px;}
            form .frmTxtRow div.holder label span.example {padding: 0 0 0 105px; color: #888;}
            form .frmTxtRow div.holder select {display: block;}
            form .frmSelRow div.holder select {display: block; width: 249px; margin: 6px 0 0 0;}
            form .frmSelRow div.holder input {display: block; width: 243px; margin: 10px 0 0 0;}
            form .frmSelRow div.holder-other {display: none;}
                form .frmSelRow div.holder input.other {color: #AAA;}
                form .frmSelRow div.holder input.other-active {color: #000;}
        div.checkbox-grid {margin: 20px 0 26px 0;}
            div.checkbox-grid p {margin: 0 0 12px 0;}
                div.checkbox-grid .frmChkRow label {float: left; width: 180px; color: #5E5E5E; line-height: normal !important; line-height: 18px; margin-bottom: 11px;}
                    div.checkbox-grid .frmChkRow label input {float: left; margin: 0 7px 0 0 !important; width: auto;}
                    div.checkbox-grid .frmChkRow label span {float: left; width: auto; margin: 0 7px 0 0;}
                    div.checkbox-grid .frmChkRow #where_joint_compound_other {display: none;}
                div.checkbox-grid .frmChkRow .holder-other label {width: 65px;}
                div.checkbox-grid .frmChkRow .holder-other input.txtBox {margin: 0 !important; width: 110px;}
                div.checkbox-grid .frmChkRowLong label.left {width: 260px;}
                div.checkbox-grid .frmChkRowLong label.right {width: 340px;}
        div.select-grid {}
            div.select-grid p {margin: 0 0 12px 0;}
                div.select-grid .frmSelGridRow {margin: 0 0 13px 0;}
                div.select-grid .frmSelGridRow label {color: #5E5E5E; width: 180px; float: left;}
                div.select-grid .frmSelGridRow label.long {width: 270px;}
                div.select-grid .frmSelGridRow label select {margin: 0 7px 0 0; }
            div.textarea-blocks label {color: #5E5E5E; display: block;}
            div.textarea-blocks textarea {width: 544px; height: 125px; margin: 6px 0 25px 0;}

        /* overlay */
        #overlay {position: absolute; top: 0; left: 0; width: 100%; background-color: #000000; opacity: 0.6; z-index: 10000; filter: alpha(opacity=60); /*IE*/-moz-opacity: 0.6; /*older gecko*/}

/******************************/
/*** CLEARFIX               ***/
/******************************/
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-block;}
.clearLeft { clear:left; }
.clearRight { clear:right; }

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */