@charset "utf-8";

/* @override http://farrowav.dev:8884/css/farrowav.css */

/* CSS Document */

/* SWATCHES

red: #ee2a2d
teal: #055555

*/

/* TAG STYLES -----------------------------------------------------------------*/
body, div, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, img, form, fieldset, blockquote {
	margin: 0; padding: 0; border: 0;
}

body{
background-color: #6e6e6e;
}

p, a, ul, li, div {
font-family: helvetica, arial, sans-serif;
font-size: 14px;
line-height: 20px;
color: #333333;
}

p {
margin: 0 0 13px 0;
}

p.testimonial {
font-family: georgia, times new roman, serif;
font-size: 16px;
font-style: italic;
line-height: 22px;
color: #333333;
margin: 20px 40px 0 40px;
padding: 15px 0 0 0;
border-top: dotted #cdcdcd 1px;
}

p.testimonialName {
font-family: georgia, times new roman, serif;
font-size: 14px;
font-weight: bold;
line-height: 26px;
color: #055555;
margin: 0 100px 10px 60px;
}

p.question {
font-weight: bold;
margin: 0 0 10px 0;
padding: 20px 0 0 0;
border-top: dotted #cdcdcd 1px;
}

p.answer {
margin: 0 0 30px 30px;
}

p.quote {
font-family: georgia, times new roman, serif;
font-size: 16px;
font-style: italic;
line-height: 22px;
color: #055555;
text-align: center;
padding: 10px 40px 10px 40px;
border-top: dotted #cdcdcd 1px;
border-bottom: dotted #cdcdcd 1px ;
}

p.legalFirst {
border-top: dotted #cdcdcd 1px;
font-size: 10px;
margin: 25px 0 8px 0;
padding: 15px 0 0 0;
line-height: 12px;
}

p.legal {
font-size: 10px;
margin: 0 0 8px 0;
line-height: 12px;
}

a {
color: #ee2a2d;
outline: none;
}

a:hover {
color: #055555;
}

b {
font-weight: bold;
}

h3 {
font-size: 22px;
color: #ee2a2d;
text-transform: uppercase;
font-weight: normal;
margin: 25px 0 8px 0;
line-height: 28px;
}

h4 {
font-size: 16px;
color: #055555;
text-transform: uppercase;
font-weight: normal;
margin: 25px 0 6px 0;
}

.first {
margin-top: 0px;
}

ul {
margin: 13px 0 0 0;
}

li {
margin: 3px 0 0 20px;
}

ul.indent {
margin: 13px 0 0 20px;
}

.clear { 
clear: both; 
}

.sig {
font-size: 18px;
color: #ee2a2d;
}

.red {
color: #ee2a2d;
}

/* DIV STYLES -----------------------------------------------------------------*/

#wrapper {
background: #fff;
}

#headerWrapper {
background: url(/images/topBar.png) repeat-x;
height: 85px;
}

#header {
margin: 0px auto;
width: 960px;
}

#header h1 a {
display: block;
width: 218px;
height: 85px;
margin: 0 0 0 50px;
position: relative;
background: url(/images/farrowLogo.png) no-repeat 0 0;
text-indent: -9999px;
float: left;
}

/* NAVIGATION -----------------------------------------------------------------*/

#nav {
float: right;
margin: 0 50px 0 0;
width: 570px;
}

#nav ul {
margin: 0 0 0 0;
}

#nav a {
margin: 0 0 0 0;
display: block;
height: 85px;
text-indent: -9999px;
}

#nav li { 
list-style: none; 
float: left; 
margin: 0 0 0 0;
}

#nav li.home a { background: url(/images/nav.png) no-repeat 0 0; width: 75px; }
#nav li.services a { background: url(/images/nav.png) no-repeat -75px 0; width: 95px; }
#nav li.testimonials a { background: url(/images/nav.png) no-repeat -170px 0; width: 126px; }
#nav li.faq a { background: url(/images/nav.png) no-repeat -296px 0; width: 61px; }
#nav li.about a { background: url(/images/nav.png) no-repeat -357px 0; width: 99px; }
#nav li.contact a { background: url(/images/nav.png) no-repeat -456px 0; width: 114px; }

#nav li.home a:hover { background: url(/images/nav.png) no-repeat 0 -85px; }
#nav li.services a:hover { background: url(/images/nav.png) no-repeat -75px -85px; }
#nav li.testimonials a:hover { background: url(/images/nav.png) no-repeat -170px -85px; }
#nav li.faq a:hover { background: url(/images/nav.png) no-repeat -296px -85px; }
#nav li.about a:hover { background: url(/images/nav.png) no-repeat -357px -85px; }
#nav li.contact a:hover { background: url(/images/nav.png) no-repeat -456px -85px; }

#home li.home a { background: url(/images/nav.png) no-repeat 0 -85px; }
#services li.services a { background: url(/images/nav.png) no-repeat -75px -85px; }
#testimonials li.testimonials a { background: url(/images/nav.png) no-repeat -170px -85px; }
#faq li.faq a { background: url(/images/nav.png) no-repeat -296px -85px; }
#about li.about a { background: url(/images/nav.png) no-repeat -357px -85px; }
#contact li.contact a { background: url(/images/nav.png) no-repeat -456px -85px; }

/* SPLASH IMAGE -----------------------------------------------------------------*/

#splashHomeWrapper {
background: url(/images/splashSecondaryTile.png) repeat-x;
height: 200px;
}

#splashSecondaryWrapper {
background: url(/images/splashSecondaryTile.png) repeat-x;
height: 135px;
}

#splashHome {
margin: 0px auto;
width: 960px;
height: 190px;
background: url(/images/splashHomeAlt.jpg);
}

#splashSecondary {
margin: 0px auto;
width: 960px;
height: 135px;
background: url(/images/splashSecondary.jpg);
}

#splashSecondary.services {
background: url(/images/splashServices.jpg);
}

#splashSecondary.testimonials {
background: url(/images/splashTestimonials.jpg);
}

#splashSecondary.faq {
background: url(/images/splashFaq.jpg);
}

#splashSecondary.about {
background: url(/images/splashAbout.jpg);
}

#splashSecondary.contact {
background: url(/images/splashContact.jpg);
}

#splashSecondary.privacy {
background: url(/images/splashPrivacy.jpg);
}

#splashSecondary.promotions {
background: url(/images/splashPromotions.jpg);
}

#splashSecondary.promotionsWinter2010 {
background: url(/images/promo/winter2010/splash_promo_dominoWinter2010.jpg);
}

#splashSecondary.promotionsSpringSummer2010 {
background: url(/images/promo/springsummer2010/splash_promo_sunbriteSummer2010_2.jpg);
}

#splashSecondary.promotionsWinter2010-11 {
background: url(/images/promo/winter2010-11/splash_promo_winter2010-11.jpg);
}

#splashSecondary.promotionsSummer2011 {
background: url(/images/promo/summer2011/splash_promo_summer2011.jpg);
}

#splashSecondary.newsletter {
background: url(/images/splashNewsletter.jpg);
}

#splashSecondary.showpass {
background: url(/images/splashShowPass.jpg);
}

#splashHome h2, #splashSecondary h2 {
text-indent: -9999px;
}

/* PAGE STYLES -----------------------------------------------------------------*/

#contentWrapper {
margin: 0px auto;
width: 960px;
background: #fff;
overflow: hidden;
}

#contentSecondary {
margin: 0px auto;
width: 960px;
overflow: hidden;
padding: 40px 0 0 0;
}

#contentWrapperSecondary {
background: url(/images/splashSecondary.jpg) repeat-x 0 -135px #fff;
overflow: hidden;
}

#columnOne {
margin: 0 0 0 50px;
padding-right: 20px;
width: 560px;
float: left;
}

#columnTwo {
margin: 0 0 0 18px;
width: 260px;
float: left;
}


/* BOX STYLES -----------------------------------------------------------------*/

#threeBoxWrapper {
background: url(/images/greyBar.png) 70px repeat-x;
height: 225px;
clear: both;
}

#threeBox {
margin: 0px auto;
width: 960px;
padding-top: 15px;
}

#boxFirst {
margin: 0 0 0 50px;
background: url(/images/box/boxMid.png) repeat-y;
float: left;
width: 261px;
}

#box {
margin: 0 0 0 38px;
background: url(/images/box/boxMid.png) repeat-y;
float: left;
width: 261px;
}

#boxContent {
padding: 10px 15px 0 15px;
}

#boxContent a {
text-decoration: none;
color: #333333;
display: block;
}

#boxContent a:hover {
text-decoration: underline;
color: #ee2a2d;
}


#boxDesignTop {
background: url(/images/box/boxDesignTop.png) no-repeat top;
height: 43px;
}

#boxDesignBottom {
background: url(/images/box/boxDesignBottom.png) no-repeat;
height: 67px;
width: 261px;
}

#boxSalesTop {
background: url(/images/box/boxSalesTop.png) no-repeat top;
height: 43px;
}

#boxSalesBottom {
background: url(/images/box/boxSalesBottom.png) no-repeat;
height: 67px;
width: 261px;
}

#boxInstallationTop {
background: url(/images/box/boxInstallationTop.png) no-repeat top;
height: 43px;
}

#boxInstallationBottom {
background: url(/images/box/boxInstallationBottom.png) no-repeat;
height: 67px;
width: 261px;
}

#boxDesignTop h3, #boxSalesTop h3, #boxInstallationTop h3 {
height: 0px;
width: 0px;
text-indent: -9999px;
overflow: hidden;
margin: 0;
padding: 0;
}

/* FOOTER STYLES -----------------------------------------------------------------*/

#footerRedBar {
margin: 30px 0 0 0;
background: #ee2a2d;
height: 12px;
}

#footerWrapper {
background: #6e6e6e;
clear: both;
}

#footer {
margin: 0px auto;
width: 960px;
padding: 30px 0 20px 0;
}

#footerColOne {
margin: 0 0 0 50px;
width: 115px;
float: left;
}

#footerColTwo {
margin: 0 0 0 20px;
width: 115px;
float: left;
}

#footerColOne a {
color: #e6e6e6;
text-decoration: none;
font-weight: bold;
font-size: 11px;
}

#footerColTwo a {
color: #e6e6e6;
text-decoration: none;
font-size: 11px;
}

#footerColOne a:hover, #footerColTwo a:hover {
color: #ee2a2d;
}

#footerColOne li, #footerColTwo li {
list-style: none; 
margin: 0 0 0 0;
padding: 1px 0 1px 0;
border-bottom: dotted 1px #e6e6e6;
}

#footerColThree {
margin: 0 0 0 50px;
width: 560px;
float: left;
background: url(/images/f.png) no-repeat bottom right;
}

#footerColThree p {
color: #c6c6c6;
font-size: 12px;
line-height: 18px;
margin: 0 0 10px 0;
}

#footerColOne ul, #footerColTwo ul {
padding: 0 0 0 0;
margin: 0 0 0 0;
}

#footerColThree p.legal {
margin: 0 0 0 0;
}

/* SIDE BOXES STYLES -----------------------------------------------------------------*/

#sideBox {
width: 238px;
background: #fff;
border: 1px solid #cfcfcf;
padding: 10px 10px 10px 10px;
margin: 0 0 20px 0;
}

#sideBox.first {
margin: 30px 0 20px 0;
}

#sideBox h4 {
font-size: 14px;
font-weight: bold;
margin: 0 0 5px 0;
color: #333;
}

#sideBox a:hover {
text-decoration: underline;
color: #05555;
}

#sideBox ul {
margin: 0 0 0 0;
}

#sideBox li {
margin: 0 0 0 25px;
}

#sideBox p, #sideBox a {
margin: 0 0 0 0;
}

p.shareThis {
padding: 13px 0 0 10px;
}

p.shareThis a {
font-size: 12px;
}

/* SERVICES PAGE BOX STYLES -----------------------------------------------------------------*/

#servicesBox {
width: 560px;
background: #f3f3f3;
border: 1px solid #cfcfcf;
padding: 10px 10px 10px 10px;
margin: 20px 0 0 0;
}

#servicesBox h4 {
font-size: 16px;
text-transform: uppercase;
margin: 0 0 5px 0;
color: #055555;
}

#servicesBox p {
margin: 0 0 0 0;
} 

#servicesBox img {
float: right;
margin: 10px 10px 0 20px;
} 

/* PROMO BAR HOMEPAGE  -----------------------------------------------------------------*/

#promoBar {
margin: 0px auto;
margin-top: 16px;
width: 960px;
height: 80px;
}

#promo_musicDec09 {
margin: 0 0 0 50px;
width: 560px;
float: left;
background: url(/images/promo_musicDec09.png) no-repeat;
}

#promo_musicDec09 a {
height: 80px;
width: 580px;
display: block;
margin: 0 0 0 0;
padding: 0 0 0 0;
}

#promo_dominoWinter2010 {
margin: 0 0 0 50px;
width: 560px;
float: left;
background: url(/images/promo/winter2010/promo_dominoWinter2010.png) no-repeat;
}

#promo_dominoWinter2010 a {
height: 80px;
width: 580px;
display: block;
margin: 0 0 0 0;
padding: 0 0 0 0;
}

#promo_sunbriteSpringSummer2010 {
margin: 0 0 0 50px;
width: 560px;
float: left;
background: url(/images/promo/springsummer2010/homepagePromo.jpg) no-repeat;
}

#promo_sunbriteSpringSummer2010 a {
height: 80px;
width: 580px;
display: block;
margin: 0 0 0 0;
padding: 0 0 0 0;
}

#promo_winter2010-11 {
margin: 0 0 0 50px;
width: 560px;
float: left;
background: url(/images/promo/winter2010-11/promo_winter2010-11.png) no-repeat;
}

#promo_winter2010-11 a {
height: 100px;
width: 580px;
display: block;
margin: 0 0 0 0;
padding: 0 0 0 0;
}

#promo_summer2011 {
margin: 0 0 0 50px;
width: 560px;
float: left;
background: url(/images/promo/summer2011/promo_summer2011.png) no-repeat;
}

#promo_summer2011 a {
height: 100px;
width: 580px;
display: block;
margin: 0 0 0 0;
padding: 0 0 0 0;
}


#promo_community {
margin: 0 0 0 0;
width: 260px;
float: left;
position: relative;
top:5px;
right: 0px;
background: url(/images/promo/community.jpg) no-repeat;
z-index: 800;
}

#promo_community {
margin: 0 0 0 0;
width: 260px;
float: left;
position: relative;
top:-15px;
right: 0px;
background: url(/images/promo/community.jpg) no-repeat;
z-index: 800;
}

#promo_community a {
height: 80px;
width: 580px;
display: block;
margin: 0 0 0 0;
padding: 0 0 0 0;
}


#newsletterSignUp {
margin: 0 50px 0 38px;
width: 260px;
float: right;
background: url(/images/newsletterSignUp.png) no-repeat;
}

#newsletterSignUp a {
height: 100px;
width: 260px;
display: block;
margin: 0 0 0 0;
padding: 0 0 0 0;
}

#promo_winter2010-11 h4, #promo_winter2010-11 p, #promo_dominoWinter2010 h4, #promo_dominoWinter2010 p, #promo_sunbriteSpringSummer2010 p, #promo_sunbriteSpringSummer2010 h4, #promo_community p, #promo_community h4, #newsletterSignUp h4, #newsletterSignUp p, #promo_summer2011 h4, #promo_summer2011 p {
margin: 0 0 0 0;
padding: 0 0 0 0;
text-indent: -9999px;
}

/* SLIDESHOW STYLES -----------------------------------------------------------------*/
#slideshow{
position:relative;
width:260px;
height:280px;
margin: 71px 0 0 0;
}

#slideshow img {
position:absolute;
top:0px;
left:0px;
z-index:8;
opacity:0.0;
}

#slideshow img.active {
z-index:10;
opacity:1.0;
}

#slideshow img.last-active {
z-index:9;
}

/* SALES BRAND STYLES -----------------------------------------------------------------*/

#salesBrands {
border: 1px dotted #ccc;
padding: 10px;
margin: 40px 0 0 0;
}

#salesBrands h5 {
font-size: 28px;
letter-spacing: -1px;
font-weight: bolder;
float: right;
margin: -21px 0 0 0 ;
background: #ffffff;
width: auto;
padding: 0 5px 0 5px;
color: #aaa;
}

#featuredBrand {
border: 1px dotted #ccc;
margin: 5px;
padding-bottom: 5px;
}

#featuredBrand h6 {
padding: 8px 5px 5px 5px;
margin: 0 0 5px 0;
color: #ee2a2d;
background: #eee;
line-height: 0;
font-size: 11px;
}

#featuredBrand img {
float: left;
margin: 10px 10px 10px 10px;
padding: 0 10px 0 10px;
}

#salesBrands #featuredBrand p {
margin: 4px;
padding: 8px 8px 8px 20px;
border-left: 1px solid #333;
float: left;
width: 290px;
}

#salesBrands p {
padding: 10px 10px 5px 10px ;
margin: 0;
}

#salesBrands ul {
margin: 0 0 0 10px;
}

#salesBrands li {
margin-right: 25px;
}

/* SHOW PASS -----------------------------------------------------------------*/

#rewardWrapper {
border: 1px dotted #ccc;
width: 540px;
overflow: hidden;
padding: 10px;
}

#reward {
border-bottom: 1px dotted #ccc;
overflow: hidden;
padding: 15px 0 15px 0;
clear: both;
}

#reward.first {
padding-top:0;
}

#reward.last {
border-bottom: none;
padding-bottom:0;
}

#reward img {
width: 125px;
margin: 0 30px 0 10px;
float: left;
border: none;
}

#reward h5 {
margin: 0;
padding: 0;
color: #333;
font-size: 14px;
font-weight: bolder;
}

#reward ul {
width: 365px;
margin-top: 0;
float: left;
}

/* HOME NEWS -----------------------------------------------------------------*/

#homeNewsWrapper {
border: 1px solid #ddd;
width: 540px;
overflow: hidden;
padding: 10px;
margin: 20px 0 0 0;
background: url(/images/newsFade.png) bottom repeat-x;
}

#homeNewsWrapper h4 {
padding: 0;
margin: 0 0 3px 3px;
color: #333;
}

#homeNews {
border-bottom: 1px dotted #ccc;
overflow: hidden;
padding: 5px 0 5px 0;
}

#homeNews.first {
padding-top:0;
}

#homeNews.last {
border-bottom: none;
padding-bottom:0;
}

#homeNews h5 {
font-size: 11px;
line-height: 1.2;
padding: 5px 5px 0px 5px;
}

#homeNews h5 a {
margin: 0;
line-height: 1.2;
color: #055555;
font-size: 11px;
font-weight: bolder;
text-decoration: none;
}

#homeNews h5 a:hover {
color: #ee2a2d;
text-decoration: underline;
}

#homeNews p {
font-size: 10px;
line-height: 1.3;
float: left;
padding: 0 5px 5px 5px;
margin: 0;
}

#homeNews p a {
font-size: 10px;
line-height: 1.3;
}

#homeIntro {
float: left;
width: 300px;
}

/*------- COMMUNITY --------*/
#community {
border: 1px dotted #ccc;
width: 540px;
overflow: hidden;
padding: 10px;
margin: 0 0 20px 0;
}

#community img {
float: left;
overflow: hidden;
padding: 0 10px 0 0;
width: 100px;
}

#community p {
float: left;
overflow: hidden;
width: 430px;
}

/*------ THUMBS --------*/
#thumb_container {
padding: 0 0 5px 0;
overflow: hidden;
}

#thumb_row {
overflow: hidden;
clear: left;
}

#thumb {
margin: 0 0 15px 40px;	
width: 102px;
text-align: center;
float: left;
overflow: hidden;
font-size: 12px;
line-height: 1.1;
}

#thumb a {
font-size: 12px;
line-height: 1.1;
}

#thumb.first {
margin-left: 0;
clear: left;
}

#thumb img {
border: 1px solid #333;
margin: 0 0 7px 0;
}