@import url('fonts.css');

body
{
	margin: 0;
	padding: 0;
	font: 9pt Arial, Helvetica, sans-serif;
	background: #FFFFFF;
	color: #707070;
}

.holder
{
}

#header-holder
{
	height: 122px;
	background: #50c7ff;
}

#header
{
	width: 866px;
	margin: auto;
}

#header #headerInfo
{
	height: 96px;
	background: url( ../images/logo.png ) no-repeat center left;
}

#header #headerInfo-logo
{
	display: block;
	position: absolute;
	height: 96px;
	width: 173px;
}

#header #headerInfo p
{
	margin: 0;
}

#header #headerInfo-search
{
	margin: 26px 30px 0 0;
	float: right;
}

#header #headerInfo-search input
{
	margin-right: 5px;
}

#header #headerInfo-cart
{
	height: 40px;
	margin: 16px 0;
	width: 128px;
	text-align: right;
	padding: 7px 38px 0 44px;
	background: url( ../images/checkout-bg.png ) no-repeat center center;
	float: right;
}

#header #headerInfo-cart p
{
	margin: 0 0 3px 0;
}

#header #headerInfo-cart a
{
	font-weight: bold;
	text-decoration: none;
	color: #000000;
}

#header #headerInfo-phone
{
	clear: both;
	text-align: right;
	font-weight: bold;
	color: #000000;
}

#header #headerMenu
{
	border-top: solid 1px #ffffff;
	height: 25px;
	overflow: hidden;
}

#header #headerMenu ul li
{
	float: left;
	padding: 7px 0;
}

#header #headerMenu ul li a
{
	display: block;
	padding: 0 15px;
	border-left: solid 1px #ffffff;
	color: #ffffff;
	text-decoration: none;
	text-transform: uppercase;
	font: normal 10pt "CourierStdMedium", Courier, monospace;
	line-height: 10pt;
}

#header #headerMenu ul li:first-child a
{
	border-left: none;
	padding-left: 0;
}

#headline
{
	width: 866px;
	margin: 0 auto;
}

#headline-statement
{
	padding: 4px 0 0 0;
	text-align: center;
	height: 44px;
	background: #6e6e6e;
	color: #a8a8a8;
	margin: 8px 0;
	font: normal 13pt "CooperStdBlack", Georgia, "Times New Roman", Times, serif;
	line-height: 27pt;
}

#headline-statement b
{
	font-size: 22pt;
	line-height: 27pt;
}

#headline-ad
{
	float: left;
	width: 570px;
	height: 280px;
}

#headline #intro
{
	float: right;
	width: 256px;
	padding: 20px;
	height: 240px;
	background: #ff38c9;
}


#headline #intro a
{
	display: block;
	color: #00ffff;
	margin: 0 0 15px 0;
	font: normal 13pt "CooperStdBlack", Georgia, "Times New Roman", Times, serif;
	text-decoration: none;
}

#headline #intro a b
{
	display: block;
	font-size: 18pt;
}


#mainAreaHolder
{
	width: 866px;
	margin: 8px auto 0 auto;
	text-align: left;
}

#mainAreaHolder #sideMenu
{
	background: none;
	float: left;
	width: 218px;
	padding: 25px 0 0 0;
}

#mainAreaHolder #mainArea #sideMenu
{
	padding-top: 5px;
}

#sideMenu a.menuElement
{
	display: block;
	text-align: left;
	padding: 3px 6px 3px 0;
	color: #1d1d1d;
	font: normal 10pt "CourierStdMedium", Courier, monospace;
	text-decoration: none;	
	text-transform: uppercase;
}

#sideMenu a.menuElement:hover
{
	text-decoration: underline;
}
#sideMenu .categoryLinks a.menuElement div.on
{
	font-weight: bold;
}

#sideMenu .categoryLinks a.menuElement div.inner  div.inner 
{
	padding-left: 11px;
	color: #707070;
}

#sideMenu .noveltyLinks
{
	margin: 30px 0 0 0;
}

#sideMenu .noveltyLinks ul li
{
	margin: 0 0 12px 0;
}

#sideMenu .noveltyLinks ul li ul.social li
{
	float: left;
}

#sideMenu .noveltyLinks ul li ul.social li a
{
	display: block;
	margin: 0 12px 0 0;
}

#sideMenu .noveltyLinks .weekly-fix
{
	height: 28px;
	padding: 40px 0 0 5px;
	background: url( ../images/nav/weekly-fix.png ) no-repeat center center;
}

#sideMenu .noveltyLinks .weekly-fix input
{
	display: inline;
	width: 115px;
	background: #00d7ea;
	color: #ffffff;
	font-size: 8pt;
}

#sideMenu .noveltyLinks .weekly-fix input.submit
{
	background: none;
	border: none;
	color: #00d7ea;
	width: auto;
	font-weight: bold;
}

#mainAreaHolder #mainArea, #mainAreaHolder #mainArea #mainAreaSubRight
{
	float: right;
	width: 648px;
	background: none;
}

#mainAreaHolder #mainArea.full-width
{
	float: right;
	width: 866px;
	background: none;
}

#mainAreaHolder #mainArea .breadCrumbs
{
	padding: 8px 0 0 0;
	height: 20px;
	font: normal 8pt "CourierStdMedium", Courier, monospace;
}

#mainAreaHolder #mainArea .breadCrumbs a, #mainAreaHolder #mainArea .breadCrumbs a:hover
{
	padding: 0px 2px;
	text-transform: uppercase;
	color: #191b0e;
	font: normal 8pt "CourierStdMedium", Courier, monospace;
	text-decoration: none;
}

#mainAreaHolder #mainArea #brandArea
{
	border: dotted 1px #000000;
	border-width: 1px 0;
	margin: 5px 0 10px 0;
}

#mainAreaHolder #mainArea #brandLeft
{
	float: left;
	width: 440px;
}
#mainAreaHolder #mainArea #brandRight
{
	float: right;
	width: 190px;
}

.content
{
	margin: 5px 15px;
}

h2
{
	font: normal 10pt "CourierStdBold", Courier, monospace;
	line-height: 10pt;
	margin: 15px 0px 8px 0px;
}

h3
{
	font: bold 10pt Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	margin: 0px 0px 4px 0px;
}

h4
{
	font: bold 9pt Arial, Helvetica, sans-serif;
	color: #666666;
	margin: 0px 0px 2px 0px;
}

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

.productDisplay
{
	margin: 10px 0 0 0;
	border: dotted 1px #000000;
	padding: 20px 20px 15px 20px;
	
}

.productDisplay .info
{
	float: left;
	margin: 0 0 0 10px;
	width: 400px;
	color: #000000;
}

.productDisplay .info h1
{
	margin: 0;
	padding: 0;
}

.productDisplay .info .brand
{
	display: block;
	font: normal 10pt "CourierStdMedium", Courier, monospace;
	margin: 0px 0px 3px 0px;
	padding: 0;
	text-transform: uppercase;
}
.productDisplay .info .product
{
	display: block;
	font: normal 10pt "CourierStdMedium", Courier, monospace;
	margin: 0px 0px 5px 0px;
	padding: 0;
}

.productDisplay .info .price
{
	font: bold 10pt Arial, Helvetica, sans-serif;
	color: #777777;
	margin: 8px 0px 8px 0px;
}

.productDisplay .info .description
{
	margin: 0px 0px 8px 0px;
}

.productForm .variants
{
	margin: 0px 0px 8px 0px;
}

.productForm .flavours
{
	margin: 0px 0px 8px 0px;
	color: #000000;
}

.productForm .flavours ul li p
{
	display: table-cell;
	*display: block;
	vertical-align: middle;
	margin: 0;
	padding: 0 10px;
	height: 70px;
}

.productForm .flavours ul li
{
	padding: 0 0 15px 0;
	height: 70px;
}

.productForm .flavours ul li .flavour-palette
{
	width: 90px;
	height: 60px;
	padding: 5px 0;
	margin-left: 20px;
	float: left;
}

.productForm .buttons
{
	float: right;
	height: 70px;
	width: 350px;
	background: #f033a3;
}

.productForm .buttons .button-module
{
	float: right;
	width: 92px;
	font: normal 12pt "CourierStdBold", Courier, monospace;
	line-height: 18pt;
	margin: 8px 0 0 0;
	color: #000000;
}

.productForm .buttons .button-module strong
{
	display: block;
}
.productForm .buttons .button-module input
{
	border: 0;
	background: #fcff00;
	font: normal 12pt "CourierStdBold", Courier, monospace;
	color: #000000;
	width: 60px;
}

.productForm .buttons input.buttons-submit
{
	float: right;
	background: #000000;
	color: #ffffff;
	font: normal 20pt "CourierStdBold", Courier, monospace;
	text-transform: lowercase;
	padding: 5px 10px;
	margin: 12px 15px 0 15px;
	border: 0;
}

.productForm .buttons input.buttons-submit
{
	float: right;
	background: #000000;
	color: #ffffff;
	font: normal 20pt "CourierStdBold", Courier, monospace;
	text-transform: lowercase;
	padding: 5px 10px;
	margin: 12px 15px 0 15px;
	border: 0;
}

.cart input.button, .content input.button
{
	background: #000000;
	text-transform: uppercase;
	color: #ffffff;
	font: bold 8pt "CourierStdBold", Courier, monospace;
	padding: 1px 0px 0px 0px;
}

.cart ul
{
	padding-left: 30px;
	margin: 0 0 10px 0;
}

.cart ul
{
	list-style: inside;
}

.cart td
{
	padding: 4px;
}

.cart td.seperator
{
	padding: 0 0 4px 0;
	border-top: dotted 1px #000000;
}

.productDisplay a.imgHolder
{
	float: left;
	display: block;
	text-align: center;
	width: 150px;
	height: 150px;
	padding: 20px;
	background: #FFFFFF;
}

.productForm
{
	clear: both;
	margin: 20px 0;
}
.cart a.imgHolder
{
	display: block;
	text-align: center;
	width: 50px;
	height: 50px;
	border: solid 1px #c7c9cb;
	background: #FFFFFF;
}

.productListing
{
	border: dotted 1px #191b0e;
	margin: 10px 0;
}

#brandRight .productListing
{
	border: 0;
	margin: 0;
}

.productListing ul
{
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#brandRight .productListing li
{
	width: 100%;
	clear: both;
	height: auto;
	padding: 0 0 15px 0;
}

#brandRight .productListing h1
{
	margin: 20px 0;
}

#brandRight .productListing .imgHolder
{
	float: left;
	display: block;
	margin: 0 10px 0 0;
}
#brandRight .productListing .product
{
	text-align: left;
	padding: 0;
}

#brandRight .productListing .product .product-brand,
#brandLeft .productListing .product .product-brand
{
	display: none;
}

#brandRight .productListing .product .product-price
{
	margin: 10px 0;
}

#brandRight .productListing .product .product-name a,
#brandLeft .productListing .product .product-name a
{
	text-decoration: underline;
}

#brandLeft .productListing .product 
{
	float: left;
	width: 290px;
	padding: 0;
}

#brandLeft .productListing .product .product-description
{
	display: block;
	font: 9pt Arial, Helvetica, sans-serif;
	color: #707070;
	margin: 5px 0;
}
#brandLeft .productListing li
{
	height: auto;
	clear: both;
	width: 100%;
	text-align: left;
	padding: 0 0 35px 0;
}
#brandLeft .productListing .imgHolder
{
	float: left;
	display: block;
	margin: 0 20px 0 20px;
}

.productListing li
{
  float: left;
  width: 33%;
  text-align: center;
  font: normal 8pt Arial, Helvetica, sans-serif;
  height: 190px;
}

.productListing li a.imgHolder
{
	display: block;
	margin: 0px auto;
	width: 90px;
	height: 90px;
	border: solid 1px #c7c9cb;
	background: #FFFFFF;
}

.productListing li .product
{
	font: normal 8pt "CourierStdMedium", Courier, monospace;
	padding: 7px 25px 0px 25px;
	color: #191b0e;
}

.productListing li .product .product-description
{
	display: none;
}

.productListing li .product a, .productListing li .product a:hover
{
	color: #191b0e;
	text-decoration: none;
}

.productListing li .product .product-brand a, .productListing li .product .product-brand a:hover
{
	font: normal 8pt "CourierStdBold", Courier, monospace;
}

.pressListing
{
	border: dotted 1px #191b0e;
	margin: 10px 0;
}

.pressListing h1
{
	margin: 20px 20px 10px 20px;
}

.pressListing p
{
	margin: 20px 20px 20px 20px;
}

.pressListing h2
{
	margin: 10px 20px 10px 20px;
}

.pressListing a
{
	color: #191b0e;
	text-decoration: underline;
}

.pressListing h3
{
	margin-bottom: 10px;
}

.pressListingImages
{
	margin: 20px 0 20px 20px;
}

.pressListingImages a
{
	float: left;
	display: block;
	height: 160px;
	margin: 0 20px 20px 0;
}




.newsHolder
{
	margin: 20px 0;
}

ul.news li
{
	float: left;
	width: 194px;
	margin-left: 30px;
	border: dotted 1px #191b0e;
}

ul.news li.first
{
	margin: 0;
}

ul.news li .newsContent
{
	display: block;
	text-align: center;
	height: 112px;
}

ul.news h1
{
	background: #00d7ea;
	margin: 0;
	text-align: center;
	padding: 6px 5px 0 5px;
	line-height: 12pt;
	height: 34px;
}

.loveListing
{
	border: dotted 1px #191b0e;
	padding: 20px 20px 5px 20px;
}

.loveListing h1
{
	margin: 0 0 20px 0;
}

.loveListing a
{
	float: left;
	display: block;
	font: normal 8pt "CourierStdMedium", Courier, monospace;
	color: #191b0e;
	margin: 0 0 15px 0;
	text-decoration: none;
	width: 25%;
}

.loveListing a b
{
	display: block;
	font: normal 8pt "CourierStdBold", Courier, monospace;
}

#brand-letter-list
{
	margin: 0 0 30px 0;
}

#brand-letter-list a
{
	font: normal 10pt "CourierStdBold", Courier, monospace;
	line-height: 10pt;
	text-align: left;
	outline: none;
	padding: 3px 10px 3px 0;
	color: #000000;
	text-decoration: none;
}

.brand-list-letter
{
	margin: 0 0 35px 0;
}

.brand-list-letter h2
{
	padding: 0 0 5px 0;
	border-bottom: dotted 1px #000000;
}

.brand-list-letter a
{
	display: block;
	font: normal 9pt "CourierStdBold", Courier, monospace;
	line-height: 11pt;
	color: #000000;
	text-decoration: none;
	padding: 0 15px 0 0;
}

h1
{
	font: normal 11pt "CourierStdMedium", Courier, monospace;
	color: #191b0e;
	text-transform: uppercase;
	margin: 10px 20px 20px 20px;
}


.header {
	font-size: 8pt;
	letter-spacing: 2pt;
	height: 25px;
	text-transform: uppercase;
}

input.textbox  { 
	font-size: 8pt;
	border-color: #999;
	border-style: solid; }

.content select, .content input
{
	font-size: 9pt;
}

.pressItem
{
	float: left;
	width: 200px;
	height: 310px;
	margin: 0px 6px 0px 0px;
	text-align: center;
	font-weight: bold;
	font-size: 8pt;
}

.pressItem a
{
	display: block;
	margin-top: 3px;
	height: 285px;
}

#foot
{
	width: 866px;
	color: #50c7ff;
	margin: 25px auto 10px auto;
	text-align: right;
}

#foot ul 
{
	float: right;
}

#foot ul li
{
	float: left;
	border-left: solid 1px #50c7ff;
	font-size: 9pt;
	line-height: 9pt;
	padding: 0 10px;
}

#foot ul li:last-child
{
	padding-right: 0;
}

#foot ul li:first-child
{
	border: none;
}

#foot ul li a
{
	display: block;
	color: #50c7ff;
	text-decoration: none;
	text-transform: uppercase;
}

a
{
	color: #ef569f;
}

a:hover
{
	text-decoration: underline;
}

strong
{
	font-weight: bold;
}

.frame
{
	border: solid 1px #c7c9cb;
}

img
{
	border: 0px;
}

form
{
	margin: 0px;
}