/* 
    product.css
    
    namespace(s):
    - body.product-landing
    - body.product
*/


/*
-------------------------------------------------
    S h a r e d
------------------------------------------------- */
body.product .section-header {
    margin-top: -38px;
}
body.product .section-header .wrapper {
    height: 330px;
}
body.product-landing .section-header {
    margin-top: 0;
}
body.product .section-header h1,
body.product .section-header p {
    overflow: hidden;
    text-indent: -999em;
}


/* 
-------------------------------------------------
    P r o d u c t   L a n d i n g
------------------------------------------------- */
body.product-landing .section-header .wrapper {
    background: url(../../i/site/section-header-product-landing.jpg) left top no-repeat #FFF;
    border-top-left-radius: 10px; -moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px;
    border-top-right-radius: 10px; -moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px;
    height:414px;
    padding:30px 0 0 40px;
    width:920px;
    position: relative;
}
body.product-landing .section-content .wrapper {
    background: url(../../i/site/section-content-bg-product-landing.jpg) left bottom no-repeat #FFF;
    margin-bottom: 60px;
    padding-bottom: 50px;
    position: relative;
}
body.product-landing .section-header {
    background: url(../../i/site/section-header-product-landing-bg.png) center bottom no-repeat transparent;
    position: static;
}
body.product-landing .section-content {
    background: url(../../i/site/section-content-product-landing-bg.png) center top no-repeat transparent;
    position: static;
}
body.product-landing .section-header .intro {
	float: left;
	position: relative;
	width: 308px;
}
body.product-landing .section-header .intro .share 
{
	background: transparent url(../../i/products/logo-share_a_better_life.png) left top;
	width: 308px;
	height: 28px;
	margin: 5px 0px 25px;
	overflow: hidden;
	text-indent: -999px;	
}
body.product-landing .section-header .intro h1 {
    color: #3b6bba;
	font-size: 32px;
	font-weight: normal;
}
body.product-landing .section-header .intro h2 {
    color: #3b6bba;
	font-family: Georgia,"Times New Roman",Times,Serif;
	font-size: 25px;
	font-style: italic;
	font-weight: normal;
	padding-top: 10px;
}
body.product-landing .section-header .intro p {
    background: transparent url(../../i/products/swash.png) left top no-repeat;
	color: #7b7b7b;
	padding-top: 47px;
	width: 250px;
}
body.product-landing .section-header .bags {
	float: right;
	width: 597px;
	margin-top: 137px;
}
body.product-landing .section-header .selector-default,
body.product-landing .section-header .bag-tabs dd {
    background-color: #e6eff7;
	border-radius: 9px; -moz-border-radius: 9px; -webkit-border-radius: 9px;
	border: solid 4px #e6eff7;
	color: #404040;
	font-size: 12px;
	font-weight: bold;
	height: 75px;
	right: 50px;
	padding: 25px 0 0 0;
	position: absolute;
	text-align: center;
	top: 30px;
	width: 512px;
	margin: 0;
}
body.product-landing .section-header .bag-tabs dd {background-color: #FFF; padding: 15px 0 10px 0;}
body.product-landing .section-header .bag-tabs dd.chow-kitten{border-color: #ffe58c;}
body.product-landing .section-header .bag-tabs dd.chow-indoor{border-color: #97cb39;}
body.product-landing .section-header .bag-tabs dd.chow-complete{border-color: #3586d2;}
body.product-landing .section-header .bag-tabs dd.chow-naturals{border-color: #a5aa10;}
body.product-landing .section-header .bag-tabs dd.chow-healthful{border-color: #1fe4e8;}
body.product-landing .section-header .bag-tabs dd.chow-kitten h3{color: #ff9b00;}
body.product-landing .section-header .bag-tabs dd.chow-indoor h3{color: #247900;}
body.product-landing .section-header .bag-tabs dd.chow-complete h3{color: #3b6bba;}
body.product-landing .section-header .bag-tabs dd.chow-naturals h3{color: #a5aa10;}
body.product-landing .section-header .bag-tabs dd.chow-healthful h3{color: #ff6a42;}
body.product-landing .section-header .bag-tabs dd h2 {
    color: #333;
    font-family: Georgia, "Times New Roman", Times, Serif;
    font-style: italic;
    font-size: 15px;
}
body.product-landing .section-header .bag-tabs dd p { 
    color: #404040;
    font-weight: bold;
    margin-top: 4px;
}
body.product-landing .section-header .selector-default h5 {
    color: #404040;
	font-size: 17px;
	font-weight: normal;
	padding-bottom: 7px;
}
body.product-landing .section-header .selector-default h5 sup {
	font-size: 0.5em;	
}
body.product-landing .section-content h3 {
	font-size: 23px;	
	font-weight: normal;
}
body.product-landing .section-content .mentors {
    background: url(../../i/site/product-landing-mentor-ref.jpg) 71px 131px no-repeat transparent;
	border-right: 2px dotted #CCCCCC;
	float: left;
	padding: 10px 20px 10px 50px;
	width: 455px;
}
body.product-landing .section-content .mentors h3 {
	padding: 15px 0px 5px;
}
body.product-landing .section-content .mentors p {
    clear: both;
    color: #535353;
    text-align: center;
    font-family: Georgia,"Times New Roman",Times,Serif;
	font-size: 14px;
	font-style: italic;	
	padding-top: 20px;
	width: 435px;
}
body.product-landing .section-content .mentors .iwrap {
    display: inline;
    float: left;
    margin: 0px 15px 0px 50px;
}
body.product-landing .section-content .mentors a.more 
{
	_background-position: right 8px;
	_display: inline-block;
}
body.product-landing .section-content .resources {
	float: left;
	padding: 10px 30px;
	width: 330px;
}
body.product-landing .section-content .resources h4 {
	padding: 0px 0px 15px;
	font-size:21px;
    font-weight:normal;
}
body.product-landing .section-content .resources h5 {
	color: #333333;
	font-family: Arial,Helvetica,san-serif;
	font-size: 14px;
}
body.product-landing .section-content .resources li a {
	color: #3b6bba;
	font-size: 14px;
}
body.product-landing .section-content .resources li .truncate_less {
	display: inline;	
}


/* 
-------------------------------------------------
    P r o d u c t   C o n t e n t
------------------------------------------------- */
body.product .main h2 {
    font-size: 23px;
    padding: 25px 0 10px;
}
body.product .main h3 {
    border-top: 2px dotted #CCCCCC;
    font-size: 22px;
    padding: 15px 0;
}
body.product .main h4 {
    color: #3b6bba;
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 14px;
    font-weight: bold;
    margin-top: 10px;
    padding: 3px 0;
    text-transform: uppercase;
}
body.product .main ul li {
    background: url(../../i/site/bullet.gif) left .6em no-repeat transparent;
    padding: 0 0 2px 10px;
}
body.product .main .facts li {
    background-image: none;
    padding: 0 0 0 0;
}
body.product .facts div {
    margin: 5px 0 20px 20px;
    clear: left;
}
body.product .facts td,
body.product .facts th {
    padding: 0 10px 3px 0;
}
body.product .facts th {
    font-weight: bold;
}


/* 
-------------------------------------------------
    P r o d u c t   S i d e b a r
------------------------------------------------- */
body.product .aside h2 {
    color: #3b6bba;
    font-size: 21px;
    padding: 0 0 20px;
    text-align: center;
}
body.product .aside h2 span {
    display: block;
    font-size: .9em;
}
body.product .aside h2 span small {
    font-size: .7em;
}
body.product .aside h3 {
    border-top:2px dotted #CCCCCC;
    color: #3b6bba;
    padding: 20px 0;
    text-align: center;
}
body.product .aside h3 span {
    display: block;
    font-size: 1.2em;
}
body.product .aside h4 {
    font-size: 17px;
    letter-spacing: -.03em;
    margin: 15px -20px 10px 0;
}
body.product .aside .bag-tabs-wrapper p {
    color:#7B7B7B;
    font-size:12px;
    margin:0;
    text-align:center;
}
body.product .aside .bag-tabs-wrapper p strong {
    color: #000;
}

/* 
-------------------------------------------------
    T h e   F a m i l y
------------------------------------------------- */
body.product .aside .the-family {
    background: url(../../i/site/hchc-side.png) right bottom no-repeat transparent;
    display: block;
}
body.product .aside .the-family .video-shell {
    height: 294px;
    text-align: center;
    margin-bottom: 30px;
}
body.product .aside .the-family p {
    width: 250px;
    margin-bottom: 30px;
}
body.product .aside .the-family a.more {
    margin-bottom: 20px;
}



/* 
-------------------------------------------------
    P r o d u c t   S p e c i f i c
------------------------------------------------- */

/* Kitten */
    body.cat-chow-kitten .section-header .wrapper { background: url(../../i/products/header-kitten.png) left bottom no-repeat transparent; }
    body.cat-chow-kitten .section-content .wrapper { background: url(../../i/products/header-kitten.jpg) left top no-repeat #FFF; }
    body.cat-chow-kitten .related-video {
        background: url(../../i/mentors/kitten-connection-thumb-bg.jpg) left 50px no-repeat #FFF;
        position: relative;
        height: 185px;
        margin-bottom: 15px;
    }
    body.cat-chow-kitten .related-video p {
        margin-top: 35px;
        font-size: 12px;
    }
    body.cat-chow-kitten .related-video p,
    body.cat-chow-kitten .related-video a {
        padding-left: 180px;
    }
    body.cat-chow-kitten .related-video img {
        position: absolute;
        top: 53px;
        left: 29px;
    }
    body.cat-chow-kitten .comments,
    body.cat-chow-kitten .facts .show { background-color: #fffab9; }
    body.cat-chow-kitten .comments .avatar { border-color: #c8d8c3; }
    body.cat-chow-kitten .comments h5 { background: url(../../i/site/headers/saying-product-kitten.png) left top no-repeat transparent; }
    body.cat-chow-kitten .comments h6 { border-color: #b9dd5b; }

/* Indoor */
    body.cat-chow-indoor .section-header .wrapper { background: url(../../i/products/header-indoor.png) left bottom no-repeat transparent; }
    body.cat-chow-indoor .section-content .wrapper { background: url(../../i/products/header-indoor.jpg) left top no-repeat #FFF; }
    body.cat-chow-indoor .comments,
    body.cat-chow-indoor .facts .show { background-color: #e4f3bf; }
    body.cat-chow-indoor .comments .avatar { border-color: #b6d4c7; }
    body.cat-chow-indoor .comments h5 { background: url(../../i/site/headers/saying-product-indoor.png) left top no-repeat transparent; }
    body.cat-chow-indoor .comments h6 { border-color: #b9dd5b; }

/* Complete */
    body.cat-chow-complete .section-header .wrapper { background: url(../../i/products/header-complete.png) left bottom no-repeat transparent; }
    body.cat-chow-complete .section-content .wrapper { background: url(../../i/products/header-complete.jpg) left top no-repeat #FFF; }
    body.cat-chow-complete .comments,
    body.cat-chow-complete .facts .show { background-color: #d5eaff; }
    body.cat-chow-complete .comments .avatar { border-color: #accef2; }
    body.cat-chow-complete .comments h5 { background: url(../../i/site/headers/saying-product-complete.png) left top no-repeat transparent; }
    body.cat-chow-complete .comments h6 { border-color: #90a8c2; }

/* Naturals */
    body.cat-chow-naturals .section-header .wrapper { background: url(../../i/products/header-naturals.png) left bottom no-repeat transparent; }
    body.cat-chow-naturals .section-content .wrapper { background: url(../../i/products/header-naturals.jpg) left top no-repeat #FFF; }
    body.cat-chow-naturals .comments,
    body.cat-chow-naturals .facts .show { background-color: #dde2c9; }
    body.cat-chow-naturals .comments .avatar { border-color: #b1c8ce; }
    body.cat-chow-naturals .comments h5 { background: url(../../i/site/headers/saying-product-naturals.png) left top no-repeat transparent; }
    body.cat-chow-naturals .comments h6 { border-color: #b0b891; }

/* Healthful Life */
    body.cat-chow-healthful-life .section-header .wrapper { background: url(../../i/products/header-healthful.png) left bottom no-repeat transparent; }
    body.cat-chow-healthful-life .section-content .wrapper { background: url(../../i/products/header-healthful.jpg) left top no-repeat #FFF; }
    body.cat-chow-healthful-life .comments,
    body.cat-chow-healthful-life .facts .show { background-color: #caeff6; }
    body.cat-chow-healthful-life .comments .avatar { border-color: #a4d1ec; }
    body.cat-chow-healthful-life .comments h5 { background: url(../../i/site/headers/saying-product-healthful.png) left top no-repeat transparent; }
    body.cat-chow-healthful-life .comments h6 { border-color: #94bbc2; }
    
    
    
    
/* 
-------------------------------------------------
    P r o m o t i o n
------------------------------------------------- */
body.promo-landing .section-content {
    height: 165px;
}
body.promo-landing .section-content .wrapper {
    background-color: transparent;
    background-image: none;
}
body.promo-landing #footer {
    background-color: transparent;
    margin-top: -100px;
}
body.promo-landing #footer .wrapper {
    width: 930px;
    padding-right: 30px;
}
body.promo-landing a.promo-action {
    background: url(../../i/promo/promo-action-btn.png) left top no-repeat transparent;
    float: right;
    clear: both;
    display: inline;
    width: 476px;
    height: 65px;
    margin: 0 65px 0 0;
    overflow: hidden;
    text-indent: -999em;
    z-index: 9999;
    position: relative;
}

body.promo-landing a.promo-action:hover {
    background-position: left bottom;
    _top: -1px;
}