@import url("contribute.css");
@import url("courses.css");
/*-----------------------------------------------------------------------------

version:   1.0
date:	   28 March 2008
author:    chris finney
email:     chris@1choice.co.uk
website:   http://www.1choice.co.uk/
-----------------------------------------------------------------------------*/

/* =General Set Up
-----------------------------------------------------------------------------*/

body {
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	min-width: 1050px;
	margin: 0px;
	background-color: #b7c3df;
}


p { text-align: left;
}	

form { display:inline;
}

.clear {
  clear: both;
}

a:link {
color: #000066 
}

a:visited {
color: #003399 
}

a:hover {
color: #000066 
}




hr {
color: #ccc 
}


/* Remove border around linked images */

img {
	border: 0;
	text-align: right;
}

div#qTip {
 padding: 3px;
 border: 1px solid #666;
 border-right-width: 2px;
 border-bottom-width: 2px;
 display: none;
 background: #FFF;
 color: #000;
 font: 9px Verdana, Arial, sans-serif;
 text-align: left;
 position: absolute;
 z-index: 1000;
}

/* =Page Position
-----------------------------------------------------------------------------*/

.AAAHideForm {
	visibility: hidden;
}

#mainWrapper {
	width:  1009px;
	margin: 0 auto;
	text-align: left;	
}

#WhiteSides {
	width:  1009px;
	display: inline;
	float: left;
	background-color: #FFF;
	margin-top: 19px;
	padding-bottom: 10px;
}

/* =Masthead
-----------------------------------------------------------------------------*/

#MastheadWrapper {
	width:  971px;
	height:  66px;
	display: inline;
	float: right;
	background-color: #f5f6fa;
	margin-top: 19px;
	margin-left: 19px;
	margin-right: 19px;
}
#WalkerstoneLogos {
	float: right;
	margin-top: 13px;
	margin-left: 11px;
	margin-right: 2px;
}
#WalkerstoneLogosTxt {
	display: inline;
	color: #003399;
	float: left;
	margin-top: -6px;
	margin-left: 11px;
}
#WalkerstoneLogosTxt H1{
	font-size: 26px;
	padding-top: 5px;
}
#WalkerstoneLogo {
	display: inline;
	float: right;
	margin-top: 13px;
	margin-left: 11px;
}

/* =Cart
------------------------------*/

#CartSummary {
	width:  278px;
	height:  43px;
	display: inline;
	float: right;
	margin-top: 11px;
	margin-right: 10px;
	background-image: url(../image_01/bg_CartSummary.jpg);
	background-repeat: no-repeat;
}

.CartTable {
	margin-top: 4px;
	margin-left: 14px;
	font-size: 11px;
	text-align: center;
}

.CartTable a{
	text-decoration: none;
	color: #000;
}

.CartTable a:hover{
	text-decoration: underline;	
}

.CartDivSpacer {
	margin-left: 3px;
	margin-right: 3px;
}

/* =TopNavigation
------------------------------*/


#TopNavBar {
	width:  971px;
	height:  44px;
	display: inline;
	float: left;
	margin-left: 19px;
	background-repeat: repeat-x;
	background-image: url(../image_01/bg_TopNavBar.gif);
}

/* =MenuWrapper float: left; added 15 May 2009 due to MSIE display bug
------------------------------*/

#MenuWrapper {
	width: 667px;
	height:  44px;
	display: inline;
	margin-left: 10px;
	background-image: url(../image_01/bg_MenuWrapper.jpg);
	background-repeat: no-repeat;
	float: left;
}

#TodaysDate {
	display: inline;
	margin-left: 0px;
	font-size: 12px;
	color: #333;
	text-align: right;
	position: absolute;
	margin-top: 12px;
	xmargin-right: 20px;
	xfloat: right;
	width: 280px;
}

.DateDivMargin {
	margin-right: 5px;
	margin-left: 5px;
}
/* =MainSection
-----------------------------------------------------------------------------*/

#MainSectionWrapper {
	width:  971px;
	display: inline;
	float: left;
	background-color: #f5f6fa;
	margin-top: 10px;
	margin-left: 19px;
	padding-bottom: 10px;
}

/* =LeftSection
------------------------------*/

#LeftSectionWrapper {
	width:  665px;
	display: inline;
	float: left;
	margin-left: 10px;
}

#FeaureImg {
	width:  665px;
	display: inline;
	float: left;
	margin-top: 10px;
}

#MainContentWrapper {
	width:  665px;
	display: inline;
	float: left;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #d6d9de;
	border-bottom-color: #d6d9de;
	margin-top: 10px;
	background-image: url(../image_01/bg_MainContentWrapper.gif);
	background-repeat: repeat-y;
	padding-bottom: 14px;
}

#PageHeading {
	width:  612px;
	height:  49px;
	display: inline;
	float: left;
	background-image: url(../image_01/bg_PageHeading.gif);
	background-repeat: repeat-x;
	margin-bottom: 14px;
	margin-top: 27px;
	margin-left: 27px;
}

#PageHeading H1{
	font-size: 24px;
	font-weight: bold;
	color: #b11117;
	line-height: 49px;
	padding-left: 14px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}

#PageHeadingSmall {
	width:  612px;
	height:  49px;
	display: inline;
	float: left;
	background-image: url(../image_01/bg_PageHeading.gif);
	background-repeat: repeat-x;
	margin-bottom: 14px;
	margin-top: 27px;
	margin-left: 27px;
}

#PageHeadingSmall H1{
	font-size: 18px;
	font-weight: bold;
	color: #b11117;
	line-height: 49px;
	padding-left: 14px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}



#MainContent {
	width:  612px;
	min-height: 340px;
	display: inline;
	float: left;
	margin-left: 27px;
	font-size: 12px;
	line-height: 16px;
}


#MainContent H2 {
	font-size: 14px;
	background-image: url(../image_01/bullet_01.gif);
	background-position: 0px 5px;
	padding-left: 16px;
	background-repeat: no-repeat;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
}

/* =RightSection
------------------------------*/

#RightSectionWrapper {
	width:  278px;
	display: inline;
	float: right;
	margin-right: 10px;
	padding-top: 10px;
}

.BoxItemWrapper {
	width:  278px;
	display: inline;
	float: left;
	margin-bottom: 10px;
}



.BoxItemWrapper H2 {
	width:  278px;
	height:  44px;
	font-size: 20px;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 44px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	background-image: url(../image_01/bg_BoxItemHeading.gif);
	background-repeat: repeat-x;
	text-indent: 20px;
}

.BoxItemWrapper H2 a {
	color: #FFFFFF;
	text-decoration: none;
}

.BoxItemWrapper H2 a:Hover {
	color: #b11117;
	text-decoration: underline;
}





.BoxItemHeading {
	background-image: url(../image_01/bg_RH_Heading.gif);
	background-repeat: no-repeat;
	height: 27px;
	width: 244px;
}

.BoxItemHeading H3{
	margin: 0px;
	padding-left: 30px;
	font-size: 12px;
	line-height: 25px;
}

.BoxItemHeading H3 a{
	color: #006;
	text-decoration: underline;
}

.BoxItemHeading H3 a:hover{
	color: #000;
	text-decoration: underline;
}

.BoxItemHeading H3 a:visited{
	color: #039;
	text-decoration: underline;
}

/* =OptIn Email Heading
------------------------------*/

.BoxItemWrapper H6 {
	width:  278px;
	height:  44px;
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 44px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	background-image: url(../image_01/bg_BoxItemHeadingRed.gif);
	background-repeat: repeat-x;
	text-align: center;
}


/* =Opt in 
------------------------------*/

.OptInTable {
	width: 234px;
	font-size: 11px;
	text-align: right;
}

.OptInInput{
	width: 154px;
}

.OptInButton {
	margin-right: 1px;
}

.BoxItem{
	width:  278px;
	display: inline;
	float: left;
	background-image: url(../image_01/bg_BoxItem.gif);
	background-repeat: repeat-y;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #d6d9de;
	padding-bottom: 11px;
}

.BoxItem img{
	xmargin-left: 10px;
}

.BoxItemContent {
	width:  244px;
	padding-top: 17px;
	padding-left: 17px;
	font-size: 12px;
	line-height: 18px;
}




.BoxItemContent  p{
}

.BoxItemContent H4 {
	font-size: 14px;
	background-image: url(../image_01/button_courses.gif);
	background-position: 0px 0px;
	padding-left: 40px;
	background-repeat: no-repeat;
	margin: 0px;
	padding-top: 0px;
	padding-bottom: 10px;
	padding-right: 0px;
	line-height: 30px;
}


/* =LatestCourses
------------------------------*/

.CoursesScrollBox {
	width:  268px;
	height:  160px;
	display: inline;
	float: left;
	overflow: auto;
	margin-top: 10px;
}

.LatestCoursesWrapper {
	width:  233px;
	display: inline;
	float: left;
	background-image: url(../image_01/bg_LatestCoursesWrapper.gif);
	background-repeat: no-repeat;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #e2e4e9;
	border-bottom-color: #e2e4e9;
	background-position: top;
	margin-bottom: 10px;
	margin-left: 10px;
}

.LatestCoursesContent {
	width:  200px;
	display: inline;
	float: left;
	margin-top: 10px;
	margin-left: 10px;
	padding-bottom: 10px;
}

.LatestCoursesContent H1 {
	font-size: 12px;
	background-image: url(../image_01/bullet_01.gif);
	background-position: 2px 3px;
	padding-left: 16px;
	background-repeat: no-repeat;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
}

.LatestCoursesContent H4, H5 {
	margin: 0px;
	padding: 0px;
	font-size: 11px;
	font-weight: bold;
}

.LatestCoursesContent H4 a{
	color: #666;
}

.LatestCoursesContent H5 a{
	color: #666;
}


/* =Footer
------------------------------*/
#Footer {
	width:  951px;
	height:  32px;
	display: inline;
	float: left;
	margin-top: 10px;
	margin-left: 10px;
	background-image: url(../image_01/bg_Footer.gif);
	background-repeat: repeat-y;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #d6d9de;
	border-bottom-color: #d6d9de;
	font-size: 12px;
}

#Copyright {
	display: inline;
	float: left;
	margin-top: 9px;
	margin-left: 26px;
}

#BottomLinks {
	display: inline;
	float: right;
	margin-top: 7px;
	margin-right: 26px;
}

.BottomLinksTable img{
	margin-right: 10px;
	margin-left: 10px;
}

.SmallText {
	font-size: 10px;
	font-weight: normal;
}



.Add2BasketButton {
	margin-top: 10px;
	margin-left: 17px;
}

.QtyInput {
	width:  20px;
}

.HelpTable {
	width: 244px;
}

.HelpTable img{
	margin-right: 8px;
	margin-bottom: 6px;
	vertical-align: middle;
}

.AlignRight {
	text-align: right;
}

.TablewithHzDots {
}

.TablewithHzDots TD{
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
}

.TableNoHzDots TD{
	border-bottom-width: none;
	border-bottom-style: none;
	border-bottom-color: none;
}

.SummaryTable {
	width: 300px;
	border: 1px solid #999;
	margin-top: 10px;
}

.SummaryTable H3{
	margin: 0px;
	padding: 5px;
	background-color: #DFE0E5;
}

.Input200 {
	width: 200px;
}

.WSBannerAdWrapper{
	width: 278px;
	margin-bottom: 10px;
}

.LatestCoursesListPromoTxt {
	font-size: 12px;
	margin: 0px;
	padding: 0px;
}

.LatestCoursesListPromoTxt a{
	color: #000;
	text-decoration: none;
}

.LatestCoursesListPromoTxt strong a{
	color: #006;
	text-decoration: underline;
}

.LatestCoursesListPromoTxt strong a:visited{
	color: #039;
	text-decoration: underline;
}


.LatestCoursesListPromoTxt a:hover{
	color: #000;
	text-decoration: underline;
}


.LatestCoursesListPromoTxtGreen {
	font-size: 12px;
	font-weight: bold;
	color: #090;
	margin: 0px;
	padding: 0px;
}

.BookCoursesPromoTable {
	text-align: right;
}

.course_call_to_action {
	background: #fffae2;
}
.location{
	font-weight: bold;
	text-transform: uppercase;
	color: #000000;
}
input.call_to_action,
a.call_to_action {
  background: #ffd87c url('../img/button-gradient.jpg') 0 0 repeat-x;
  border: 1px solid #F5A825;
  padding: 4px 15px 5px;
  height: 1.95em;
  font-size: 108% !important;
  font-weight: bold;
  text-transform: uppercase;
  outline: 0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  display: inline-block;
  vertical-align: middle;
  color: #000 !important;
  text-decoration: none !important;
  text-align: center;
  white-space: nowrap;
  cursor: pointer; }
  input.call_to_action:hover,
  a.call_to_action:hover {
    background-position: 0 100%;
    border: 1px solid #F5C32D; }

a.call_to_action {
  height: 1.13em;
  padding-top: 5px; }
  a.call_to_action span {
    font-size: 0.8em;
    font-weight: normal;
    text-transform: none;
    padding-left: 15px; }
