/* Reset ================================================================================= */
* { margin:0; padding:0; }

body          
{
	background:#ffffff; 
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color:#000000; 
}

img	{
	border:0; 
}


/* Layout ================================================================================= */
/*
Stylish Select 0.4.1 - $ plugin to replace a select drop down box with a stylable unordered list
http://scottdarby.com/

Copyright (c) 2009 Scott Darby

Requires: jQuery 1.3 or newer

Dual licensed under the MIT and GPL licenses.

*/


/*==================================
Hide lists on page load
====================================*/

.stylish-select ul.newList {left:-9999px;}

/*==================================
Date Dropdown
====================================*/
#date_style ul.newList * {margin:0; padding:0;}
#date_style ul.newList a {color: #000; text-decoration:none; display:block;}
#date_style ul.newList {margin:0; padding:0; list-style:none; color:#a8aaad; width: 85px; 
background:#fff; position:absolute;  border:1px solid #A9A9A9; top:22px; left:0; overflow:auto; z-index:9999;}
#date_style .newListSelected 
{
	width: 82px; 
	color:#a8aaad; 
	height: 14px; 
	padding: 2px 2px 3px 3px; 
	border:1px solid #A9A9A9; 
	float:left; 
	font-size: 12px;
	background:url(/skin/frontend/default/peroni/images/buttons/btn_dropdown.gif) right no-repeat;
}
#date_style .newListSelected span {width: 80px; display:block;}
#date_style ul.newList li a {padding:3px 8px; display: block;}
#date_style ul.newList li a:focus {-moz-outline-style: none;}
#date_style .selectedTxt {width: 85px; overflow:hidden; height: 14px; padding:0 23px 0 0;}
#date_style .hiLite {background:#650101!important; color:#fff!important;}
#date_style .hiLite a {background:#650101!important; color:#fff!important;}
#date_style .newListHover {background:#ccc!important; color:#000!important; cursor:default;}
#date_style .newListSelHover, .newListSelFocus {background-position:0 -22px; cursor:default;}
#date_style .newListOptionTitle {font-weight:bold;}
#date_style .newListOptionTitle ul {margin:3px 0 0;}
#date_style .newListOptionTitle li {font-weight:normal; border-left:1px solid #ccc;}

/*==================================
Join Dropdown
====================================*/
#join_style ul.newList * {margin:0; padding:0;}
#join_style ul.newList a {color: #000; text-decoration:none; display:block;}
#join_style ul.newList {margin:0; padding:0; list-style:none; color:#a8aaad; width: 260px;
background:#fff; position:absolute;  border:1px solid #A9A9A9; top:20px; left:0; overflow-x: hidden; overflow-y: auto; z-index:9999;}
#join_style .newListSelected 
{
	width: 240px; 
	color:#a8aaad; 
	height: 14px; 
	padding: 0px 0px 0px 3px; 
	margin: 0px 0px 0px 3px; 
	border:1px solid #d5d5d5; 
	float:left; 
	font-size: 12px;
	background:url(/skin/frontend/default/peroni/images/buttons/btn_dropdown.gif) right no-repeat;
}
#join_style .newListSelected span {width: 235px; display:block;}
#join_style ul.newList li a {padding:3px 8px; display: block;}
#join_style ul.newList li a:focus {-moz-outline-style: none;}
#join_style .selectedTxt {width: 240px; overflow:hidden; height: 14px; padding:0 23px 0 0;}
#join_style .hiLite {background:#650101!important; color:#fff!important;}
#join_style .hiLite a {background:#650101!important; color:#fff!important;}
#join_style .newListHover {background:#ccc!important; color:#000!important; cursor:default;}
#join_style .newListSelHover, .newListSelFocus {background-position:0 -22px; cursor:default;}
#join_style .newListOptionTitle {font-weight:bold;}
#join_style .newListOptionTitle ul {margin:3px 0 0;}
#join_style .newListOptionTitle li {font-weight:normal; border-left:1px solid #ccc;}

.active_button
{
	cursor: hand;
}

.warning
{
	font-family: Arial, Helvetica, sans-serif;
  	font-size: 10px;
	font-weight: bold;
	color: #ff0000;
}

.bold_text
{
	font-family: Arial, Helvetica, sans-serif;
  	font-size: 20px;
	font-weight: bold;
	color: #a8aaad;
}

.regular_text
{
	font-family: Arial, Helvetica, sans-serif;
  	font-size: 12px;
	font-weight: normal;
	color: #a8aaad;
}

.bold_blue
{
	font-family: Arial, Helvetica, sans-serif;
  	font-size: 20px;
	font-weight: bold;
	color: #1b417d;
}

.regular_blue
{
	font-family: Arial, Helvetica, sans-serif;
  	font-size: 12px;
	font-weight: normal;
	color: #1b417d;
}

.bold_red
{
	font-family: Arial, Helvetica, sans-serif;
  	font-size: 20px;
	font-weight: bold;
	color: #ee2946;
}

.regular_red
{
	font-family: Arial, Helvetica, sans-serif;
  	font-size: 12px;
	font-weight: normal;
	color: #ee2946;
}

.regular_red a
{
	color: #a8aaad;
	text-decoration: none;
}

.product_item
{
	font-family: Arial, Helvetica, sans-serif;
  	font-size: 12px;
	font-weight: normal;
	color: #a8aaad;
	width: 498px;
	min-height: 106px;
	border: 1px solid #a8a8a8;
	background-repeat: y-repeat;	
	background-color: #1b417d;
	background-image: url(/skin/frontend/default/peroni/images/products/bg.gif);	
	margin-bottom: 5px;
}

.product_image
{
	font-family: Arial, Helvetica, sans-serif;
  	font-size: 12px;
	font-weight: normal;
	color: #a8aaad;
	width: 135px;
	height: 106px;
	text-align: center;
	vertical-align: top;
	padding-top: 10px;
}

.product_description
{
	font-family: Arial, Helvetica, sans-serif;
  	font-size: 12px;
	font-weight: normal;
	color: #a8aaad;
	width: 229px;
	height: 106px;
	vertical-align: top;
	padding-top: 10px;
}

.product_description a
{
	font-family: Arial, Helvetica, sans-serif;
  	font-size: 12px;
	font-weight: bold;
	color: #1b417d;
}

.product_pricing
{
	font-family: Arial, Helvetica, sans-serif;
  	font-size: 12px;
	font-weight: normal;
	color: #a8aaad;
	width: 130px;
	height: 106px;
	text-align: center;
	vertical-align: middle;
}

.product_pricing a
{
	font-family: Arial, Helvetica, sans-serif;
  	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
}

.odd_tr
{
	font-family: Arial, Helvetica, sans-serif;
  	font-size: 12px;
	font-weight: bold;
	background-color: #c8d1df;
	color: #ffffff;
}

.even_tr
{
	font-family: Arial, Helvetica, sans-serif;
  	font-size: 12px;
	font-weight: bold;
	background-color: #ffffff;
	color: #c8d1df;
}

.input-text 
{
	height: 15px;
	border: 1px solid #d5d5d5;
	font-family: Arial, Helvetica, sans-serif;
  	font-size: 12px;
}

.input-login 
{
	height: 15px;
	border: 1px solid #d5d5d5;
	font-family: Arial, Helvetica, sans-serif;
  	font-size: 10px;
}

/* This is used for the form layout */
.form-field-container
{
	border: 0px;
	padding: 0px;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
  	font-size: 12px;
	font-weight: normal;
	color: #a8aaad;
}
/* This is used for the form layout */

#default_content
{
	text-align: left;
	font: normal Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 799px;	
	min-height: 491px; 
	height: 491px;
	background-repeat: no-repeat;	
	background-image: url(/skin/frontend/default/peroni/images/home/bg.png);	
	border-color: #a9a9a9;
	border-style: solid solid none solid;
	border-width: 1px;
}

#blank_content
{
	text-align: left;
	font: normal Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 799px;	
	min-height: 491px; 
	height: 491px;
	background-repeat: no-repeat;	
	background-image: url(/skin/frontend/default/peroni/images/bg.gif);	
	border-color: #a9a9a9;
	border-style: solid solid none solid;
	border-width: 1px;
}

#age-vertifications_content
{
	text-align: left;
	font: normal Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 799px;	
	min-height: 491px; 
	height: 491px;
	background-repeat: no-repeat;
	background-image:url(/skin/frontend/default/peroni/images/age/bg.png);
	border-color: #a9a9a9;
	border-style: solid solid none solid;
	border-width: 1px;
}

#account_content
{
	text-align: left;
	font: normal Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 799px;	
	min-height: 491px; 
	height: 491px;
	background-repeat: no-repeat;
	background-image:url(/skin/frontend/default/peroni/images/account/account_bg.png);
	border-color: #a9a9a9;
	border-style: solid solid none solid;
	border-width: 1px;
}

#about_content
{
	text-align: left;
	font: normal Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 799px;	
	min-height: 491px; 
	height: 491px;
	background-repeat: no-repeat;	
	background-image: url(/skin/frontend/default/peroni/images/about/bg.gif);	
	border-color: #a9a9a9;
	border-style: solid solid none solid;
	border-width: 1px;
}

#terms-and-conditions_content
{
	text-align: left;
	font: normal Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 799px;	
	min-height: 491px; 
	height: 491px;
	background-repeat: no-repeat;	
	background-image: url(/skin/frontend/default/peroni/images/terms_n_conditions/bg.gif);	
	border-color: #a9a9a9;
	border-style: solid solid none solid;
	border-width: 1px;
}

#join-the-club_content
{
	text-align: left;
	font: normal Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 799px;	
	min-height: 491px; 
	height: 491px;
	background-repeat: no-repeat;	
	background-image: url(/skin/frontend/default/peroni/images/join_the_club/bg.gif);	
	border-color: #a9a9a9;
	border-style: solid solid none solid;
	border-width: 1px;
}

#checkout_completed
{
	text-align: center;
	font: normal Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 232px;	
	min-height: 435px; 
	height: 435px;
	background-repeat: no-repeat;	
	background-image: url(/skin/frontend/default/peroni/images/checkout_complete/bg.gif);	
}

#selling-tips_content
{
	text-align: left;
	font: normal Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 799px;	
	min-height: 491px; 
	height: 491px;
	background-repeat: no-repeat;	
	background-image: url(/skin/frontend/default/peroni/images/selling-tips/bg.gif);	
	border-color: #a9a9a9;
	border-style: solid solid none solid;
	border-width: 1px;
}

#promotion_content
{
	text-align: left;
	font: normal Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 799px;	
	min-height: 491px; 
	height: 491px;
	background-repeat: no-repeat;	
	background-image: url(/skin/frontend/default/peroni/images/promotion/bg.gif);	
	border-color: #a9a9a9;
	border-style: solid solid none solid;
	border-width: 1px;
}

#competition_content
{
	text-align: left;
	font: normal Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 799px;	
	min-height: 491px; 
	height: 491px;
	background-repeat: no-repeat;	
	background-image: url(/skin/frontend/default/peroni/images/competition/competition_bg.png);	
	border-color: #a9a9a9;
	border-style: solid solid none solid;
	border-width: 1px;
}

#product-info_content
{
	text-align: left;
	font: normal Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 799px;	
	min-height: 491px; 
	height: 491px;
	background-repeat: no-repeat;	
	background-image: url(/skin/frontend/default/peroni/images/product-info/bg.gif);	
	border-color: #a9a9a9;
	border-style: solid solid none solid;
	border-width: 1px;
}

#faq_content
{
	text-align: left;
	font: normal Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 799px;	
	min-height: 491px; 
	height: 491px;
	background-repeat: no-repeat;	
	background-image: url(/skin/frontend/default/peroni/images/faq/bg.gif);	
	border-color: #a9a9a9;
	border-style: solid solid none solid;
	border-width: 1px;
}

#privacy-policy_content
{
	text-align: left;
	font: normal Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 799px;	
	min-height: 491px; 
	height: 491px;
	background-repeat: no-repeat;	
	background-image: url(/skin/frontend/default/peroni/images/privacy-policy/bg.gif);	
	border-color: #a9a9a9;
	border-style: solid solid none solid;
	border-width: 1px;
}

#contact-us_content
{
	text-align: left;
	font: normal Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 799px;	
	min-height: 491px; 
	height: 491px;
	background-repeat: no-repeat;	
	background-image: url(/skin/frontend/default/peroni/images/contact-us/bg.gif);	
	border-color: #a9a9a9;
	border-style: solid solid none solid;
	border-width: 1px;
}

#lost-member-number_content
{
	text-align: left;
	font: normal Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 799px;	
	min-height: 491px; 
	height: 491px;
	background-repeat: no-repeat;	
	background-image: url(/skin/frontend/default/peroni/images/lost-member-number/bg.jpg);	
	border-color: #a9a9a9;
	border-style: solid solid none solid;
	border-width: 1px;
}

#news_content
{
	text-align: left;
	font: normal Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 799px;	
	min-height: 491px; 
	height: 491px;
	background-repeat: no-repeat;	
	background-image: url(/skin/frontend/default/peroni/images/news/bg.gif);	
	border-color: #a9a9a9;
	border-style: solid solid none solid;
	border-width: 1px;
}

.mini-login-hints
{
	background-repeat: no-repeat;	
	background-image: url(/skin/frontend/default/peroni/images/member_login/mini-login-membership.gif);	
}

.mini-password-hints
{
	background-repeat: no-repeat;	
	background-image: url(/skin/frontend/default/peroni/images/member_login/mini-login-postcode.gif);	
}

.competition-container {position:relative}
.competition-container .competition-checkboxes{background:transparent url(/skin/frontend/default/peroni/images/competition/checkboxes.gif) no-repeat scroll left top;
	height:56px;
	left:13px;
	position:absolute;
	top:423px;
	width:225px;}
.competition-container .competition-checkbox{position:absolute;display:block;}	
.competition-container .competition-checkbox  img{height:12px;width:12px;}	
.competition-container .competition-checkbox.checked{background: url(/skin/frontend/default/peroni/images/competition/check.gif) top left no-repeat;	}
.competition-container  #competition-checkbox-1{left:15px;top:12px;}
.competition-container  #competition-checkbox-2{left:15px;top:37px;}
.competition-container .click-here{background:transparent none repeat scroll 0 0;height:20px;left:461px;position:absolute;top:307px;width:100px;}
.competition-container .click-here:hover{background: url(/skin/frontend/default/peroni/images/competition/click.gif) top left no-repeat;	}