/* 
---------------------------------------------------------------------------
GLOBAL STYLES
---------------------------------------------------------------------------
*/

body 		{	padding: 0; 
			background: #fff ;
			font-family: Calibri, "Trebuchet MS", Arial, Helvetica, sans-serif;
			font-size: 0.8125em; 	/* 13 16th of 16px */
			color: #333333;		
			margin: 0 auto;}

.lucinda	{	font-family: "Lucinda Sans Unicode", Arial, Helvetica, sans-serif;
			font-size: 9pt;
			line-height:15.75pt;
			color: #333333;}


h1, h2, h3 	{	margin-top: 0; font-family: Arial, Helvetica, sans-serif; font-weight: normal; color: #333333; }
h1 		{	font-size: 150%;}
h2 		{	font-size: 136%;}
h3 		{	font-size: 100%; font-weight: bold; }


a:link, 
a:visited	{	color: blue; text-decoration:none;}
a:hover		{	text-decoration:underline;}

h2 a:link, 
h2 a:visited 	{	color: blue; background: white;}

h2 a:link:hover {	color: blue; background: white; text-decoration:underline;}
h2 a:link:active{	color: blue; background: white;}

p 		{	text-align: justify;}

em		{	font-weight:bold; font-style: normal }
blockquote 	{	width: 80%; margin: 10px 20px; padding: 10px; quotes: "\201C" "\201D";text-align: justify;background-color:#FFFFC0; border: 1px solid #D8D981; }
blockquote:before { 	content: open-quote; font-weight: bold; }
blockquote:after { 	content: close-quote; font-weight: bold; }

a:hover 	{	text-decoration: underline;}
a:visited	{	color:blue;}
a:link.red	{	color:#991D20;}
table a		{	color: #5599BB; text-decoration:none}
table a:hover	{	text-decoration:underline;}

hr 		{	clear: both; display: none;}
img 		{	border:0px; display:block;} //Block display is important to prevent DIVS containing images from having a single blank pixel gap after the DIV in all but IE browsers
img.left 	{ 	float: left; margin: 0 15px 0 0; }
img.right 	{ 	float: right; margin: 4px 0 0 15px;}
sup 		{	font-size: 65%; font-family: Arial, Helvetica, sans-serif;color:#808080}

.right		{	float: right;}
.left		{	float: left; }


table.prams		{border:1px solid green; border-collapse:collapse}
table.prams td, th	{vertical-align:top; padding: 0 10px}
tr.fuchsia td,th 	{background-color: pink; color: black; border:1px solid black}		/* class name changed from pink to fuchsia as chrome browser was clashing style with wider .pink rule */
tr.white td,th 		{background-color: #fffffff; color: black; border:1px solid black}


/* 
---------------------------------------------------------------------------
GLOBAL COLOURS
---------------------------------------------------------------------------
*/

.blue		{color:#5599BB}
.green 		{color:#8FA210}
.othergreen	{color:#84A23B}
.green3		{color:#619F09} /* evite */
.ssgreen	{color:#B5FF08}
.pink 		{color:#E710D6; display: block; font-weight:bold; }
.red		{color:#991D20}
.redbold	{color:#991D20; display: block; font-weight:bold;}


/* 
---------------------------------------------------------------------------
TERMS & CONDITIONS
---------------------------------------------------------------------------
*/

.terms {
	padding: 0 90px 0 90px;
	font-size:100%;}

.terms ul {
	list-style-type: none;
	padding: 0;
	margin-left: 25px; }

#terms ul > li {
	list-style-type: none;
	padding:0;}



/* 
---------------------------------------------------------------------------
	FAQ 
---------------------------------------------------------------------------
*/


#faq 	{	width:100%}

#faq h2 {	color: #8FA210; }

.faqanswer {	margin:40px 0 0 0; }
.faqup	{	float:right; }



/* 
---------------------------------------------------------------------------
HEADER CONTENTS LOGO, HEADLINE ETC
---------------------------------------------------------------------------
*/



#logo {	float: left;
	width: 220px;
	height: 85px;
	position: relative;
	padding:0; 
	margin: 15px 0 0 24px;
}

#headline {float: left;
	width: 300px;
	height: 30px;
	position: relative;
	top: 35px;
	font-size: 170%;
	font-weight: bold;
	display: inline;}


#headline h1 {font-family: "Bradley Hand ITC",
        "Lucida Handwriting",
        "Comic Sans MS",
        "URW Chancery L",
        "Apple Chancery",
         cursive;
	font-size: 85%;
	font-weight:700;
	color: #000000;}


#logo h1, #logo h2 { margin: 0;
	text-transform: lowercase;
	text-align: center;}
#logo h1 { padding-top: 15px;
	font-size: 36px; }
#logo h2 {font-size: 12px; }

#logo a {text-decoration: none;
	color: #FFFFFF;}

#buynow {float:right;
	position:relative;
	top:40px;
}



/* 
*****************************************
CONTENTS CENTRE COLUMN (#col2) SPECIFIC
*****************************************
*/


/*
-----------------------------------------
	LISTS
-----------------------------------------
*/


#col2 ul { 		list-style-type: none; 
			margin-left: 0px;
			padding-left: 10px; }

#col2 ul.nobuttons {	list-style-type: none;
			padding-left: 10px;}

#col2 ol { 		margin-left: 0px;
			padding-left: 20px; }

#col2 ul li { 		background: url(../images/bullet-15x15.png) 0px 3px no-repeat;}
#col2 ul.nobuttons li { background-image: none;}


#col2 ul li, ol li { 	padding-left:17px;
			line-height: 20px; }

#col2 li.questionmark { background: url(../images/questionmark12x14.jpg) 0px 0px no-repeat;}
			
#col2 li.lightbulb { 	background: url(../images/lightbulb12x14.jpg) 0px 0px no-repeat;}

#col2 li.tick { 	background: url(../images/tick-15x15.gif) 0px 0px no-repeat;}

#col2 li.cross { 	background: url(../images/cross-13x15.jpg) 0px 0px no-repeat;}

#col2 li.block { 	background: url(../images/block-15x15.gif) 0px 0px no-repeat;}




#col2 a.twitter	{	color:#5599BB;
			text-decoration:none;
			font-weight:bold; }

#col2 a.twitter:hover {	text-decoration:underline; }




#prampicture	{	float: right; 
			/* width: 160px; */
			display: block;
			margin-top: 0px;
			padding-left: 18px;}


.title {		padding-bottom: 5px;
			border-bottom: 1px solid #EDEBD5; }

.twocols { }

.twocols .col1 { 	float: left;
			width: 235px; }
.twocols .col2 {	float: right;
			width: 235px; }
.list {			margin-left: 0;
			padding-left: 0;
			list-style: none; }
.list li {		padding-left: 10px;
			background: url(../images/img10.gif) no-repeat left center; }




/* 
---------------------------------------------------------------------------
GALLERY PAGE IMAGES
---------------------------------------------------------------------------
*/

.polaroidthumb		{	float:left;}
.polaroidthumb img 	{ 	margin:-5px 0 0px -5px !important; border:0; padding:15px 19px 39px 19px !important; background: url('../images/gallery/snoozeshade-polaroid-background-portrait-outer128x144-innner90x90.png') 0 0 no-repeat; width:90px; height:90px;}
.polaroidthumb p	{	margin: 0; position: relative;	bottom: 39px; font-family: Arial, Helvetica, sans-serif; font-size: 0.75em; text-align:center;} 





/* 
---------------------------------------------------------------------------
OTHER IMAGE STYLES
---------------------------------------------------------------------------
*/


.callout200 		{	width:200px; 			border:0; margin: 0px auto 15px auto;	}
.callout200x133 	{	width:200px; height:133px; 	border:0; margin: 0px auto 15px auto;	}







/* 
--------------------------------------------------
DISTRIBUTOR LIST REST-OF-THE-WORLD
--------------------------------------------------  
*/

.distlistrow     {float: left; width:400px; margin: 0 24px 10px 24px; padding: 10px; display: block; clear:both; }	/* border: 1px solid #808080; background: #efefef; */
.distlistrow h2  {color: orange; margin:5px 0 5px 0;}
.distlistrow h4  {color:#0354c2;margin:0 0 5px 0; font-size:110%;}
.distlistrow p   {margin:0 0 10px 0; text-align:left;}		/*** different margins to distlist ***/
.distlistrow p a {margin:0 0 0 0px;}				/*** this is different to normal distlist ***/




/* 
--------------------------------------------------
DISTRIBUTOR ON GENERAL RETAILERS PAGES
--------------------------------------------------  
*/

.distlist     {float: left; width:400px; margin: 0 24px 10px 24px; padding: 10px; display: block; clear:both;}		/* border: 1px solid #808080; background: #efefef; */
.distlist h2  {color: orange; margin:5px 0 5px 0;}
.distlist h4  {color:#0354c2;margin:0 0 5px 0; font-size:110%;}
.distlist p   {margin:0; text-align:left;}
.distlist p a {margin:0 0 0 5px;}




/* 
--------------------------------------------------
RETAILER LIST ON UK-STOCKISTS
--------------------------------------------------  
*/



.listboxgrey { 
	width:488px;				/* <-- 2px narrower than the centre column div to allow for a 1px border each side */
	overflow: hidden; 			/* necessary to specify an overflow property to allow the container div to grow in size with its contents */
	border: 0;				/* 1px solid #808080; */
	margin: 30px 0 0 0;}

	.listboxgrey h2 {
		
		color:orange; 
		background: #efefef; 
		padding: 4px 0 3px 4px; 
		clear:both; }

	.listboxgrey hr {
		display: block;
		visibility: hidden;}


.retlist     {float: left; width:214px; margin: 0 15px 10px 15px; padding: 0 0 10px 0; display: inline; border-bottom:3px solid #efefef; overflow:hidden; }   
.retlist h2  {color: orange; margin:5px 0 5px 0;}
.retlist h4  {color:#0354c2;margin:0 0 5px 0; font-size:110%}
.retlist p   {margin:0;}
.retlist p a {margin:0 0 0 5px;}
.retlist img {margin: 20px 0 5px 0;}








/* 
---------------------------------------------------------------------------
CALLOUTS AND BOXES ETC
---------------------------------------------------------------------------
*/


.callout1 {
	border: 1px solid #8FA210;
	padding:10px;
	margin: 0 0 10px 0;}

.callout2 {
	border: 1px solid #8FA210;
	padding:10px;
	margin: 0 0 10px 0;
	background:lightyellow;}


#callout3 {
	position: relative;
	margin: 0 0 10px 0;
	padding: 0;
	text-align: left;
	width:200px;				/* <-- use this for a set width */
	background-color: #eeeeee;}
	#callout3-tlc	{background: transparent url(../images/layout/callouts/eeeeee/tlc.gif) 0 0 no-repeat;}
	#callout3-trc	{background: transparent url(../images/layout/callouts/eeeeee/trc.gif) 100% 0 no-repeat;}
	#callout3-blc	{background: transparent url(../images/layout/callouts/eeeeee/blc.gif) 0 100% no-repeat;}
	#callout3-brc	{background: transparent url(../images/layout/callouts/eeeeee/brc.gif) 100% 100% no-repeat;}
	#callout3-tb	{background: transparent url(../images/layout/callouts/eeeeee/tb.gif) 0 0 repeat-x;}
	#callout3-bb	{background: transparent url(../images/layout/callouts/eeeeee/bb.gif)50% 100% repeat-x;}
	#callout3-rb	{background: url(../images/layout/callouts/eeeeee/r.gif) 100% 0 repeat-y;}
	#callout3-lb	{background: url(../images/layout/callouts/eeeeee/l.gif) 0 100% repeat-y;}
	#callout3-content {padding:1.5em;}
	#callout3-content h1 {
		color:red;
		font-weight: bold;
		font-size: 1.2em;}
	#callout3-content p {
		color:#3b3b3b;
		font-size: 1em;
		line-height: 1.3em;
		text-align: left;}

.callout4 { /* plain green curved border */
	background: url(../images/layout/callouts/8FA210/t1x8.png) 0 0 repeat-x; width: 200px;margin:0 0 10px 0;}
	.callout4-b {background: url(../images/layout/callouts/8FA210/b1x8.png) 0 100% repeat-x}
	.callout4-l {background: url(../images/layout/callouts/8FA210/l8x1.png) 0 0 repeat-y}
	.callout4-r {background: url(../images/layout/callouts/8FA210/r8x1.png) 100% 0 repeat-y}
	.callout4-bl {background: url(../images/layout/callouts/8FA210/bl8x8.png) 0 100% no-repeat}
	.callout4-br {background: url(../images/layout/callouts/8FA210/br8x8.png) 100% 100% no-repeat}
	.callout4-tl {background: url(../images/layout/callouts/8FA210/tl8x8.png) 0 0 no-repeat}
	.callout4-tr {background: url(../images/layout/callouts/8FA210/tr8x8.png) 100% 0 no-repeat; padding:10px}


.callout5 { 
	background: url(../images/layout/callouts/84BD10/t1x16.png) 0 0 repeat-x; width: 200px;margin:0 0 10px 0;}
	.callout5-b {background: url(../images/layout/callouts/84BD10/b1x16.png) 0 100% repeat-x}
	.callout5-l {background: url(../images/layout/callouts/84BD10/l16x1.png) 0 0 repeat-y}
	.callout5-r {background: url(../images/layout/callouts/84BD10/r16x1.png) 100% 0 repeat-y}
	.callout5-bl {background: url(../images/layout/callouts/84BD10/bl16x16.png) 0 100% no-repeat}
	.callout5-br {background: url(../images/layout/callouts/84BD10/br16x16.png) 100% 100% no-repeat}
	.callout5-tl {background: url(../images/layout/callouts/84BD10/tl16x16.png) 0 0 no-repeat}
	.callout5-tr {background: url(../images/layout/callouts/84BD10/tr16x16.png) 100% 0 no-repeat; padding:10px}

	.callout5 p {text-align:left;}




/* ------------------------ Sidebar ------------------------ */


#singleleftcolumn240 ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#singleleftcolumn240 li {padding: 20px;
}

#singleleftcolumn240 li ul {
}

/*
#singleleftcolumn240 li li {background-color:red;
	padding: 5px 0;
	background: url(../images/img12.gif) repeat-x left bottom;}
*/


#singleleftcolumn240 h2 {border-bottom: 1px solid #EDEBD5;
	font-size: 114%;
	font-weight: bold;
}

#singleleftcolumn240 h2.nounderline {border-bottom: none;
	font-size: 114%;
	font-weight: bold;
}

#singleleftcolumn240 h3 {
	margin: 0;
}

#singleleftcolumn240 p {
	margin: 0;
	line-height: normal;
}

#singleleftcolumn240 a { color: #a2ba04; text-decoration: none;
}

#singleleftcolumn240 a:hover {
	text-decoration: underline;
}

#slideshowcontainer {
	min-height:131px;
	height:auto !important;
	height:131px;
	background-image: url('../images/as-seen-in-itv-daybreak-200x130.png');
	background-repeat:no-repeat;
	margin: 0 0 10px 0;
}

/* 
--------------------------------------------------
FOOTER STUFF
--------------------------------------------------  
*/



#footer p {
	margin: 0 0 6px 0;
	text-align: center;}

#footer p.disclaimer {
	margin: 25px 20px 6px 20px;
	text-align: justify;}

#footer a { text-decoration: none;}

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



#vcode
{
	font-weight: bold;
	font-size: 18px;
	color: #82D50B;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	background-color: #330000;
	margin-top: 5px;
	line-height: 20px;
	letter-spacing: 2px;
	border-style: solid;
	text-align: center;
	width: 90px;
	margin-bottom: 5px;
}