/* common styles: */

body {font-family:verdana,arial; font-size:11px; color:#000000; text-decoration:none; background-image:url(images/bg.gif); background-repeat:repeat-x; background-color:#022646; margin:0px;}
td, div{font-family:verdana,arial; font-size:11px; color:#CED5DB; text-decoration:none;}
font, p, span, input, select, textarea {font-family:verdana,arial; font-size:11px; color:#000000; text-decoration:none;}

td.content{color:#022646;font-size:13px; font-family:arial;line-height:20px;}
font.title{color:#022646;font-size:14px; font-family:arial;}


/* particular styles: */

.shadow_left {background-image:url(images/shadow_bg_left.gif); background-repeat:repeat-y;}
.shadow_right {background-image:url(images/shadow_bg_right.gif); background-repeat:repeat-y; background-position:right;}
.shadow_bot {background-image:url(images/shadow_bg_bot.gif); background-repeat:repeat-x; background-position:bottom;}
.footer_links {background-color:#022648; color:#A1AEBE; line-height:17px; padding-top:10px}
.right_box_bg {background-image:url(images/box_bg.gif); background-repeat:repeat-y; width:362px}
.right_box_cont {margin-left:10px; margin-right:10px; color:#002350}
.hom_bot {padding-right:10px; color:#4D697E}


a:link {font-family:verdana,arial; font-size:11px; color:#CED5DB; text-decoration:none;}
a:visited {font-family:verdana,arial; font-size:11px; color:#CED5DB; text-decoration:none;}
a:hover {font-family:verdana,arial; font-size:11px; color:#CED5DB; text-decoration:none;}
a:active {font-family:verdana,arial; font-size:11px; color:#CED5DB; text-decoration:none;}

a.footer_menu:link {font-family:verdana,arial; font-size:11px; color:#A1AEBE; text-decoration:none;}
a.footer_menu:visited {font-family:verdana,arial; font-size:11px; color:#A1AEBE; text-decoration:none;}
a.footer_menu:hover {font-family:verdana,arial; font-size:11px; color:#A1AEBE; text-decoration:underline;}
a.footer_menu:active {font-family:verdana,arial; font-size:11px; color:#A1AEBE; text-decoration:none;}

a.detail:link {font-family:verdana,arial; font-size:11px; color:#002350; text-decoration:none;}
a.detail:visited {font-family:verdana,arial; font-size:11px; color:#002350; text-decoration:none;}
a.detail:hover {font-family:verdana,arial; font-size:11px; color:#002350; text-decoration:underline;}
a.detail:active {font-family:verdana,arial; font-size:11px; color:#002350; text-decoration:none;}

a.detail_2:link {font-family:verdana,arial; font-size:11px; color:#4D697E; text-decoration:none;}
a.detail_2:visited {font-family:verdana,arial; font-size:11px; color:#4D697E; text-decoration:none;}
a.detail_2:hover {font-family:verdana,arial; font-size:11px; color:#4D697E; text-decoration:underline;}
a.detail_2:active {font-family:verdana,arial; font-size:11px; color:#4D697E; text-decoration:none;}

a.linkuri:link {font-family:verdana,arial; font-size:11px; color:#092C4C; text-decoration:none;}
a.linkuri:visited {font-family:verdana,arial; font-size:11px; color:#092C4C; text-decoration:none;}
a.linkuri:hover {font-family:verdana,arial; font-size:11px; color:#092C4C; text-decoration:underline;}
a.linkuri:active {font-family:verdana,arial; font-size:11px; color:#092C4C; text-decoration:none;}


a.red:link {font-family:verdana,arial; font-size:11px; color:#ff0000; text-decoration:none;}
a.red:visited {font-family:verdana,arial; font-size:11px; color:#ff0000; text-decoration:none;}
a.red:hover {font-family:verdana,arial; font-size:11px; color:#ff0000; text-decoration:underline;}
a.red:active {font-family:verdana,arial; font-size:11px; color:#ff0000; text-decoration:none;}


.container {
	overflow: hidden;
}
#main {
	font-size:11px;
}

/*--Main Image Preview--*/
.main_image {
	width: 603px; height: 369px;
	background: #333;
	overflow: hidden;
	color: #fff;

}

@-moz-document url-prefix() {
    .main_image {
	width: 603px; height: 369px;
	position: relative;
	background: #333;
	overflow: hidden;
	color: #fff;
}
}

.main_image h2 {
	font-size:11px;
	font-weight: normal;
	margin: 0 0 0px;	padding: 0px;
	color:#ffffff;
	font-weight:bold
}
.main_image p {
	font-size:11px;
	padding:0px; margin: 0;
	color:#ffffff
}
.block small { 
	padding: 0 0 0 0px; 
	font-size:11px;
}
.main_image .block small {margin:10px;}
.main_image .desc{
	position: absolute;
	bottom: 0;	left: 0;
	width: 100%;
	display: none;
}
.main_image .block{
	width: 100%;
	background: #111;
	color:#ffffff;
	font-weight:bold;
	height:40px;
	padding-top:15px;
	padding-left:15px;
}
.main_image a.collapse {
	background: url(btn_collapse.gif) no-repeat left top;
	height: 27px; width: 93px;
	text-indent: -99999px;
	position: absolute; 
	top: -27px; right: 20px; 
}
.main_image a.show {background-position: left bottom;} 


.image_thumb {


}
.image_thumb img {
	padding: 0px; 
	margin:0px;
}
.image_thumb ul {
	margin: 0; padding: 0;
	list-style: none;
}
.image_thumb ul li{
	margin:0; padding:0;
	float:left
}
.image_thumb ul li.hover {
	cursor: pointer;
}
.image_thumb ul li.active {
	cursor: default;
}
html .image_thumb ul li h2 {
	font-size:11px;
	margin: 0px 0; padding: 0;
}
.image_thumb ul li .block {
	margin:0px;
	padding: 0;
	font-size:11px;
}	
.image_thumb ul li p{display: none;}






.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/


 /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin-right:10px;
margin-left:10px; /*margin around each panel*/
width: 96px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}


#galleryc{

height: 73px;
}

#galleryc .panel{
margin-top:6px;
text-align: center;
color: white;
}