html {height:100%;}

body {
	margin:0;padding:0;
	font-family: "Lucida Sans Unicode","Lucida Grande", Arial, Helvetica, sans-serif;
	font-size:100%;
	color:#263838;
	background: #ffffff url(images/back.jpg) left top no-repeat;
height:100%;
}




a {outline: none;color:#721372;text-decoration:none;}


a:hover{text-decoration:underline;}

img, a {border-style : none; border-width : 0px; }

img, area {border: 0px;}


p{margin:0 0 1em 0;padding:0;}
blockquote{font-size:0.8em;font-weight:bold;margin:0 0 1em 0;padding:0px;}

#skip{display:none;}

/*-------------header--------------------*/
#anti-collapse{width:989px;padding:0;margin:0;}

#header{width:989px;height:124px;
padding:0;margin:0;
position:absolute;
left:0;
right:0;
z-index:1;
}


/*-------------sign post-----------------*/

#sign-post{width:218px;height:100px;padding:0; position:absolute; right:0px; top:0px; background:url(images/sp-facebook.png) no-repeat left top;}
#sign-post ul {padding:0!Important; margin:0!Important;}

#sign-post ul li {margin:0px;padding:0px;text-indent: -9000px;font-size:0px;list-style: none;display:inline; }

#sign-post ul li a {float:left; display:inline; list-style: none;height:100px; background-position: top left; margin:0px; padding:0!Important; }

#sp-one a {width:76px;}
#sp-two a {width:46px;}
#sp-three a {width:84px;}


/*------------colum layout ---------------------*/


#left-column{float:left;display:inline;width:600px;margin:0px 0px 0 159px;padding:0px 0 0 0px;}
#left-column-panel{float:left;display:inline;width:600px;padding:5px 0px 0 0px;margin:0px;background: url(images/panel-top-narrow.gif) top left no-repeat;}
#left-column-content{float:left;display:inline;width:545px;margin:0px;padding:0 33px 0 22px;background:#ffffff;}
#right-column{float:left;display:inline;width:205px;margin:134px 0 0 20px;padding:0px;}

#left-column-content p {font-size:0.75em; line-height:1.4em;}


/*------------wide colum layout ---------------------*/

#wide-left-column{float:left;display:inline;width:820px;margin:0px 0px 0 159px;padding:0px;}
#wide-left-column-panel{float:left;display:inline;width:820px;padding:5px 0px 0 0px;margin:0px;background: url(images/panel-top-wide.gif) top left no-repeat;}
#wide-left-column-content{float:left;display:inline;width:765px;margin:0px;padding:0 33px 0 22px;background:#ffffff;}
#wide-left-column-content p{font-size:0.75em; line-height:1.6em;}



/*------------nav ---------------------*/

#nav {float:left;display:inline;width:600px;height:87px;margin:59px 0 0 1px;padding:0px; z-index:2; position:relative}


#nav ul{display:inline;}
#nav ul li {margin:0;padding:0px;text-indent: -9000px;font-size:0px;list-style: none;display:inline;}

#nav ul li a {float:left;display:inline;list-style: none;background-position: top left;}


#nav-home {background:url(images/navigation/nav_home.png); width:67px; margin: 56px 4px 0 0; height:27px;}
#nav-ent {background:url(images/nav-form.png); width:102px; margin: 56px 4px 0 0;height:27px;}
#nav-tandc {background:url(images/nav-tandc.png); width:184px; margin: 56px 4px 0 0;height:27px;}
#nav-products {background: url(images/navigation/nav_prod.png); width:87px; margin: 56px 4px 0 0;height:27px;}
#nav-recycling {background: url(images/navigation/nav_rec.png); width:91px; margin: 56px 4px 0 0;height:27px;}
#nav-contact {background: url(images/navigation/nav_con.png); width:79px; margin: 56px 4px 0 0;height:27px;}
#nav-signup {background: url(images/navigation/nav_sign.png); width:79px; margin: 56px 4px 0 0;height:27px;}

#nav-blog {background: url(images/navigation/blog_sign.png); width:150px; height: 87px!Important; margin:0 0 0 20px!Important}

a#nav-home:hover, a#nav-blog:hover, a#nav-products:hover, a#nav-recycling:hover, a#nav-contact:hover, a#nav-signup:hover, a#nav-ent:hover, a#nav-tandc:hover{background-position: bottom left!important;}



body#products a#nav-products,
body.comp a#nav-ent,
body#home a#nav-home,
body#recycling a#nav-recycling,
body#contact a#nav-contact,
body#sign-up a#nav-signup
{background-position: bottom left!important;}



/*------------subnav ---------------------*/



#subnav{float:left;display:inline;width:590px;height:24px;margin:0 0 0 5px;padding:0;background: url(images/subnav-back.gif) top left no-repeat;}
#subnav ul{display:inline;}
#subnav ul li {margin:0 8px 0 12px;padding:0px;list-style: none;display:inline;float:left;font-size:0.75em!important;}
#subnav ul li a {float:left;display:inline;list-style: none;line-height:24px;margin:0px 2px 0 0;color:#ffffff;font-weight:bold;}
#subnav ul li a:hover{color:#b20838;text-decoration:none;}

#subnav ul li .selected {color:#b20838;}

/*------------footer ---------------------*/

#footer {float:left;display:inline;width:600px;padding:0 0 20px 0;margin:0px;height:185px;background: url(images/pannel-btm-narrow.gif) center bottom no-repeat;
color:#A7A191;} 

#footer-berry{float:left;display:inline;width:600px;padding:0;margin:0px;height:185px;background: #ffffff url(images/footer-berryman.jpg) center bottom no-repeat;}

.footer-copy p{margin:10px 0 20px 0;padding:0;font-size:0.62em;}

.footer-copy a{color:#A7A191;}

.footer-copy ul{display:inline;}
.footer-copy ul li{padding:0 10px 0 10px;border-right:1px solid #A7A191;list-style: none;display:inline;font-size:0.62em;}
.footer-copy ul li.end{padding:0 0px 0 10px;border:none;}

.footer-copy{float:right;display:inline;text-align:right;margin:30px 33px 0 0;}


/*------------wide footer ---------------------*/


#wide-footer {float:left;display:inline;width:820px;padding:0 0 20px 0;margin:0px;height:185px;background: url(images/pannel-btm-wide.gif) center bottom no-repeat;
color:#A7A191;
} 

#wide-footer-berry{float:left;display:inline;width:820px;padding:0;margin:0px;height:185px;background: #ffffff url(images/footer-berryman-wide.jpg) left bottom no-repeat;}



/*------------headlines ---------------------*/

h1{font-size: 1.43em;
color:#721372;
margin:0px;
padding:20px 0 20px 0;}

#header h1{margin:13px 0 0 157px!important;
padding:0px;width:180px;
	height:59px;
	float:left;
	display:inline;}

#header h1 a {
float:left;
display:inline;
background: url(images/ribena-logo.gif) no-repeat top left;
	text-indent: -9000px;
	font-size:0px;
	width:180px;
	height:59px;
	margin:0px!important;
	padding:0px!important;

	}
	
h2{  
font-size: 1.5em;letter-spacing: -.03em;
color:#721372;
margin:0px;
padding:20px 0 20px 0;

}


h3 {  
font-size: 1.2em;
margin:25px 0 15px 0; /* top right down left- */
padding:0px; 
font-weight:bold;
color:#721372;
}

.h3-form{font-size: 0.9em;margin:0px 0 15px 0; /* top right down left- */}

h4 {  
font-size:0.875em;
font-weight:bold;
color:#721372;
margin:0px 0 5px 0; /* top right down left- */
padding:0px;
}



/*------------additional font styles ---------------------*/

.postmetadata, .entry{font-size:0.68em;}


.purple{color:#721372;}


.recycle-h2{
font-size: 1.375em;
color:#721372;
margin:0px;
padding:0px 0 20px 0;
line-height:24px;
}

.address-right h3, .address-left h3 {
margin:0px 0 5px 0; /* top right down left- */
padding:0px;}

.citation{font-size:0.81em!important;}

.recycled-copy h3, .recycled-copy p {margin:0px 0 20px 0;padding:0;}

.bigquote{font-size:1.2em;text-align:center;}

li {font-size:0.75em;}

.do-you-have{margin:0 0 15px 0;}


.big-green{font-size:0.9em!important;color:#721372;}

body#products #left-column h3{margin:0 0 5px 0;}
	
	
/*------------content ---------------------*/
.product-images{float:left;display:inline;margin:0;padding:0;width:170px;text-align:center;height:255px;}

.blog-images{float:left;display:inline;margin:0;padding:0 15px 15px 0;}

.recyle-page-bottle{float:left;display:inline;margin:0;padding:0;width:170px;text-align:center;}

.recycle-page-padding{margin:20px 0 0 0;}

.recycled-badge{float:right;margin:10px 0 0 0;}

.recycled-copy{float:left;display:inline;width:360px;}

.recycle-bullets
{
list-style-type: none;
margin:0 0 0 5px;padding:0 0 0 5px;
}
.recycle-bullets li
{
background-image: url(images/recycle-bullet.gif);
background-repeat: no-repeat;
background-position: 0px 3px;
padding:0 0 25px 25px;
}
.chat-title{margin:0;padding:0 0 0 63px; background:url(images/chat_bub.gif) no-repeat left top}
.address-title{margin:0px;padding:0;}
.address-left{float:left;display:inline;width:150px;margin:20px 10px 0 0;padding:0;}
.address-right{float:left;display:inline;width:150px;margin:20px 0 0 0;padding:0;}


/*------------keylines ---------------------*/

.blogbreak hr {display:none;}
.blogbreak {
border-bottom:1px solid #dcc4dc;
height:1px;
padding: 20px 0px 20px 0px;
margin:0;
}

#home .blogbreak {
    padding: 5px 0px 0px 0px;
}

.keyline{padding:0px 0px 0px 0px!important;
margin:0 0 10px 0!important;
}



/*------------ sidebar styles -----------------*/


#signup{float:left;display:inline;width:200px; padding:0px 0px 15px 0px;margin:0 0 25px 0;background: url(images/signup-back.gif) bottom left no-repeat;}
#signup-top{float:left;display:inline;width:168px; padding:20px 16px 20px 16px;background: url(images/signup-top.gif) top left no-repeat;}
#signup p{padding:5px 0 8px 0;font-size:0.68em;}


#signup-button a{display:block;background: url(images/sign-up-today.gif) left bottom no-repeat;width:131px;height:33px;margin:10px 0 0 0;padding:0px;text-indent: -9000px;font-size:0px;}
#signup-button a:hover{background: url(images/sign-up-today.gif) left top no-repeat}


#scrumptious{float:left;display:inline;width:200px; padding:0px 0px 15px 0px;margin:0 0 25px 0;background: url(images/scrumptious-back.gif) bottom left no-repeat;}
#scrumptious-top{float:left;display:inline;width:168px; padding:20px 16px 20px 16px;background: url(images/scrumptious-top.gif) top left no-repeat;}
#scrumptious p{padding:5px 0 8px 0;font-size:0.68em;}

#scrumptious-button a{display:block;background: url(images/see-recipes.gif) left bottom no-repeat;width:144px;height:33px;margin:10px 0 0 0;padding:0px;text-indent: -9000px;font-size:0px;}
#scrumptious-button a:hover{background: url(images/see-recipes.gif) left top no-repeat}


#did-you-know{float:left;display:inline;width:200px; padding:0px 0px 15px 0px;margin:0 0 25px 0;background: url(images/didyou-back.gif) bottom left no-repeat;}
#did-you-know-top{float:left;display:inline;width:168px; padding:20px 16px 20px 16px;background: url(images/didyou-top.gif) top left no-repeat;}
#did-you-know p{padding:5px 0 8px 0;font-size:0.68em;}

#did-you-know-button a{display:block;background: url(images/see-what-we-do.gif) left bottom no-repeat;width:146px;height:33px;margin:10px 0 0 0;padding:0px;text-indent: -9000px;font-size:0px;}
#did-you-know-button a:hover{background: url(images/see-what-we-do.gif) left top no-repeat}


/*-----------------  form stuff ----------------*/


form{margin:0px;padding:0px;}
fieldset {border: 0px solid #cccccc;}
legend {display:none;}

label{margin:0;padding:0;}


form p{margin:0;padding:0px 0 18px 0;}

.sign-up-strong{font-size:0.75em;color:#721372;font-weight:bold;display:block;margin:0 0 4px 0;}

.ie-checkbox{border-width: 0px;background-image:none;margin:0px 5px 0px 0;vertical-align:middle;}

.ie_checkbox_right{border-width: 0px;background-image:none;margin:0px 5px 0px 5px;vertical-align:middle;}



.checkbox-push{margin:0 25px 0 0;}

.comp .checkbox-push{margin:0 160px 0 0;}

.comp .checkbox_push_two{margin:0 25px 0 0;}

.icon-push{margin-bottom:10px;}

.label-width{float:left;display:inline;width:130px;}

.label_width_long{float:left;display:inline;width:300px;}

.privacy {padding:0;margin:10px 10px 10px 0;float:left;display:inline;border: 0px;background:none;}



textarea, select, input{background: transparent url(images/input-back.gif) top left no-repeat;
border-left: 1px solid #662728;
border-right: 1px solid #dcc4dc;
border-top: 1px solid #662728;
border-bottom: 1px solid #dcc4dc;padding:0px;margin:0px;}


.fieldset-left{float:left;display:inline;width:370px;margin:0px 0 0 30px;padding:0;}

.fieldset-right{float:left;display:inline;width:350px;margin:0px 0 0 0;padding:0;}

.chooseAddress{width: 350px;}
body.comp .chooseAddress {width: 280px;}
.sbutton{
margin:0 50px 0 0;padding:0;
background: none;
border: none;
float: right;
display: inline;cursor:pointer;width:89px;}

.sbutton_comp{
	margin:0;
	padding:0;
	background: none;
	border: none;
	float: right;
	display: inline;
	cursor:pointer;
	width:89px;
	position:absolute;
	top: 2px;
	left: 531px
}

.fbutton{
margin:0 50px 10px 0;padding:0;
background: none;
border: none;
cursor:pointer;float:left;display:inline; border:none;}

.mandatory{color:#721372;font-size:0.6em!important; margin-left:130px;}

#DateOfBirth_Day, #DateOfBirth_Month, #DateOfBirth_Year{font-size:0.68em;padding:2px;}

#signup-bluearea{float:left;display:inline;width:765px;background:#f0f9fd;}

#signup-bluearea h3{margin:10px 0 0px 30px!important;padding:0!important;font-size:1.25em;}


.opt-in{float:left;display:inline;margin:20px 20px 0 30px;padding:0;width:700px;}


.privacy-label{display:block;width:150px;}

.radio {font-size:0.68em;}

.childAges { overflow: hidden; display: block; }
.childAges p { float: left; padding: 0 20px 0 0; position:relative; }
.childAges p img.input-error { position:absolute; right: 6px; top: 2px; }

/*----------------error marks---------------*/

.opps-text{color:#B30738;font-size:0.875em!important;font-weight:bold;display:inline;float:left;margin:0 0 20px 30px;}

.comp .opps-text{color:#B30738;font-size:0.875em!important;font-weight:bold;display:inline;float:left;margin:0 0 10px 0;}

.error{border:2px solid #B30738;padding:0px!important;}

.error_text { color: #B30738; font-weight: bold; }

.select-error{
border:2px solid #B30738;
padding:0px!important;
float:left;
display:inline;
margin:0px 0 1em 0!important;

}

.input-error {
    margin: 2px 0 0 5px;
     }

.select-error select.error {
    border: none;
}

/*----------------PYO---------------*/
.header_imag_pad {padding: 18px 0 20px 0}

.inner-panel-wrapper {
    background: transparent url(images/pyo/inner-panel-background.png) no-repeat 0 0; 
    padding: 13px 0 0 0;
    width: 763px;
    text-align: center;
    margin: 0 auto;
    display:block;
    position:relative;
}

.inner-panel-wrapper div.inner-panel-wrapper {
    background: transparent url(images/pyo/inner-panel-background.png) no-repeat center bottom;
    padding: 0 0 13px 0;
    margin: 0;
}


.inner-panel {
    background: #9FDBF7;
    text-align: left;
    padding: 0 39px;
}

.comp fieldset {
	background: #B9E6FB url(images/pyo/fs_background.png) no-repeat 0px top;
	width:634px;
		padding: 20px 20px 10px 20px;
	display: block;
	clear:both;
}

.field_footer {
	background: #B9E6FB url(images/pyo/fs_background.png) no-repeat 0px bottom;
	display: block;
	height:20px;
	width:674px;
	margin: 0 0 20px 2px;
}

.clear {height:1px;clear:both}

.left { float:left; width: 350px;}
.right { float:left;width: 250px;}

.comp_h2 {clear:both; padding: 0 0 20px 0}


.extraPad {margin:20px 0 0 0}

.comp_footer {position:relative}


.contactPen {width: 330px; float:left; margin: 30px 0 0 0}

.contactChat {width: 310px; float:left; margin: 30px 100px 0 0; position:relative}

.chatPpad {padding: 25px 0 0 0}

.livechat a {background:url(images/live_chat_but_8.png) no-repeat left top; height:33px; width: 116px; display:block}

.livechat { text-indent: -50000px; position:absolute; right:0px; bottom:0px}