@charset "UTF-8";
/* -- RESET -- */
body,img,p,h1,h2,h3,h4,h5,h6,form,table,td,ul,ol,li,fieldset { margin:0; padding:0; border:0; }

input,select { vertical-align: middle; }


/* -- BASICS -- */
body { background: #e1e6c6; color:#444242; font-family: Tahoma, Arial, Helvetica, sans-serif; line-height: 1.5em; font-size: 13px; background-image:url(../media/layout/bkgd.jpg); background-repeat:repeat;}
h1, h2, h3 {line-height: 1.1em; color:#000; font-family: Georgia, "Times New Roman", Times, serif;font-weight: normal;}
h1{font-size: 30px;}
h2{font-size: 24px;}
h3{font-size: 18px;}
h4{font-size: 14px; text-transform: uppercase; line-height: 1.2em; color:#454343;}
h5{font-size: 10px; text-transform: uppercase; line-height: 1.2em; color:#454343;}
p{margin-top: 7px;}

a {color:#931a1d;}
a:hover {color:#931a1d; text-decoration:none;}

ul {padding-left:20px;}
.btn {margin-top:5px;}

/* -- LAYOUT -- */ 

#wrapper{width:960px;margin:0 auto; position:relative;}

#container{width:1100px;margin: 0px auto; display:block; padding-bottom:30px;}
	#navigation{margin: 0px auto; width:960px; position:relative; top:-32px;}
	
/*-- masthead nav --*/	
#topbar{width: 100%; margin:0px auto; background: url(../media/layout/top_bar.jpg) repeat-x; height:69px;}
#logo{float:left;}
#nav{width: 960px; margin:0px auto;}
	#nav ul{margin:0; position: relative; bottom: -45px; left: 40px;}
	#nav ul li{padding:0 40px 0 0; text-align:center; display:inline; color: #fff;font-size: 14px;}
	#nav ul li a{text-transform:capitalize; color: #fff; text-decoration: none; padding-top:10px; letter-spacing:0.05em;}
	#nav ul li a:hover{color: #d7dfab;}
	
#join {float:right; margin:15px 10px 0 0;}
#title {padding:0 0 0 270px; margin-top:-35px; font-style: italic;}

#phoneNum{width: 234px; float: right; clear: both; margin-top: 30px;}
#phoneNum h2{font-family: Arial, Helvetica, sans-serif; text-align: center;font-size: 35px; color: #fff; font-weight: bold; font-style:italic; letter-spacing: -2px;}

			
/* -- CONTENT -- */
#content{width:960px; margin:0px auto; padding:0; background:url(../media/layout/content_bkgd.gif) repeat-y; display:block;}
#content-top{display:block; height:8px; width:960px; margin:20px auto 0px;}
	#content-top img{display:block;}
#content-bottom{display:block; height:8px; width:960px; margin:0px auto; padding:0px; line-height:0px; margin-bottom:30px;}
	#content-bottom img{display:block;}
	
	#leftCol{float: left; width: 230px; padding:0px 15px; display:block;}
		#leftCol a {font:14px/26px Georgia, "Times New Roman", Times, serif; font-style:italic;}
		#leftCol input {border:1px solid #969696; height:20px; width:200px; margin:5px 0; font: 14px/16px Georgia, "Times New Roman", Times, serif; color:#4d4c4c; padding:7px 0 0 5px;}
		
	#leftCol #login {width:210px; float:left; padding:10px; margin-top:4px;}
		#leftCol #login label {color:#4d4c4c; font: 14px/36px Georgia, "Times New Roman", Times, serif; width:80px; text-align:right; margin-right:5px; vertical-align:bottom; float:left;}
		#leftCol #login input {border:1px solid #969696; height:20px; width:110px; margin-bottom:8px; float:right; font: 14px/16px Georgia, "Times New Roman", Times, serif; color:#4d4c4c; padding:7px 0 0 5px;}
	
		#leftCol #login input#rememberMe{width: 20px; float: left; margin-left: 8px;border: 1px solid #969696;}
		#leftCol #login input.loginBtn {margin:5px 0 0 92px; border: none; height: 25px;}
		
		#leftCol div.special{margin-bottom: 20px;}
		#leftCol div.special a{font-size: 14px; line-height: 1.2em;}
		
		
		#leftCol div.promo{padding: 10px 0px;}
		#leftCol #newsletter input.registerBtn {margin:5px 0 0 92px; border: none; width: 110px; height: 25px;}
		
		#partner {float:right; border:1px solid #ccc; padding:5px; position:relative; top:-6px;width: 120px; line-height: 1em; font-size: 11px;}
		#partner #home {float:right;}
		#partner .logo {margin-top:3px; width: 120px;}
		
		.forgot{font-size: 12px; display: block; float: right; text-align: right; width: 100%;}
	#rightCol{float: right; width: 670px; padding:15px; display:block;}
	

	#bullets {padding:0px; line-height:24px;}
		.small {font-size:11px; font-style:italic;}
		.green {color:#4d5e1d;}
		
		#bullets ul{list-style-type: none;margin-top: 10px;}
		#bullets ul li{background: url(../media/layout/check-green.jpg) no-repeat top left; padding-left: 20px;}		
			
		.joinTodayCopy{margin: 5px 20px;}	
		
		.clockHeading{width: 500px; float: left;}
		.clockHeading h3{padding-top: 5px;}
		
div#socialBookmarks{position:absolute; top:83px; /*--left:470px;--*/ right:8px;}
	div#socialBookmarks img{float: left; margin-left: 3px; border: 0px; width: 16px;}
		
/* -- RIGHT COLUMN -- */
	
	
/* --- FOOTER --- */
	#footer{width:960px; margin:0px auto; clear:both; padding-bottom:30px;}
	#footernav{margin:0px auto;}
		#footernav ul{ width: 960px;text-align: center; margin: 0px auto; padding:0;}
		#footernav ul li{padding:0px 5px; text-align: center; display: inline; font-size: 12px; }
		#footernav ul li a{text-transform:capitalize;}
		#footernav ul li a:hover{}
	#copyright{width: 960px; margin:0px auto; text-align:center; font-size:11px; margin-top:5px;}


/* -- SPECIFIC PAGES -- */
	
	/* -- home --*/ 
	#newestPeeps{width: 142px; float: right; padding:0px 0px 10px 10px; margin:0px 0px 10px 10px; border-left: 1px solid #D2D5C3;}
	#newestPeepsNew{width: 120px; padding:10px 0px 10px 10px; margin:10px 0px 10px 0px; border-left: 1px solid #D2D5C3;}
	#bestdeal {width:120; border: 1px solid #D2D5C3; padding:5px; text-align:center; background-color:#f5f9e3;}
	#bestdeal ul li {background: none; padding:0px; margin:-10px 0 0 -20px;}
	.bestdeal-col {margin-left:35px; width:70px; line-height:18px; text-align:center;}
	#right-right {float:right; line-height:20px; margin-left:10px;}
	.save {font-weight:bold; font-size:14px; line-height:30px;}
	
	
	/* -- BACK PAGES --*/

 /*--- All Courses table ---*/
 table#courseInfo {width:100%;}
	table#courseInfo td, table#courseInfo th { padding:3px 5px; text-align:center; line-height:14px; }
	table#courseInfo thead th { font-weight: normal; vertical-align: bottom; }
	table#courseInfo .courseName{ text-align:left; width: 25%;}
	
	table#courseInfo .courseHeaders { background-color: #fefefe; font-weight: bold; }
	table#courseInfo .courseHeaders th { padding:10px 5px 5px; vertical-align: bottom; border-bottom: 1px solid #777; font-weight: bold; }
	table#courseInfo .courseHeaders .courseName a{color: #124d00;}
	
	table#courseInfo tbody td { padding-right:10px; font-size: 13px; }
	table#courseInfo thead th, table#courseInfo tbody td, table#courseInfo tbody th { border-bottom:1px solid #777;}
	table#courseInfo tbody tr.highlight { background-color:#F5F9c0; }
	table#courseInfo tbody tr.highlight td a.courseLink{font-weight: bold;}
	table#courseInfo tfoot th a { color:#000; text-decoration:none; }

	.starRatings ul{list-style-type: none;padding: 0px; margin: 0px;}
	.starRatings ul li a{text-decoration: none;}
	.starRatings ul li img{width: 14px; border: 0px;}
	
	.lock{background: transparent url('/media/course-icons/members-only.png') no-repeat center center;}

	.clockIcon{display: inline; width: 15px;}

/*-- SAVINGS --*/ 
	#savingsLeft{width: 250px; float: left; border-right: 1px solid #969696;padding-right: 19px;}
	#savingsRight{width: 380px; float: left; padding-left: 20px}
		#savingsStars ul{list-style-type: none; padding:0px;}
			#savingsStars ul li a{text-decoration: none;}
			#savingsStars  ul li img{width: 15px; border: 0px;}

/*
	----------------------------
	MAP STYLES
	____________________________
*/
div#map{
	width: 750px;
	height: 500px;
	border:1px solid #ccc;
	float:left;
}
.infoWindow{
	width: 300px;
	text-align:left;
}
div#locations{
	width: 200px;
	float:right;
}
div#mapHotelList{
	margin-bottom: 3px;
	overflow:auto;
	border: 1px solid #ccc;
	height:450px;
}
div#mapHotelList a{
	padding: 5px;
	display: block;
	border-bottom: 1px solid #ccc;
	text-decoration: none;
}
div#mapHotelList a:hover{
	background-color: #f4f8e9;
}


/* -- INDIVIDUAL COURSE PAGE -- */
	#courseProfile{float: left;}
		#courseProfile h2{margin-top: 20px;}
		
		#courseProfile .icons{float: none; display: block; margin: 5px 0px 10px 0px;}
		#courseProfile .icons img{float: left; margin: 0px 2px;}
		
		#courseGallery { float: right; width: 320px;margin-left: 10px; padding: 5px;   border: 1px solid #ccc; background: #fff; }
		#courseGallery .viewport { height:290px; width: 320px; overflow: hidden;  font-style: italic; color: #999;}
		#courseGallery .viewport img{ height:280px;  overflow: hidden; clear: both;}
		#courseGallery #controls{ margin: 0px; padding: 0px;}
		#courseGallery #controls #prev2 {float: left;}
		#courseGallery #controls #next2 {float: right;}
		#courseGallery #controls #prev2 img {height: 30px;}
		#courseGallery #controls #next2 img {height: 30px;}
		
		
		#courseProfile #bookNow{text-align: right;float: right; font-size: 12px; width: 320px; padding:0px 0px 0px 10px; overflow: hidden;}
		#courseProfile #bookNow h3{font-size: 22px; color: #91171c;}
		#courseProfile #bookNow h3 a{color: #990000; text-decoration: none;}
		#courseProfile #bookNow h4{color: #000; text-transform: none;}
		#courseProfile #bookNow ul{padding-left: 8px; float: right;}
		#courseProfile #bookNow ul li{float: left;display: inline; margin: 0px 0px 0px 5px;}



/*-- CONTACT US --*/
	#members{float: left; width: 90%;}
	#members input, #members textarea, #members select{display: block; float: left; padding: 3px; border: 1px solid #969696;}
	#members label{display: block; color: #000; font-size: 16px; font-weight: normal;margin:15px 0px 5px 0px;}
	#members textarea{height: 90px; width: 230px;}
	#members .button{float: left;margin: 5px 45px 0px 0px;background: #111;color: #fff;}
	#members .error{color: #990000;}
	#members .formLeft, #members .formRight{float: left; width: 49%;}

	#members #eUpdates{float: left; margin: 15px 3px 0px 0px; border: none;}
	
	h3.contactIntro{font-family: Tahoma, Arial, Helvetica, sans-serif; }	
	


/* -- MISC -- */
.btn {float:right; height:25px; width:75px; background-color:#528954; color:#fff;}
div.clear { overflow:hidden; height:1px; clear:both; }
img.alignRight { float:right; margin:0 0 15px 15px; }
img.alignLeft { float:left; margin:0 15px 15px 0; }
.error { color: #990000; }

a.readmore{color: #258ec2; font-size: 12px; text-decoration: none; float:right;}
a.readmore:hover {text-decoration: underline;}
.capitalize{text-transform: capitalize;}
hr{clear:both;border:0;width:100%;color:#d2d5c3;background-color:#d2d5c3;height:1px;margin:20px 0px;}