@charset "utf-8";
/* CSS Document */

*{ padding:0; margin:0; }



html, body { font: normal 12px/12px Arial, Verdana, san-serif; color: #000; background-color:#fff;}

#white{background-color:#FFF; position:relative; z-index:1; background-image:url(../images/white.png); height:377px; width:951px; margin:0 auto; overflow:hidden;}




#white table {
	font: normal 13px/13px Arial, Verdana, san-serif;
	color: #000;
	text-align: center; line-height:140%;
}
#white table a{font: normal 13px/13px Arial, Verdana, san-serif; color: #000;}

#container {height: 0 auto; width:960px; margin:0 auto;	  } 

#logo{margin-left:10px;}

#containerheader{height: 0 auto; width:960px; margin:0 auto;	  } 


#navbarbackground{ background:url(../images/navbarbackground.gif) repeat-x; height:56px;}

#navbarcontainer{height: 0 auto; width:960px; margin:0 auto; position:relative; z-index:2; 	  } 


table a{font-weight:bold; line-height: 1.4em; color:#000; font-size:11px;  padding-bottom:18px; text-decoration:none;}
table a:hover{font-weight:bold; line-height: 1.4em; color:#000; font-size:11px;  padding-bottom:18px; }

#flashbackground{ padding-top:10px; }
#flash{height: 0 auto; width:950px; margin:0 auto;	  } 
#flash p{font-weight:normal; line-height: 1.4em; color:#000; font-size:15px; display: block; padding-bottom:25px; width:700px; padding-left:50px;}
#flash h1{font: Georgia, "Times New Roman", Times, serif; font-size:19px; color: #E72900; 	border-bottom: 1px dotted #6b9ef1; 
	line-height: 1.1em; margin-bottom:20px;}

#flash a{font-weight:bold; line-height: 1.4em; color:#000; font-size:11px;  padding-bottom:18px; text-decoration:none;}

#footercontainer{height: 0 auto; width:960px; margin:0 auto;	  } 


.footer{font: Georgia, "Times New Roman", Times, serif; font-size:19px; color:#666;	border-bottom: 1px dotted #6b9ef1; 
	line-height: 1.1em; margin-bottom:20px;}


#footer{border-bottom:#999 solid 1px; margin:15px 0 0 0;}
#subfooter{border-top:#999 solid 1px; margin:3px 0 0 0;}

#subfooter p{ font:Arial, Helvetica, sans-serif; font-size:10px; color:#999; padding:5px;}

#footer p a{ color:#000;font: normal 12px/12px Arial, Verdana, san-serif;  text-decoration:none;}
#footer p a:hover{ color:#333; font: normal 12px/12px Arial, Verdana, san-serif;  text-decoration:none;}

.transparent{ padding-top:0px; padding-left:13px;}
.transparent img{border:none;}
img{border:none;}
h1{margin:20px 0 0 25px; font: Georgia, "Times New Roman", Times, serif; font-size:19px; color: #28417F;}

ul{margin:20px 0 0 40px; line-height:150%;}

a{outline:none;}








#backgroundPopup{
	display:none; 
	position:fixed; 
	_position:absolute; 
	height:100%; width:100%; 
	top:0; left:0;
	background:#000; 
	z-index:5; 
	}  
	
	#backgroundPopup2{
	display:none; 
	position:fixed; 
	_position:absolute; 
	height:100%; width:100%; 
	top:0; left:0;
	background:#000; 
	z-index:5;
	}  


.popupContact{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:400px;
width:500px;
background:#FFFFFF;
border:1px solid #000;
z-index:12;
padding:12px;
font-size:13px;

}


.popupContact2{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:400px;
width:500px;
background:#FFFFFF;

z-index:12;
padding:12px;
font-size:13px;

}


.popupContact3{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:193px;
width:475px;
background:#FFFFFF;

z-index:12;
padding:12px;
font-size:13px;

}


.popupContact4{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:860px;
width:560px;
background:#FFFFFF;

z-index:12;
padding:12px;
font-size:13px; margin-top:170px;

}


.popupContact5{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:730px;
width:560px;
background:#FFFFFF;

z-index:12;
padding:12px;
font-size:13px; margin-top:140px;

}

.popupContactClose{
	
	
	background:url(../images/fancy_closebox.png) top left no-repeat;
	cursor: pointer;
position: absolute;
	top: 4px;
	right: 5px;
	height: 30px;
	width: 76px;
	z-index: 99999999;
}















#ccoptin input[type=text], #signin_menu input[type=password] {
	width: 220px;
	padding: 6px;
	color: #000;
	font-family: Arial,  Verdana, Helvetica, sans-serif;
	font-size: 11px;
	border: 1px solid #6b9ef1;
}


#ccoptin label {
  display: block;
	color:#003366;
	font-weight: 700;
	line-height: 1.4em;
}

#ccoptin {
 text-align:left; margin-left:70px;
  
}











/******* /FORM for catalog *******/

#formcontainer h1{font: Georgia, "Times New Roman", Times, serif; font-size:19px; color: #E72900; margin-top:10px; margin-left:-1px; 	border-bottom: 1px dotted #6b9ef1; 
	line-height: 1.1em;
	}

/******* FORM *******/
#customFormcatalog{
	padding: 10px 0 10px 40px; 
}

#customFormcatalogcontainer{
	width: 550px; 
	margin: 10px auto;
	text-align: left;  
}

#customFormcatalog label{
	display: block;
	color:#003366;
	font-weight: 700;
	line-height: 1.4em;
}
#customFormcatalog input{
	width: 220px;
	padding: 6px;
	color: #000;
	font-family: Arial,  Verdana, Helvetica, sans-serif;
	font-size: 11px;
	border: 1px solid #6b9ef1;
}
#customFormcatalog input.error{
	background: #f8dbdb;
	border-color: #e77776;
}


#customFormcatalog select{
	width: 220px;
	padding: 6px;
	color: #000;
	font-family: Arial,  Verdana, Helvetica, sans-serif;
	font-size: 11px;
	border: 1px solid #6b9ef1;
}
#customFormcatalog select.error{
	background: #f8dbdb;
	border-color: #e77776;
}



#customFormcatalog textarea{
	width: 550px;
	height: 80px;
	padding: 6px;
	color: #000;
	font-family: Arial,  Verdana, Helvetica, sans-serif;
	font-style: italic;
	font-size: 12px;
	border: 1px solid #6b9ef1;
}
#customFormcatalog textarea.error{
	background: #f8dbdb;
	border-color: #e77776;
}


#customFormcatalog div{
	margin-bottom: 15px;
}
#customFormcatalog div span{
	margin-left: 10px;
	color: #b1b1b1;
	font-size: 11px;
	font-style: italic;
}
#customFormcatalog div span.error{
	color: #e46c6e;
}
#customFormcatalog #send{
	
 -moz-border-radius:4px;
    -webkit-border-radius:4px;
    background:#39d url('../images/bg-btn-blue.png') repeat-x scroll 0 0;
    border:1px solid #39D;
    color:#fff;
    text-shadow:0 -1px 0 #39d;
    padding:4px 10px 5px;
    font-size:11px;
    margin:0 5px 0 0;
    font-weight:bold;
}
#customFormcatalog #send:hover{
	background-position:0 -5px;
    cursor:pointer;
}


/******* FROMCONTAINER *******/
#formcontainer{
	width: 400px;
	margin: 10px auto;
	text-align: left;
}

#formcontainer h1{
	font: Georgia, "Times New Roman", Times, serif; font-size:19px; color: #E72900; 	border-bottom: 1px dotted #6b9ef1; 
	line-height: 1.1em; margin-bottom:20px;
}
/******* /CONTAINER *******/
/******* FORM *******/
#customForm{
	padding: 0 10px 10px;
}
#customForm label{
	display: block;
	color:#003366;
	font-weight: 700;
	line-height: 1.4em;
}
#customForm input{
	width: 220px;
	padding: 6px;
	color: #000;
	font-family: Arial,  Verdana, Helvetica, sans-serif;
	font-size: 11px;
	border: 1px solid #6b9ef1;
}
#customForm input.error{
	background: #f8dbdb;
	border-color: #e77776;
}


#customForm select{
	width: 220px;
	padding: 6px;
	color: #000;
	font-family: Arial,  Verdana, Helvetica, sans-serif;
	font-size: 11px;
	border: 1px solid #6b9ef1;
}
#customForm select.error{
	background: #f8dbdb;
	border-color: #e77776;
}



#customForm textarea{
	width: 350px;
	height: 80px;
	padding: 6px;
	color: #000;
	font-family: Arial,  Verdana, Helvetica, sans-serif;
	font-style: italic;
	font-size: 12px;
	border: 1px solid #6b9ef1;
}
#customForm textarea.error{
	background: #f8dbdb;
	border-color: #e77776;
}


#customForm div{
	margin-bottom: 15px;
}
#customForm div span{
	margin-left: 10px;
	color: #b1b1b1;
	font-size: 11px;
	font-style: italic;
}
#customForm div span.error{
	color: #e46c6e;
}
#customForm #send{
	
 -moz-border-radius:4px;
    -webkit-border-radius:4px;
    background:#39d url('../images/bg-btn-blue.png') repeat-x scroll 0 0;
    border:1px solid #39D;
    color:#fff;
    text-shadow:0 -1px 0 #39d;
    padding:4px 10px 5px;
    font-size:11px;
    margin:0 5px 0 0;
    font-weight:bold;
}
#customForm #send:hover{
	background-position:0 -5px;
    cursor:pointer;
}
#error{
	margin-bottom: 20px;
	border: 1px solid #efefef;
}
#error ul{
	list-style: square;
	padding: 5px;
	font-size: 11px;
}
#error ul li{
	list-style-position: inside;
	line-height: 1.6em;
}
#error ul li strong{
	color: #e46c6d;
}
#error.valid ul li strong{
	color: #93d72e;
}
/******* /FORM *******/




/******* account FORM *******/
#enrollForm{
	padding: 10px 0 10px 40px; 
}



#enrollForm label{
	display: block;
	color:#003366;
	font-weight: 700;
	line-height: 1.4em;
}
#enrollForm input{
	width: 220px;
	padding: 6px;
	color: #000;
	font-family: Arial,  Verdana, Helvetica, sans-serif;
	font-size: 11px;
	border: 1px solid #6b9ef1;
}

#enrollForm input:file{
	width: 220px;
	padding: 6px;
	color: #000;
	font-family: Arial,  Verdana, Helvetica, sans-serif;
	font-size: 11px;
	border: 1px solid #6b9ef1;
}


#enrollForm input.error{
	background: #f8dbdb;
	border-color: #e77776;
}


#enrollForm select{
	width: 220px;
	padding: 6px;
	color: #000;
	font-family: Arial,  Verdana, Helvetica, sans-serif;
	font-size: 11px;
	border: 1px solid #6b9ef1;
}
#enrollForm select.error{
	background: #f8dbdb;
	border-color: #e77776;
}



#enrollForm textarea{
	width: 250px;
	height: 80px;
	padding: 6px;
	color: #000;
	font-family: Arial,  Verdana, Helvetica, sans-serif;
	
	font-size: 12px;
	border: 1px solid #6b9ef1;
}
#enrollForm textarea.error{
	background: #f8dbdb;
	border-color: #e77776;
}


#enrollForm div{
	margin-bottom: 15px;
}
#enrollForm div span{
	margin-left: 10px;
	color: #b1b1b1;
	font-size: 11px;
	font-style: italic;
}
#enrollForm div span.error{
	color: #e46c6e;
}
#enrollForm #send{
	
 -moz-border-radius:4px;
    -webkit-border-radius:4px;
    background:#39d url('../images/bg-btn-blue.png') repeat-x scroll 0 0;
    border:1px solid #39D;
    color:#fff;
    text-shadow:0 -1px 0 #39d;
    padding:4px 10px 5px;
    font-size:11px;
    margin:0 5px 0 0;
    font-weight:bold;
}
#enrollForm #send:hover{
	background-position:0 -5px;
    cursor:pointer;
}











/******* /FORM for rep *******/

#repFormcontainer{
	width: 330px; 
	margin: 10px auto;
	text-align: left;  
}
#repFormcontainer p{
	width: 330px; font-weight:bold; font-size:10px; 
	
	text-align: left; margin-left:-30px; 
}


#customFormcatalogcontainer p{
	width: 550px;  font-weight:bold; font-size:10px; 
	
	text-align: left; margin-left:-30px; 
}

/******* getting started FORM *******/
#repForm{
	padding: 0 20px 10px; width:330px;
}



#repForm label{
	display: block;
	color:#003366;
	font-weight: 700;
	line-height: 1.4em;
}
#repForm input{
	width: 220px;
	padding: 6px;
	color: #000;
	font-family: Arial,  Verdana, Helvetica, sans-serif;
	font-size: 11px;
	border: 1px solid #6b9ef1;
}
#repForm input.error{
	background: #f8dbdb;
	border-color: #e77776;
}


#repForm select{
	width: 220px;
	padding: 6px;
	color: #000;
	font-family: Arial,  Verdana, Helvetica, sans-serif;
	font-size: 11px;
	border: 1px solid #6b9ef1;
}
#repForm select.error{
	background: #f8dbdb;
	border-color: #e77776;
}



#repForm textarea{
	width: 250px;
	height: 80px;
	padding: 6px;
	color: #000;
	font-family: Arial,  Verdana, Helvetica, sans-serif;
	font-style: italic;
	font-size: 12px;
	border: 1px solid #6b9ef1;
}
#repForm textarea.error{
	background: #f8dbdb;
	border-color: #e77776;
}


#repForm div{
	margin-bottom: 15px;
}
#repForm div span{
	margin-left: 10px;
	color: #b1b1b1;
	font-size: 11px;
	font-style: italic;
}
#repForm div span.error{
	color: #e46c6e;
}
#repForm #send{
	
 -moz-border-radius:4px;
    -webkit-border-radius:4px;
    background:#39d url('../images/bg-btn-blue.png') repeat-x scroll 0 0;
    border:1px solid #39D;
    color:#fff;
    text-shadow:0 -1px 0 #39d;
    padding:4px 10px 5px;
    font-size:11px;
    margin:0 5px 0 0;
    font-weight:bold;
}
#repForm #send:hover{
	background-position:0 -5px;
    cursor:pointer;
}























#container {
	width:500px;
	margin:0 auto;
	position: relative; z-index:4; 
}
#content {
	width:460px;
	min-height:500px; 
}
a:link, a:visited {
	color:#778899;
	text-decoration:underline;
}
a:hover {
	text-decoration:underline;
}
a img {
	border-width:0;
}
#topnav-left {
	position: absolute;
	top: 15px;
	left: 120px;
	width: 468px;
	text-align:left;
}
#topnav {
	padding:10px 0px 12px;
	font-size:11px;
	line-height:23px;
	text-align:right;
}
#topnav a.signin {
	background:#88bbd4;
	padding:4px 6px 6px;
	text-decoration:none;
	font-weight:bold;
	color:#fff;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	*background:transparent url("../images/signin-nav-bg-ie.png") no-repeat 0 0;
	*padding:4px 12px 6px;
}
#topnav a.signin:hover {
	background:#59B;
	*background:transparent url("../images/signin-nav-bg-hover-ie.png") no-repeat 0 0;
	*padding:4px 12px 6px;
}
#topnav a.signin, #topnav a.signin:hover {
	*background-position:0 3px!important;
}

a.signin {
	position:relative;
	margin-left:3px;
}
a.signin span {
	background-image:url("../images/toggle_down_light.png");
	background-repeat:no-repeat;
	background-position:100% 50%;
	padding:4px 16px 6px 0;
}
#topnav a.menu-open {
	background:#ddeef6!important;
	color:#666!important;
	outline:none;
}
#small_signup {
	display:inline;
	float:none;
	line-height:23px;
	margin:25px 0 0;
	width:170px;
}
a.signin.menu-open span {
	background-image:url("../images/toggle_up_dark.png");
	color:#789;
}





#signin_menu {
    -moz-border-radius-topleft:5px;
    -moz-border-radius-bottomleft:5px;
    -moz-border-radius-bottomright:5px;
    -webkit-border-top-left-radius:5px;
    -webkit-border-bottom-left-radius:5px;
    -webkit-border-bottom-right-radius:5px;
    display:none;
    background-color:#ddeef6;
    position:absolute;
    width:210px;
    z-index:4;
    border:1px transparent;
    text-align:left;
    padding:12px;
    top: 24.5px; 
    right: 0px; 
    margin-top:5px;
    margin-right: 0px;
    *margin-right: -1px;
    color:#789;
    font-size:11px;
}

#signin_menu input[type=text], #signin_menu input[type=password] {
    display:block;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border:1px solid #ACE;
    font-size:13px;
    margin:0 0 5px;
    padding:5px;
    width:203px;
}
#signin_menu p {
    margin:0;
}
#signin_menu a {
    color:#6AC;
}
#signin_menu label {
    font-weight:normal;
}
#signin_menu p.remember {
    padding:10px 0;
}
#signin_menu p.forgot, #signin_menu p.complete {
    clear:both;
    margin:5px 0;
}
#signin_menu p a {
    color:#27B!important;  font-size:10px; 
}
#signin_submit {
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    background:#39d url('../images/bg-btn-blue.png') repeat-x scroll 0 0;
    border:1px solid #39D;
    color:#fff;
    text-shadow:0 -1px 0 #39d;
    padding:4px 10px 5px;
    font-size:11px;
    margin:0 5px 0 0;
    font-weight:bold;
}
#signin_submit::-moz-focus-inner {
padding:0;
border:0;
}
#signin_submit:hover, #signin_submit:focus {
    background-position:0 -5px;
    cursor:pointer;
}










#slideshow {
	overflow: hidden;
	width: 940px;
	margin: 0 auto;
}

#rightimage {
 float:right;
	width: 288px; height:330px;
	
}


/*--Main Image Preview--*/
.main_image {
	width: 650px; height: 330px;
	float: left;
	background: #333;
	position: relative;
	overflow: hidden;
	color: #fff;
}
.main_image h2 {
	font-size: 2em;
	font-weight: normal;
	margin: 0 0 5px;	padding: 10px;
}



.main_image p {
	
		margin: 0;
	line-height: .6em; 
}
.block small { 
	padding: 0 0 0 20px; 
	background: url(../images/icon_calendar.gif) no-repeat 0 center; 
	font-size: 12px; 
}
.main_image .block small {margin-left: 10px;}
.main_image .desc{
	position: absolute;
	bottom: 0;	left: 0;
	width: 100%;
	display: none; color:#FFF;
}
.main_image .block{
	width: 100%;
	background: #111;
	border-top: 1px solid #000; height:70px;
}
.main_image a.collapse {
	background: url(../images/btn_collapse.gif) no-repeat left top;
	height: 10px; width: 93px;
	text-indent: -99999px;
	position: absolute; 
	top: -27px; right: 20px; 
}
.main_image a.show {background-position: left bottom;} 




.image_thumb {
	clear:both;
	width:650px; height:100px;
	
}
.image_thumb img {
	 width:216px; height:100px;
	
	float: left;
}
.image_thumb ul {
	margin: 0; padding: 0;
	list-style: none; display:inline;
}
.image_thumb ul li{
	margin: 0;  
		filter:alpha(opacity=35);

	-moz-opacity:0.35;

	-khtml-opacity: 0.35;

	opacity: 0.35;
	
	width:216px; height:100px;
	float: left;
	
}
.image_thumb ul li.hover {
	

		filter:alpha(opacity=75);

	-moz-opacity:0.75;

	-khtml-opacity: 0.75;

	opacity: 0.75;

	cursor: pointer;
	cursor: pointer;
}

.image_thumb ul li.active {
	
		filter:alpha(opacity=95);

	-moz-opacity:0.95;

	-khtml-opacity: 0.95;

	opacity: 0.95;
}
html .image_thumb ul li h2 {

}
.image_thumb ul li .block {
	float: left; display:none;
	
}