@import "reset.css";

/* TYPOGRAPHY */
body {font-family:MS PƒSƒVƒbƒN, helvetica, arial, verdana, sans-serif; font-size:13px; line-height:23px; color:#958E8A;}
a {color:#958E8A;}
a:hover {color:#333;}
p {margin-bottom:15px;}
strong {font-weight:bold;}
a.arrow {background:url('../images/arrow_bullet.gif') no-repeat top left; padding-left:15px; font-size:11px; text-decoration:none;}

/* GLOBAL LAYOUT */
body {background-color:#dbd8d7; text-align:center;}
#body-wrap {width:990px; margin:40px auto; text-align:left;}
#main_logo {padding-left:310px;}
h2 {margin-bottom:10px;}

/* top */
.top-wrap {float:left; padding:30px 0; border-bottom:1px solid #FFF; border-top:1px solid #FFF; width:990px;}
.Summary {float:left; width:330px;}
#campaign {float:left; width:645px; height:415px; margin-left:15px; overflow:hidden;}

/* Product flash */
.product-flash {height:400px; float:left; border-bottom:1px solid #FFF;}

/* Style Tips */
.style-tips-wrap {padding:0 0 30px 0; float:left; font-size:11.5px; line-height:20px; width:990px; border-bottom:1px solid #FFF;}
.style-tips {float:left; width:495px;}
.style-tips h3 {padding-left:10px;}
.style-tips .even {background-color:#d2cfce;}
.style-tips a.CollapsedContent:hover {background-color:#c1bebc;}
.style-tips .CollapsedContent {height:26px; line-height:26px; padding:0 10px; display:block; text-decoration:none; cursor:pointer;}
.style-tips .CollapsedContent strong {margin-right:20px;}
.style-tips div {padding:0 10px;}
.style-tips p {margin-bottom:10;}
.style-tips .ui-state-active {color:#333;}

/* Quotes */
.Quotes-wrap {position:relative; width:330px; float:left; margin-bottom:30px;}
.Quotes {width:328px; height:378px; border:1px solid #BFBCBB;}
.Quotes ul li {position:relative; width:268px; padding:30px; font-size:14px;}
.Quotes ul li .author {font-size:10px; font-weight:bold; line-height:15px; max-width:80%; padding-top:5px; float:right; display:block; text-transform:uppercase;}
.Quotes-wrap a.prev {background:url('../images/arrow_left.gif') no-repeat center; width:30px; height:190px; position:absolute; left:0; top:31px; float:left; text-indent:-9999px; z-index:10; outline:none;}
.Quotes-wrap a.next {background:url('../images/arrow_right.gif') no-repeat center; width:30px; height:190px; position:absolute; right:0; top:31px; text-indent:-9999px; z-index:10; outline:none;}

.VideoPlayer {float:left; width:645px; margin:0 0 0 15px; display:inline-block;}

/* Gallery */
/*.Gallery {margin:0 0 50px 0; float:left; width:100%;}
.Gallery ul li {float:left; margin:0 0 0 6px; display:inline;}
.Gallery ul li a {float:left;}
.Gallery ul li.first {margin:0;}
.Gallery ul li.secondRow {margin-top:6px;}*/

/* FAQ */
.FAQs-wrap {width:990px; float:left; padding:0 0 30px 0; border-top:1px solid #FFF;}
.FAQs-wrap h2 {width:495px; float:left;}
.FAQs-wrap h2.last {width:490px; padding-left:5px;}
.FAQs {float:left; width:438px; border:1px solid #FFF; padding:25px 25px 15px 25px; margin:0 10px 10px 0;}
.FAQs ul.last {margin-bottom:25px;}
.FAQs ul li a {text-decoration:none; cursor:pointer;}
.FAQs .ui-state-active {color:#993366;}
.FAQs ul li div {line-height:20px; font-size:11.5px; width:438px !important; overflow:hidden;}
.FAQs-wrap div.last {margin-right:0;}

/* Retailers */
#retailer-wrap {width:392px; float:left; cursor:default;}
#retailer-flash {width:390px; border:1px solid white; margin-bottom:50px;}

/* Style Retailers */
.style-Retailers-wrap {padding:0 0 30px 0; float:left; width:990px; border-bottom:1px solid #FFF;}
.style-Retailers h2 {width:495px; float:left;}
.style-Retailers h2.last {width:490px; padding-left:5px;}
.style-Retailers {float:left; width:438px; border:1px solid #FFF; padding:25px 25px 15px 25px; margin:0 10px 10px 0;}
.style-Retailers a {text-decoration:none; cursor:pointer;}
.style-Retailers .ui-state-active {color:#993366;}
.style-Retailers div {line-height:20px; font-size:11.5px; width:438px !important; overflow:hidden;}
.style-Retailers-wrap div.last {margin-right:0;}
/* .style-Retailers .even {background-color:#d2cfce;}
.style-Retailers a.CollapsedContent:hover {background-color:#c1bebc;}
.style-Retailers .CollapsedContent {height:26px; line-height:26px; padding:0 10px; display:block; text-decoration:none; cursor:pointer;}
.style-Retailers .CollapsedContent strong {margin-right:0px;}
.style-Retailers div {padding:0 10px;}
.style-Retailers p {margin-bottom:10;}
.style-Retailers .ui-state-active {color:#333;} */