html, body{background-color:#000;text-align:center;}
/* * Header styles */
#index_header{height:755px;width:960px;font-size:0.3em;}
#header{height:325px;width:960px;font-size:0.3em;overflow:hidden;}
/* * Main containers background, width and padding */
#container{background-color:#000000;margin:0 auto 0 auto;width:960px;}
#container_border{background-color:#333;margin:0 auto 0 auto;width:962px;}
#content{background: url(images/YB_contentBg.jpg) top left repeat-x #000000;text-align:left;width:960px;font-size:0.7em;padding-bottom:140px;}
#index_content{background: url(images/YB_indexContentBg.gif) top left repeat-x #d9dbdd;text-align:left;width:960px;padding-bottom:15px;}
.content_padding{padding:30px 48px 20px 50px;}
/* * Home page in-line styles */
#index_content .index_content_item{width:480px;float:left;overflow:hidden;margin-top:16px;}
#index_content .index_content_item img{float:left;overflow:hidden;margin:0 20px 0 40px;}
#index_content .index_content_item h2{font-size:0.84em;color:#955ba0;margin-top:4px;font-weight:bold;}
#index_content .index_content_item p{font-size:0.7em;color:#212121;line-height:1.6em;margin:1.2em 60px 0 40px;}
#index_content .index_content_item a{color:#92669d;text-decoration:none;}
/* * Containing divs padding, background and positioning */
#content .content_information{width:650px;overflow:hidden;float:left;}
#content .content_picture{width:162px;overflow:hidden;float:right;}
#content .product_information{width:500px;overflow:visible;float:left;}
#content .product_picture{width:287px;overflow:hidden;float:right;}
#content .the_perfect_compliment{text-align:right;color:#bdbfc4;border-right:1px solid #ffffff;padding:3px 10px 3px 0;font-size:0.9em;}
#content #application_and_ingredients{padding-left:10px;background: url(images/YB_application_and_ingredie.gif) 0 6px no-repeat transparent;}
#content #application_and_ingredients a{text-decoration:none;}
/* * Content in-line elements */
#content h2, #content h3,#content h4, #content h5,#content p, #content ul,
#content ol{color:#ccd1d4;line-height:1.8em;margin-top:1.6em;}
#content h2{font-size:1.5em;color:#b76987;font-weight:normal;}
#content em{color:#b76987;font-weight:bold;}
#content .italic{font-style:italic;}
#content h2 {margin-top:0;padding:0;line-height:1em;}
#content h2 b{font-size:0.72em;color:#b77e6b;}
#content h3{font-size:1.1em;color:#b76987;font-weight:bold;}
#content h4{font-size:1em;color:#b76987;font-weight:bold;}
#content h5{font-size:1em;font-weight:bold;}
/* * List styles */
#content ul{list-style-type:none;margin: 0;}
#content ul,#content ol{line-height:1.6em;}
#content ul li{margin:0;padding-left:20px;line-height:inherit;}
#content ol li{margin:0;padding-left:0;line-height:inherit;}
#content ol{list-style-type:decimal;margin: 0 0 0 20px;}
#content ul li{background: url(images/YB_liBg.gif) 5px 7px no-repeat transparent;}
#content li span{color: #3E4F58;font-weight: normal;}
#content li ul,#content li ol{margin-bottom:0;}
#content dl{color:#3E4F58;font-size:12px;}
#content dl dt{display:inline;padding-right:10px;}
#content dl dd{display:inline;}
#content dl .clear{height:4px;width:100%;}
/* * Common in-line elements */
a{color:#b76987;line-height:inherit;}
strong{line-height:inherit;color:#b188ad;}
b{color:#b76987;font-weight:bold;}
/* * Footer Styles */
#footer{height:23px;background: url(images/YB_footerBg.gif) top left repeat-x #c4c6cc;}
#footer p{float:left;font-size:0.7em;}
#footer .footer_links{padding:5px 0 0 44px;}
#footer .footer_links a{color:#080808;text-decoration:none;}
#footer p.subscribe{float:right;}
/* * The style for the colour swatch rollovers */
#content #swatches{margin-top:1.6em;}
#content #swatches h3{font-size:0.85em;}
#content #swatches_left{margin-top:1.6em;width:249px;float:left;}
#content #swatches_right{margin-top:1.6em;width:249px;float:right;}
#content .colour_swatch_column{width:75px;height:auto;float:left;display:block;}
#content .colour_swatch_blank{width:55px;height:55px;float:left;display:block;}
#content .colour_swatch{width:55px;height:55px;float:left;display:block;}
#content .swatch{margin-top:10px;}
#content .swatch_details{padding: 0 0 0 0;position:relative;top:-22px;left:18px;width:465px;z-index:1350;}
#content .swatch_details p{background:url(images/YB_toolTip2MiddleBg.gif) top left repeat-x #eef0f2;border:1px solid #b3b6ba;padding:6px;position:absolute;z-index:1451;top:-6px;left:8px;color:#626468;}
#content .swatch_details p span{font-weight:bold;}
#content .swatch_details .arrow{width:17px;height:18px;top:0px;left:0px;background:url(images/YB_toolTip2TopBg.png) top left no-repeat transparent;position:absolute;z-index:1552;}
/* * The style for the suburblisting in the where to buy section */
#suburb_list p{margin-top:1em;line-height:1.3em;}
#suburb_list .title{float:left;display:block;overflow:hidden;width:260px;line-height:1.3em;}
#suburb_list .suburb{float:left;display:block;overflow:hidden;width:110px;line-height:1.3em;}
#suburb_list .stars{float:left;display:block;overflow:hidden;width:120px;text-align:center;line-height:1.3em;margin-top:-4px;}
#suburb_list .phone{float:left;display:block;overflow:hidden;width:100px;text-align:right;line-height:1.3em;}
#suburb_list .postcode{float:left;display:block;overflow:hidden;width:50px;text-align:right;line-height:1.3em;}
#postcode_form #text{width:50px;}

#contact_form, #contact_form p, #frmSS2, #frmSS2 p{width:400px;}
#contact_form .text label,#contact_form .select label, #frmSS2 .text label{width:185px;float:left;overflow:hidden;display:block;}
#contact_form .text input, #frmSS2 .text input,#contact_form .select  select{width:200px;float:right;overflow:hidden;display:block;margin:0;padding:0;}
#contact_form textarea{width:400px;height:80px;padding:0;}
#contact_form .select  select{font-size:1em;}

div.hr{font-size:0.7em;height:1em;border-bottom:1px solid #c0c0c0;overflow:hidden;width:auto;margin-bottom:1em;}
div.hr hr{display:none;}
#content .news_date{text-align:right;}

#textures {margin:5px 0 5px 0;padding:0;}
#textures .texture{margin:0;padding:0;}
