@charset "utf-8";
/* CSS Document */

body {
	margin:0px; padding:0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999;
	background-color: #cb1c85;
}
a, a:visited{
	text-decoration:none;
	color:#000;
}
a:hover{
	color:#FFF;
}
img{ border:0px; }

.clearer{
	clear:both;	
}
#left .clearer{
	height:1px; margin:0px; padding:0px;	
}
#container, #footer{
	width:850px;
	margin:0 auto;
}
#footer ul{
	list-style:none;
	margin:10px 0px;
	padding:0px;
}
#footer ul li{
	float:left; margin:0px; padding:0px; margin-right:15px;	margin-bottom:20px;
}
#footer ul li a{
	color:#fff; font-size:11px; border-bottom:dotted 1px #fff;	
}
#footer ul li a:hover{
	color:#8be8ff; border-bottom:dotted 1px #8be8ff;	
}
#home_full{
	margin:0px auto;
	width:849px;
	height:580px;
	/*background:url(../../images/bg/1.jpg) 0 0 no-repeat;*/
}
.slideshow{
	float:left;
	position:relative;
}
#home_content{
	float:left;
	position:relative;
	margin-top:-580px;
	z-index:990;
}
#home_full #right_col{
	margin-top:170px;
	width:288px;
	float:right;
}
#signup_pop{
	color:#fff;
	position:fixed;
	z-index:997;
	width:100%; height:100%; 
	left:0px; top:0px;
	background: url(../../images/bg_over.png) 0 0 repeat;
	behaviour:url();
}
#signup_content, #thankyou_content{
	position:absolute;
	z-index:998;
	width:515px;
	height:369px;
	background: url(../../images/gumball_bg.png) 0 0 no-repeat;
	left:50%; top:50%;
	margin-left:-257px;
	margin-top:-184px;
}
#signup_content .content, #thankyou_content .content{
	float:right;
	width:342px;
	margin:0px; padding:0px;
	margin-top:138px;
}
.content .half{
	font-size:11px;
	width:165px;
	float:left;
	margin-top:3px;
}
.margin_ten{
	margin-right:10px;	
}

.content p{
	width:300px;
	margin:5px 0px; padding:0px;
} 
#signup_mail, #signup_name, #signup_braSize{
	margin-bottom:3px;	
	width:134px;
	font-size:10px;
	color:#999;
	padding:3px;
}
.close_button{
	cursor:pointer;
	float:right;
	display:block;
	width:59px; height:36px;
	margin-top:-30px;
}	
#submit_btn{
	
}
.title_text{
	margin:0px; padding:0px;
	font-size:36px;
	width:300px;
}
#collection{
	margin:0px auto;
	width:849px;
	background-color:#FFF;
}
#sitemap_{
	margin:0px; auto;
	width:849px;
	background:url(../../images/sitemap_bg.jpg) 0 0 no-repeat; 
	background-color:#FFF;
}
#collection_holder{
	margin-left:42px;
}
#sitemap_holder{
	margin-left:355px;	
}
#sitemap_holder h1{
	font-size:40px;	
}
#terms_holder{
	padding:20px;	
}
.product_holder{
	width:228px;
	margin:20px 32px 10px 0px;
	padding:0px;
	float:left;
}
.product_holder h4{
	font-size:14px;	
	margin:0px;
	padding:5px 0px;
}
#collection .top_banner{
	background: url(../../images/autumn-winter-banner.jpg) top right no-repeat;
	margin-top:-60px;
	height:108px;
	text-indent:-1000em;
	display:block;
}
.top_bar{
	margin:0px auto 0px 42px;
}
.white_end{
	display:block;
	width:850px;
	height:55px;
	background: url(../../images/white-bar.png) 0 0 no-repeat;
	behavior: url("_includes/css/iepngfix.htc");
}

#news_full{
	margin:0px auto;
	width:849px;
	height:768px;
	background:url(../../images/news_back.jpg) 0 0 no-repeat;
}
#news_full_2{
	margin:0px auto;
	width:849px;
	height:768px;
	background:url(../../images/news_back_2.jpg) 0 0 no-repeat;
}
#news_full_2 #left{
	float:left;
	width:407px;
	height:567px;
	overflow:auto;
}
#news_full_2 #right{
	float:left;
	width:442px;
	margin-top:-65px;
}
#news_full_2 #right p{
	padding-left:10px;
	color:#000;	
	line-height:16px;
	font-size:12px;
	width:368px;
}
.news_full_polaroid{
	background: url(../../images/news_story_polaroid.png) right top no-repeat;
	width:141px;
	padding:36px 135px 80px 183px;
}
.news_polaroid{
	float:left;
	width:141px;
	height:182px;
	background:url(../../images/news_side_polaroid.png) 0 0 no-repeat;
	padding: 27px 30px 16px 24px;
}
.news_polaroid p{
	margin:2px 0px;	
}
.news_polaroid p a {
	font-size:18px;	
}
#news_full #right_col{
	padding:40px 30px 0px 21px;
	width:335px;
	margin-top:270px;
	margin-bottom:40px;
	float:right;
	display:block;
	background: url(../../images/news_over.png) 0 0 no-repeat;
	behavior: url("_includes/css/iepngfix.htc");
}
#news_full #right_col_2{
	padding:40px 30px 0px 21px;
	width:335px;
	margin-top:20px;
	margin-bottom:40px;
	float:right;
	display:block;
	background: url(../../images/news_over.png) 0 0 no-repeat;
	behavior: url("_includes/css/iepngfix.htc");
}
#news_full #right_col #left, #news_full #right_col_2 #left{
	padding-top:20px;
	float:left;
	width:85px;
	color:#000;
	font-size:10px;
}
#news_full #right_col #right, #news_full #right_col_2 #right{
	float:right;
	height:500px;
	width:240px;
	margin:0px; padding:0px;
	color:#FFF;
	font-size:10px;
}
.news_item{
	margin-bottom:5px;
	float:left;
	min-height:18px;
	line-height:16px;
	border-bottom: dotted 1px #000;
}
#right .title_text{
	margin:20px 0 0 0; padding:0 0 0 10px;
	font-size:28px;
	width:368px;
}

#where_full{
	margin:0px auto;
	width:849px;
	height:768px;
	background:url(../../images/retailer_back.jpg) 0 0 no-repeat;
}
#where_full #left_col{
	float:left;
	width:389px;
}
#where_full #right_col{
	padding-top:2px;
	float:left;
	width:460px;
	_width:450px;
}
#orange_note{
	width:160px;
	height:165px;
	margin:30px 137px 0px 30px;
	padding:16px 52px 31px 10px;
	display:block;
	background: url(../../images/orange_note.jpg) 0 0 no-repeat;
}
h1{
	margin:0px; padding:0px;
}
#orange_note h1{
	height:33px;
}
#orange_note p{
	margin:0px; padding:0px;
	margin-top:15px;
	font-size:10px;
	color:#4d2c02;
}
#orange_note ul{
	list-style:none;
	margin:0px;
	padding:0px;
}
#orange_note ul li{
	font-size:24px;
	margin-bottom:6px;
}
#purple_note{
	width:168px;
	height:170px;
	margin:0px 34px 0px 133px;
	padding:22px 39px 26px 16px;
	display:block;
	background: url(../../images/purple_note.jpg) 0 0 no-repeat;
}
.radio_choice{
	margin:10px 0px;
	color:#333;
	font-weight:bold;
}
.radio_choice span a{
	color: #fff;
	font-weight:bold;
}

.radio_choice span{
	float:left;	
	margin-right:25px;
}
.button_div{
	display:block;
	float:right;
	width:10px;
	height:11px;
}
.enter_form{
	margin:7px 0px;
	font-size:10px;
	padding:4px;
	width:153px;
	color:#333;
}
.retailer_holder{
	font-size:10px;
	line-height:12px;
	color:#333366;
	height: 505px;
	_height:495px;
	width: 453px;
	_width:450px;
	overflow:auto;
}
.advice_holder{
	font-size:10px;
	line-height:14px;
	color:#333366;
	height: 505px;
	_height:495px;
	width: 453px;
	_width:450px;
	overflow:auto;
}
.retailer_holder p{
	padding-left:15px;	
	width:250px;
}
.advice_holder p{
	font-size:11px;
	padding-left:15px;	
}
.retailer_holder h2, .advice_holder h2{
	margin:15px 0px;
	background: url(../../images/retailer_bg.png) 0 0 repeat;
	behavior: url("_includes/css/iepngfix.htc");
	width:360px;
	height:23px;
	padding-left:15px;
}

#product{
	margin:0px auto;
	width:849px;
	background-color:#FFF;
}
#review_holder{
	padding-left:20px;	
}
#review_holder #left{
	float:left;
	width:287px;
	margin-right:20px;
	margin-top:17px;
}
#review_holder #left p{
	padding-left:15px;	
}
#left #review_title{
	margin-bottom:20px;	
}
#review_title{
	width:392px;
	_width:382px;
	height:	35px; 
	float:left;
	padding-left:10px;
}
#review_holder #contact_right{
	float:left;
	width:495px;
	margin-top:70px;
	color:#000;
}
#review_holder #right{
	float:left;
	width:495px;
	margin-top:-20px;
	color:#000;
}
.review_left{
	width:392px;
	_width:382px;
	float:left;
	padding-left:10px;
	border:1px solid #ccc;
	margin:10px 0px;
}
.both{
	border:solid 1px #ccc;	
}
.reviews{
	background-color:#fce5f2;
	margin-bottom:20px;
}
.reviews_left{
	margin:10px 0px;
	float:left;
	width:358px;
	padding-left:10px;
}
.both .right{
	margin:10px 0px;
	float:right;
	width:87px;
	font-size:11px;
}
.both .holder, .review_left .holder{
	margin:10px 0px;
	float:left;
	width:358px;
	padding-left:10px;
}
.both .holder input, .review_left .holder input{
	border:0px;	
	width:inherit;
	font-weight:bold;
	padding:3px 0px;
}
.both .holder textarea{
	border:0px;
	width:358px;
	height:70px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}
.both .holder hr{
	margin:10px 0px;	
}

.review_right{
	width:87px; float:right; margin-top:10px; padding:5px 0px!important; font-size:11px;
}
#review_holder #right div{
	padding-left:10px;	
}
#product_holder{
	padding-left:12px;	
}
#product_holder #left{
	float:left;
	width:454px;
	margin-right:13px;
	margin-top:17px;
}
#product_holder #right{
	float:left;
	width:370px;
	margin-top:-80px;
}
#product_inner{
	width:338px;
}
#review_info{
	float:right;
	text-align:left;
	width:105px;
	height:80px;
}
#review_info2{
	text-align:left;
}
#review_info a, #review_info a:visited, #review_info2 a, #review_info2 a:visited {
	color:#999;	
}
#review_info a:hover, #review_info2 a:hover{
	color:#cb1c85;
}
#review_info h3, #review_info2 h3{
	font-size:12px;	
	margin:10px 0px; padding:0px;
}
#title_info{
	width:150px;
	float:left;	
}
#product_inner h4{
	height:24px;
	margin:5px 0px 5px 10px;
}

#title_info h4{
	height:42px;
	margin:50px 0px 5px 10px;
}
#left #title_info{
	width:288px;	
}
#left #title_info h4{
	margin:0!important; padding:0!important;
}
#left #cup_holder h4{
	height:28px;	
	margin:3px 0px;
}
#left #style_type{
	color:#000;
	margin:5px 0px;
}
hr{
	height:1px;
	border:0px;
	border-bottom:1px solid #ccc;	
	margin:0px; padding:0px;
}
.menu_item_holder{
	margin:9px 0px 12px 10px;
	color:#333333;
}
.style_option2{
	font-size:11px;
	height:11px;
	background:url(../../images/button2.jpg) 0 1px no-repeat;
	padding-left:15px;
	margin:0px auto 5px 0px;
	display:block;
}
.style_option2:hover{
	background-position:0px -11px;
}
.style_option2 a:hover{
	color:#cb1c85;
}
.style_option2.noLink 
{
	background:url(../../images/button2.jpg) 0 1px no-repeat;
}

.style_option2.noLink a {
	color:#000000;
}
.star{
	margin:0px;
	padding:0px;
	text-indent:-1000em;
	display:inline-block;
	_display:inline;
	width:18px; height:16px;
	background: url(../../images/star.png) 0 0 no-repeat;
	behavior: url("_includes/css/iepngfix.htc");
}
.star:hover{
	background-position:0px -16px;	
}
.colour{
	float:left;
	margin-right:10px;
	color:#333;
	font-size:9px;
}
.colour_holder{
	border:solid 1px #CCC;
	height:20px; width:35px;
	display:block;
	margin-bottom:2px;
}
#share_info{
	float:right;
	width:180px;
}
#share_info2{
	float:left;
	padding-top:10px;
	padding-left:10px;
}
#flash_holder{
	margin-bottom:40px;	
}

#sitemap{
	margin:30px 0px;
	padding:0px;
	list-style:none;
}
#sitemap li{
	float:left;		
	border-right:solid 2px #cb1c85;
	padding-right:2px; margin-right:8px;
}
#ranges{
	list-style:none;	
	margin:40px 0; padding:0px;
}
#ranges li{
	height:23px;	
}
.no_border{
	border:0px!important;	
}
#sitemap li h2{
	font-size:19px;	
}


/*
########################  TOP NAVIGATION DIV 
*/
#navigation_under {
	margin:0 auto;
	padding-top:24px;
	height: 161px;
	width: 850px;
}
#cleo_logo{
	float:left;
	display:block;
	text-indent:-1000em;
	margin:0px; padding:0px;
	margin-top:81px;
	width:171px;
	height:80px;
	background:url(../../images/cleo_logo.png) 13px 0px no-repeat;
	behavior: url("_includes/css/iepngfix.htc");
}
#flash_nav{
	width:517px;
	height:102px;
	float:right;
}
#no_flash_nav{
	margin:0px; padding:0px; list-style:none; float:right;
}
#no_flash_nav li {
	float:left;
}
#no_flash_nav li a{
	display:block;
	height:60px;
	text-indent:-1000em;
	background-position:0px 0px;
}
#no_flash_nav li a:hover{
	background-position:0px -60px;
}
#collection_btn{
	background:url(../../images/nav/collection.jpg) 0 0 no-repeat; width:136px;
}
#competition{
	background:url(../../images/nav/competition.jpg) 0 0 no-repeat; width:126px;
}
#love_cleo{
	background:url(../../images/nav/love_cleo.jpg) 0 0 no-repeat; width:88px;	
}
#news{
	background:url(../../images/nav/news.jpg) 0 0 no-repeat; width:52px;	
}
#where_to_buy{
	background:url(../../images/nav/where_to_buy.jpg) 0 0 no-repeat; width:110px;	
}

h2{
	font-size:12px;
	text-decoration:none;
	font-weight:normal;
	margin:0px; padding:0px;
}
.jump_menu{
	border:solid 1px #808080;
	width:91px;
	height:16px;
	padding:3px;
	float:left;
	margin-right:36px;
	background:url(../../images/v.jpg) center right no-repeat;
}
.submit_menu{
	border:solid 1px #808080;
	width:30px;
	height:16px;
	padding:3px;
	float:left;
	margin-right:36px;
	background-color:#cb1c85;
	text-align:center;
}
.section_header{
	width:748px;
	margin: 0px 0px 10px 42px;
	border-bottom:solid 1px #808080;
}
.section_header h4{
	margin:5px 0px; padding:0px;
	font-size:24px;	
}
.submit_menu a{
	color:#FFF;
}
.select_menu{
	border:solid 1px #cbcbcb;
	background-color:#cccccc;
	width:91px;
	padding:3px;
	float:left;
	margin-right:36px;
	margin-bottom:25px;
}
.select_menu ul{
	padding:0px; margin:0px;
	list-style:none;
	display:block;
}
.select_menu ul li{
	display:block;
	height:16px;
	padding:3px;
	border-bottom:solid 1px #999;
}
.select_menu ul li:last-child{
	border-bottom:0px;
}
.select_menu ul li a{
	display:block;
	color:#000;
	font-size:12px;
	text-decoration:none;
}
.select_menu ul li:hover{
	background-color:#999999;
}
.size_class{
margin:0px; padding:0px; padding-left:15px;
margin-bottom:4px;
font-size:10px;
}

/*
#################### Flash replacement text
/*

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
	z-index:3;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}


/* Ratings */
.starsOff { height:17px; background-image:url( ../../images/global/star_Large_off.png ); width:95px;}
.starsOn { height:17px; background-image:url( ../../images/global/star_Large_on.png );   }
.starsOff.small { height:13px; background-image:url( ../../images/global/star_Small_whiteBack_off.png ); width:71px;}
.starsOff.small.blackBack { height:13px; background-image:url( ../../images/global/star_Small_blackBack_off.png ); width:71px;}
.small .starsOn { height:13px; background-image:url( ../../images/global/star_Small_whiteBack_on.png );   }
.small.blackBack .starsOn { height:13px; background-image:url( ../../images/global/star_Small_blackBack_on.png );   }
.starsOff.small div.buttons  { height:13px; position:absolute;   }
.starsOff.small div.buttons a { height:13px; width:15px;   display:block; float:left; cursor:pointer;     }
.overallRating { float:left; margin:9px 10px 0px 10px; }



/* Competitions */

#competitionHolder{
	margin:0px auto;
	width:849px;
	background-color:#FFF;
}

#competitionHolder #left 
{
    float:left;
    width:287px;
    margin:20px 20px 0 30px;
    padding: 10px 0 0 0;
}

#competitionHolder #right 
{
    float:left;
    width:495px;
    color:#000;
} 
#competitionHolder #right hr 
{
    	color:#000;
	background-color: #000;
	margin-bottom:5px;
	height:1px;
	border:0;
}
#competitionHolder #right #question 
{
    float:left;
    width:475px;
    background:#fce5f2;
    padding:10px;
    margin: 0 0 20px 0;
}

#competitionHolder #right a.compLink:link, #competitionHolder #right a.compLink:visited 
{
    text-decoration:none;
    border-bottom:1px solid #cb1c85;
}
#competitionHolder #right a.compLink:hover, #competitionHolder #right a.compLink:visited:hover 
{
    text-decoration:none;
    border-bottom:1px solid #cb1c85;
    color:#cb1c85;
}

#competitionHolder #right .submit:link { display:block; background:url(../../images/comp/enter.gif) 0 0 no-repeat; width:127px; height:53px; text-indent:-999em; margin-top:10px;}