/* Coleman Spas Core Style Sheet */

/*------------------------------------------------*/
/* MAIN LAYOUT SECTION START*/
/*------------------------------------------------*/
body         { font-family: 'lucida grande', verdana, arial, sans-serif; font-size: 13px; 
               color: #C3A571; background-color: #fff; 
               margin: 0px; padding: 0px; background-position: 0% }
table
{
font-family: "lucida grande", verdana, arial, sans-serif;
font-size: 13px;
color: #C3A571;
}

p
{
font-size: 13px;
}

h1
{
font-family: georgia, times, serif;
font-weight: normal;
font-size: 22px;
font-style: italic;
}

h2
{
font-size: 18px;
}

h3
{
font-size: 15px;
}

a:link, a:visited, a:active
{
color: #FFF;
text-decoration: none;
}

a:hover
{
text-decoration: underline;
}



/*-------------------------*/
/* NAVIGATION TITLE SETUP */
/*-------------------------*/
#Title
{
padding: 10px;
}

#Title p
{
font-family: georgia, times, serif;
font-size: 26px;
font-style: italic;
color: #00538E;
}

#Title h3
{
font-family: georgia, times, serif;
font-size: 36px;
font-style: italic;
font-weight: normal;
color: #00538E;
margin: 0px;
}

/*-------------------------*/
/* NAVIGATION SETUP */
/*-------------------------*/
#Nav
{
font-family: georgia, times, serif;
font-size: 15px;
font-style: italic;
padding: 10px 3px 0px 10px;
}

#Nav a:link, #Nav a:visited, #Nav a:active
{
color: #000;
text-decoration: none;
}

#Nav a:hover
{
color: #00538E;
text-decoration: none;
}

#Nav a:link.Nav, #Nav a:visited.Nav, #Nav a:active.Nav
{
color: #00538E;
text-decoration: none;
}

#Nav a:hover.Nav
{
color: #000;
text-decoration: none;
}

#Nav a:link.Black, #Nav a:visited.Black, #Nav a:active.Black
{
color: #000;
text-decoration: none;
}

#Nav a:hover.Black
{
color: #000;
text-decoration: none;
}


#Nav ul
{
list-style: none;
margin: 5px 0px 0px 0px;
padding-left: 10px;
font-size: 13px;
}

#Nav li
{
margin: 5px 0px;
padding: 0px;
}








/*------------------------------------------------*/
/* CONTAINERS LAYOUT SECTION START*/
/*------------------------------------------------*/
#MainContainer
{
position: absolute;
width: 810;
}

#LeftContainer
{
float: left;
width: 210px;
}

#NavContainer
{
width: 189px;
padding: 20px 0px 0px 20px;
}

#LocatorContainer
{
padding-left: 30px;
}

#ContentContainer
{
float: left;
width: 600px;
padding-top: 20px;
}

#FooterContainer
{
clear: both;
float:left;
width: 810px;
}


/*------------------------------------------------*/
/* NAV/LOGO LAYOUT SECTION START*/
/*------------------------------------------------*/
#NavLogo
{
position: absolute;
margin: 0px;
padding: 0px;
top: 20px;
left: 18px;
z-index:3;
}

.SubMenu
{
color: #FFF;
font-size: 10px;
font-weight: bold;
margin: 0px;
padding: 0px;
background: #000;
border: 1px #C3A571 solid;
}

.SubMenu li a
{
display: block;
height: 20px;
}

.SubMenu li:hover
{
background: #502308;
}

.SubMenu a:link, a:visited, a:active
{
color: #FFF;
text-decoration: none;
}

.SubMenu a:hover
{
color: #C3A571;
text-decoration: none;
}

.SubMenu ul
{
list-style-type: none;
padding: 10px 0px;
margin: 0px;
}

.SubMenu li
{
height: 16px;
padding: 4px 0px 2px 10px;
}

.Menu        { color: #FFF; font-size: 10px; font-weight: bold; }

.Menu li a
{
display: block;
height: 20px;
}

.Menu li:hover
{
background: #502308;
}

.Menu a:link, a:visited, a:active
{
color: #FFF;
text-decoration: none;
}

.Menu a:hover
{
color: #C3A571;
text-decoration: none;
}

.menu ul
{
list-style-type: none;
padding: 10px 0px;
margin: 0px;
}

.menu li
{
height: 16px;
padding: 4px 0px 2px 10px;
}

#MainMenuContainer
{
position: absolute;
top: 83px;
left: 30px;
margin: 0px;
padding: 0px;
z-index: 1;
}

#MainMenuContent
{
margin: 0px;
padding: 0px;
width: 142px;
}

#SpaSubMenuContainer
{
position: absolute;
left: 179px;
margin: 0px;
padding: 0px;
}

#SpaSubMenuContent
{
background: #000;
width: 142px;
}

#WhySubMenuContainer
{
position: absolute;
left: 179px;
margin: 0px;
padding: 0px;
}

#WhySubMenuContent
{
background: #000;
width: 142px;
}


/*------------------------------------------------*/
/* LOCATOR LAYOUT SECTION START*/
/*------------------------------------------------*/
#Locator
{
margin-top: 50px;
color: #FFF;
}

.Locator a:hover
{
color: #C3A571;
text-decoration: none;
}

#Locator .Heading
{
font-size: 12px;
font-weight: bold;
margin-bottom: 0px;
}

#Locator .HeadingBig
{
font-size: 14px;
font-weight: bold;
margin-bottom: 0px;
}

#Locator .Small
{
margin-top: 0px;
font-size: 9px;
}

#Locator .Medium
{
font-size: 11px;
color: #FFF;
margin-bottom: 0px;
}


/*------------------------------------------------*/
/* CONTENT LAYOUT SECTION START*/
/*------------------------------------------------*/
.ThreeCol { width: 555px; }

.TwoCol { width: 370px; }

.OneCol { width: 185px; }

.FloatLeft { float: left; }

.BrownDiv_1 { background: #fffff; }

.BrownDiv_2 { background: #fffff; }

.RedBrownDiv { background: #502308; }

.CompareBrown_1 { background: #7C705A; }

.CompareBrown_2 { background: #908673; }

.WhiteText { color: #FFF; }

.DrkBrownText {color: #361C00; }

.LtBrownText {color: #CCB387; }

.OrangeText { color: #7B5706; }

.highlighted { color: #FFF; }

.Error { color: #F33; }

.Text26 { font-size: 26px; }

.Text12 { font-size: 12px; }

.Text10 { font-size: 10px; }

.Text9 { font-size: 9px; }

.Bold { font-weight: bold; }

.Upper { text-transform: uppercase; }

.Pad50 { padding: 5px 0px; }

.Pad10 { padding: 10px; }

.PadLeft { padding-left: 10px; }

.Margin20Top { margin: 20px 0px; }

.Pad20Top { padding-top: 20px; }

.NoMargin { margin: 0px; }

.ACenter { text-align: center; }

.Zone1 { color: #CC3; }

.Zone2 { color: #393; }

.Zone3 { color: #66C; }

.Zone4 { color: #C30; }

.Zone5 { color: #C93; }

.Zone6 { color: #96C; }

p.PullQuote
{
color: #FFF;
font-size: 11px;
font-style: italic;
}

.BorderLeft
{
border-left: 1px solid #808080;
}

.BorderRight
{
border-right: 1px solid #808080;
}

.BorderRightLt
{
border-right: 1px solid #808080;
}

.BorderTopLt
{
border-top: 1px solid #808080;
}

.BorderBottom
{
border-bottom: 1px solid #808080;
}

.BorderSides
{
border-left: 1px solid #808080;
border-right: 1px solid #361C00;
}

.BorderTops
{
border-top: 1px solid #361C00;
border-bottom: 1px solid #361C00;
}

.FullBorder
{
border: 1px solid #808080;
}

.ImgBorder
{
border: 1px solid #808080;
}

#ContentContainer a:link, #ContentContainer a:visited, #ContentContainer a:active
{
color: #FFF;
text-decoration: none;
}

#ContentContainer a:hover
{
text-decoration: underline;
}

#ContentContainer  a.DrkBrown:link, #ContentContainer a.DrkBrown:visited, #ContentContainer a.DrkBrown:active
{
color: #361C00;
text-decoration: none;
}

#ContentContainer a.DrkBrown:hover
{
text-decoration: underline;
}

img.BorderLink
{
border: 1px solid #808080;
}

/*------------------------------------------------*/
/* FOOTER LAYOUT SECTION START*/
/*------------------------------------------------*/
#Footer
{
border-top: 1px solid #808080;
margin: 30px 30px 10px 30px;
width: 750px;
}

#Footer ul
{
list-style-type: none;
padding: 10px 0px;
margin: 0px;
}

#Footer li
{
display: inline;
padding-left: 0px;
}

#Footer a:link, #Footer a:visited, #Footer a:active
{
color: #FFF;
text-decoration: none;
}

#Footer a:hover
{
text-decoration: underline;
}

#BottomArea
{
clear: both;
margin: 10px 30px 20px 30px;
font-size: 9px;
}

#BottomArea a:link, #BottomArea a:visited, #BottomArea a:active
{
color: #FFF;
text-decoration: none;
}

#BottomArea a:hover
{
text-decoration: underline;
}



/*------------------------------------------------*/
/* PRODUCT DETAIL SECTION START*/
/*------------------------------------------------*/
.FeaturesTD
{
border-top: 1px solid #808080;
border-bottom: 1px solid #808080;
border-left: 1px solid #808080;
}

.NavTD
{
border-top: 1px solid #C3A571;
border-right: 1px solid #C3A571;
background: #fffff;
}

.NavTD2      { background-image: 
               url('/templates/coleman/staticresources/assets/images/lifestyle_compare.jpg'); 
               background-repeat: no-repeat; background-attachment: scroll; 
               border-left: 1px solid #C3A571; border-top: 1px solid #C3A571; 
               background-position: 0% }
.ImageTD
{
padding: 0px;
margin: 0px;
border-bottom: 1px solid #C3A571;
border-right: 1px solid #C3A571;
background: #502308;
}

ul.ProductSpecs
{
list-style-type: none;
padding: 0px;
margin: 10px 10px;
}

li.ProductSpecs
{
padding: 5px 0px;
}

#ContentContainer  a.ActiveSpec:link, #ContentContainer a.ActiveSpec:visited, #ContentContainer a.ActiveSpec:active
{
color: #FC6;
text-decoration: none;
}

#ContentContainer a.ActiveSpec:hover
{
text-decoration: underline;
}