/* Universal selectors
====================================================================================*/
* {
	padding: 0;
	margin: 0;
}

html {
	background-color: #bc0202;
	background-image: url(../images/body-bg.gif);
	background-repeat: repeat-y;
	background-position: 50% 0;
}

body {
	background-image: url(../images/html-bg.jpg);
	background-repeat: repeat-x;
	background-position: 50% 0;	
	text-align: center;
	font-size: 62.5%;
	padding: 0;
	margin: 0;
	line-height: 1.4em;
}

body, input, select, textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

img 
{
    border:0    
}
p {
	margin: 10px 0;
}

ol, ul {
	list-style-type: none;
}

.clear {
	font-size: 1px;
	height: 1px;
	visibility: hidden;
	clear: both;
}
.hidden 
{
    display:none;
}

h1 {
	font-size: 2.1em;
	color: #910000;
	font-weight: bold;
	margin: 5px 0 -22px 185px;
	line-height: 1.5em;
	letter-spacing: normal;
}

.sIFR-active h1 {
	visibility: hidden;
}

form fieldset {
	border: none;
}

form fieldset legend {
	display: none;
}

/* Any elements with Lucida Grande should go here, define font ONCE in case it needs to be changed */
h1,
body#home h2,
body#home h3,
body#home #carousel p,
#introduction h2,
#main-content h3,
#nav,
#introduction a.cta,
#main-content a.cta,
#competitions a.cta,
button.submit,
input.button,
body#videogallery span.sortby,
body#videogallery #order
{
	font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Lucida, Verdana, sans-serif;
	letter-spacing: -0.04em;
}
/* start select country*/
.newWrapper
{
	width:1080px;
	margin: 0 auto;
}
.divSelectCountry
{
	width:145px;
	float:right;
}
.divSelectCountry a
{
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
	position:relative;
	bottom:5px;
	font-size:1.3em;
	left:-10px;
}
.divSelectCountry img
{
	position:relative;
	top:10px;
}
#wrapper
{
	margin-left:152px;
	position: relative;
	width: 775px;
	text-align: left;
	padding-top: 70px;
}
/* end select country*/

#content-wrap 
{  
	background-image: url(../images/content-bg.gif);
	background-position: 0 0 ;
	background-repeat: repeat-y;
	position: relative;
	background-color: #ea6400;			
}

#content {
	background-image: url(../images/content-top.jpg);
	background-position: 0 0;
	background-repeat: no-repeat;
	padding: 20px 20px 0 20px;
	position: relative;	
}



/* Logo and skip links
====================================================================================*/
a#skipNavigation 
{
    position: absolute;
    top: 1px;
    font-weight: bold;
    left: 100px;
    color: #720000;
    background-color: transparent;
    z-index: 3;
    text-decoration: none;
    padding: 0px 10px 0px 10px;
}

a#skipNavigation:focus, a#skipNavigation:active 
{
    background-color: #f6af00;
}

#logo {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
}

#logo img {
	border: none;
}

/* Top navigation
====================================================================================*/
#nav {
	width: 629px;
	height: 111px;
	position: absolute;
	top: 0;
	right: 0;
	background-image: url(../images/nav.gif);
	font-size: 1.3em;
	z-index: 2;
}

#nav ul.primary {
	position: absolute;
	top: 25px;
	left: 50px;
}

#nav ul.primary li.primary {
	position: absolute;
	top: 0;
	left: 0;
	width: 550px;
	letter-spacing: -0.07em;
}

#nav ul.primary li.primary a.long {
	margin-top: -5px;
	line-height: 0.9em;
}

#nav ul.primary li a {
	color: white;
	text-decoration: none;
	font-weight: bold;
	display: block;
	width: 140px;
	padding: 5px 0;
	top: -5px;
	left: 0;
	position: absolute;
	z-index: 2;
}
#nav ul.primary li.show a,
#nav ul.primary li a:hover,
#nav ul.primary li a:focus,
#nav ul.primary li a:active 
{
    color: #a20101;
}

#nav ul li#nav-1 a.primary { 
	left: 0;
}

#nav ul li#nav-2 a.primary {
	left: 120px;
}

#nav ul li#nav-3 a.primary { 
	left: 280px;
}

#nav ul li#nav-4 a.primary { 
	left: 420px;
}

#nav ul.secondary {
	margin-top: 24px;
	font-size: 0.85em;
	background-image: url(../images/nav-pointer.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
	position: relative;
	padding-top: 10px;
	z-index: 100;
	visibility: hidden;	
}

#nav ul li.show ul.secondary {
	margin-top: 24px;
	visibility:visible;	
}

#nav ul li.show ul.secondary li {	
	border: none;
	width: auto;
	top: auto;
	left: auto;
	position: relative;
	display: inline;
	float: none;
}

#nav ul li.show ul.primary li.show ul.secondary a,
#nav ul li.show ul.secondary li a {
	position: relative;
	display: inline;
	z-index: 1;
	margin: 0 10px 0 0;
	padding: 0;
	color: #fff;
}

#nav ul.secondary li a:hover,
#nav ul.secondary li a:focus,
#nav ul.secondary li a:active,
#nav ul.secondary li.selected a {
	color: #ea6400 !important;
}

#nav li#nav-1 ul.secondary {
	
}

#nav li#nav-2 ul.secondary {
	background-position: 120px 0;
	padding-left: 120px;
}

#nav li#nav-3 ul.secondary {
	background-position: 280px 0;
	padding-left: 280px;
}

#nav li#nav-4 ul.secondary {
	background-position: 420px 0;
	/*padding-left: 420px;*/	
	text-align: right;	
}

/* Footer
====================================================================================*/

#footer {
	background-image: url(../images/footer.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
	height: 197px;
	margin: -90px 0 0 0;
	position: relative;
	z-index: 10;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	color: #c34100;
}

#footer ul {
	position: absolute;
	text-align: center;
	margin: 0 auto;
	width: 540px;
	top: 72px;
	left: 145px;
	padding: -1px 0;
	background-color: #fff;
}

#footer ul li {
	display: inline;
}

#footer ul li a {
	color: #c34100;
	padding: 0 7px 0 4px;
	text-decoration: none;
}

#footer ul li a:hover {
	text-decoration: underline;
}

#footer ul li a:focus
{
    color: #000;
    border-bottom: 1px solid #c34100;
    border-top: 1px solid #c34100;
    text-decoration: none;
}
#footer p
{    
	color:#FFFFFF;
	padding-left:21px;
	padding-top:100px;
}
#home #footer p
{    
	color:#FFFFFF;
	padding-left:21px;
	padding-top:40px;
}


/* Generic template items
====================================================================================*/
img#mainImage 
{
    position: absolute;
}

/* Intro text
------------------------------------------------------------------------------------*/
#introduction {
	position: relative;
	top: 25px;
	min-height: 80px;
	/* :HACK: adds min-height support to IE */
    height: auto !important;
    height: 80px;
	color: #fff;
	margin: 0 0 0 255px;
	font-size: 1em;
	width: 466px; /* will always be 44px narrower than it needs to be, as h2 arrow bg is offet left by 44px */
}

#introduction h2 {
	background-image: url(../images/h2-arrow.gif);
	background-repeat: no-repeat;
	height: 66px;
	color: #ea6500;
	font-size: 1.3em;
	font-weight: bold;
	margin: 0 0 -43px -44px;
	position: relative;
}

h2 span {
	background-image: url(../images/h2-bg.gif);
	background-position: 100% 0;
	background-repeat: no-repeat;
	height: 19px;
	padding-top: 5px;
	margin: 0 0 0 44px;
	display: block;
}

#introduction p.intro {
    font-size: 1.3em;
    z-index: 1;
    position: relative;
    line-height: 1.2em;
}

#introduction a.cta {
	color: white;
	background-image: url(../images/cta-bg-orange.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
	padding: 12px 0 0 48px;
	display: block;
	height: 31px;
	text-decoration: none;
	font-weight: bold;
	font-size: 1.3em;
}

#introduction a.cta:active,
#introduction a.cta:focus,
#introduction a.cta:hover {
	color: #910000;
}

/* Main body content */
#main-content 
{
	background-image: url(../images/main-content-bg.gif);
	background-repeat: no-repeat;
	background-color: Transparent;
	margin: 0 11px 0 14px;
	padding: 20px 25px 90px 25px;
	color: #fff;
	font-size: 1em;
	overflow: hidden; /* self-clear */
	position: relative;
	clear: both;
}

#main-content h3 {
	color: #ffcb00;
	font-size: 1.2em;
	font-weight: bold;
	background-image: url(../images/main-content-h3-bg.gif);
	background-repeat: no-repeat;
	padding: 13px 0 11px 18px;
	margin: 0 0 -15px -18px;
}

#main-content a.cta, #competitions a.cta {
	color: #ea6400;
	background-image: url(../images/cta-bg-red.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
	padding: 7px 0 0 35px;
	display: block;
	height: 23px;
	text-decoration: none;
	font-weight: bold;
	font-size: 1.1em;
}

#main-content a.cta:hover 
{
    color: #ffcb00;
}

#main-content a.cta:focus
{
    color: #ffcb00;
}

/* Intro text
------------------------------------------------------------------------------------*/
#main-content .promo {
	margin: 0 0 0 7px;
	padding: 0 5px 0 0;
	width: 318px;
	float: left;
}

#main-content .promo img {
	float: left;
	margin: 5px 5px 0 -5px;
	width: 140px;
	height: 100px;
}

#main-content .promo a.cta {
	float: left;
}

/* Form elements
------------------------------------------------------------------------------------*/
form label.inputlabel {
	font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Lucida, Verdana, sans-serif;
	font-weight: bold;
	font-size: 1.2em;
	color: #f4a700;
	width: 365px;
	display: block;
	padding: 11px 0 4px 0;
	background-repeat: no-repeat;
}

form input, form select, form textarea {
	width: 365px;
	font-size: 1em;
	padding: 4px;
	color: #e96300;
	background-color: #fff;
	border: 1px solid #6a0101;
}

form select 
{
    padding: 3px !important;
}

input.error, textarea.error, select.error
{
    background-color: #fbb710;
    color: #910000;
}

label.error 
{
    color: #fff !important;
}

label span.error 
{
    font-weight: bold;
    color: #fff;
}

form select {
	padding: 0;
}

span.checkbox {
	float: left;
}

span.checkbox input
{
    width: auto;
    background-color: transparent;
    border: none;
}

label.checkbox {
	color: white;
	float: left;
	width: 340px;
	margin-left: 5px;
}

input.button {
    background-color: transparent;
	border: none;
    color: #565656;
    cursor: pointer;
    padding: 14px 0 14px 42px;
	margin: 10px 0 0 0;
	background-image: url(../images/button-bg.gif);
	background-repeat: no-repeat;
	font-weight: bold;
	color: #fff;
	font-size: 1.2em;
	width: auto;
}

/* Page-specific styles
====================================================================================*/
/* Promotions
------------------------------------------------------------------------------------*/
body#promotions #introduction {
	margin-left: 380px;
	width: 345px;
	
	min-height: 530px;
    /* :HACK: adds min-height support to IE */
    height: auto !important;
    height: 530px;
}

body#promotions img#mainImage 
{
    top: 73px;
    left: 28px;
}

/* Pringles Range
------------------------------------------------------------------------------------*/
body#pringlesrange #introduction {
	margin-left: 380px;
	width: 345px;
	
	min-height: 280px;
    /* :HACK: adds min-height support to IE */
    height: auto !important;
    height: 280px;
}

body#pringlesrange img#mainImage 
{
    top: 73px;
    left: 28px;
}
body#pringlesrange #main-content .promo img 
{
    padding-bottom:60px;
}
/* Pringles Range - Specific
------------------------------------------------------------------------------------*/
body#pringlesrangespecific #content 
{
	background-image: url(../images/content-top-range.jpg);
	background-repeat: no-repeat;	
}

body#pringlesrangespecific #introduction {
	margin-left: 186px;
	width: 500px;
	min-height: 70px;
    /* :HACK: adds min-height support to IE */
    height: auto !important;
    height: 70px; 
}
body#pringlesrangespecific #rangeimage {
	text-align:center; 
    height:348px;
    
}
body#pringlesrangespecific #rangeimage p{
	font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Lucida, Verdana, sans-serif;
	font-weight: bold;
	font-size: 1.2em;
	color:#f6b000;
}
body#pringlesrangespecific #main-content 
{
    background:none;
    background-color: #910000;
    padding-top:0;
    margin-top:5px; 
    padding-left:14px; 
    padding-right:10px; 
	overflow: hidden; /* self-clear */
	position: relative;
	clear: both;      
}
body#pringlesrangespecific #main-content .h2-container
{
    background: url(../images/h2-range-bg.gif);
    background-repeat:no-repeat;
    height:62px;
    padding:4px 0 0 68px;     
}
body#pringlesrangespecific #main-content .h2-container h2
{
    float:left;
    display:block;
    color:#ea6500;
    font-size:1.2em;
    font-weight:bold;
    width:380px;
}
body#pringlesrangespecific #main-content .h2-container a
{
    float:left;
    display:block;    
    background: url(../images/arrow-red.gif);
    background-repeat:no-repeat;    
    color:#910000;
    font-size:1.2em;
    font-weight:bold;
    text-decoration:none;
    padding: 0 0 0 30px;
    height:20px;
    width:200px;      
}
body#pringlesrangespecific #main-content .nutritionalinfo
{
    margin:-46px 10px 0 69px;
}
body#pringlesrangespecific #main-content .nutritionalinfo h3
{
    background:none;
    color:#ffffff;
}
body#pringlesrangespecific #main-content .nutritionalinfo table
{
    border:0;
}
body#pringlesrangespecific #main-content .nutritionalinfo table caption
{
    text-align:left;
    padding:12px 0 5px 0;
}
body#pringlesrangespecific #main-content .nutritionalinfo table tr.ofwhich th
{
    padding-left:25px;
}
body#pringlesrangespecific #main-content .nutritionalinfo table th, body#pringlesrangespecific #main-content .nutritionalinfo table td
{
    width:25%;
    font-weight:normal;
}
body#pringlesrangespecific #main-content .nutritionalinfo table th.top
{
    padding-bottom:8px;
}

/* Pringles Range - Specific - Base
------------------------------------------------------------------------------------*/

body#pringlesrangespecific #content .base 
{
    position: relative;
    width: 690px;
    margin-left: 26px;
}

body#pringlesrangespecific #content .base p 
{
    bottom:10px;
    left:75px;
    position:absolute;
    z-index:110;
}

body#pringlesrangespecific #content .base a 
{
    position: absolute;
    top: 0;
    left: 0;
    outline: none;
}
body#pringlesrangespecific #content .base a.hotnspicy 
{
	top:10px;
    left: 140px;
    z-index: 80;
}
body#pringlesrangespecific #content .base a.paprika 
{
	top:5px;
	left: 220px;
    z-index: 90;
}
body#pringlesrangespecific #content .base a.original 
{
    left: 300px;
    z-index: 100;
}
body#pringlesrangespecific #content .base a.sourcreamnonion 
{
	top:5px;
    left: 380px;
    z-index: 90;    
}
body#pringlesrangespecific #content .base a.saltnvinegar 
{
	top:10px;
    left: 460px;
    z-index: 80;
}

/* Pringles Range - Specific - Infusions
------------------------------------------------------------------------------------*/

body#pringlesrangespecific #content .infusions
{
    position: relative;
    width: 690px;
    margin-left: 26px;
}

body#pringlesrangespecific #content .infusions p 
{
    bottom:10px;
    left:100px;
    position:absolute;
    z-index:110;
}

body#pringlesrangespecific #content .infusions a 
{
    position: absolute;
    top: 0;
    left: 0;
    outline: none;
}
body#pringlesrangespecific #content .infusions a.hotnspicy 
{
    left: 140px;
    z-index: 80;
    top:10px;
}
body#pringlesrangespecific #content .infusions a.paprika 
{
    left: 220px;
    z-index: 90;
    top:5px;
}
body#pringlesrangespecific #content .infusions a.classic 
{
    left: 300px;
    z-index: 100;    
}
body#pringlesrangespecific #content .infusions a.sourcreamnonion 
{
    left: 380px;
    z-index: 90;
    top:5px;
}

body#pringlesrangespecific #content .infusions a.cheeseonion 
{
    left: 460px;
    z-index: 80;
    top:10px;
}

/* Community
------------------------------------------------------------------------------------*/
body#community #introduction {
	margin-left: 380px;
	width: 345px;
	
	min-height: 280px;
    /* :HACK: adds min-height support to IE */
    height: auto !important;
    height: 280px;
}

body#community img#mainImage 
{
    top: 73px;
    left: 28px;
}

/* Contact us
------------------------------------------------------------------------------------*/
body#contact #introduction {
	margin-left: 185px;
	min-height: 80px;
    /* :HACK: adds min-height support to IE */
    height: auto !important;
    height: 80px;
}

body#contact #ctl00_c_thanks 
{
    width: 365px;
	margin: 0 auto;
}

body#contact form {
	width: 365px;
	margin: 0 auto;
}

body#contact label.name,
body#contact label.info {
	background-image: url(../images/label-bg1.gif);
}

body#contact label.email,
body#contact label.message {
	background-image: url(../images/label-bg2.gif);
}

body#contact input.button {
	float: right;
}

/* FAQ, Privacy, Terms, Accessibility
------------------------------------------------------------------------------------*/
#faq dt {
	color: #ffcb00;
	font-size: 1.2em;
	font-weight: bold;
	background-image: url(../images/main-content-h3-bg.gif);
	background-repeat: no-repeat;
	padding: 13px 0 11px 18px;
	margin: 0 0 -15px -18px;
	font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Lucida, Verdana, sans-serif;
	letter-spacing: -0.04em;
}

#faq #main-content a {
	color: #ffffff;

}


/* Home
------------------------------------------------------------------------------------*/

body#home #content-wrap 
{
    width:775px;       
} 
body#home #content 
{
    float:left;
    width:735px;
	background-image: url(../images/content-top-home.jpg);
	background-repeat: no-repeat;
	padding: 20px 20px 0 20px; 		
}

body#home h1 {
    display:none;	
}
body#home div#footer /*hack - see ie css*/
{
    clear:both;
	background-image: url(../images/footer-home.gif);
	background-position: 0 0;
	background-repeat: no-repeat; 
	position:relative;
	z-index: 10;
	top:-100px;
	height:156px;       
}

/* Carousel */


body#home div#carousel 
{
    position:absolute;
    top:60px;
    left:78px;
    width:654px; /*455px*/  
    height: 351px;
    text-align:center;
}
body#home div#carousel div#new 
{
    position:absolute;
    top:75px;
    left:267px;
    width:42px;   
    height:26px;
}
body#home div#carousel p 
{
    position:absolute;
    top:300px;
    left:100px;
	padding: 3px 0 3px 0;    
}
body#home div#carousel p a 
{
	background-image: url(../images/cta-bg-red.gif);
	background-repeat:no-repeat;
	padding: 5px 0 6px 35px;
	font-size:1.2em;
	text-decoration:none;
	color:#ffffff;
}
body#home div#carousel ul li 
{ 
    float:left;
}
body#home div#carousel ul li.minis  
{
    margin-top: 94px;
    width: 107px;
}
body#home div#carousel ul li.aromas 
{
    margin: 70px 0 0 95px;
    width: 49px;
}
body#home div#carousel ul li.rice 
{
    margin: 0 0 0 130px;
    width: 100px;
}
body#home div#carousel ul li.base  
{
    margin: 70px 0 0 16px;
    width: 55px;
}
body#home div#carousel ul li.gourmet 
{
    margin: 56px 0 0 23px;
    width: 64px;
}
body#home div#carousel ul li a 
{ 
    outline: none;
}
/* Competitions */

body#home div#competitions 
{
    position:relative;
    top:0px;
    left:540px;
    width:0px; 
}
body#home div#competitions h2
{
    color:#930001;
    font-size:1.3em;
    font-weight:bold;
    padding:4px 0 46px 8px; 
    height:14px;
    margin:0 0 -42px 0 ;
	/*background: url(../images/comp-h2-uk-bg.png); 
	background-repeat:no-repeat; */
	position:relative;
	z-index:10;      
}
body#home div#competitions div.promos
{  
    width:199px;     
	height:374px;    
	/*background: url(../images/football_bannerpage_the_win.png) left top;
	background-repeat:no-repeat;*/
	padding-bottom:6px;
}
body#home div#competitions div.promos h3
{
    color:#ffffff; 
    font-size:1.3em;    
}
body#home div#competitions div.promos p
{
    color:#ffffff; 
    font-family:Arial;
    font-size:1em;
    line-height:1.2em;    
}
body#home div#competitions div.promos .promo1
{
	background-image: url(../images/comp-promo1-uk-bg.gif); 
	background-repeat:no-repeat;
	height:188px;  	  
}
/*body#home div#competitions div.promos .promo1 h3
{
    text-indent:-5000px; 
}
body#home div#competitions div.promos .promo1 p
{
    margin:0;
    padding:65px 0 18px 9px; 
    width:120px;    
}*/
body#home div#competitions div.promos .promo2
{
	background-image: url(../images/comp-promo2-uk-bg.gif); 
	background-repeat:no-repeat;  	  
}
body#home div#competitions div.promos .promo3
{
	background-image: url(../images/comp-promo3-uk-bg.gif); 
	background-repeat:no-repeat;  	  
}
body#home div#competitions div.promos .promo2 h3, body#home div#competitions div.promos .promo3 h3
{ 
    margin:8px 0 0 9px	  
}
body#home div#competitions div.promos .promo2 p, body#home div#competitions div.promos .promo3 p
{ 
    margin:3px 0 3px 90px;
    width:100px;  
}
body#home div#competitions div.promos .promo2 a, body#home div#competitions div.promos .promo3 a
{ 
    color:#ffcc00;
    text-decoration:none; 
    margin-left:90px;     
}
body#home div#competitions div.promos .promo4
{
    width:179px;
	margin:0 10px 0 10px; 	  
}

body#home div#competitions div.promos .promo5
{
	padding: 255px 20px 0 10px;
	text-align:center;
	font-size:11px;
}
body#home div#competitions div.promos .promo5 a
{
	text-decoration:none;
}
body#home div#competitions div.promos .promo7
{   
	font-size: 10px;
	text-align: left;
	/* margin: 200px 0px 0px 0px; */
	/* padding-top: 310px; */
	/*width: 175px!important;*/
	width: 190px!important;
}
body#home div#competitions div.promos .promo7 a
{
	text-decoration:none;
	color:White;
	display: block;
	margin-left: 50px;	
	margin-top: 15px;
}

body#home div#competitions div.promos .promo7 p
{
	text-align: center;
	padding-top: 235px;
	margin: 0 0 0 0px;
	width: 175px;	
}

body#home div#competitions div.promos .divide
{
	height:1px;
	font-size:1px;
	background:#bc0200;
	margin:5px 0 0 10px;
	width:168px; 	  
}

/* Bottom */

body#home div#bottom 
{
    float:left;
    width:735px;
    padding-top:10px;
    padding-left:20px;
    padding-bottom:45px; 
}

/* Games */

body#home div#bottom div#games
{
    float:left;
    width:516px; 
}
body#home div#bottom div#games h2
{
    position:relative;
    z-index:10;
	background-image: url(../images/h2-games-bg.png); 
	background-repeat:no-repeat; 
    color:#930001;
    font-size:1.3em;
    font-weight:bold;
    padding:4px 0 48px 28px;
    height:14px; 
    margin:0 -9px -44px 0;	 	     
}
body#home div#bottom div#games div.promos
{ 
    position:relative;
    z-index: 1;    
    float:left;            
    width:490px;  
	background: url(../images/games-bg.gif) left bottom; 
	background-repeat:no-repeat;
	padding:0 0 45px 17px;
}
body#home div#bottom div#games div.promos div.promo
{   
    float:left;        
    width:234px;  
	padding-bottom:15px;	
}
body#home div#bottom div#games div.promos div.laser
{   
	background: url(../images/games-promo-laser-bg.gif); 
	background-repeat:no-repeat;		
}
body#home div#bottom div#games div.promos div.glider
{   
	background: url(../images/games-promo-glider-bg.gif); 
	background-repeat:no-repeat;		
}
body#home div#bottom div#games div.promos div.kingkong
{   
	background: url(../images/games-promo-kingkong-bg.gif); 
	background-repeat:no-repeat;		
}
body#home div#bottom div#games div.promos div.crisps
{   
	background: url(../images/games-promo-crisps.png); 
	background-repeat:no-repeat;
	height:86px;		
}
body#home div#bottom div#games div.promos div.promo h3
{
    margin:8px 0 3px 110px;
    color:#ffcc00; 
    font-size:1.3em;     
}
body#home div#bottom div#games div.promos div.promo p
{
    margin:0 0 3px 110px; 
    color:#ffffff; 
    font-family:Arial;
    font-size:1em;
    line-height:1.2em;     
}
body#home div#bottom div#games div.promos div.promo a
{
    color:#ffffff;
    text-decoration:none; 
    margin:0 0 0 110px; 
    padding:0 0 3px 30px;
    font-size:1.2em;
    font-weight:bold;
	font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Lucida, Verdana, sans-serif;    
	background: url(../images/games-arrow-bg.gif); 
	background-repeat:no-repeat;       
}

/* Video */

body#home div#bottom div#video
{
    float: left;
    width: 194px; 
    height: 210px;
    margin-left: 5px;
	background: url(../images/vid_bottom.gif) left bottom;
	background-repeat:no-repeat;
	position: relative;
}

body#home div#bottom div#video h2
{
    position: absolute;
    bottom: 5px;
    left: 30px;
    color:#930001;
    font-size:1.3em;
    font-weight:bold;
}

body#home div#bottom div#video a
{
    color:#ffffff;
    font-weight:bold;
	font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Lucida, Verdana, sans-serif;       
    text-decoration:none;
    font-size: 1.1em;
    position: absolute;
    bottom: 30px;
    left: 73px;
    width: 115px;  
}

/* Footer hacks */
body#home #footer {
    top: -40px !important;
}
body#home #bottom {
    z-index: 100 !important;
}
body#home #footer {
    position: relative;
    background-position: 0 -62px !important;
}
body#home #footer ul {
    top: 12px;
}
body#home #homepageFix {
    position: absolute;
    top: -62px;
    left: 0;
    display: block !important;
    background-image: url(../images/footerFix.gif);
    width: 55px;
    height: 62px;
}
#control_raport
{ 
	padding-left:65px;
	padding-top:65px;
}

body#home #control_raport
{
	padding-top:3px;
	}
body#home div#bottom div#games div.promos {
    padding-bottom: 15px !important;
}

body#home #nav {
	background-image: url(../images/navHome.gif);
}

/* About Pringles
------------------------------------------------------------------------------------*/
body#aboutpringles #introduction 
{
	margin: 0 0 0 185px;
}


body#aboutpringles table.history 
{
    width: auto;
    margin-top: 15px;
}

body#aboutpringles table.history thead th 
{
    padding: 0 15px 10px 0;
    text-align: left;
}

body#aboutpringles table.history tbody td 
{
    padding: 5px 15px 5px 0;
}

body#aboutpringles table.history .year 
{
    text-align: right;
}

/* Video Gallery
------------------------------------------------------------------------------------*/
body#videogallery #introduction 
{
    width: 460px;
    margin-left: 265px;
	min-height: 170px;
    /* :HACK: adds min-height support to IE */
    height: auto !important;
    height: 170px;
}

#videogallery #main-content a {
	color: #ffffff;

}

body#videogallery img#mainImage 
{
    top: 71px;
    left: 28px;
}

body#videogallery input,
body#videogallery select 
{
    width: 120px;
    background-color: #bc0202;
    border: none;
    color: White;
    padding: 2px;
    margin-left: 20px;
}

body#videogallery ul#order 
{
    float: left;
    margin: -2px 0 30px 20px;
    width: 525px;
}

body#videogallery ul#order li 
{
    float: left;
    width: 110px;
}

body#videogallery ul#order li.order1 
{
    width: 140px;
}

body#videogallery ul#order li.order5 
{
    width: auto;
}

body#videogallery ul#order li a 
{
    display: block;
    color: #fff;
    text-decoration: none;
    font-size: 1.1em;
    font-weight: bold;
    background-position: 0 50%;
    background-repeat: no-repeat;
    padding: 2px 0 2px 25px;
}

body#videogallery ul#order li.order1 a { background-image: url(../images/icon-recent-off.gif); }
body#videogallery ul#order li.order2 a { background-image: url(../images/icon-popularity-off.gif); padding-left: 32px }
body#videogallery ul#order li.order3 a { background-image: url(../images/icon-rating-off.gif); padding-left: 27px; }
body#videogallery ul#order li.order4 a { background-image: url(../images/icon-name-off.gif); padding-left: 36px; }
body#videogallery ul#order li.order5 a { background-image: url(../images/icon-title-off.gif); }

body#videogallery ul#order li.order1 a:hover { background-image: url(../images/icon-recent-over.gif); }
body#videogallery ul#order li.order2 a:hover { background-image: url(../images/icon-popularity-over.gif); padding-left: 32px }
body#videogallery ul#order li.order3 a:hover { background-image: url(../images/icon-rating-over.gif); padding-left: 27px; }
body#videogallery ul#order li.order4 a:hover { background-image: url(../images/icon-name-over.gif); padding-left: 36px; }
body#videogallery ul#order li.order5 a:hover { background-image: url(../images/icon-title-over.gif); }

body#videogallery ul#order li.order1 a.selected { background-image: url(../images/icon-recent-on.gif); }
body#videogallery ul#order li.order2 a.selected { background-image: url(../images/icon-popularity-on.gif); padding-left: 32px }
body#videogallery ul#order li.order3 a.selected { background-image: url(../images/icon-rating-on.gif); padding-left: 27px; }
body#videogallery ul#order li.order4 a.selected { background-image: url(../images/icon-name-on.gif); padding-left: 36px; }
body#videogallery ul#order li.order5 a.selected { background-image: url(../images/icon-title-on.gif); }

body#videogallery .sortby 
{
    display: block;
    float: left;
    width: auto;
    font-size: 1.1em;
    font-weight: bold;
    color: #f5b000;
}

ol.gallery 
{
    clear: left;
}

body#videogallery ol.hidden {
    display: none;
}

ol.gallery li 
{
    width: 132px;
    float: left;        
    font-size: 0.9em;
}

ol.gallery li img 
{
    border: 1px solid #fff;
}

ol.gallery li a.title 
{
    color: #ffc916;
    display: block;
    font-weight: bold;
}

ol.gallery li span.by,
ol.gallery li span.rating,
ol.gallery li span.votes 
{
    display: block;
    float: left;
    width: 100%;
}

ol.gallery li span.label,
ol.gallery li span.value
{
    float: left;
}

ol.gallery li span.label 
{
    width: 50px;
}

body#videogallery .cta 
{
    display: block;
    clear: both;
	background-image: url(../images/cta-bg-red-down.gif);
	padding: 10px 0 0 35px;
	display: block;
}

body#videogallery .seeall 
{
    margin: 20px 0 20px 0;
    float: left;
}

ol.gallery li.clear 
{
    clear: both;
    float: none;
    height: 25px;
}

ol.gallery .rating .value 
{
    display: block;
    width: 50px;
    height: 9px;
    margin-top: 4px;
    text-indent: -9999px;
    background-repeat: no-repeat;
}

ol.gallery .rating .rating-0 { background-image: url(../images/rating-0.gif); }
ol.gallery .rating .rating-1 { background-image: url(../images/rating-1.gif); }
ol.gallery .rating .rating-2 { background-image: url(../images/rating-2.gif); }
ol.gallery .rating .rating-3 { background-image: url(../images/rating-3.gif); }
ol.gallery .rating .rating-4 { background-image: url(../images/rating-4.gif); }
ol.gallery .rating .rating-5 { background-image: url(../images/rating-5.gif); }

ol.gallery li img 
{
    height: 75px;
    width: 100px;
    border: 1px solid #fff;
}

/* Xmas */
#contentXmas {
	background-image: url(../images/xmas_bg.jpg);
	background-position: 0 0;
	background-repeat: no-repeat;
	padding: 20px 20px 0 20px;
	position: relative;	
	height:600px;
}

body#home div#competitions div.promos .promoLink
{		
	position:relative;
	text-decoration:none;
	padding-left:45px;
	padding-top: 15px;
	display:block;
	width:82px;
	height:27px;		
	top:16px;
	left:30px;
	cursor:pointer;
}

.divData
{
    margin-left:9px;    
}

.pPGLetters
{
	margin-left:200px;
}

.pPGLetters a,.divPGLinks a
{
	color:white;
}

.divPGLinks
{
	margin-left:200px;
	height:347px;
	width:485px;
	overflow-x:hidden;
	overflow-y:auto;
}
/*videogallery*/
	/*gallery*/
#gallery
{
	min-height: 800px;
}

#gallery #content-outer
{
	padding: 40px 0px 80px 31px;
	clear: both; /*position:relative;  */
}
#gallery #content-outer h1
{
	background-image: url(../images/header-gallery.gif);
	background-repeat: no-repeat;
}
.nav-gallery-roadshow h1
{
	background-image: url(../images/title_roadshow.gif) !important;
}

#gallery #footballerHenry1
{
	position: absolute;
	top: 165px;
	left: 333px;
	z-index: 0;
}


#gallery .thumbnail
{
	width: 125px;
	height: 75px;
	display: block;
	border: 1px solid white;
}
#gallery #paging
{
	clear: both;
	display: block;
	margin: 0 auto;
	text-align: center;
	top:20px;
	position: relative;
	z-index: 20;
}
#gallery span#paging a
{
	color: #ffc916;
	padding: 0 2px 0 2px;
}
#gallery span#paging a.selected
{
	color: white;
	text-decoration: none;
}
#gallery ul#galleryContainer
{
	width: 640px;
	list-style-type: none;
	margin-left:25px;	
}
#gallery ul#galleryContainer li
{
	width: 150px;
	min-height: 175px;
	height: auto !important;
	height: 155px;
	float: left;
	margin: 0 5px 10px 5px;
	overflow: hidden;
	line-height: 1.2em;
}
#gallery ul#galleryContainer .title, #gallery ul#galleryContainer .rating, #gallery ul#galleryContainer .votes
{
	display: block;
	clear: both;
	font-size: 0.9em;
}
#gallery ul#galleryContainer .rating
{
}
#gallery .name
{
	margin-top: 2px;
}
#gallery ul#galleryContainer h3.title
{
	color: #ffc916;
	font-weight: bold;
	line-height: 1em !important;
	font-size: 1.1em;
	margin-top: 10px;
	margin-bottom:1px;
}
#gallery ul#galleryContainer h3.title a
{
	color: #ffc916;
}
span.ratingstars
{
	color: Black;
	display: block;
	background-position: bottom left;
	background-repeat: no-repeat;
	width: 51px;
	margin-top: 1px !important;
}
#gallery span.ratingtext, #gallery span.votetext
{
	float: left;
	width: 60px;
}
#gallery span.rating span.ratingstars
{
	float: left;
	margin-top: 4px;
}

 .
span.ratingstars.rating-1
{
	background-image: url(../images/stars-1.gif);
}
 .
span.ratingstars.rating-2
{
	background-image: url(../images/stars-2.gif);
}
 .
span.ratingstars.rating-3
{
	background-image: url(../images/stars-3.gif);
}
 .
span.ratingstars.rating-4
{
	background-image: url(../images/stars-4.gif);
}
 .
span.ratingstars.rating-5
{
	background-image: url(../images/stars-5.gif);
}

#gallery select
{
	border: 1px solid #b0c1cf;
	font-family: Verdana, Arial, sans-serif;
	padding: 1px;
	width: 130px;
	font-size: 1em;
	margin: 0 0px 0 5px;
}

#gallery ul#subNav
{
	margin-bottom: 40px;
	margin-right: 35px;
}

#gallery ul#subNav li.login
{
	float: left;
}

#gallery ul#subNav li.upload
{
	float: right;
}

#gallery ul#subNav li.login a.button, #gallery ul#subNav li.upload a.buttonyellow
{
	padding: 2px 11px 4px 11px !important;
	width: auto;
	display: block;
}

#gallery ul#subNav li.roadshow
{
	float: right;
	margin: 0 10px;
}

#gallery h2
{
	display: block;
	zoom: 1;
	background-image: url(../images/header-featured-videos.gif);
	background-position: 0;
	background-repeat: no-repeat;
	text-indent: -3000px;
	height: 22px;
	width: 162px;
	float: left;
}

#gallery p
{
	color: #FFF;
}

#gallery form#frmGallery
{
	text-align: right;
	margin: 0px 30px 20px 0;
	float: right;
}
#gallery form#FormSearch
{
	text-align: right;
	margin: 0px 35px 20px 0;
	float: right;
}
#gallery form#FormSearch input#txtSearch
{
	width: 130px;
	margin-left: 5px;
}
#gallery form#FormSearch input#btnSearch
{
	background-image: url(../images/transparent.gif);
	background-color: Transparent;
	border: 0;
	text-decoration: underline;
	color: #FFCC00;
	cursor: pointer;
	font-size: 0.9em;
}
	/*end gallery*/
	/* View*/
#view
{
	height: 650px;
}

#view #content-outer
{
	padding: 28px 46px 20px 35px;
	clear: both;
}
#view #content-outer h1
{
	background-image: url(../images/header-watch-it.gif);
	background-repeat: no-repeat;
	height: 26px;
	margin-bottom: 48px;
	padding-bottom: 0 !important;
	font-size: 0;
	line-height: 0;
}
#view #footballersGroupView
{
	position: absolute;
	top: 185px;
	left: 10px;
	z-index: 0;
}

#view .currentrating
{
	float: left;
	margin-right: 15px;
}

#view div#ctl00_content_voteForm
{
	float: left;
	height: 16px;
	overflow: hidden; /*border: 1px solid green;/*!!*/
}

#view #videoContainer
{
	margin-bottom: 30px;
	margin: 20px auto 30px auto;
	width: 450px;
}
#view #ctl00_content_voteYours
{
	float: left;
}
#view #ratingOptions
{
	width: 450px;
	margin: 0 auto 15px auto; /*border: 1px solid white;/*!!*/
}
#view #blogHtml
{
	width: 450px;
	margin: 20px auto 15px auto;
}
#view #blogHtml textarea
{
	width: 450px;
	height: 40px;
	color: #666;
	font-size: 11px;
	font-family: Courier New,Courier,Verdana,Arial,Sans-Serif;
	border: 1px solid white;
	overflow: hidden;
}
#view #ctl00_content_voteForm .ratingform
{
	width: 150px;
}
#view span.ratingstars
{
	float: left;
}
#view ul.videoDetails
{
	color: #FFF;
	font-size: 1.1em;
	padding: 0;
	margin-top: 31px;
	margin-left: 140px;
	position: relative;
}

#view ul.videoDetails li.first
{
	width: 220px;
}

#view ul.videoDetails li strong
{
	font-weight: bold;
}

#view ul.videoDetails .sendToFriend
{
	position: absolute;
	top: 6px;
	right: 123px;
}
#view ul.videoDetails .sendToFriend a
{
	display: block;
	padding: 3px 10px;
}
#view div.navigationOptions
{
	margin: 0 auto 20px auto;
	width: 450px;
	clear: both;
}


#view div.navigationOptions a.floatLeft
{
	float: left;
}
#view div.navigationOptions a.floatRight
{
	float: right;
}
.button
{
	background-color: #bc0202;
	color: white !important;
	font-weight: bold;
	font-size: 0.9em;
	padding: 3px 20px 3px 20px;
	border: 1px solid white !important;
	font-family: Verdana, Arial, sans-serif;
	text-decoration: none;
}
	/*end view*/
.mainContentVideoGallery
{
	top:60px;
}
.videogallery
{
	left:28px;
	top:71px;
}
.sortby
{
	display: block;
	float: left;
	width: auto;
	font-size: 1.1em;
	font-weight: bold;
	color: #f5b000;
}

.spanPromotions
{
	display: block;
	float: left;
	width: auto;
	font-size: 1.1em;
	font-weight: bold;
	color: #f5b000;
	top:5px;
	position:relative;
}
.txtSearchVideoGallery
{
	border:1px solid #B0C1CF;
	font-family:Verdana,Arial,sans-serif;
	font-size:1em;
	margin:0 0 0 5px;
	width:130px;
}
.searchLinkVideo
{
	display: block;
	float: right;
	width: auto;
	font-size: 1.1em;
	font-weight: bold;
	color: #f5b000;
	margin-left:5px;
	position:relative;
	top:-20px;
}
.divPromotionsVideo
{
	float:left;
}
.divSearchVideo
{
	float:right;
	width:200px;
}
.selectVideoGallery
{
	width:140px;
}
.divData
{
	top:20px;
	position:relative;
}
.ulSortByVideoGallery
{
	float: left;
	margin: -2px 0 30px 10px;
	width: 470px;
}

.ulSortByVideoGallery li
{
	float: left;
	width: 90px;
}

.ulSortByVideoGallery li.order1
{
	width: 100px;
}
.ulSortByVideoGallery li.order2
{
	width: 120px;
}
.ulSortByVideoGallery li.order3
{
	width: 100px;
}
.ulSortByVideoGallery li.order5
{
	width: auto;
}

.ulSortByVideoGallery li a
{
	display: block;
	color: #fff;
	text-decoration: none;
	font-size: 1.1em;
	font-weight: bold;
	background-position: 0 50%;
	background-repeat: no-repeat;
	padding: 2px 0 2px 25px;
}
.ulSortByVideoGallery li.order1 a
{
	background-image: url(../images/icon-recent-off.gif);
}
.ulSortByVideoGallery li.order2 a
{
	background-image: url(../images/icon-popularity-off.gif);
	padding-left: 32px;
}
.ulSortByVideoGallery li.order3 a
{
	background-image: url(../images/icon-rating-off.gif);
	padding-left: 27px;
}
.ulSortByVideoGallery li.order4 a
{
	background-image: url(../images/icon-name-off.gif);
	padding-left: 36px;
}
.ulSortByVideoGallery li.order5 a
{
	background-image: url(../images/icon-title-off.gif);
}

.ulSortByVideoGallery li.order1 a:hover
{
	background-image: url(../images/icon-recent-over.gif);
}
.ulSortByVideoGallery li.order2 a:hover
{
	background-image: url(../images/icon-popularity-over.gif);
	padding-left: 32px;
}
.ulSortByVideoGallery li.order3 a:hover
{
	background-image: url(../images/icon-rating-over.gif);
	padding-left: 27px;
}
.ulSortByVideoGallery li.order4 a:hover
{
	background-image: url(../images/icon-name-over.gif);
	padding-left: 36px;
}
.ulSortByVideoGallery li.order5 a:hover
{
	background-image: url(../images/icon-title-over.gif);
}

.ulSortByVideoGallery li.order1 a.selected
{
	background-image: url(../images/icon-recent-on.gif);
}
.ulSortByVideoGallery li.order2 a.selected
{
	background-image: url(../images/icon-popularity-on.gif);
	padding-left: 32px;
}
.ulSortByVideoGallery li.order3 a.selected
{
	background-image: url(../images/icon-rating-on.gif);
	padding-left: 27px;
}
.ulSortByVideoGallery li.order4 a.selected
{
	background-image: url(../images/icon-name-on.gif);
	padding-left: 36px;
}
.ulSortByVideoGallery li.order5 a.selected
{
	background-image: url(../images/icon-title-on.gif);
}
.divVideoGallerySortBy
{
	margin-top:10px;
}

.divBackDown
{
	clear:both;
	position:relative;
	top:20px;
	z-index:100;
}
.btnBack
{
	background-color: #bc0202;
	color: white !important;
	font-weight: bold;
	font-size: 1.1em;
	padding: 3px 20px 3px 20px;
	border: 1px solid white !important;
	font-family: Verdana, Arial, sans-serif;
	text-decoration: none;
	float:right;
}
/*end video gallery*/
/* xtreme */
body#pringlesrangespecific #content .xtreme
{
	position: relative;
	width: 550px;
	margin-left: 150px;
}
body#pringlesrangespecific #content .xtreme p
{
	bottom:5px;
	left:-30px;
	position:absolute;
	z-index:110;
}
body#pringlesrangespecific #content .xtreme a
{
	position: absolute;
	top: 20;
	left: 0;
	outline: none;
}
body#pringlesrangespecific #content .xtreme a.xcheese
{
	top:10px;
	left: 160px;
	z-index: 80;
}
/* end xtreme*/