/* Style sheet for pulse | Last updated 07/11/2008


/* MAIN SKIN COLOUR

To change the overall skin colour, use a find and replace function on the reference below:

#403d46

*/


/*---------Layout---------*/
* {
font-family:Arial, Helvetica, sans-serif;
font-size:100%;
color:#333;
margin:0;
padding:0;
}

body {
text-align:center;
font-size:70%;
line-height:180%;
background:#f8f8fB url(/media/bg.gif) repeat-x top center;
}

#wrapper {
width:595px;
background-color:#fff;
text-align:left;
margin:0 auto;
}

#header {
display:none;
}

#header div.logo {
float:left;
margin:5px 0 5px 5px;
}

#header div.logo a {
font-size:300%;
text-decoration:none
}

#header div.headeradvice {
width:380px;
float:right;
margin:0 20px 0 0;
text-align:right;
}

#header div.headeradvice p {
color:#E31836;
}

#header div.headeradvice .number {
font-size:140%;
font-weight:700;
color:#E31836;
}

.HorizontalTabsHeader {
float:right;
height:22px;
margin:9px 20px 0 0;
}

.HorizontalTabsHeader li {
display:inline;
margin:0 0 0 0;
width:96px;
height:22px;
}

.HorizontalTabsHeader li a {
display:block;
float:left;
line-height:22px;
width:96px;
height:22px;
text-align:center;
color:#fff;
}

.HorizontalTabsHeader li a {
text-decoration:none;
}

li.lvl1 a {
background: #E51837 url('/media/saplvl-1.gif') no-repeat
}

.HorizontalTabsHeader li a:hover {
color:#ccc;
}

li.lvl2 a {
background: #5D9732 url('/media/saplvl-2.gif') no-repeat 
}

li.lvl3 a {
background: #F58428 url('/media/saplvl-3.gif') no-repeat
}

#navigation {
/* if top navigation is not needed, uncomment.*/
display:none;
}

#breadcrumb{
margin: 0 0 0 180px
}


#sidenavigation {
display:none;
}

#rightnavigation {
display:none;
}

.rightbanner {
background:#fff url(/media/right_top.gif) no-repeat;
text-align:right;
margin:0 0 10px;
padding:4px 0 0
}

#MainContent {
float:left;
margin:0 0 10px 0;
background-color:#fff;
text-align:justify;
}

.maincontentright {
width:595px;
}

.maincontentright p {
padding:6px 0 6px 0;
}

.maincontentfull {
width:595px;
}

.maincontentfull p {
padding:6px 0 6px 0;
}

.homepagefeature {
background-color:#8F9093;
text-align:right;
margin:0 0 10px
}

.prevarrow {
margin:5px 0 5px 5px
}

.arrowsplitter {
margin:5px 0
}

.nextarrow {
margin:5px 5px 5px 0
}

.homepagetabs {
display:block;
height:35px;
}

.homepagetabs li {
float:left;
display:block;
height:29px;
width:138px;
background-color:#E8E8E8;
border-top:4px solid #DADADA;
text-align:center;
margin:0 4px 0 0;
}

.homepagetabs li a {
line-height:29px;
text-align:center;
font-size:150%
}

#footer {
text-align:center;
clear:both;
background-color:#423F47;
height:40px;
}

#pop{
background: #fff;
width: 350px;
margin: 5px auto;
padding:20px;
text-align: left;
}

#baselinks{
display:none;
}

#baselinks p{
color:#fff8f1;
}



/*---------Typography---------*/
h1,h2,h3,h4,h5,h6 {
font-size:160%;
color:#E31836
}

#rndImages_i0_riH1Title, rndImages_i1_riH1Title, rndImages_i2_riH1Title, rndImages_i0_riMainDesc, rndImages_i1_riMainDesc, rndImages_i2_riMainDesc{
font-size:130%;
color:#fff;}

#sidenavigation p {
color:#767676;
text-align:center
}

#footer p {
font-weight:700;
color:#fff;
}

#footer ul li {
display:none;
}

h1,h2,h3,h4,h5,h6 {
font-size:150%;
color:#403d46;
margin:5px 0;
}

h2.dots {
border-bottom: 1px dotted #403d46;
background: url(/media/bkgrdtab.gif) repeat-x;
font-size:120%;
padding:3px 5px
}

h1 span,h2 span,h3 span,h4 span,h5 span,h6 span {
color:#403d46;
}

.green {
color: #E31836;
}

.greenbold{
color: #E31836;
font-weight: bold;
}

#breadcrumbtext {
font-size:80%;
}

#breadcrumbtext a:hover {
text-decoration:none;
}

ul li{
list-style-position:outside;
list-style-type:circle;
margin: 0 0 0 45px;
}

ol li{
list-style-position:outside;
margin: 0 0 0 45px;
}

label {
font-weight:700;
}

.small {
font-size:75%;
}


.large {
font-size:120%;
}

.alignright{
text-align:right;
}

.center {
text-align:center;
}

.alignleft{
text-align:left;
}

.red {
color:#ff0000;
}

.price{
font-size: 130%;
color:#343192;
}

.infobox {
background:#fcfcfc;
border:solid 2px #f7f7f7;
padding:10px;
}

.infobox li {
}

.infobox p strong {
color:#333;
display:block;
width:100%;
text-align:center;
}

.errorbox {
width:500px;
background:#fcfcfc;
border:solid 2px #f7f7f7;
margin:10px 10px 10px 0;
padding:0 10px 10px;
}

.aligncenter {
text-align:center;
}

.errorbox li {
}

.errorbox p strong {
color:#fff;
background-color:#ff9934;
display:block;
width:100%;
text-align:center;
}


#footer li{
display:inline;
padding: 0 5px;
margin:0 0 0 0;
}

#sapereone {
	width: 170px;
	background-image:url(/media/saplvl-1-large.jpg);
	background-repeat: no-repeat;
	height: 188px;
	}
	
#saperetwo {
	width: 170px;
	background-image:url(/media/saplvl-2-large.jpg);
	background-repeat: no-repeat;
	height: 188px;
	}
	
#saperethree {
	width: 170px;
	background-image:url(/media/saplvl-3-large.jpg);
	background-repeat: no-repeat;
	height: 188px;
	}
	
.leveltext {
	margin: 128px 5px 0 5px;
	font-size: 80%;
	color: #fff;
	}
	
.coursedetail{
	margin-left: 50px;
	}

.coursedetail a {
	color: #fff;
	text-decoration: none;
	}
	
.HorizontalTabs {
	width:100%;
	height:100%;
	margin:9px auto;
	text-align:center;
	}

#MainContent ul.HorizontalTabs li {
	display:inline;
	margin:0 6px;
	text-align:center;
	}
	
#MainContent ul.HorizontalTabs li a{
	}

/* Product lists */
.hlist{
width:170px;
margin:5px;
padding:5px;
border:1px solid #f5f5f5;
}


/* Recently viewed */

.recenltyviewed {
background:#423f47;
height:29px;
line-height:29px;
}

.recenltyviewed p {
color:#fff;
font-size:130%;
font-weight:700;
padding:0 5px
}

.recenltyviewed p img {
vertical-align:middle
}


/*---------FAQ panel---------*/
.questionpanel{
cursor:pointer;
font-weight:700;
}

.answerpanel {
margin:0 0 0 9px;
overflow:hidden;
width:85%;
height:0;
padding:0 2px;
}

/*---------Article Template---------*/

#ArticleTemplate{
float:left;
width:250px;
height:100%;
margin:10px 10px 15px 15px;
}

#ArticleTemplate p, h2{
text-align:left;
margin:0;
padding:0;
}

#ArticleTemplate p span{
font-size:75%;
color:#666;
}

/*---------Link Template---------*/

#LinkTemplate{
margin:10px 0 10px 15px;
}


#LinkTemplate p, h2{
text-align:left;
margin:0;
padding:0;
}

#LinkTemplate p span{
font-size:75%;
color:#666;
}


/*---------Link Styles---------*/
a, a span {
text-decoration:none;
color:#343192;
}

a:hover, a:hover span {
text-decoration:underline;
color:#FFAF60;
}

#footer a {
color:#fff;
}

#footer a:hover {
color:#fff;
}

#baselinksa {
color:#403d46;
}

#footer a:hover {
color:#b50937;
}

/*---------Extra bits---------*/


.clearfloat {
clear:both;
height:0;
line-height:0;
font-size: 1px;
visibility:hidden;
}

.hide {
height:0;
width:0;
overflow:hidden;
position:absolute;
}

td {
vertical-align:top;
}

table{
border-spacing:0;
border-collapse:collapse;
}

th {
background-color:#ccc;
color:#333;
}

th p {
text-align:left;
font-weight:400;
color:#fff
}

img {
border:0;
}

.ProductImage{
border:1px solid #ccc;
padding:2px;
width:100px;
height:100px;
}

hr {
border:0;
border-bottom:2px dotted #b6b8ba;
margin:10px 0
}


.floatleft {
float:left;
}

.floatright {
float:right;
}

.center {
text-align:center;
}

.hidden {
visibility:hidden;
}

.hidden_display {
display:none;
}

.alignmiddle{
vertical-align:middle;
}
/*---------Forms & Fields---------*/

#CustomerOrdersView {
width:571px;
}

#CustomerOrdersView td {
padding:5px;
}

#SigninTable{
width:570px;
}

#newcustomers{
width:230px;
}

.basket p {
text-align:center;
}

.dgrdBasket{
background-color:#403d46;
border: solid 1px #ccc;
}

.dgrdBasket td {
padding:3px 5px;
border: solid 1px #ccc;
}

#customersigintable{
width:600px;
margin:0;
}

#newsletterForm{
width:680px;
margin:10px 0 0 20px;
}

#SearchPanel {
width:97%;
margin: 0;
padding:5px;
}

.SearchPaneltxtKeywords{
width:300px;

}

#contactform{
width:420px;
margin:auto;
}

.button {
background-color:#403d46;
border:none;
color:#fff;
font-weight:bold;
cursor:pointer;
text-align:center;
height:20px;
padding:3px 5px;
}

.buttonLarge {
background-color:#403d46;
border:none;
color:#fff;
font-weight:bold;
cursor:pointer;
text-align:center;
height:20px;
padding:3px 25px;
}

a.button {
padding:3px 34px 3px 33px;
}

.buttongreen {
background-color:#E31836;
border:none;
color:#fff;
font-weight:bold;
cursor:pointer;
text-align:center;
height:20px;
padding:3px 5px;
margin:1px;
}

.buttongreen:hover {
color:#000;
text-decoration:none;
}

a.normalpadding {
padding:3px 5px;
}

.button:hover, .buttonLarge:hover {
color:#FF9934;
text-decoration:none;
}

.inputcheckbox{
margin:5px 5px 5px 0;
}

.InputSmall{
width:150px;
margin:5px 5px 5px 0;
}

.InputMedium{
width:200px;
margin:5px 5px 5px 0;
}

.InputLong{
width:250px;
margin:5px 5px 5px 0;
}

input, textarea, select{
border: 1px solid #ccc;
margin:5px 5px 5px 0;
padding:1px 1px 1px 1px;
}

input[type="checkbox"] {
	border:none;
	width:15px;
	height:15px;
	margin:0 5px 0 0;
	vertical-align:middle;
}

input[type="checkbox"], input[type="radio"] {
	border:none;
	width:15px;
	height:15px;
	margin:0 5px 0 0;
	vertical-align:middle;
}

label {
margin:5px;
}


.blurred {
border-color:#ccc;
}

.focused {
border-color:#403d46;
}

/*---------Top Nav---------*/
/* FOR Chrome/Safari - Menu is rendered as Divs */
#NavigationList {
margin:5px 0 0 0;
}

#NavigationList span {
padding:0 10px 0 5px;
}

/* FOR Mozilla/IE - Menu rendered as Table */

#NavigationList td table td {
padding:0 10px 0 5px;
text-align:center;
}

#navigation li {
line-height:32px;
display:inline;
margin:0 10px
}

#navigation a {
color:#fff;
font-weight:700;
text-decoration:none
}

#navigation a:hover {
color:#E31836;
}

/*---------Side Nav---------*/

#sidenavigation ul {
list-style-type:none;
}

#sidenavigation li a{
font-size:120%;
}
/*---------Site credits---------*/

#sitecredit {
display:none;
}

#sitecredit a {
color:#666;
background: url(/media/flareicon.gif) no-repeat left;
padding:5px 5px 5px 23px;
margin: 3px 0 3px 0;
}

#sitecredit a:hover{
text-decoration:none;
}

/*----------- Homepage Boxes-------- */
	#homebox {
	width:169px;
	float:left;
	margin:0 8px 0 8px;
	}
	
	#homebox a{
	color:#fff;
	}

	div.top {
	padding:0 0 0 10px;
	}

	div.top a {
	line-height:35px;
	font-weight:bold;
	font-size:130%;
	}
		div.red {background: #e51837;}
		div.green {background: #589637;}
		div.orange {background: #f3852c;}
		
		div.red div.top {background: url(/media/homebox_red_top.gif) no-repeat top;}
		div.green div.top {background: url(/media/homebox_green_top.gif) no-repeat top;}
		div.orange div.top {background: url(/media/homebox_orange_top.gif) no-repeat top;}
	
		div.red div.bottom{background: url(/media/homebox_red_bottom.gif) no-repeat bottom;}
		div.green div.bottom{background: url(/media/homebox_green_bottom.gif) no-repeat bottom;}
		div.orange div.bottom{background: url(/media/homebox_orange_bottom.gif) no-repeat bottom;}

	div.bottom a{
	display:block;
	width:159px;
	height:33px;
	line-height:33px;
	padding:0 0 0 10px;
	}
	
.whybecomeamember {
	width:572px; height:121px; background: url(/media/content/textbox1.jpg) no-repeat;padding:3px;
	margin:10px auto;
	}
	
.whybecomeamember ul { 
	margin:5px 0 0 20px;
	padding:0;
	}
	
.whybecomeamember p {
	margin:5px 0 0 20px;
	padding:0;
	line-height:12px;
	color:#7E3F98;
	}
	
.whybecomeamember strong {
	color:#7E3F98;
	}
	
.whybecomeamember li {
	margin:0 0 0 25px;
	padding:0;
	line-height:14px;
	color:#7E3F98;
	}
	
.whybecomeamember a {
	margin:0 0 0 25px;
	padding:0;
	line-height:12px;
	color:#7E3F98;
	}
	
/* MY ACCOUNT SECION */

.MemberArea {
	line-height:120%;
	background-color:#fcfcfc;
}

.MemberArea	h2 {
	margin:6px 0 10px 0;
	}
	
.MemberArea ul {
	margin: 6px 0;
	}
	
.MemberArea li {
	margin-bottom:10px;
	margin-left:65px;
	color:#343192;
}

.MemberArea p {
	margin-left:65px;
}

.MemberArea li a {
	font-weight:bold;
}

.Warning {
	color:#ff0000;
	font-weight:700;
	font-size:130%;
}
.qumark {
	cursor:help;
}

.qumarklink {
	text-align:right;
	width:16px;
	height:16px;
}

#txtCourseDate_CalendarPopupButton {
	
margin:5px;
}