/*  PROJECT NAME:         CamInstructor	 */
	


/* LM VARIABLES */

ul.HorizontalMenu {
	margin: 0;
	padding: 6px 0;
	text-align:left;
	width:100%
}

ul.HorizontalMenu li {
	list-style:none;
	display:inline;
	position :relative;
}

ul.HorizontalMenu a {
	padding:5px;
	text-decoration:underline;
	color:white;
	font-weight:bold;
	border-right: 2px solid white;
	background:#001CA8;
}

	/* MISC */

.fl { float:left; }
.fr { float:right; }
.big { font-size:1.3em; }
p.author { font-family:Verdana; color:#9d9d9d; margin:1em 0 1em 2em; font-size:0.85em; float:right; }
div.testimonials { margin: 0 auto; width:70%; }
div.testimonials div.rotator { clear:right; margin:1em 0; }
div.testimonials span.quote_mark { font-family: "Times New Roman", serif; font-size: 2em; }

	/* MAIN LAYOUT */
	
body { background:#757575 url(images/bg.png) repeat-x; }
div.inner { width:920px; margin:0 auto; text-align:left; }
div.header { height: 116px; min-width: 920px; }
	.header p { float:right; color:#ffffff; font-family:Arial; margin:12px 10px 0 0; display:inline; }
	.header p a { color:#fff568; }
	.header p span { font-size:0.8em; }
	.header img.logo { position:absolute; top:55px; }
ul.nav { float:right; clear:right; margin:33px 2px 0 0; display:inline; font-family:Arial; width: 662px; }
ul.nav2 { width:370px; font-family:Arial; }
html > body ul.nav, html > body ul.nav2 { width:auto; }
	.nav li { float:left; margin-left:10px; display:inline; background:none; padding:0; }
	.nav li a { float:left; text-decoration:none; font-size:1.2em; font-weight:bold; color:#000000; }
	.nav li a span { float:left; line-height:35px; height:35px; padding:0 8px 0 8px; cursor:pointer; }
	.nav li a:hover, .nav li.active a { background:url(images/menu_bg.png) no-repeat left; }
	.nav li a:hover span, .nav li.active a span { background:url(images/menu_bg2.png) no-repeat right; }
div.content { background:#ffffff; overflow: hidden; min-width: 920px; }
div.leftcol { float:left; width:235px; margin:0 25px 0 10px; padding:23px 0 30px 0; display:inline; overflow:hidden; }
	.leftcol h1, .leftcol h2, .leftcol h3 { color:#cb1d23; width:100%; clear:both; display:block; font-size:1.1em; padding-bottom:0.4em; margin-bottom:1em; border-bottom:2px solid #ccc8c5; }
	.leftcol p { margin-bottom:1em; }
	.leftcol a { color:#cb1d23; }
	.leftcol a.btn_wide, .leftcol a.btn_wide_green { color:#ffffff; }
div.rightcol { float:left; width:650px; padding:23px 0 30px 0; /*overflow:hidden;*/ }
div.footer { border-top:6px solid #585858; font-family:Verdana; min-width: 920px; overflow: hidden; padding:17px 0 30px 0; }
	.footer p, .footer p a { color:#ffffff; }
	.footer div.fl { width:330px; }
	.footer img.fl { margin-left:10px; }
	.footer div.fr { width:240px; font-family:Verdana; font-style:italic; }
	.footer div.fr h3 { color:#ffffff; font-family:Arial; font-style:normal; }
	.footer table { border:none; }
	.footer table td { border:none; }
	.footer table td img { display:block; margin:auto; }
	
p.breadcrumbs { background:#ececec; line-height:3em; margin-bottom:2em; padding-left:1em; font-weight:bold; font-size:0.85em; }
	.breadcrumbs a { font-weight:normal; color:#cb1d23; }
	.breadcrumbs span { font-weight:normal; color:#0072bc; }

	/* home */
ul.splash { float:left; width:257px; padding:22px 0 22px 0; font-family:Arial; }
	.splash li { float:left; height:58px; width:100%; padding:10px 0; border-bottom:1px solid #ececec; background:none; }
	.splash li a { float:left; width:192px; padding:0 0 5px 65px; text-decoration:none; color:#000000; }
	.splash li h3 { font-size:1.3em; }
	.splash li.btn3 { border:0; }
	.splash li.btn1 { background:url(images/splash1.jpg) no-repeat 5px 15px; }
	.splash li.btn2 { background:url(images/splash2.jpg) no-repeat 8px 17px; }
	.splash li.btn3 { background:url(images/splash3.jpg) no-repeat 7px 15px; }
div.home { float:left; width:100%; background:#eaeae2; border-top:3px solid #ccc8c5; padding:13px 0 33px 0; }
	.home .left { float:left; width:365px; }
		.home .left h2 { color:#787571; }
		.home .left h3 { margin:2em 0 0.5em 0; }
	.home .middle { float:left; width:252px; margin:0 31px 0 30px; }
		.home .middle div { float:left; width:236px; background:#ffffff; border:1px solid #ccc8c5; padding:7px; margin-bottom:15px; position:relative; }
		.home .middle div h3 { float:left; width:150px; margin:0 0 0 6px; }
		.home .middle div a.red_btn { clear:both; position:absolute; width:157px; height:31px; z-index:10; padding-left:15px; bottom:8px; right:7px; line-height:31px; color:#ffffff; text-decoration:none; background:url(images/btn_med.gif) no-repeat; font-weight:bold; font-size:1.2em; }
	.home .right { float:left; width:242px; }
		.home .right a.green_btn { float:left; width:236px; height:48px; line-height:48px; background:url(images/green_btn.gif) no-repeat; margin-bottom:15px; text-align:center; color:#ffffff; text-decoration:none; font-size:1.6em; font-weight:bold; position:relative; }
		
	/* books */
div.item { float:left; width:100%; margin-bottom:27px; }
	.item div.desc { width:480px; float:right; }
	.item h1 { font-family:Verdana; font-weight:normal; color:#0072bc; font-size:1.5em; margin-bottom:13px; }
	.item div.desc div { float:left; width:410px; padding:20px 35px 20px 35px; margin-top:15px; border-top:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; }
	.item div.desc div p.course_info { font-size:0.85em; color:#838383; margin:10px 0 10px; float:left; }
	.item div.desc div p.fr { text-align:center; margin-right:20px; }
	
	.item div.desc div p.fr .price, .tabs table td.col2 .price, .buy-option .price { color:#cb1e24; font-size:1.4em; }
	.item div.desc div p.fr .stock, .tabs table td.col2 .stock { color:#34c93f; font-size:0.8em; line-height:24px; }
	
	/* course */
.leftcol blockquote { line-height:18px; font-style:italic; font-family:Verdana; color:#656565; }
div.tabs { float:left; width:650px; margin:40px 0 10px 0; }
	.tabs ul { float:left; width:640px; height:32px; padding:0 5px 0 5px; margin-bottom:20px; background:url(images/tabs_bg.gif) repeat-x bottom; font-family:Arial; }
	.tabs ul li { float:left; font-family:Verdana; background:none; padding:0; }
	.tabs ul li a { float:left; line-height:32px; height:32px; margin:0 12px 0 0; color:#cb1e24; }
	.tabs ul li.active a, .tabs ul li a.list_selector_active { background:#ffffff; line-height:30px; height:30px; color:#000000; text-decoration:none; border:2px solid #ccc8c5; padding:0 10px 0 10px; border-bottom:0; }
	.tabs .desc h2 { font-size:1.2em; }
	.tabs table { float:left; width:650px; margin-top:40px; border:none; }
	.tabs table tr td { padding:30px 12px 30px 12px; border:none; }
	.tabs table tr.odd td { background:#ececec; padding:12px; }
	.tabs table td.col1 p { font-size:1em; color:#807b78; }
	.tabs table td.col1 p a { font-size:1.2em; color:#cb1e24; }
	.tabs table td.col2, .tabs table td.col3 { text-align:center; }
	.tabs table td.col3 a.details { color:#cb1e24; font-family:Verdana; margin-top:7px; display:block; }
	
	/* video & online training & lesson */
div.select_lesson { float:left; background:#ececec; padding:5px 7px 20px 7px; margin-bottom:35px; }
	.select_lesson select { width:218px; background:#ffffff; border:1px solid #ccc8c5; margin:10px 0 20px 0; padding:3px; }
	.select_lesson button { width:168px; height:31px; margin-left:26px; background:url(images/begin_free_lesson.gif) no-repeat; border:0; cursor:pointer; }
div.video { float:left; border:1px solid #e0dedc; padding:5px; margin-bottom:20px; }
img.border { border:1px solid #e0dedc; padding:5px; }

div.lesson { margin-top:15px; }
	.lesson table { margin-top:0; }
	.lesson table td { border-top:10px solid #ffffff; border-bottom:10px solid #ffffff; }

div#benefits img { border:1px solid #e0dedc; padding:5px; margin-bottom:1em }
div#benefits p, div#benefits h2, div#benefits h3 { margin:0.8em 0; }

table.LoginBox { border:none; }
table.LoginBox td, table.LoginBox th { border:none; }

table.online_pricelist { border: none; clear: both; }
	.online_pricelist th, .online_pricelist td { text-align: center; height: 32px; vertical-align: middle; }
	.online_pricelist th { background-color: transparent; color: black; border: 1px solid #ccc8c5; }
	.online_pricelist th.label_heading { border-left: none; border-bottom: none; border-right: none; text-align: left; }
	.online_pricelist th.with_tooltip { background: url(/files/images/info.gif) no-repeat center right; padding-right: 30px; }
	.online_pricelist th.bundle_heading { border-top: none; }
	.online_pricelist th.purchase_heading { border-bottom: none; }
	.online_pricelist td { color: #cb1e24; font-size: 1.1em; font-weight: bold; }
	
	.online_pricelist tr.info td { font-weight: bold; text-align: center; border: none; color: black; }
	
	.label_premium  { color: white; background-color: #00a651; text-transform: uppercase; font-size: 0.9em; padding: 2px 5px; font-weight: bold; }
	.label_standard { color: white; background-color: #0072bc; text-transform: uppercase; font-size: 0.9em; padding: 2px 5px; font-weight: bold; }
	.label_basic    { color: white; background-color: #f26522; text-transform: uppercase; font-size: 0.9em; padding: 2px 5px; font-weight: bold; }
	
	.price_premium  { background-color: white; color: #00a651; text-transform: uppercase; font-size: 1.2em; padding: 2px; }
	.price_standard { background-color: white; color: #0072bc; text-transform: uppercase; font-size: 1.2em; padding: 2px; }
	.price_basic    { background-color: white; color: #f26522; text-transform: uppercase; font-size: 1.2em; padding: 2px; }
	
.red_button { text-decoration: none; text-align: center; color: white; text-transform:uppercase; background: url(/files/images/red_button.png); display: block; width: 120px; height: 22px; line-height: 22px; font-size: 0.75em; margin: 0 auto; }

.tooltip-container { position: relative; padding: 0px; margin: 0px; }
.tooltip { position: absolute; right: -137px; bottom: 10px; width: 189px; padding: 0px; margin: 0px; display: none; }

.tooltip-top { background: url(/files/images/tooltip-top.png) bottom; width: 189px; height: 11px; line-height: 0px; font-size: 0.1em; }
.tooltip-mid { background-color: #fff799; font-weight: normal; padding: 0px 4px; }
.tooltip-bottom { background: url(/files/images/tooltip-bottom.png); width: 189px; height: 38px; line-height: 0px; }

.buy-option { width: 450px; text-align: left; padding: 20px; }
.buy-option p { margin-top: 0 }