/* @override http://cbt.dev/css/styles.css */

/* @override http://localhost/cbt/css/styles.css */

/* CSS Document */


/*

#E5E7D2 - mushroom
#1B5C56 - green

#C6C6AC - warm grey
#F2F3E9 - offwhite

#8DADAA - mid green
#D1DEDD - pale green

#660000 - dark red

*/

html{
	margin: 0;
	padding: 0;

}
body {font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:x-small;
	line-height:170%;
	background-color:#E5E7D2;
	background-image:url(../graphics/CBT_header.gif);
	background-repeat:no-repeat;
	background-position:0px 0px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	
	}


ul, li {
	margin:0px 0px 0px 0px;/* global reset */
	padding:0px 0px 0px 0px;
}


#bodywrap {
	background-color:#E5E7D2;
	padding-left: 175px;   /* LC width */
 	padding-right: 175px;  /* RC width */
}

#bodywrap .column {
  position: relative;
  float: left;
}


a, a:link, a:visited, a:hover, a:active {
	text-decoration:none;
	color:#006666;
	font-weight:bolder;
	
}

a:hover {
	color:#990000;
}

a.linkbox {  /*  LINK BUTTONS eg CASE STUDY  */
	background-color:#F2F3E9;
	x float:left;
	display:block;
	width:150px;
	font-weight:normal;
	padding:5px 10px 5px 10px;
	margin:5px 5px 5px 0px;
	border-color:#FFFFFF;
	border-width:1px;
	border-style:solid;
	}


h1	{ /*  page header logo - LEAVE  */
	font-size:170%;
	color:#FFFFFF;
	text-indent:-2000px;
	float:left; /* avoids pushing headernav down*/

}

h2 { /*  page title  */
	font-size:150%;
	color:#003333;

}

h3  { /* HEADINGS  */
	clear:both;
	font-size:120%;
	color:#003333;
	x background-color:#00FF00;
	margin:0px 0px 5px 0px;
}

h4  { /* SUBHEADINGS  */

	font-size:110%;
	margin:0px 0px 0px 0px;
	color:#006666;
}

h5  { /* INTRO PARA  */
	font-size:130%;
	line-height: 1.6;
	color:#006666;
	font-weight:normal;
	margin-bottom:5px;
}

h6 { /* HIGHLIGHTED TEXT  */	
	font-size:120%;
	color:#990000;
	font-weight:normal;
	font-style:italic;
	margin-bottom:5px;
}

p {
	margin:0px 0px 8px 0px;
	
	
}

#leftnav ul {
	list-style:none;
	line-height:180%;
	padding-left:0px;
}

.credit {
	font-size:70%;
}

#header { 
	height:150px;
	x background-color:#1B5C56;
	x background-image:url(../graphics/CBT_header.gif);
	background-repeat:no-repeat;
	background-position:0px 0px;

}

#headernav {
	width:450px; /* stops firefox wrapping div to next line */
	float:right;
	margin:85px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	}

#headernav ul {
	float:right;
	margin:0px 0px 0px 0px;
}

#headernav ul li {
	x color:#333333;
	display:block;
	float:left;
	list-style:none;
}

#headernav ul li a, 
#headernav ul li a:visited{
	color:#990000;
	border:none;
	display:block;
	padding:10px 15px 0px 0px;
	margin:0px 0px 0px 0px;
	font-weight:bolder;
	x background-color:#00FF00;
}

#headernav ul li a:hover{
	font-weight:bolder;
}

#middle {
		float:left;
		width: 100%;
		
		x width:775px;
		x background-color:#00FF00;

		max-width: px;
}

#left {
  width: 180px;          /* LC width */
  right: 200px;          /* LC width */
  margin-left: -100%;
 
  z-index: 5;
 
}

/*  IE6 Fix */
* html #left {
  left: 160px;      
}


#bodywrap > #left {
	left:-180px;	/*  LC width for others   */
	margin-left: expression(document.all.middle.offsetWidth * -1); /*  fix for ie7   */
}


#maincontent ul{
margin:5px 0px 15px 0px;
padding:0px 0px 0px 0px;
x background-color:#00FF00;
}

#maincontent ul li{
margin:3px 20px 3px 20px;
padding:0px 0px 0px 0px;
list-style-position:outside;
list-style-image:url(../graphics/bullet.gif);

}


#mainmenu {
	float:left;
	margin:0px 25px 0px 0px;
	padding:0px 0px 50px 0px; /* keeps footer at distance */
	x background-color:#00FF00;
	
}

#mainmenu ul {
	list-style:none;
	margin:0px 0px 0px 0px; /* space before submenu */
	padding:0px 0px 0px 0px;
	font-size:100%;
	x color:#FFFFFF;
}



#mainmenu ul li { 
	display:block; 
	clear:both;
	x width:180px;
	margin:5px 0px 5px 0px;/* space between main list items */
}

#mainmenu ul li ul li{ 

	margin:0px 0px 0px 0px;/* space between submain list items */
	
}
 /* MAIN menu items */
#mainmenu ul li a,
#mainmenu ul li a:link,
#mainmenu ul li a:visited,
#mainmenu ul li ul li a:active
 {
	x color:#FFFFFF;
	display:block; 
	clear:both;
	width:150px;
	border:solid;
	border-width:1px 1px 1px 0px;
	border-color:#F2F3E9;
	padding:3px 0px 3px 9px;
	margin:0px 0px 0px 0px;
	background-color:#c6c6ac;
	font-weight:bolder;

}

#mainmenu ul li a:hover {
	background-color:#D1DEDD;
}

#mainmenu ul li a.thispage {
	x background-color:#00FF00;
	}
 /* Submenu items - works in ie, not mozilla */
#mainmenu ul li ul li a,
#mainmenu ul li ul li a:link,
#mainmenu ul li ul li a:visited,
#mainmenu ul li ul li a:active,
{ 
	padding:2px 5px 2px 20px;
	border-width:0px 1px 1px 0px;
	background-color:#D8D6C3;
	width:134px;
	font-weight:normal;
}

#bodywrap #mainmenu ul li ul li a{	
	padding:2px 5px 2px 20px;
	border-width:0px 1px 1px 0px;
	background-color:#D8D6C3;
	width:134px;
	font-weight:normal;
	
}
#maincontent {
	margin-top:5px; /* may not be needed */
	x background-color:#00FF00;
	x width:400px;
	margin:0px 15px 25px 0px;
	float:left;
	max-width: 700px;
}

#rightcol {
		margin-top:5px;
	  width: 160px;          /* RC width */
	  margin-right: -170px;  /* RC width */

}
	
	

.header {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:120%;
	font-weight:bold;
}

.leftpic {
	float:left;
	margin:10px 15px 10px 0px;
	border-width:1px;
	border-color:#000000;
	border-style:solid;
}

.leftpicnob {
	float:left;
	margin:10px 15px 10px 0px;
	border-width:0px;

}

.rightpic {
	float:right;
	margin:10px 0px 10px 15px;
		border-width:1px;
	border-color:#000000;
	border-style:solid;
}

.rightpicnob {
	float:right;
	border-width:0px;
	margin:10px 0px 10px 15px;
}

.name {
	
}

.line {
	border-top:solid;
	border-width:1px;
	border-color:#C6C6AC;
	margin-top:25px;
	padding-top:5px;
}

.title {
	color:#003333;
	display:block; /* req or margin wont work */
	margin-bottom:10px;
	font-size:110%;
}

/* --------------------------- FOOTER MENU ---------------------------- */

#footer {
	font-size:95%;
	line-height:100%;
  	clear: both;
	background-color:#1B5C56;
  	height:35px;
	x width:775px;
	margin-top:20px;
}

#footermenu {
	float:left;
	width:100%;
	padding:0;
	margin: 0;
	margin-top: 6px;
	height:16px;
	background-image:url(../graphics/footermenu_bg.gif);
	text-indent: 10px;
}

#creditbar {
	float:left;
	width:100%; /* req for safari mac  */
	margin-left:0px;
	font-weight:normal;
	font-size:85%;
	color:#1B5C56;
	text-indent: 10px;
}

#creditbar a{

	}

#footermenu ul {
	float:left;
	list-style:none;
	padding:0px 0px 0px 0px;
}

#footermenu ul li {
	color:#FFFFFF;
	float:left;
}

#footermenu ul li a, #footermenu ul li a:visited {
	display:block;
	color:#FFFFFF;
	float:left;
	border-width:0px 0px 0px 1px;
	border-style:solid;
	border-color:#CCCCCC;
	padding:0px 6px 3px 6px; /* controls gap between menus items */
	margin:0px 0px 0px 0px;
	font-weight:normal;
	
}

#footermenu ul li a:hover {
	color:#FF6600;
}



/* ------------------ FLOWCHART ------------------------ */

#flowchart {
	width:95%;
	x float:right;
}

.stage {
	padding:0px 0px 0px 0px;
	background-image:url(../graphics/flowchart_strip.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	background-color:#FF9900;
	width:200px;
}

.stagecontent {
	padding:5px 15px 5px 15px;
	border-width:1px 1px 0px 1px;
	border-style:solid;
}

.arrow {
	background-image:url(../graphics/flowchart_arrow.gif);
	background-repeat:no-repeat;
	background-position:bottom center;
	background-color:#FF9900;
	height:25px;
}

.noarrow {
	height:25px;
}



/* ------------------ Quotes ------------------------ */

blockquote {
	width:45%;
	float:right;
	margin:10px 0px 10px 20px;
	padding:0px 0px 0px 40px;
	background-image:url(../graphics/left_quotemark.gif);
	background-position:top left;
	background-repeat:no-repeat;
	color:#990000;
}

blockquote p {
	padding:5px 30px 0px 0px;
	margin:0px 0px 0px 0px;
	background-image:url(../graphics/right_quotemark.gif);
	background-position:bottom right;
	background-repeat:no-repeat;
	font-style:italic;
}

.quotee {
	font-size:80%;
	line-height:120%;
	color:#999999;
	text-align:left;
	padding:5px 30px 15px 0px;
}

/* ------------------------------------ BOXES  ------------------------------------  */
.greybox {
	background-color:#F2F3E9;
	padding:0px 0px 10px 0px;
	margin:0px 0px 0px 0px;
}

.greenbox {
	background-color:#DCF2F2;
	background-image:url(../graphics/box_corner.gif);
	background-position:bottom left;
	background-repeat:no-repeat;
	padding:0px 0px 10px 0px;
	margin:10px 0px 0px 0px;
}

.greybox h6 {
	font-size:100%;
	color:#FFFFFF;
	background-color:#C6C6AC;
	border-width:1px 1px 0px 1px;
	border-color:#F2F3E9;
	border-style:solid;
	padding:2px 10px 2px 10px;
	margin:0px 0px 0px 0px;
}

.greenbox h6 {
	font-size:100%;
	color:#FFFFFF;
	background-color:#88BDBD;
	border-width:1px 1px 0px 1px;
	border-color:#F2F3E9;
	border-style:solid;
	padding:2px 10px 2px 10px;
	margin:0px 0px 0px 0px;
	display:block;
}
.greybox p {
	padding:2px 10px 2px 10px;
	margin:0px 0px 0px 0px;
	color:#333333;
}

.greenbox p {
	padding:2px 10px 2px 10px;
	margin:0px 0px 0px 0px;
	color:#339999;
}

.greybox a, .greenbox a {
	color:#660000;
}
.errorStack {
	color: #B90000;
	font-size: 11px;
	padding: 0;
	margin: 0;
}
.errorStack li {
	list-style: none;
}

#casestudycontent {
	margin: 150px 100px 30px 75px;
	width:600px;
}



#mainmenu ul li {
		margin: -1px 0px;
	}
	#bodywrap #mainmenu ul li ul li a {styles.css (line 299)
	background-color:#D7D8C3;
	border-width:0px 1px 1px 0px;
	font-weight:normal;
	padding:2px 5px 2px 20px;
	width:134px;
	}
	#mainmenu ul li a, #mainmenu ul li a:link, #mainmenu ul li a:visited, #mainmenu ul li ul li a:active {styles.css (line 260)
	background-color:#C6C6AC;
	border-color:#F2F3E9;
	border-style:solid;
	border-width:1px 1px 1px 0px;
	clear:both;
	display:block;
	font-weight:bolder;
	margin:0px;
	padding:3px 0px 3px 13px;
	width:150px;
	}
	#bodywrap #mainmenu ul li ul li a {styles.css (line 299)
	background-color:#D7D8C3;
	border-width:0px 1px 1px 0px;
	font-weight:normal;
	padding:2px 5px 2px 20px;
	width:138px;
	}
	
	.menu_separator{
	margin-top: 5px !important;
}

.menu_separator a, .bottom_menu a{
	background-color:#a5d2d2 !important;
}
/* ------------------ Product Pages ------------------------ */

.productListing { float:left; border: 1px solid #666666; padding: 15px; width:490px; margin:5px;}
.productType { float:left; margin:0px 15px 0px 0px; font-weight:bold; }
.productTitle { float:left;  margin:0px 0px 0px 0px; font-weight:bold; }
.productSubheading { float:left; font-weight:bold; padding:0px 0px 10px 0px;}
.productDesc { clear:both; padding:0px 0px 10px 0px; }
.productPricing { clear:both; }
.productDetail { margin:10px 0px 0px 0px; }
.productPrice { margin-right:10px;float:left; }

.productQty {float:left; }
.productOptions {float:left; padding-left:10px;}
.productAdd {float:left; padding-left:10px;}

.productThumb {  }
.productImage {  }

.postageUK {  }
.postageSurface {  }
.postageAir {  }

.productSummary {clear:both; padding: 15px; width:100%;}
.steps {clear:both; 
x float:left; 
margin:10px 0px 10px 0px; color:#660000;}
.thisStep {font-weight:bold;}

table.fees, table.feesfullwidth{
	background-color: #f2f3e9;
	border: 1px solid  #f2f3e9;
	border-right: none;
	padding: 0;
	margin: 0;
	margin-bottom: 2em;
	
	}
	
table.feesfullwidth{
	width: 100%;
}
	
.fees th,.feesfullwidth th{
	background-color: #c6c6ac;
	padding:0.5em;
	font-size: 11px;
	border-right: 1px solid #f2f3e9;
	color: white;
}

.fees td,.feesfullwidth td{
	text-align: center;
	font-size: 12px;
	padding:0.25em ;
	border-right: 1px solid #f2f3e9;
}

.fees th{
	padding:0.5em 3em;
}