/*
Theme Name: Matter Solutions - ADG CBT
Theme URI: http://www.mattersolutions.com.au/
Description: Based on design b-alhpa May '09
Version: 1.0
Author: Ben Maden
Author URI: http://www.mattersolutions.com.au/about/ben-maden
Tags: adg, cart

	 B-ALHPA v1.0
	 http://www.mattersolutions.com.au
*/

body {
font-family		: Arial, Verdana;
margin			: 0px 0px 1px 0px;
height			: 100%;
background: #ffaa31;
/*background: #e18b12 url(images/bg-page.png) repeat-x top;*/
}

/* ========================== GENERIC STYLES ========================== */
A, A:link 	{ color: #ffaa31; text-decoration: underline;}
A:active 	{ color: #ffaa31;}
A:visited	{ color: #ffaa31;}
A:hover 	{ color: #ffaa31; text-decoration: none;}
/* ========================== /GENERIC STYLES ========================= */

h2 { color: #0f97bf;}
h3 { color: #0f97bf;}
h4 { margin: 0; padding: 0;}

#page-wrapper {
background: transparent url(images/bg-slice.png) repeat-y center;
overflow: auto;
}
#page-wrapper DIV { display: block;}

.container {
margin-left: auto;
margin-right: auto;
width: 960px;
display: block;
background: #fff;
overflow: auto;
}

.col-2 { /*center*/
margin: 10px;
}
.col-1 { /*left*/
position: absolute;
margin-left: 0;
margin-right: auto;
width: 400px;
display: block;
margin: 10px;
}
.col-3 { /*right*/
margin-left: auto;
margin-right: 0;
width: 260px;
display: block;
margin: 10px;
}

/*** blocks ***/
#head-wrapper {
display: block;
}
#head-block {
}
#head-block .col-1 { /*logo*/
width: 315px;
position: static;
height: 60px;
border: none;
float: left;
}
#head-block .col-2 {
position: absolute;
margin: 61px 30px;
width: 395px;
min-height: 35px;
}
/*
#head-block .strap {
position: absolute;
margin: 0px 445px;
}
*/

#head-block .col-3 { /*cta/quickform*/
width: 252px;
position: absolute;
margin: 0 698px;
height: 168px;
z-index: 10;
}
/*nav*/
#nav-wrapper {
}
#nav-block {
width: 400px;
height: 48px;
}
#nav-block .col-1 {
width: 21px;
position: static;
height: 40px;
margin: 0;
}
#nav-block .col-3 {
width: 295px;
float: right;
position: static;
min-height: 40px;
margin: 0;
}

#nav {
color:#FFFFFF;
line-height:30px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin-left:-11px;
width:380px;
position: absolute;
border-bottom: 1px dotted #ccc;
padding-left: 0;
}
#nav LI {
margin:0 0px;
float: left;
padding: 0;
padding-left: 8px;
padding-right: 10px;
display: block;
}
#nav LI SPAN {
padding: 9px;
}
#nav LI SPAN A {
color: #ff6900;
text-decoration: none;
}
#nav LI SPAN A:hover {
color: #ffaa31;
text-decoration: underline;
}
/*body*/
#body-wrapper {
overflow: auto;
}
#body-block {
min-height: 300px;
}
#body-block .col-1 {
width: 212px;
position: static;
}
#body-block .col-2 {
width: 472px;
float: right;
position: static;
min-height: 300px;
font-size: small;
margin-right: 3px;
}
#body-block .col-3 {
overflow: hidden;
width: 252px;
float: right;
position: static;
border: none;
margin: 0px;
margin-right: 10px;
}
#body-block .col-3 IMG {
margin-top: 1px;
}
/*footer*/
#foot-wrapper {
clear: both;
font-size: small;
}
#foot-block {
height: 160px;
}
#foot-block-inside {
width: 938px;
height: 100px;
display: block;
margin: 10px;
background: #fff;
border: 1px #aaa dotted;
}
#foot-block-inside > DIV {
border-left: 1px #aaa dotted;
margin: 3px;
}
#foot-block .col-1 {
width: 461px;
margin: 10px;
height: 80px;
}
#foot-block .col-2, #foot-block .col-3, #foot-block .col-4 {
width: 210px;
position: absolute;
margin: 10px;
margin-left: 284px;
height: 80px;
}
#foot-block .col-3 {
margin: 10px;
margin-left: 497px;
}
#foot-block .col-4 {
margin: 10px;
margin-left: 710px;
}
#foot-block-below {
margin-left: 25px;
width: 910px;
height: 20px;
font-size: x-small;
color: #666;
}
#foot-block-inside > DIV > DIV {
margin-left: 9px;
}
#final-footer-wrapper {
}
#final-footer-block {
border: none;
height: 50px;
width: 990px;
background: transparent url('images/bg-footer.png') no-repeat top;
}
#foot-col-center {
margin-top: 10px;
height: 80px;
min-height: 80px;
}

#foot-block-inside > DIV {
}

#foot-col-left { border: none !important;}
#foot-col-left DIV {
position: absolute;
margin-left: 200px !important;
}
#credit {
padding: 10px;
width: 960px;
text-align: right;
}

#credit, #credit A, #credit A:link, #credit A:active, #credit A:visited {
color: #666;
font-size: small;
text-decoration: none;
font-family: Helvetica,Verdana,Arial;
}
#credit A:hover {
color: #777;
text-decoration: none;
}

.clearer {display: inline-block;}
.clearer:after {
    content: ".";
    display: block;
    height: 0;
    font-size: 0;
    clear: both;
    visibility: hidden;
}

/* cart */
#iframe_cart {
height: 170px; width: 507px;
background: #fff;
scrolling: no;
float: right;
margin-right: 10px;
}
#iframe_cart.checkout {
height: auto;
}

.wpsc_product_more A {
color: #0f97bf;
font-weight: normal;
text-decoration: none;
}
.wpsc_product_more A:hover {
text-decoration: underline;
}

.box_top, .box_top_free {
padding: 6px;
color: #fff;
background: transparent url(images/cbt/box-top.png) no-repeat;
}
.box_mid, .box_mid_free {
background: transparent url(images/cbt/box-slice.png) repeat-y;
margin-left:0;
margin-right:4px;
margin-top:0;
padding:6px;
}
.box_mid > div, .box_mid_free > div {
padding: 3px;
}
.box_mid LI, .box_mid_free LI {
margin: 1px;
margin-left: -20px;
}
.box_bot, .box_bot_free {
background: transparent url(images/cbt/box-bot.png) no-repeat;
height: 21px;
}


#featured_course {
font-size: 0.7em;
}
#free_course {
min-height: 250px;
font-size: 0.7em;
}
#featured_course h4, #free_course h4 {
}
#featured_course p, #free_course p,
#featured_course li, #free_course li {
}

.registration {
}
.registration #body-col-left {
	background: transparent url(images/cbt/Helpdesk.jpg) no-repeat left bottom;
	height:300px;
	margin-left:10px;
	position:absolute;
	width:340px;
	text-align: left;
	border-left: #ccc 1px dotted;
	border-bottom: #ccc 1px dotted;
}

.registration #body-col-left div {
font-size:1.3em;
height:146px;
margin-left:142px;
margin-top:98px;
text-align:right;
width:228px;
}
.registration #body-col-center {
float:none;
margin-left:446px;
margin-right:0;
width:300px;
padding-bottom:30px;
}

BUTTON {
	margin-top: 13px;
}