body {margin:0; padding:0; font:normal 81.25%/1.2 "century gothic", arial,helvetica,sans-serif; background: url(../img/bg.gif);}
* {padding:0; margin:0;}/*first zero everything so we're on a level browser playing field*/

strong{color:#d1649b; font-weight:bold;}
.onoffer{text-decoration:line-through;}

.shhh{display:none;}
a.wh {text-decoration:none; color:#fff; border-bottom:1px dashed #ccc;}
a.wh:hover{text-decoration:none; color:#fff; border-bottom:1px solid #fff;}

a {text-decoration:underline; color:#666;}
a:hover{text-decoration:none; color:#666;}

a.buttonsm{text-decoration:none; background: url(../img/smbutton-bg.gif) left no-repeat; line-height:40px; width:80px; display:block; text-align:center; color:#555; font-size:0.9em; font-weight:bold;}
a.buttonsm:hover{color:#999;}

a.buttonsm-right{text-decoration:none; background: url(../img/smbutton-bg.gif) left no-repeat; line-height:40px; width:80px; display:block; text-align:center; color:#555; font-size:0.9em; font-weight:bold; float:right;}
a.buttonsm-right:hover{color:#999;}

a.buttonlg{text-decoration:none; background: url(../img/lgbutton-bg.gif) left no-repeat; line-height:30px; width:157px; display:block; text-align:center; color:#555; font-size:.9em; font-weight:bold;}
a.buttonlg:hover{color:#333;}

a.buttonsm2{text-decoration:none; background: url(../img/smbutton-3.gif) left no-repeat; line-height:30px; width:98px; display:block; text-align:center; color:#555; font-size:.9em; font-weight:bold;}
a.buttonsm2:hover{color:#333;} 

h1{font-size: 1.15em; color:#666; padding: 7px 0 10px 6px;}
h2{font-size:1.1em; color:#666; margin:5px 0 10px 0;}
h3{color:#666; font-size: 1em; margin: 10px 0 3px 0 !important;}
.bluebox h3, .greybox h3{margin: 0 0 3px 0 !important; }
h4{color:#444; font-size:.9em; text-transform:capitalize; margin: 8px 0;}
p {color:#666; margin-bottom: 6px;}
.bluebox p, .greybox p {margin-left: 10px;}
.bluebox .offer, .greybox .offer {margin-left: 0px; color:#444;}
.bluebox .placesleft, .greybox .placesleft {margin-left: 0px; color:#444;}
.small{font-size: .8em !important;}
.highlightbox{background:#fefefe; color:#fff; float:right; width:200px;  border: 1px solid #A3D4E6;}
 .highlightbox h3 {text-align:center;}

.pink { color:#d6378e; font-weight:bold; }

#main ul{margin-left: 20px; list-style-type:none; color:#333;}
 #main ul li{padding: 5px 0 5px 25px; background: url(../img/bullet-sm.gif) left 10px no-repeat;}
 #coursecats #main ul{margin-left: 30px;}
 #coursecats #mail ul li{padding:0 0 4px 20px;}
#main .courseport ul, #main .highlightbox ul {margin-left:5px;}
	
a img{border:none !important; border:0px !important;}	
img.right{float:right;}
img.left{float:left; margin:5px 5px 5px 10px; }
img.middle{vertical-align:middle;}

.call{width:490px; display:block;}
.call a {float:right;}
.call span {float:left; margin:12px 0;}

.right{text-align:right;}
.trainerpic{width:85px; float:left; border: 1px solid #ddd; text-align:center;}
  
/*form field stuff*/
 input.normfield {border: 1px solid #777;}
 input.mediumtext {width:250px;}
 input.blue{border: 1px solid #777; background-color:#A3D4E6; color:#666; padding:3px; }
 .textarea{border: 1px solid #777;}
 fieldset{padding:5px; width:95%;}
 legend{font-size: 1.1em; color: #527bb9; font-weight:bold;}

.clear{clear:both; height:1px; font-size:1px; border:none; background:transparent;}
.pad {padding:10px;}
.item {padding: 0 0 0 15px;}

/* added new */
.padding { padding:0 2em 0 3em; }
.show-hide { float:right; margin:0; }
.show-hide:hover { float:right; margin:0; background:none; }


img.centerimage {display: block; margin:0 auto; text-align:center;}

table.maintable {width:100%;}
table.maintable td.col1 {width: 340px; vertical-align:top;}
td.aligntop{vertical-align: top;}

table.bookinginfo {width:100%; border-collapse:collapse;}
table.bookinginfo th{background: url(../img/tableheader-bg.jpg) top left repeat-x; border: 1px dotted #999; height:35px; padding:4px;}
table.bookinginfo td{border:1px dotted #999; border: 1px dotted #999; padding:4px;}
table.bookinginfo th.book{width:80px;}

/*general layout boxes*/
#outterwrapper{border:1px solid #666; width:778px; margin:20px 0 0 20px; background: #fff;}
#breadcrumb{background: #fff url(../img/breadcrumb-bg.jpg) repeat-x; margin:-5px 0 15px 0; width: 778px; min-height: 55px; height: auto; _height:55px; border-bottom: 1px dashed #ccc;}
	.rightarrow{margin:-100px 10px 0 720px; position:relative; z-index:1000; }
	p.bc{margin-top:30px; float:left; font-weight:bold; color:#518FC8;}
	p.bc a{ color:#518FC8;}
	
/*****/	
/*****to take out the fixed phone numbe thing - take out position:fixed, top, and left - and replace the padding*/	
	#breadcrumb p.numb{ text-align:right; float:right; font-size:1.7em; font-weight:bold; color:#518FC8; padding:20px 85px 0 0 ; top:150px; left:585px;}

	img.booknow{margin: 14px 70px -14px 0;}
#innerbox{width:757px;}
#main{float:right; margin-top: 10px; width:570px;}
#leftside {float:left; padding:0; margin:0; width:180px;}

.item1{background: #fff url(../img/item1-bg.jpg) left top no-repeat; min-height: 180px; height: auto; _height:180px; padding: 0 7px 5px 7px;}
.item1-small{background: #fff url(../img/item1-bg.jpg) left top no-repeat; min-height: 120px; height: auto; _height:120px; padding: 0 7px 5px 7px;}
.item2{background: #fff url(../img/item2-bg.jpg) left top no-repeat; min-height: 130px; height: auto; _height:130px; padding-left:7px;}

/*.item1{background: #fff url(../img/item1-bg.jpg) left top no-repeat; min-height: 240px; height: auto; _height:180px; padding: 0 7px 5px 7px;}*/

.item1big{background:#fff url(../img/item1-bg-big.jpg) left top no-repeat; min-height: 180px; height: auto; _height:180px; padding: 0 7px 5px 7px;}

.greybox{border:1px solid #ccc; background:#fafafa; padding:10px; margin:0px;}
.bluebox{border: 1px solid #ccc; background:#EFF7FA; padding:10px; margin:0px;}
.pinknavbox{border: 1px solid #F07FC1; background:#fff; text-align:right;}
	.pinknavbox p {font-size: .8em; color:#5491CC; padding-top:3px;}
	.pinknavbox a{color:#5491CC; text-decoration: none !important; }
	.pinknavbox a:hover {text-decoration: underline !important;}
#coursecats .greybox, #coursecats .bluebox {margin:0 0 15px 15px;}

/*navigation and sub navigation stuff*/
ul#navigation{list-style-type:none; border: 1px solid #777; border-left:none; width:180px; margin-top:10px;}
 ul#navigation li{border-bottom:1px solid #777;}
 /*ul#navigation li a {background: #51ABC6 url(../img/arrow-pink.gif) 15px center no-repeat; 	padding: 0 0 0 35px; color:#666; display:block; width:145px; line-height:30px; text-decoration:none;}*/
 ul#navigation li a {background: #A6CCF0 url(../img/arrow-pink.gif) 15px center no-repeat; 	padding: 0 0 0 35px; color:#666; display:block; width:145px; line-height:30px; text-decoration:none;}
 ul#navigation li a:hover, #index #nav-index a{background: #F07FC1 url(../img/arrow-blue.gif) 15px center no-repeat; color:#333; text-decoration:none;} /*this is instead of using a current id*/

ul#subnav li{border-bottom:1px solid #777; font-size:.85em; padding-left:15px; background-color:#C6E3ED; list-style-type:none;}
	ul#subnav li.last{border-bottom:none;}
  ul#subnav li a{background: #C6E3ED url(../img/arrow-pinksm.gif) 15px 3px no-repeat;     padding: 0 0 0 35px; color:#666; display:block; width:130px; line-height:15px; text-decoration:none;}
  ul#subnav li a:hover {background:#C6E3ED url(../img/arrow-pinksm.gif) 7px 3px no-repeat; color:#111;text-decoration:none;}
/*
	ul#subnav{list-style-type:none; margin-bottom:0px; width:180px; border-top: 1px solid #777;}
 	ul#subnav li{border-bottom:1px solid #777; font-size:.85em; padding-left:15px; background-color:#C6E3ED;}
	  ul#subnav li.last{border-bottom:none;}
 	ul#subnav li a{background: #C6E3ED url(../img/arrow-pinksm.gif) 15px center no-repeat; 	padding: 0 0 0 35px; color:#666; display:block; width:130px; line-height:20px; text-decoration:none;}
 	ul#subnav li a:hover {background:#C6E3ED url(../img/arrow-pinksm.gif) 7px center no-repeat; color:#111;text-decoration:none;}
*/
/*other stuff to do with side boxes */
.sidebox{width:175px; background-color:#D764A3; border-right: 1px solid #777; min-height: 3.5em; height: auto; _height: 3.5em; text-align:center; padding:5px 0 0 5px;}
	 p.side{font-size:1.7em; font-weight:bold; color:#fff; margin:0 !important;}
	 p.sidesm{font-size:.9em; color:#fff; line-height:1.5em !important; text-align:left; font-weight:bold;}
.sidebox2{width:175px; background: #51ABC6 url(../img/cart.gif) 147px 10px no-repeat; border-right: 1px solid #777; min-height: 3.5em; height: auto; _height: 3.5em; padding:5px 0 0 5px; font-size:1.2em;}
	.sidebox2 p.sb2{color:#fff; font-size: .8em;}
	 
	 
.quotebox{background:#C6E3ED; width:170px; border-right: 1px solid #777; padding:5px;}
	.quotebox p{color:#666; font-family:"Trebuchet MS", "Century Gothic", arial, helvetica sans-serif; font-weight: bold; font-style:italic;}
	.quotebox h4{color:#D764A3; font-size:.9em;}
.topquote{background: url(../img/quote-top.gif) top left no-repeat;}
.bottomquote{background: url(../img/quote-bottom.gif) bottom right no-repeat; padding:23px 7px 5px 14px;}
/*new*/
.middlequotebox { width:430px; border: 1px solid #ddd; padding:5px; margin:5px auto; text-align:center; background: #fff url(../img/breadcrumb-bg.jpg) repeat-x;}
	.middlequotebox p {color:#666; font-family:"Trebuchet MS", "Century Gothic", arial, helvetica sans-serif; font-weight: bold; font-style:italic;}
	.middlequotebox h4 {color:#D764A3; font-size:.9em;}
	.middlequotebox .topquote{background: url(../img/quote-top.gif) top left no-repeat;}
	.middlequotebox .bottomquote{background: url(../img/quote-bottom.gif) bottom right no-repeat; padding:17px 7px 0px 14px;}


#bottombit {height:30px; clear:both; width:100%; text-align:center;}
    #bottombit p a{font-size: 1em; color: #555; letter-spacing: 0.2em;}
    
	
/*footer stuff*/
#footer {width:100%; clear:both;}	
#footer p{font-size: .7em; color:#666; margin-left:20px; }

/*new*/
table.courseconfirm {border-collapse:collapse;}
table.courseconfirm td {padding:3px; border:1px solid #ddd;}
table.courseconfirm td.optionbuttons {text-align:right; width:100%;}

table.optionbuttons {}
table.optionbuttons td {padding:3px;}
table.optionbuttons td.buttons {text-align:right; width:100%;}

.boldtext {font-weight:bold;}
.offertext {font-weight:bold; font-style:italic;}

.smallselect {width:150px;}
.mediumselect {width:350px;}
.textfield {width:250px;}
.emailtextfield {width:220px;}