/* Imports
----------------------------------------*/
@import url("jquery-ui-1.8.1.custom.css");

/* New Dartington CSS Templates*/
/*----*/

* {
	padding: 0;
	margin: 0;
}

p {
	padding: 5px 0;
}

.offScreen {
	position: absolute;
	left: -50000px;
}

.clear {
	clear: both; }

body {
	font: 80% Geneva, Arial, Helvetica, sans-serif;
	background: #fff;
	color: #333333;
	text-align: center;
	overflow: -moz-scrollbars-vertical;
}

hr { margin: 1em 0; }

form { text-align: left; }

/* Fieldsets */
fieldset    { padding:1em 1em 0 1em; margin: 0 0 .5em 0; border: none; border-top: 1px solid #ccc; }
fieldset p { margin-bottom: 0; }
legend      { font-weight: bold; font-size:1.2em; margin-bottom:1.4em; }
legend
{
	background: transparent;
	font-size: 1.3em;
	font-weight: bold;
	margin: 0.5em 0 1em 0;
	padding: 0 .5em;
}

fieldset label { width: 150px; margin-bottom:0; float:left; display: inline; /* IE 6 double margin bug */ }
fieldset input, fieldset select , fieldset textarea { margin-bottom: .2em;; }
fieldset input:focus, fieldset textarea:focus, fieldset select:focus { background-color: #ffc; }
fieldset input[type=submit]:focus { background-color: transparent; }

#recaptcha_widget_div { width: 318px; overflow: hidden; }

.submit, .submit input, .submit input:focus {
	border: 2px double #999;
	border-left-color: #ccc;
	border-top-color: #ccc;
	color: #333;
	padding: 0.25em;
}

.first { margin-top:0; padding-top: 0; }
.last { margin-bottom: 0; padding-bottom: 0; }

.smallprint { font-size: 11px; }

/* Override standard styling */
/* ------------------------- */

img {
	border: 0;
}

a:link {
	color: #990033;
	text-decoration: none;
}

a:visited {
	text-decoration: underline;
}

a:hover {
	color: #818181;
}

h1 {
	font-weight: normal;
	font-size:2em;
	line-height: 1.5em;
}

h2{
	color: #000000;
	font-size:1.2em;
}

h3 {
	font-size:1.2em;
}



 h3, h4 {
	font-weight: normal;
}

address {
	font-style: normal;
}

#wrapper {
	clear: both;
	width: 1000px;
	margin: 0pt auto;
	padding: 20px 0 20px 0;
	font-size: 1em;
	text-align: left;
}

/** Header Styling**/
/**--------------- **/
#header {
	width: 100%;
	background: #000000;
	margin: 1px 0;
	padding-bottom: 1px;
}

#header h1 {
	color: #ffffff;
	background: transparent url('/store/images/newimg/DartingtonLogo.gif') top left no-repeat;
	text-indent: -999999px;
	width: 173px;
	height: 64px;
}

#headerNav {clear:both; float:left; width:100%; overflow:hidden; background: #000; border-top: 1px solid #fff; }
#headerNav ul {
  padding:0; 
  margin:0 auto; 
  list-style-type:none;
  float:left;
  position:relative; 
  left:50%;
  }
#headerNav li {
  float:left; position:relative; right:50%;
  }
#headerNav a {
  width:auto;
  display:block;
  padding:4px 16px;
  color:#fff; 
  background:#000; 
  border-left:1px solid #ccc; 
  border-right:1px solid #ccc; 
  text-decoration:none;
  border-collapse: collapse;
  }
#headerNav a:hover {
  color:#888; 
  background:#111;
  }

#headerInner {
	padding-top: 10px;
	padding-bottom: 20px;
	position: relative;
	width: 173px;
	height: 64px;
	margin: 0 auto;
}

#productNav {
	padding-bottom: 20px;
	border-top:2px solid #ccc;
}	


/** Navigation Block **/
/** ---------------- **/

#mainNav ul { 
	/*padding-left: 30px;*/
	padding-bottom: 10px;
	margin: 0;
	list-style: none;
}

#productNav a {
	color:#534D4D;
	font-weight:bold;
	display:block;
	line-height:30px;
	padding-left:30px;
}

#productNav a:hover {
	color:#990033;
}

#productNav li {
	border-bottom:2px solid #ccc;
}

#productNav li.last {
	border-bottom:none;
}

/*#mainNav ol { 
	padding-left: 5px;
	margin-left: 20px;
	list-style: none;
	list-style-image: url(/store/images/newimg/navListarrow.gif);
}*/

#mainNav h2 {
	padding: 10px 0px 10px 30px;
	font-weight: strong;
	color: #990033;
	font-size: 1.2em;
}

#mainNav .linkHeader {
	padding-top: 5px;
	font-weight: bold;
	color: #534D4D;
	list-style: none;
}

#mainNav .loginSubmit1 {
	position: absolute;
	right: 0px;
	top: 0px;
	background:#CCC;
	border:1px solid #ccc;
	color:#FFFFFF;
	margin-bottom: 0px;
	padding-top: 0px;
	text-transform:uppercase;
}

#mainNav .loginSubmit2 {
	position: absolute;
	right: 0px;
	top: 0px;
	background:#CCC;
	border:1px solid #ccc;
	color:#FFFFFF;
	text-transform:uppercase;
}

#mainNav .formBox {
	background-color: #fff;
	border: 0px #ccc;
	padding-top: 2px;
	padding-left: 5px;
	padding-bottom: 0px;
	height: 20px;
	width: 125px;
}


#mainNav .bottom {
	padding-top: 6px;
}


#mainNav a
/* width needed or else Opera goes nuts */
#mainNav li 

/* Main Layout
================================= */

.twoColContainer {
	float: left;
	width: 1000px;
	display: inline; /* IE 6 double margin bug */
	margin-left: 15px;
	/*margin-bottom: 10px;
	padding-top: 20px;*/
	
}

.leftNav {
	float: left;
	width: 160px;
	display: inline; /* IE 6 double margin bug */
	padding-left: 0px;
	text-align: left;
}

.formHolder {
	position: relative;
	width: 200px;
	padding-top: 2px;
	
}

.generic{
	width: 600px;
	text-align: left;
	padding-left:15px;
}

.generic h3{
	font: Geneva, Arial, Helvetica, sans-serif;
	color: #333333;
	font-style: strong;
}

.generic h4{
	font: Geneva, Arial, Helvetica, sans-serif;
	color: #333333;
	font-style: strong;
}

.generic .california{
	background: #ccc;
	padding: 10px 10px 10px 10px;
	border: 1px solid;
}

img.border { border: 1px solid #ccc; padding: 5px; }
.right { float: right; margin-left: 10px; margin-bottom: 10px; }
.left { float: left; margin-right: 10px; margin-right: 10px; }
	
/*Indexpage styling*/
.mainPage {
	float: left;
	width: 800px;
	display: inline; /* IE 6 double margin bug */
	padding-left: 30px;
	line-height: 1.4em;
	/*padding-bottom: 10px;*/
}

.mainPage .mainLeft{
	float: left;
	width: 395px;
	height: 125px;
	display: inline; /* IE 6 double margin bug */
	/*padding-left: 15px;*/
	padding-bottom: 2px;
	/*background: transparent url('/store/images/newimg/Welcome.gif') top left no-repeat;*/
	/*text-indent: -999999px;*/
	background-color: #996666;
}

.mainPage h1 { margin-bottom: .5em; }
.mainPage h2, .mainPage h3 { margin: .5em 0; }

/*.mainPage .mainLeft h1 {
	font-weight: normal;
	font-size: 2.5em;
	color: #fff;
	text-align: left;
	padding-top: 20px;
	padding-left: 15px;
}
*/

.homeIntro p,  .homeIntro h3 {
	color:#fff;
	margin:20px;
}

.mainPage .categoryInfotop p {
	color:#333;
	margin-top:10px;
}

.mainPage .leftContainer {
	float: left;
	width: 400px;
}
/** Index page navigation styles**/
/** ---------------- **/
.mainPage .linkTop{
	float: left;
	width: 395px;
	height: 200px;
	display: inline; /* IE 6 double margin bug */
}

.mainPage .linkTop .leftLink a {
	display: block;
	width: 128px;
	height: 198px;
	/*background-image: url('/store/images/newimg/mainlinkDrink_combo.jpg');*/
	text-decoration: none;
	text-indent: -999em;
	outline:0;
}


	
/*.mainPage   a:hover {
	background-position: bottom;
}
*/
.mainPage .linkTop .leftLink{
	float: left;
	width: 128px;
	height: 198px;
	display: inline; /* IE 6 double margin bug */
	/*background: url('/store/images/newimg/mainlinkDrink_combo.jpg') top left no-repeat;*/
	padding-right: 5px;
}

.mainPage .linkTop .middleLink{
	float: left;
	width: 128px;
	height: 198px;
	display: inline; /* IE 6 double margin bug */
	padding-right: 5px;
}

.mainPage .linkTop .middleLink a {
	display: block;
	width: 128px;
	height: 198px;
	/*background-image: url('/store/images/newimg/mainlinkVase_combo.jpg');*/
	text-decoration: none;
	text-indent: -999em;
}

.mainPage .linkTop .rightLink{
	float: left;
	width: 128px;
	height: 198px;
	display: inline; /* IE 6 double margin bug */
}

.mainPage .linkTop .rightLink a {
	display: block;
	width: 128px;
	height: 198px;
	/*background-image: url('/store/images/newimg/mainlinkGifts_combo.jpg');*/
	text-decoration: none;
	text-indent: -999em;
}

.mainPage .linkBottom{
	float: left;
	width: 395px;
	height: 200px;
	display: inline; /* IE 6 double margin bug */
	padding-bottom: 10px;
}

.mainPage .linkBottom .leftLink{
	float: left;
	width: 128px;
	height: 198px;
	display: inline; /* IE 6 double margin bug */
	padding-right: 5px;
}

.mainPage .linkBottom .leftLink a {
	display: block;
	width: 128px;
	height: 198px;
	/*background-image: url('/store/images/newimg/mainlinkVoucher_combo.jpg');*/
	text-decoration: none;
	text-indent: -999em;
}

.mainPage .linkBottom .middleLink{
	float: left;
	width: 128px;
	height: 198px;
	display: inline; /* IE 6 double margin bug */
	padding-right: 5px;
}

.mainPage .linkBottom .middleLink a {
	display: block;
	width: 128px;
	height: 198px;
	/*background-image: url('/store/images/newimg/mainlinkVisitor_combo.jpg');*/
	text-decoration: none;
	text-indent: -999em;
}

.mainPage .linkBottom .rightLink{
	float: left;
	width: 128px;
	height: 198px;
	display: inline; /* IE 6 double margin bug */
}

.mainPage .linkBottom .rightLink a {
	display: block;
	width: 128px;
	height: 198px;
	background-image: url('/store/images/newimg/mainlinkOffers_combo.jpg');
	text-decoration: none;
	text-indent: -999em;
}

.mainPage .linkTop .leftLink ,
.mainPage .linkTop .middleLink,
.mainPage .linkTop .rightLink,
.mainPage .linkBottom .leftLink ,
.mainPage .linkBottom .middleLink,
.mainPage .linkBottom .rightLink{
	position:relative;
}

.mainPage .linkTop .leftLink  a.overlay,
.mainPage .linkTop .middleLink  a.overlay,
.mainPage .linkTop .rightLink  a.overlay,
.mainPage .linkBottom .leftLink  a.overlay,
.mainPage .linkBottom .middleLink  a.overlay,
.mainPage .linkBottom .rightLink  a.overlay {
	position:absolute;
	text-indent: 0;
	display:block;
	color:#fff;
	line-height:23px;
	height:23px;
	bottom:0;
	left:0;
	text-align: center;
	font-weight:bold;
	background-color:#653567;
	background-image:none;
}

.mainPage .linkTop .leftLink a.overlay,
.mainPage .linkTop .rightLink a.overlay,
.mainPage .linkBottom .middleLink a.overlay {
	background-color:#990134;
}

.mainPage .mainRight{
	float: right;
	width: 388px;
	height: 544px;
	/*background: transparent url('/store/images/newimg/homepageMain.jpg') top no-repeat;*/
}

/** Contact page styling **/
/** ---------------- **/

.mainPage .mainContact{
	float: left;
	width: 680px;
	padding-left: 15px;
}

.mainContact  h2{
	font-size: 1.3em;
	font-weight: bold;
	color: #666;
}

.mainPage .mainContact h3{
}

.mainPage .mainContacttop{
	width: 680px;
	height: 125px;
	padding-left: 0px;
	text-align: left;
	padding-bottom: 10px;
}
.mainPage .mainContacttopleft{
	float: left;
	width: 320px;
	padding-left: 0px;
	text-align: left;	
}
.mainPage .mainContacttopright{
	float: left;
	width: 300px;
	padding-left: 10px;
	padding-top: 5px;
	text-align: left;	
}
.mainPage .mainContactbottom{
	float: left;
	width: 680px;
	padding-left: 0px;
	text-align: left;
}
.mainPage .mainContactbottom .leftForm{
	float: left;
	width: 320px;
	height: 300px;
	padding-left: 0px;
}

.mainPage .mainContactbottom .rightForm{
	float: left;
	width: 320px;
	padding-left: 5px;
}

/*Contact Form Styling*/
/**--------------- **/

.mainPage .mainContactbottom label {
	font: bold 0.6em/1em "Trebuchet MS", Verdana, Arial, sans-serif; 
	color: #333333;
	margin: 0 15px 0 0;
}

div.row{
	clear: both;
	font-size: 18px;
	margin: 15px 0 0 0;
} 

/* COLUMN STYLES */

/* USED FOR GENERIC COLUMNS */
.mainPage .mainContactbottom .col1 {
	text-align: left;
	width: 95px;
	height: 20px;
	margin-top: 5px;
	float: left;
	margin-right: 2px;
}

.mainPage .mainContactbottom .col2 {
	width: 220px;
	height: 25px;
	display: block;
	float: right;
	margin: 0;
}

.mainPage .mainContactbottom .righttopform{
	float: left;
	width: 310px;
	height: 50px;
}

.mainPage .mainContactbottom .col1country {
	width: 50px;
	height: 20px;
	padding-top: 5px;
	display: block;
	margin-right: 2px;
	float: left;
}

.mainPage .mainContactbottom  .righttopform .col1new{
	text-align: left;
	width: 60px;
	height: 20px;
	margin-top: 5px;
	float: left;
	margin-right: 2px;
}

.mainPage .mainContactbottom .col1Enquiry {
	text-align: left;
	width: 150px;
	height: 20px;
	position: left;
}

/** About page styling **/
/** ---------------- **/
.mainPage .aboutMain{
	float: left;
	width: 700px;
	/*height: 600px;*/
	display: inline; /* IE 6 double margin bug */
	padding-left: 15px;
	padding-bottom: 2px;
	/*background: transparent url('/store/images/newimg/Aboutusbackground.jpg') top right no-repeat;*/
	background-repeat: no-repeat;
	background-position: top right;
	text-align: left;
	
}

.mainPage .aboutLeft{
	float: left;
	width: 360px;
	/*height: 600px;*/
	display: inline; /* IE 6 double margin bug */
	padding-left: 15px;
	padding-bottom: 2px;
}

.mainPage .linkList{
	float: left;
	padding-top:15px;
}

.mainPage .aboutLeft ul {
	margin-bottom:10px;
}

.mainPage .aboutLeft .linkList li {
	list-style:none;
}
	
.mainPage ul {
	margin-left:10px;
}

.mainPage .aboutLeft li{
	margin: 0 0 8px 10px;
}

.mainPage .aboutMain h3{
	font-weight: bold;	
}
.mainPage .aboutDivider{
	float: left;
	width: 500px;
	height: 15px;
	display: inline; /* IE 6 double margin bug */
	background: #080A09;
	margin-bottom: 15px;
}

/** catalog page styling **/
/** ---------------- **/
.mainPage .catalogMain{
	float: left;
	width: 780px;
	display: inline; /* IE 6 double margin bug */
	padding-left: 0px;
	padding-bottom: 2px;
	padding-top: 0px;
	/*background: transparent url('/store/images/newimg/DrinkwareMain.jpg') top right no-repeat;*/
	text-align: left;
}

.mainPage .catalogMain2{
	float: left;
	width: 780px;
	display: inline; /* IE 6 double margin bug */
	padding-left: 0px;
	padding-bottom: 2px;
	padding-top: 0px;
	/*background: transparent url('/store/images/newimg/DrinkwareMain2.jpg') top right no-repeat;*/
	text-align: left;
}


.mainPage .catalogMainTop{
	float: left;
	width: 395px;
	height: 147px;
	display: inline; /* IE 6 double margin bug */
	padding-left: 0px;
	padding-bottom: 2px;
	text-align: left;
}

.mainPage .catalogMainTop .headerblock{
	float: left;
	width: 388px;
	display: inline; /* IE 6 double margin bug */
	background: #653366;
}

.mainPage .catalogMainTop .headerblock h1{
	font: Geneva, Arial, Helvetica, sans-serif;
	color: #f9eff2;
	font-style: smooth;
	font-size: 3em;
	padding-left: 10px;
	padding-top: 15px;
	padding-bottom: 5px;
	line-height: 1em;
	margin-bottom: 0;
}

.mainPage .catalogMainTop .headerblock h2{
	font: Geneva, Arial, Helvetica, sans-serif;
	color: #f9fff2;
	font-size: .9em;
	padding-left: 10px;
	padding-top:2px;
	margin-top: 0;
}

.products { border-top: 1px dashed #666; margin-top: 1em; }

.mainPage  .catalogProductsTop{
	float: left;
	width: 390px;
	display: inline; /* IE 6 double margin bug */
	padding-left: 0px;
	padding-bottom: 2px;
	text-align: left;
}	

.mainPage .productheader{
	float: left;
	width: 388px;
	display: inline; /* IE 6 double margin bug */
	padding-bottom: 0px;
	margin-right: 400px;
	background: #990033;
	text-align: left;
}

.mainPage .productheader h1{
	font: Geneva, Arial, Helvetica, sans-serif;
	color: #f9eff2;
	font-style: smooth;
	font-size: 1.4em;
	padding-left: 10px;
	padding-top: 6px;
}


.mainPage  .header2{
	float: left;
	width: 390px;
	height: 36px;
	display: inline; /* IE 6 double margin bug */
	padding-left: 0px;
	padding-right: 400px;
	background: transparent url('/store/images/newimg/glassHeader.gif') top left no-repeat;
	text-align: left;
}	

.mainPage  .productDetails{
	float: left;
	width: 190px;
	min-height: 200px;
	display: inline; /* IE 6 double margin bug */
	padding-top: 20px;
	padding-bottom: 2px;
}	

.mainPage  .productDetails p{
	color: #534D4D;
	font-weight: bold;
	text-align: center;
	margin-top: 5px;
}	

.mainPage .catalogMainBottom1{
	float: left;
	width: 800px;
	display: inline; /* IE 6 double margin bug */
	padding-left: 0px;
	padding-bottom: 20px;
	text-align: left;
}

.mainPage .catalogMainBottom2{
	float: left;
	width: 800px;
	display: inline; /* IE 6 double margin bug */
	padding-left: 0px;
	padding-bottom: 2px;
	text-align: left;
}

/** category  page styling **/
/** ---------------- **/
.mainPage .categoryMain{
	float: left;
	width: 780px;
	display: inline; /* IE 6 double margin bug */
	padding-left: 0px;
	padding-bottom: 2px;
	padding-top: 0px;
	text-align: left;
}

.mainPage .categoryMainTop{
	float: left;
	width: 395px;
	height: 147px;
	display: inline; /* IE 6 double margin bug */
	padding-left: 0px;
	padding-bottom: 2px;
	background: transparent;
	text-align: left;
}

.mainPage .categoryInfotop{
	float: left;
	width: 388px;
	/*height: 375px;*/
	display: inline; /* IE 6 double margin bug */
	padding-left: 0px;
	padding-bottom: 2px;
	background: transparent;
	text-align: left;
}
.mainPage .categoryInfotop p{
	color: #534D4D;
	font-weight: bold;
	text-align: left;
}	

.mainPage  .categoryProductsTop{
	float: left;
	width: 390px;
	/*height: 400px;*/
	display: inline; /* IE 6 double margin bug */
	padding-left: 0px;
	padding-bottom: 2px;
	text-align: left;
}	

.mainPage .catImage {
	float: left;
	width: 370px;
	overflow: hidden;
}

.mainPage .catImage  img {
	margin-left:5px;
}

.mainPage  .categoryheader{
	/*float: left;*/
	width: 388px;
	height: 36px;
	/*display: inline; */
	padding-bottom: 0px;
	background: #990033;
	text-align: left;
}	

.mainPage .categoryheader h1{
	font: Geneva, Arial, Helvetica, sans-serif;
	color: #f9eff2;
	font-style: smooth;
	font-size: 1.4em;
	padding-left: 10px;
	padding-top: 6px;
}

.mainPage  .header2{
	float: left;
	width: 390px;
	height: 36px;
	display: inline; /* IE 6 double margin bug */
	padding-left: 0px;
	padding-right: 400px;
	background: transparent url('/store/images/newimg/glassHeader.gif') top left no-repeat;
	text-align: left;
}	
/*
.mainPage  .productDetails{
	float: left;
	width: 194px;
	height: 180px;
	display: inline;  IE 6 double margin bug 
	padding-top: 20px;
	padding-bottom: 2px;
	position:relative;
	text-align:center;
}

.mainPage  .productDetails p {
	color: #534D4D;
	font-weight: bold;
	text-align: center;
	padding:0;
	margin:5px 0 0 0;
}*/	

.mainPage  .productDetails a img { border: 1px solid #ccc; }

.mainPage  .productDetails .new-product-flag {
	position:absolute;
	top:130px;
	left:1px;
	text-indent:-9999px;
	width:38px;
	height:37px;
	background:transparent url(/store/images/newimg/new_diag.gif) top left no-repeat;
}	

.mainPage  .productDetails .made-in-devon-flag {
	position:absolute;
	top:143px;
	right:0;
	text-indent:-9999px;
	width:38px;
	height:23px;
	background:transparent url(/store/images/newimg/made_in_devon_small.gif) top left no-repeat;
}

.mainPage .productDetails .cat-new{
	position:absolute;
	top:141px;
	left:3px;
	width:24px;
	height:24px;
	background:transparent url(/store/images/newimg/new_round.gif) top left no-repeat;
}

.mainPage  .categoryMainBottom1{
	float: left;
	width: 800px;
	display: inline; /* IE 6 double margin bug */
	padding-left: 0px;
	padding-bottom: 20px;
	text-align: left;
}

.mainPage .catalogMainBottom2{
	float: left;
	width: 800px;
	display: inline; /* IE 6 double margin bug */
	padding-left: 0px;
	padding-bottom: 2px;
	text-align: left;
}



/** product page styling **/
.mainPage .product { float:left; margin: 0 30px 30px 0; height: 300px; width: 200px; border-bottom: 1px dashed #ccc; padding-bottom: 2em; }

/** ---------------- **/
.mainPage .productMain{
	float: left;
	width: 800px;
	display: inline; /* IE 6 double margin bug */
	padding-left: 0px;
	padding-bottom: 2px;
	padding-top: 0px;
	text-align: left;
}

.mainPage .productMain .productData{
	float: left;
	width: 350px;
	/*height: 240px;*/
	display: inline; /* IE 6 double margin bug */
	padding-left: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
	text-align: left;
}

.mainPage  .productMain .productData .productheader{
	width: 350px;
	display: inline; /* IE 6 double margin bug */
	margin-right: 0px;
	padding-bottom: 0px;
	background: #990033;
	text-align: left;
	margin-bottom: 1em;
}

.mainPage .productMain .productData .productheader h1{
	font: Geneva, Arial, Helvetica, sans-serif;
	color: #f9eff2;
	font-style: smooth;
	font-size: 1.4em;
	padding-left: 10px;
	padding-top: 6px;
}

.mainPage .productMain .button{
	float: left;
	padding-top: 30px;
	text-align: left;
}
.mainPage .productMain .text{
	padding-top: 10px;
	padding-left: 20px;
	text-align: left;
	padding-right: 20px;
}

.mainPage .productMain .productData h1{
	font: 110% Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #990033;
}

.mainPage .productMain .productData .text h1 {
	margin-bottom: 0;
}

.mainPage .productMain .productData h2{
	font: 100% Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #9F9F9F;
	margin-top: 0;
}

.mainPage  .productMain .productData p{
	color: #534D4D;
	font-weight: bold;
	text-align: left;
}	

.mainPage  .productMain .productData p.price {
	font: 110% Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #990033;
	margin:0;
}

.mainPage .productMain .productImage{
	float: left;
	width: 350px;
	display: inline; /* IE 6 double margin bug */
	padding-right: 50px;
	padding-bottom: 2px;
	padding-top: 0px;
	text-align: left;
}
.mainPage  .productMain .productDetails{
	float: left;
	width: 180px;
	height: 180px;
	display: inline; /* IE 6 double margin bug */
	padding-top: 20px;
	padding-bottom: 2px;
}	


.mainPage .giftVoucher { text-align:center; border: 2px solid #ccc; width: 190px; height: 148px; margin: 20px 0 0 0; padding: 0; }
.mainPage .giftVoucher a {  line-height: 148px; display:block; background: #eee; }
.mainPage .giftVoucher a:hover { background: #000; color: #fff; }


/*Footer Styling*/
/**--------------- **/
#footer {
	width: 100%;
	height: 25px;
	background: #000000;
	padding-top: 8px;
	color:#fff;
	clear: both;	
}

#footer li{
	display: inline;
	padding-left: 5px;
}

#footer a{
	color: #ffffff;
	text-decoration: none;
}

#footer a:hover {
	color: #990033;
}

#footer p {
	font-size: .9em;
	display: inline;
	padding: 5px 0;
	color: #ffffff;
}

#logos {
	width:1000px;
	margin:10px auto;
	height:100px;
	position:relative;
	background:white;
	text-align:center;
}

#logo-beswick {
	float: left;
	width: 189px;
	height: 100px;
	margin-top: -20px;
}

#logo-brierley {
	float: right;
	width: 206px;
	height: 64px;	
}

.invoice td { padding: 10px; }

/****************************
  Prolific Notion Styles   */

table#cart { border: 1px solid #000; margin-bottom: 20px; }
table#cart th, table#cart td  { padding: 5px; }
table#cart th { background: #000; color: #fff;}
table#cart td { border-bottom: 1px solid #ccc; }

form.pager { background: #eee; border: 1px solid #ccc; padding: 1em; line-height: 30px; text-align: right; }
form.pager .pager-buttons { float: left; width: 240px; }
form.pager .pager-buttons  a { width: 120px; height: 30px; display:block; text-indent: -9999px; text-align: left;}
form.pager a.next { float: right; background: transparent url('../images/btn-next.png') no-repeat; }
form.pager a.previous { float: left; background: transparent url('../images/btn-previous.png') no-repeat; }
form.pager a.active { font-weight:bold; color: #900; text-decoration: underline; }

/* Success, error & notice boxes for messages and errors. */
.error,
.notice, 
.success    { padding: .8em; margin-bottom: 1em; border: 2px solid #008C00; display:block; }
.error      { background: #FBE3E4; color: #D12F19; border-color: #FBC2C4; }
.notice     { background: #FFF6BF; color: #900; border-color: #FFD324; }
.success    { background: #cfe7c0; color: #334433; border-color: #008C00; }
.error a    { color: #D12F19; }
.notice a   { color: #990000; font-weight: bold; text-decoration:underline; }
.success a  { color: #529214; }

.errFld {border: 1px solid #F00; }
.errMsg { color: #C33; font-size: 1em; display:inline; } 

.frame { border: 1px solid #ccc; background: #eee; padding: 1em; }


.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}.clearfix{display:inline-block}* html .clearfix{height:1%}.clearfix{display:block}

.leftNav h2 { margin-bottom: 0.1em; }

.leftNav form { margin-bottom: 1em; border-bottom: 1px dashed #666; padding-bottom: 1em; }

#cat-nav { margin-bottom: 1em; }
#cat-nav a { display:block; padding: .5em; color: #444; }
#cat-nav a:hover { background: #ddd; color: #000; }
#cat-nav li { list-style: none; border-bottom: 1px solid #ccc; border-top: 1px solid #fff;}
#cat-nav dt { background: #000; font-weight: bold; border-bottom: 1px solid #666;  }
#cat-nav dt a { color: #fff; text-underline: none; }
#cat-nav dt a:hover { background: #333; color: #fff; }
#cat-nav dd { background: #eee; }
#cat-nav .active { font-weight: bold; color: #000; }

/* style for the player's wrapper element */
#flvplayer {
    background:#000 url(/img/global/gradient/h300.png) 0 0 repeat-x;
    width:770px;
    border:2px solid #fff;
    outline:1px solid #000;
    -moz-outline-radius:2px;
	margin: 1em 0;
}
#flvplayer #player { display:block;width:400px;height: 225px;float:left; }
#flvplayer #flvdescription { float:right; color: #fff; margin:1em; width: 320px; }
#flvplayer #flvdescription h3 { font-weight: bold; }
#flvplayer #flvdescription a { color: #fff; text-decoration: underline; }
#playlist ul { padding:0; margin: 2em; }
#playlist ul li { float: left; margin-right: 1em; width: 300px; list-style: none; }

.categories .category{ 	
	float: left;
	width: 194px;
	height: 180px;
	display: inline; /* IE 6 double margin bug */
	padding-top: 20px;
	padding-bottom: 2px;
	position:relative;
	text-align:center;
 }
 
.categories .category p {
	color: #534D4D;
	font-weight: bold;
	text-align: center;
	padding:0;
	margin:5px 0 0 0;
}

.categories .category a img { border: 1px solid #ccc; width: 194px; }

#products { clear: both; }

.news-item { border-bottom: 2px dashed #ccc; margin-bottom: 1em; padding-bottom: 1em; }
.news-item h3 { font-size: 1.4em; margin-bottom: 0; }
.news-item .date { color: #666; font-size: .9em; margin-top: 0;}

h2.more { background: #990033; color: #fff; padding: .5em; margin: 1em 0; }

div#personalisation { margin-top:1em; clear: both; }
div#personalisation p { margin-top: 0; padding-top: 0; }
div#personalisation th { text-align: right; }
.wordCount { color: #900; }
#personalisation-costs td { padding: .3em .5em; }
#personalisation-costs tr.total th, #personalisation-costs tr.total td { border-top: 1px solid #000; }
td.price { color: #900; }

.font-options h3 { font-weight: bold; }
.font-options li { margin-bottom: 1em; list-style: none; }
.font-options label { margin-left: 1em;   }

#engraving-request form {  line-height:1em; margin-top: 1em; }
#engraving-request select { font-size: .9em; }
#engraving-request textarea { width: 300px; height: 120px; }
#engraving-request br { clear: both; }


/* jqModal base Styling courtesy of;
  Brice Burgess <bhb@iceburg.net> */

/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
  the Window's z-index value will be set to 3000 by default (in jqModal.js). You
  can change this value by either;
    a) supplying one via CSS
    b) passing the "zIndex" parameter. E.g.  (window).jqm({zIndex: 500}); */
  
.jqmWindow {
    display: none;
    
    position: fixed;
    top: 30px;
    left: 50%;
    
    margin-left: -300px;
    width: 600px;
    
    background-color: #EEE;
    color: #333;
    border: 1px solid black;
    padding: 12px;
}

.jqmOverlay { background-color: #333; }

.jqmClose { width: 24px; height: 24px; background: transparent url('../images/icon-close.png') no-repeat center center; text-indent: -9999px; position: absolute; top: 5px;  right: 5px; }

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}