﻿/*
###################################################################
        WELCOME TO THE CONTENT STYLESHEET

// please make any relevant notes about this stylesheet here

// remember to always include the .cmsfront class
// Yahoo style clearer included
    
*/

/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.8.0r4


html{color:#FFF;background-color:#000;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select,table{*font-size:100%;}
body {font-family:Arial; font-size:12px; color:#FFF;}

.cmsfront{}

.cmsfront h1{font-family:Arial; font-weight:bold; font-size:14px; color:#383838; font-style:normal; padding:10px 20px 0 20px;}
.cmsfront h2{font-family:Arial; font-weight:bold; font-size:13px; color:#383838; font-style:normal; padding:10px 20px 0 20px;}
.cmsfront h3{font-family:Arial; font-weight:normal; font-size:12px; color:#383838; text-decoration:underline;font-style:normal; padding:10px 20px 0 20px;}
.cmsfront h4{font-family:Arial; font-weight: bold; font-size:14px;}
.cmsfront p{padding:10px 20px 0 20px;}
.cmsfront a{text-decoration:none; color:#0054a6;}
.cmsfront a:hover{}
.cmsfront a:active{}
.cmsfront a:link{}
.cmsfront ul{padding:10px 20px 0 20px; margin-left:20px;}
.cmsfront li{margin-top:5px; list-style:inherit;}
.cmsfront strong{font-weight:bold;}
.cmsfront em{font-style:italic;}
.cmsfront big{font-size:14px;}
.cmsfront hr{background-color:#a9aaab;color:#a9aaab; height:1px !important;}
*/


/*===========================================
  TEXT STYLES (h tags for search engines)
===========================================*/

a img{border:0 none;}

/* H1 */
.cmsfront h1, .cmsfront .new /* 'NEW' store category yellow blue banner */ 
{color:#ffffff;text-decoration:none;font-size:14px;font-weight:bold;}
.cmsfront .new {color:#000000; background-color:#ffe100; width:55px;padding:0px 5px;}
.cmsfront div.storeHolder table td.DarkBlue h1 {/*margin-left:-55px;*/font-family: Helvetica; text-transform:uppercase;}

.cmsfront #MidColumn ul li.yellow h1,/* Paul in the media - article */
.cmsfront #MidColumn ul li.yellow,.cmsfront #MidColumn ul li.picked /* Paul in the media - Multimedia */
{color:#2c6ed3;font-size:14px;font-weight:bold;text-align:left; text-transform:uppercase;}

/* H2 */
.cmsfront h2 {font-size:12px;font-weight:normal; text-align:left; margin-bottom:10px;}
.cmsfront #MidColumn ul li.blue h2 /* Paul in the media - article */
{color:#484848;font-size:12px;font-weight:bold;text-align:left;}
.cmsfront #MidColumn div#KnowPanel div.yellow h2 /* Paul in the media - About Paul */
{color:#4d8eee; font-size:18px; font-weight:bold; text-align:center;}
.cmsfront #DetailPanel #DetailTxt h2 /* The Store - product txt heading */
{ color:#000000;text-align:left; font-size:18px; font-weight:bold;}
.cmsfront .storeHolder .INFO .txt h2 /* Mircosite txt */
{color:#000000;}

.cmsfront #Overcome table td.Overcome h2 /* The Store - Phobia download center txt */
{font-size:23px; text-align:center; font-weight:bold;}
.cmsfront #Overcome table td.Overcome h2 span.Overcome /* The Store - Phobia download 'OVERCOME' word */
{font-size:26px;}
.cmsfront #Overcome table tr td a.download /* The Store - Phobia download 'download' word */
{font-size:10px;}

/* H3 */
.cmsfront #MidColumn div.FloatL h3 /* Paul in the media - About Paul Txt */
{ text-align:left; font-size:12px;}
.cmsfront #DetailPanel #DetailTxt h3 /*Feature Product Txt & The Store - product txt */
{ color:#000000; text-align:left;font-size:12px;}

.cmsfront #DetailPanel #DetailTxt h3 span.LargeTxt /* The Store - product larger txt */
{font-size:16px; font-weight:normal;}
.cmsfront #DetailPanel #DetailTxt h3 span.LargeTxt span.blue, /* The Store - product larger txt in blue */
h2 span.blue /* The Store - Phobia download '%fear%' */
{color:#4d8eee; font-weight:bold;}

.cmsfront div.storeHolder table.Txt h3,
.cmsfront div.WhiteBG td.Txt h3  /* The store - CD Sets txt*/
{text-align:left; color:#000000; font-weight:normal; font-size:12px;}
.cmsfront div.storeHolder table.Txt h3 span.heading,
.cmsfront div.WhiteBG div.Txt h3 span.heading, /* The store - CD Sets Main heading */
{ font-size:16px;font-weight:bold;}
.cmsfront table.WhiteBG tr td.Txt h3
{font-weight:bold; text-align:left; font-size:12px; color:#000000;}
.cmsfront table.WhiteBG tr td.Txt h3 span.heading,{font-size:16px;}
.cmsfront div.storeHolder table.Txt h3 span.gray /* The store - CD Sets large gray heading */
{ font-weight:bold;color:#393939;}
.cmsfront table.WhiteBG td.PhobiaTxt h3, .cmsfront div.WhiteBG div.PhobiaTxt h3 /* The store - Phobia Cures txt*/
{ text-align:left; color:#000000;font-size:12px;}

/* p */
.cmsfront div.WhiteBG p /* Shopping cart txt */
{ font-size:12px; font-weight:bold;padding:20px 10px;color:#000000; text-align:left;}
.cmsfront div.Login p{ margin-top:10px; color:#000000; font-size:12px;}

.cmsfront .storeHolder h2
{
	color: #000;	
}

/********* SEO OPTIMISATION CHANGES FROM ORIGINAL CODE (so over-written) ************/

.cmsfront .DarkBlue h2, .cmsfront .DarkBlue h2 a
{
	line-height: 28px;
	color: #FFF;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	font-family: Helvetica;
	text-transform: uppercase;
	margin-bottom: 0;
}

.cmsfront .storeHolder p
{
	color: #000;
	font-size: 12px;
	font-weight: normal;
	text-align: left;
	margin: 0 0 10px 0;
	padding: 9;
}

.cmsfront .storeHolder img.right-aligned-image
{
	margin-left: 10px;	
}

.cmsfront div.privacy-policy
{
	padding-top: 20px;	
	padding-bottom: 20px;
	margin-bottom:-4px;	
}

.cmsfront div.privacy-policy p
{
	padding: 0;
	font-weight: normal;	
	padding: 10px;
	padding-bottom: 0;
}

.cmsfront div.privacy-policy p strong
{
	padding-top: 15px;	
	font-size: 1.2em;
	color: #4D8DEE;
}

.cmsfront #DetailPanel #DetailTxt p
{
	font-size: 13px;
	/*font-weight: bold;*/
	color: #000;
	text-align: left;
	margin-bottom: 10px;
}

.cmsfront table.payment-details tr td
{
	font-size: 12px;
	color: #000;
	text-align: left;
	font-weight: bold;
}

.cmsfront .validation-text
{
	font-weight: bold;
	color: #C00;	
}

div#DetailTxt ul li
{
	color: #000;
	font-size: 13px;
	/*font-weight: bold;*/
	text-align: left;
}

div.DarkBlue h1, div.DarkBlue h2
{
	text-align: center;
	text-transform: uppercase !important;
	font-family: Helvetica;	
}

a div h1
{
	cursor: pointer;	
}

h2 a
{
	display: block;	
}

div.btnBuy
{
	padding: 0 !important;	
}

div.btnBuy a
{
	display: block;	
	padding: 5px 10px;
}

div.btnBack
{
	padding: 0 !important;	
	width: 70px !important;
}

div.btnBack a
{
	display: block;	
	padding: 5px 10px;
}

div.btnCart
{
	padding: 0 !important;	
	width: 170px !important;
}

div.btnCart a
{
	display: block;	
	padding: 10px;
}

div.btnUpdateCart
{
	padding: 0 !important;	
	width: 167px !important;
}

div.btnUpdateCart a
{
	display: block;	
	padding: 5px 10px;
}

li.yellow h1 a
{
	font-size: 12px;
	color: #2c6ed3;
	text-transform: lowercase;
}

a.register-interest-link
{
	color: #C1001F !important;
	font-size: 14px;
	font-weight: bold;
	margin-left: 4px;
	text-decoration: underline;
	text-transform: uppercase;
}

/***** UPDATE TO FOOTER - 11/08/2010 *****/
div#footer
{
	text-align: left;	
	padding-top: 6px;
	height: 17px;
	background: #000 url('../gfx/footer-uk.gif') no-repeat right top;
}