* {padding:0; margin:0;}
h1, h2, h3, h4, h5, h6, p, pre, , label, ul, ol, dl, fieldset, address { margin:1em 5%; }
li, dd { margin-left:2%; }
fieldset { padding: .5em; }


/***** Global Settings *****/
 
html, body {
border:0;
margin:0;
padding:0;
}
 
body {
font:100%/1.25 helvetica, sans-serif;
color:#444;
background:#313131;
line-height:140%;
position:relative;

}

 
/***** Common Formatting *****/
 
h1, h2, h3, h4, h5, h6 {
margin:0;
padding:0;
font-weight:normal;
letter-spacing:0.02em;
color:#000;
}
 
h1, h2 {
padding:10px 0 10px 0;
margin-bottom:10px;
letter-spacing:-1px;
font:2em helvetica, sans-serif;
color:#df0c0c;
}

 
h3 {
padding:20px 0;
letter-spacing:-1px;
font:1.5em helvetica, sans-serif;
color:#df0c0c;
}

h3.subheader {color:#444;}

p, ul, ol {
margin:0;
padding:0 0 18px 0;
}
 
ul, ol {
list-style:none;
padding:0 0 18px 40px;
}

ol li {list-style:decimal;}

 
small, .small {
font-size:0.85em;
}
 
img {
border:0;

}
 
sup {
position:relative;
bottom:0.3em;
vertical-align:baseline;
}
 
sub {
position:relative;
bottom:-0.2em;
vertical-align:baseline;
}
 
acronym, abbr {
cursor:help;
letter-spacing:1px;
border-bottom:1px dashed;
}



 
/***** Links *****/
 
a, a:visited {
	color:#12689e;
	text-decoration:underline;
}

a:hover {
	color:#1d87ca;
}
 
 
 /***** Blockquote *****/
 
 .bqstart {
     float: left;
     height: 45px;
	 font-family:"times new roman";
     margin-top: -25px;
     padding-top: 45px;
	 margin-right:10px;
     margin-bottom: -50px;
     font-size: 600%;
     color: #888;
	 font-style: normal;
 }


 .bqend {
     float: right;
     height: 25px;
	 font-family:"times new roman";
     margin-top: 0px;
     padding-top: 45px;
     font-size: 600%;
     color: #888;
	 font-style: normal;
 }
 
blockquote {
	margin: 15px 0;
	margin-top:0;
	padding: 0;
	font-size: 120%;
	line-height: 160%;
	font-style: italic;
}

li .bqstart {
	
	 margin-left:-50px;
 }


 li .bqend {
     margin-top: -30px;
 }
 
li blockquote {
	margin: 15px 0;
	}

#slidebar blockqoute  {font-size: 90%;line-height: 130%;}
#slidebar .bqstart, #slidebar .bqend {color: #999;}
#slidebar .bqend  {padding-top: 10px;}

/***** Forms *****/
 
form {
margin:0;
padding:0;
display:inline;
}

form.styled_form fieldset {width:500px;}
form.styled_form fieldset legend {font-size:1.2em;padding:5px;font-weight:bold;color:#83BF49;}
	form.styled_form p {width:350px;text-align:left;margin:auto;margin-bottom:10px;}
	form.styled_form label {font-weight:bold;}
	form.styled_form input[type=text], form.styled_form select {padding:5px;font-size:1.1em;background:#eee;}
	form.styled_form input {width:160px;}
	form.styled_form input[type=radio] {width:20px;border:none;cursor:pointer;}
	form.styled_form input[type=submit] {width:115px;}
	form.styled_form input:focus, form.styled_form select:focus {background:#fff;border:1px solid #83BF49;}
	form.styled_form input[type=radio]:focus {border:none;}
	form.styled_form p span {float:right;width:190px;display:inline;margin-top:-7px;}
	form.styled_form em, .required em {color:#DF0C0C;}
	form.styled_form .expiry {width:60px;padding:3px}
	form.styled_form .biggerbtn {margin-top:20px;font-size:1.2em;float:left;}
	form.styled_form input.unstyled {border:none;background:transparent;font-weight:bold;}
 
input, select, textarea {
font:1em helvetica, sans-serif;
padding:3px;
margin:3px;
border:1px solid #888;
}
 
textarea {
line-height:1.25;
}

textarea#enquiry {width:430px;height:150px;}
 
label {
cursor:pointer;
}

input[type=submit] {cursor:pointer;}

form.register {}
form.register table th  {text-align:right;float:right;padding-top:5px;margin-right:10px;}
 
form em {color:red;}
 


input.vshort {width:30px;text-align:right;} 

input[type=submit] {background:#0084C9;color:#fff;}
 
/***** Tables *****/
 
table {
border:0;
margin:0 0 18px 0;
padding:0;
border-collapse:collapse;
border:1px solid #ddd;
}
 
  table tr td {
  padding:4px;
  
  }
  
 /***** Tables *****/
 
 	#cart {
		border-collapse: collapse;
		margin-bottom:20px;
		width:600px;

	}

	#cart td {
		border: 1px solid #ddd;
		vertical-align:middle;
		text-align:center;
		padding:5px;
		font-size:1.1em;
	}

	#cart th {
		text-align: left;
		background-color: transparent;
		border-bottom: 1px solid #ddd;
		font-weight: bold;
		font-size:1em;
		padding-bottom:5px;
		text-align:center;
	}
	#cart tfoot th {
		text-align: right;
		font-size:1em;
		border:none;
		padding-right:10px;
	}
	
	#cart td  input {width:30px;border:none;}
	#cart td  input:focus {background:#FFF29A;}

/***** Global Classes *****/
 
.clear         { clear:both; }
 
.left    { float:left; }
.right   { float:right; }
.spacer {height:200px;border-left:1px solid transparent;}
 
.text-left     { text-align:left; }
.text-right    { text-align:right; }
.text-center   { text-align:center; }
.text-justify  { text-align:justify; }
 
.bold          { font-weight:bold; }
.italic        { font-style:italic; }
.underline     { border-bottom:1px solid; }
.highlight     { background:#ffc; }

.frame {margin:0 auto;width:960px;}
 
.img-left      { float:left;margin:4px 10px 4px 0; }
.img-right     { float:right;margin:4px 0 4px 10px; }
 
.nopadding     { padding:0; }
.noindent      { margin-left:0;padding-left:0; }
.nobullet  li    { list-style:none;list-style-image:none; }
	
.cards img {border:1px solid #999;margin-top:-5px;}

.hide {display: none;}

.highlight {background:#faeb89;color:#4C3601; border:1px solid #FFC53A;padding:5px;margin-bottom:25px;}

ul.tick,  ul.report, ul.pdf_list {padding-left:0;}
ul.tick {margin:10px 0; padding-bottom:0;}

ul.tick li {
	background-image: url("../images/tick.png");
	background-repeat: no-repeat;
	background-position: 0 0;
	padding-left:30px;
}

ul.report li {
	background-image: url("../images/report_sm.png");
	background-repeat: no-repeat;
	background-position: 0 0;
	padding-left:30px;
	padding-bottom:3px;
}

ul.pdf_list li {
	background-image: url("../images/pdf-46_transparent.png");
	background-repeat: no-repeat;
	background-position: 0 0;
	padding-left: 40px;
}



ul.faq_list {
padding:0 0 18px 14px;
}
			
ul.faq_list li {
	padding-left: 5px;
	list-style-type: lower-alpha;
}
/* --- Main Layout --- */

#header{ 
background-color:#fff;
padding-top:5px;
}

	ul#menu {
		margin-top:10px;
		padding:15px 0;
		padding-bottom:15px;
		height:40px;
		text-align:right;
	}
	
		ul#menu li {
			display:inline;
			font-size:1.1em;
			color:#b2b2b2;
			height:40px;
		}
	
		ul#menu li a {
			color:#222;
			padding:6px 7px;
			text-decoration:none;
			border-radius:5px;
			-moz-border-radius:5px;
			-webkit-border-radius: 5px;

		}		
		
		ul#menu li a:hover {
			color: #7F6C4E;
			background:#F3E89F;
		}
		
			.cart {
				float:right;
				padding-top:0px;

			}
				.cart  a {color:#83BF49;text-decoration:none;		
								
					background:url(../images/shoppingbag.png) no-repeat top left;
					padding-left:30px;
					}
					
				.cart span {font-size:0.7em;color:#808080;display:block;margin-left:-10px;padding-top:0px;}
						
				ul#menu li.cart a:hover{color: #7F6C4E;background:transparent url(../images/shoppingbag.png) no-repeat top left;}
		
		
		
		#header_content {
			position:relative;
			padding-top:20px;
			margin-top:1px;
			background:#F4F4F4 url('../images/bg1a.png') repeat-x top left;
			border-bottom:1px solid #d8d8d8;
		}
		
		#header_content .frame {
			background:transparent url('../images/home_image2.jpg') no-repeat bottom right;
		}
		
		#header_content .frame .header { width:620px;}

	/* Slidebar and related styles depreciated */	
	#slidebar {	
		height:405px;
		color:#555555;
		padding:0px;
		background:#F4F4F4 url('../images/bg1a.png') repeat-x top left;
		border-top:1px solid #fff;
	}
	
		#slidebar h1 {
			font-size:2.0em;
			color:#222;
			font-weight:normal;
			padding-bottom:10px;
			padding-top:15px;
			letter-spacing:-2px;
			
		}
		
			#slidebar h1 strong {color:#83BF49;font-weight:normal;}
			
			.red {color:#df0c0c}
			.grey {color:#aaa;font-size:2.2em;}
			.green {color:#83BF49;font-size:2.2em;}
			.yellow {color:#FAEB89;font-size:2.2em;}
			
		#slidebar p {
			font-size:96%;
		}
		#slidebar p strong {
			color:#83BF49;
		}
		#slidebar .vidpanel {
			height:200px;
			width:300px;
			background:#fff;
			float:right;
			margin-right:20px;
		}
		
		#slidebar a {			
			text-decoration:none;
			border-radius:5px;
			-moz-border-radius:5px;
			-webkit-border-radius: 5px;
			}
			
		#slidebar li a {
			padding:8px;
			font-size:85%;
		}
			
			/* --- Slide panel style ---*/	
			
			#slider {position: relative;}
			
				.scrollButtons {position: absolute;bottom: 15px;cursor: pointer;}
				.scrollButtons.left {left: 0px;}
				.scrollButtons.right {right: 0px;}
				
				.scroll {
					width:100%;
					overflow: hidden;
					overflow-x: hidden;
					position: relative;
					clear: left;
				}
			
					#slidebar div.panel {
						height: 315px;
						width:960px;
						float: left; 
						position: relative;
						padding-right:20px;
					}
					
							div.panel a {color:#7F6C4E;font-weight:bold;padding:2px;}		
							div.panel a:hover {color: #7F6C4E;background:#F3E89F;}
					
							div.panel img {margin-top:15px;}
							div.panel a img {padding:5px;border:1px solid #444;}
							div.panel a:hover img {background:#F4F4F4;}
		/* End Slidebar and related styles depreciated */	
							
							
						ul.navigation {
							list-style: none;
							margin: 0;
							padding: 10px 0;
							font-size:1.3em;
							font-weight:bold;
							text-align:center;
							margin-top:20px;
							
							
						}

						ul.navigation li {
							display: inline;
							margin-left:0;
						}

						ul.navigation li a {
							padding:10px;
							color: #7F6C4E;
							background:#F3E89F;
							text-decoration: none;
							
						}

						ul.navigation li a:hover, .button a:hover, a.button_small:hover, ul#menu li a:hover {
							color:#7F6131;
							background-color: #FAEB89;
							text-shadow:#FBF3C0 1px 1px;
						}

						ul.navigation li a.selected, ul.navigation li a.selected:hover, .panel a.button_large:hover, ul#menu li a.selected  {
						color:#fff;
						background-color: #83bf49;
						text-shadow:none;
						 }
						 
						ul#menu li.cart a.selected {background-color: transparent;color:#7F6C4E;}
						ul#menu li.cart span.selected {font-weight:bold;color:#7F6C4E;}
						
						a:focus, ul.navigation li a:focus, .button a:focus {
							outline: none;
						}


						.logo {
						margin-top:9px;
						}						

						
.content {
	color:#555555;
	background:#F4F4F4;
	font-size:0.9em;
	margin-bottom:0px;
	position:relative;
	min-height: 100%;

}	

	.page {			
		padding-top:20px;
		margin-top:0px;
		background:#F4F4F4 url('../images/bg1a.png') repeat-x top left;
		}
	
	.content h1 {margin-top:20px;padding:0px;line-height:140%;letter-spacing:0em;color:#df0c0c;margin-bottom:10px;}
	.content h2 {color:#df0c0c;text-align:center;}
	.content h2.green {color:#83BF49;text-align:left;}
	
	.content ul {list-style:disc;}
	.content ul li p {padding:0;}
	.content h4 {color:#12689e;display:inline;font-weight:bold;font-size:1.2em;}
	
	.breadcrumbs {color:#999;font-size:0.8em;}
	.breadcrumbs a {color:#555;text-decoration:none;}
	.breadcrumbs a:hover, .breadcrumbs a.selected {color:#1d87ca;text-decoration:none;}
	
	.topbg {background:#F4F4F4 url('../images/yellowbg.png') repeat-x top left;}
	.content .product {border-bottom:1px solid #d8d8d8;padding-bottom:30px;margin-bottom:10px;}
		
	ul.button_pane {width:550px;float:left;}	
	ul.button_pane li {list-style:none;}
	ul.button_pane li.wide {float:right;margin-right:0px;}
	ul.button_pane li p {font-size:0.8em;padding-left:5px;color:#999}
		
	.right_content { 
	float:right;
	width:47%;
	min-height:350px; /* for modern browsers */
	height:auto !important; /* for modern browsers */
	height:350px; /* for IE5.x and IE6 */
	padding:10px 15px;
	border-top:5px solid #83bf49;
	}
	
	/*#right_content:hover {background:#e9f5df}
	#left_content:hover {background:#f6f1d5}*/

	.left_content { 
	width:47%;
	float:left;
	min-height:350px; /* for modern browsers */
	height:auto !important; /* for modern browsers */
	height:350px; /* for IE5.x and IE6 */
	padding:10px 10px;
	/*background:#F4F4F4 url('../images/leftbg.png') repeat-x top left;*/
	border-top:5px solid #faeb89;
	}
	
	.right_content h1, .left_content h1 {text-align:center;}
	
	.side_box {float:right;width:200px;clear:both;margin:10px;padding:10px;padding-top:5px;border:1px solid #C5C5C5;background:url('../images/bg1a.png') repeat-x top left;}

	.empty_cart {text-align:center;width:400px;font-weight:bold;font-size:1.2em;}
	
	h3.products a {text-decoration:none;color:#313131;margin-bottom:0px;padding:0;font-size:1em;}
	h3.products:hover, h3.products a:hover {color:#12689E;}
	
	li.book {list-style:none;height:32px;padding-left:40px;margin-bottom:20px;background:url(../images/pdf-32.png) no-repeat bottom left;}
	h3.book a {color:#ab0505;text-decoration:none;padding-left:40px;background:url(../images/pdf-32.png) no-repeat center left;}
	
	#login_box {width:350px;border:1px solid #313131;margin:auto;padding:10px;text-align:center;margin-top:20px;}
	#login_box h3 {margin:0;padding:0;padding-bottom:10px;}
	#login_box  label{display:block;margin-left:3px;}



.product_image	{margin:0 20px;margin-top:0px;padding:5px;}
.product {float:left;width:100%;}	
.description {padding:0px;margin-bottom:10px;max-width:600px;}
.price {
	width:60px;
	text-align:center;
	color:#777;
	float:right;
	margin-left:10px;
	font-weight:bold;
	font-size:1.3em;
	padding:8px;
	margin-top:15px;
	text-shadow:#fff 1px 1px 0;
	background:#e9e9e9;
	border:1px solid #ddd;
	border-radius:15px;
	-moz-border-radius:15px;
}

.price_title {
	font-family:arial, sans-serif;
	width:80px;
	margin-left:20px;
	font-size:0.62em;
	font-weight:bold;
	padding:2px 10px;
	color:#888;
	letter-spacing:0.02em;
	text-shadow:#fff 0px 1px 0;
	background:#e9e9e9;
	border:1px solid #ddd;
	border-radius:15px;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
}

.larger_price {font-size:0.8em;margin-top:10px;}
	
.price_title:hover {color:#444;}

tfoot .currency {font-weight:bold;}
	
#footer { 
clear:both;
width:100%;
background-color:#313131;
color:#eee;
height:40px;
border-top:1px solid #D8D8D8;
font-size:0.9em;
padding:20px 0;
font-size:0.9em;
margin:0;
position:abosolute;
bottom:0;
}

	#footer a {color:#fff;padding:2px;}
	#footer a:hover {background:#8f8f8f;text-decoration:none;}


.contact  th {
	text-align:left;
	width:300px;
	padding-top:10px;
}
	
/*---------- Buttons --------------- */

a.button_green, a.button_pink {
    background: transparent url('../images/button_a2.png') no-repeat scroll top right;
    color: #fff;
	font-weight:bold;
	font-size:1.1em;
    display: block;
    float: left;
    height: 36px;
    margin-right: 6px;
    padding-right: 17px;
    text-decoration: none;
	margin-bottom:6px;
	cursor:pointer;
	text-shadow:#444 1px 0px 0px;
}

a.button_pink {background: #e6138a url('../images/button_pink_a.png') no-repeat scroll top right;}

a.button_green span, a.button_pink span {
    background: transparent url('../images/button_span2.png') no-repeat;
    display: block;
    line-height: 32px;
    padding: 2px 0 2px 17px;
} 

a.button_pink span {background: #e6138a url('../images/button_pink_span.png') no-repeat;}

a.button_green:hover , a.button_green:active, a.button_pink:hover , a.button_pink:active {
    background-position: bottom right;
    color: #fff;
    outline: none; 
	border-bottom:none;
}

a.button_green:hover span, a.button_green:active span, a.button_pink:hover span, a.button_pink:active span  {background-position: bottom left; } 
a.button_green:active, a.button_pink:active {background-position: top right;}
a.button_green:active span, a.button_pink:active span {background-position: top left;}
	
			.button {
			text-align:center;
			position:relative;
			height:200px;
			width:350px;
			text-align:center;
			}

			.button a {
			font-weight:bold;
			font-size:1.6em;
			padding:20px;
			color: #7F6C4E;
			background:#F3E89F;
			text-decoration: none;
			border-radius:5px;
			-moz-border-radius:5px;
			-webkit-border-radius: 5px;
			position:absolute;
			top:0;
			right:0;
			margin-top:80px;
			margin-right:80px;
			}
			
			a.button_small, a.button_large, a.button_red  {
				font-weight:bold;
				font-size:1em;
				padding:5px 10px;
				color: #7F6C4E;
				background:#F3E89F;
				text-decoration: none;
				border-radius:5px;
				-moz-border-radius:5px;
				-webkit-border-radius: 5px;
			}
			
			
			
			.submit_green, input[type=submit] {
				width:115px;
				height:36px;
				background: transparent url('../images/inputbtn_green.png') no-repeat top left;
				border:none;
				font-weight:bold;
				font-size:1.2em;
				color:#eee;
				text-align:center;
				text-shadow:#444 1px 0px 0px;
			}
			
			form.styled_form input[type=submit]:hover, form.styled_form input[type=submit]:focus, .submit_green:focus  {background: #6A6A6A url('../images/inputbtn_green.png') no-repeat bottom left;border:none;}
			form.styled_form input[type=submit]:active, .submit_green:active {background: #000 url('../images/inputbtn_green.png') no-repeat top left;border:none;text-shadow:none;}
			
			.panel a.button_large {
				font-size:1.6em;
				padding:20px;
			}
			
			
			a.button_red {float:right;color:black;background:#df0c0c;}
			a.button_red:hover {background:#a50d01;color:#fff;}
			a.no-float {float:none;}
	
/* ------------------------------ Tooltips -------------------------------*/

a.tooltip b, a.tooltip2 b {display:none;}
a.tooltip:hover, a.tooltip2:hover {border:0; position:relative; z-index:500; text-decoration:none;}
a.tooltip:hover b {font-size:0.9em;display:block; position:absolute; bottom:36px; left:0px; padding:5px; font-weight:normal; color:#4C3601; border:1px solid #FFC53A; background:#FFE877; width:190px;opacity:0.8;text-align:center;}
a.tooltip:hover b em, a.tooltip2:hover b em {position:absolute; bottom:-8px; width:11px; height:8px; padding:0px;left:20px; background:url(../images/tooltip.gif) 0 0; display:block; font-size:1px;}

a.tooltip2:hover b {font-size:0.6em;display:block; position:absolute; bottom:78px; left:0px; padding:5px; font-weight:normal; color:#4C3601; border:1px solid #FFC53A; background:#FFE877; width:210px;opacity:0.8;text-align:center;}


/* ------------------------------ Validation -------------------------------*/

	.formError {
			position:absolute;
			top:300px; left:300px;
			padding-bottom:13px;
			display:block;
			z-index:5000;
			cursor:pointer;
		}
			#debugMode{
				background:#000;
				position:fixed;
				width:100%; height:200px;
				top:0; left:0;
				overflow:scroll;
				opacity:0.8;
				display:block;
				padding:10px;
				color:#fff;
				font-size:14px;
				z-index:100000;
			}
		
			.ajaxSubmit{ padding:20px; background:#55ea55;border:1px solid #999;display:none}
			.formError .formErrorContent {
				width:100%; 
				background:#e11000;
				color:#fff;
				width:150px;
				font-family:tahoma;
				font-size:11px;
				border:1px solid #6a120b;
				box-shadow: 0px 0px 6px #000;
				-moz-box-shadow: 0px 0px 6px #000;
				-webkit-box-shadow: 0px 0px 6px #000;
				padding:4px 10px 4px 10px;
				border-radius: 6px;
				-moz-border-radius: 6px;
				-webkit-border-radius: 6px;
			}
			.greenPopup .formErrorContent {background:#33be40;}
			
			.blackPopup .formErrorContent {background:#393939;color:#FFF;}
			
			.formError .formErrorArrow{
				position:absolute;
				bottom:0;left:20px;
				width:15px; height:15px;

				z-index:5001;
			}
			.formError .formErrorArrowBottom{top:0;margin:-6px;}
			
				.formError .formErrorArrow div{
					border-left:1px solid #6a120b;
					border-right:1px solid #6a120b;
					box-shadow: 0px 2px 3px #444;
					-moz-box-shadow: 0px 2px 3px #444;
					-webkit-box-shadow: 0px 2px 3px #444;
					font-size:0px; height:1px; background:#e11000;margin:0 auto;line-height:0px; font-size:0px; display:block;
				}
					.formError .formErrorArrowBottom div{
						box-shadow: none;
						-moz-box-shadow: none;
						-webkit-box-shadow: none;
					}
					
				.greenPopup .formErrorArrow div{background:#33be40;}
				.blackPopup .formErrorArrow div{background:#393939;color:#FFF;}

				.formError .formErrorArrow .line10{width:15px;border:none;} 
				.formError .formErrorArrow .line9{width:13px;border:none;} 
				.formError .formErrorArrow .line8{width:11px;} 
				.formError .formErrorArrow .line7{width:9px;} 
				.formError .formErrorArrow .line6{width:7px;} 
				.formError .formErrorArrow .line5{width:5px;} 
				.formError .formErrorArrow .line4{width:3px;} 
				.formError .formErrorArrow .line3{width:1px;
					border-left:2px solid #6a120b;
					border-right:2px solid #6a120b;
					border-bottom:0px solid #6a120b;} 
				.formError .formErrorArrow .line2{width:3px;border:none;background:#6a120b;}
				.formError .formErrorArrow .line1{width:1px;border:none;background:#6a120b;}  
				
div.productLeftColumn {
	width: 300px;
	float:left;
	padding-right:30px;
}

div.productMiddleColumn {
	width: 300px;
	float:left;
	padding-right:30px;
}

div.productRightColumn {
	width: 300px;
	float:right;
}

.bigRed {
	color: red;
	font-size: 16px;
}