/**
 * 100% height layout with header and footer
 * ----------------------------------------------
 */

html,body {
	margin:0;
	padding:0;
	/* height:100%;  needed for container min-height */
	background: url(../img/page_bg.jpg) repeat-x top left;
	font-family:"Lucida Sans Unicode","Lucida Grande","Lucida Sans",Verdana,Arial,sans-serif;
	font-size:12px;
	color:#666;
}

body#homepage {
	
	
	font-family:"Lucida Sans Unicode","Lucida Grande","Lucida Sans",Verdana,Arial,sans-serif;
	font-size:small;
	background-color: #c5d4ff !important;
	color:#444;
	background: url(../img/main_page_bg_new.jpg) repeat-x top left;
}

#header a{display:block;float:left;}
#header div {float:left;}

/*----------------------------------Home Button Start--------------------------------*/

#home_btn ul
{
list-style: none;
padding: 0;
margin: 0;
}

#home_btn li
{
float: left;
}

#home_btn li a
{
background: url(../img/home_link_btn.png);
background-position: 0px 0px;
height: 93px;
float: left;
width: 90px;
display: block;
color: #0d2474;
text-decoration: none;
text-align: center;
text-indent: -1999px;
overflow: hidden;
}

#home_btn li a:hover
{
background: url(../img/home_link_btn.png);
background-position: 0px -93px;
height: 93px;
line-height: 2em;
float: left;
width: 90px;
display: block;
color: #0d2474;
text-decoration: none;
text-align: center;
}

/* Hide from IE5-Mac \*/
#home_btn li a
{
float: none;
}

#home_btn .current
{
background: url(../img/home_link_btn.png);
background-position: 0px -93px;
height: 93px;
line-height: 2em;
float: left;
width: 90px;
display: block;
color: #0d2474;
text-decoration: none;
text-align: center;
}

/*----------------------------------Home Button Start--------------------------------*/

/*----------------------------------PV Button Start--------------------------------*/

#pv_btn ul
{
list-style: none;
padding: 0;
margin: 0;
}

#pv_btn li
{
float: left;
}

#pv_btn li a
{
background: url(../img/pv_link_btn.png);
background-position: 0px 0px;
height: 93px;
float: left;
width: 90px;
display: block;
color: #0d2474;
text-decoration: none;
text-align: center;
text-indent: -1999px;
overflow: hidden;
}

#pv_btn li a:hover
{
background: url(../img/pv_link_btn.png);
background-position: 0px -93px;
height: 93px;
line-height: 2em;
float: left;
width: 90px;
display: block;
color: #0d2474;
text-decoration: none;
text-align: center;
}

/* Hide from IE5-Mac \*/
#pv_btn li a
{
float: none;
}

#pv_btn .current
{
background: url(../img/pv_link_btn.png);
background-position: 0px -93px;
height: 93px;
line-height: 2em;
float: left;
width: 90px;
display: block;
color: #0d2474;
text-decoration: none;
text-align: center;
}

/*----------------------------------PV Button Start--------------------------------*/

/*----------------------------------Case Button Start--------------------------------*/

#case_btn ul
{
list-style: none;
padding: 0;
margin: 0;
}

#case_btn li
{
float: left;
}

#case_btn li a
{
background: url(../img/case_studies_link_btn.png);
background-position: 0px 0px;
height: 93px;
float: left;
width: 90px;
display: block;
color: #0d2474;
text-decoration: none;
text-align: center;
text-indent: -1999px;
overflow: hidden;
}

#case_btn li a:hover
{
background: url(../img/case_studies_link_btn.png);
background-position: 0px -93px;
height: 93px;
line-height: 2em;
float: left;
width: 90px;
display: block;
color: #0d2474;
text-decoration: none;
text-align: center;
}

/* Hide from IE5-Mac \*/
#case_btn li a
{
float: none;
}

#case_btn .current
{
background: url(../img/case_studies_link_btn.png);
background-position: 0px -93px;
height: 93px;
line-height: 2em;
float: left;
width: 90px;
display: block;
color: #0d2474;
text-decoration: none;
text-align: center;
}

/*----------------------------------Case Button Start--------------------------------*/



/*----------------------------------Enviro Button Start--------------------------------*/

#enviro_btn ul
{
list-style: none;
padding: 0;
margin: 0;
}

#enviro_btn li
{
float: left;
}

#enviro_btn li a
{
background: url(../img/environment_link_btn.png);
background-position: 0px 0px;
height: 93px;
float: left;
width: 90px;
display: block;
color: #0d2474;
text-decoration: none;
text-align: center;
text-indent: -1999px;
overflow: hidden;
}

#enviro_btn li a:hover
{
background: url(../img/environment_link_btn.png);
background-position: 0px -93px;
height: 93px;
line-height: 2em;
float: left;
width: 90px;
display: block;
color: #0d2474;
text-decoration: none;
text-align: center;
}

/* Hide from IE5-Mac \*/
#enviro_btn li a
{
float: none;
}

#enviro_btn .current
{
background: url(../img/environment_link_btn.png);
background-position: 0px -93px;
height: 93px;
line-height: 2em;
float: left;
width: 90px;
display: block;
color: #0d2474;
text-decoration: none;
text-align: center;
}

/*----------------------------------Enviro Button Start--------------------------------*/

/*----------------------------------Parts Button Start--------------------------------*/

#parts_btn ul
{
list-style: none;
padding: 0;
margin: 0;
}

#parts_btn li
{
float: left;
}

#parts_btn li a
{
background: url(../img/parts_link_btn.png);
background-position: 0px 0px;
height: 93px;
float: left;
width: 90px;
display: block;
color: #0d2474;
text-decoration: none;
text-align: center;
text-indent: -1999px;
overflow: hidden;
}

#parts_btn li a:hover
{
background: url(../img/parts_link_btn.png);
background-position: 0px -93px;
height: 93px;
line-height: 2em;
float: left;
width: 90px;
display: block;
color: #0d2474;
text-decoration: none;
text-align: center;
}

/* Hide from IE5-Mac \*/
#parts_btn li a
{
float: none;
}

#parts_btn .current
{
background: url(../img/parts_link_btn.png);
background-position: 0px -93px;
height: 93px;
line-height: 2em;
float: left;
width: 90px;
display: block;
color: #0d2474;
text-decoration: none;
text-align: center;
}

/*----------------------------------Parts Button Start--------------------------------*/

/*----------------------------------Costs Button Start--------------------------------*/

#costs_btn ul
{
list-style: none;
padding: 0;
margin: 0;
}

#costs_btn li
{
float: left;
}

#costs_btn li a
{
background: url(../img/cost_link_btn.png);
background-position: 0px 0px;
height: 93px;
float: left;
width: 90px;
display: block;
color: #0d2474;
text-decoration: none;
text-align: center;
text-indent: -1999px;
overflow: hidden;
}

#costs_btn li a:hover
{
background: url(../img/cost_link_btn.png);
background-position: 0px -93px;
height: 93px;
line-height: 2em;
float: left;
width: 90px;
display: block;
color: #0d2474;
text-decoration: none;
text-align: center;
}

/* Hide from IE5-Mac \*/
#costs_btn li a
{
float: none;
}

#costs_btn .current
{
background: url(../img/cost_link_btn.png);
background-position: 0px -93px;
height: 93px;
line-height: 2em;
float: left;
width: 90px;
display: block;
color: #0d2474;
text-decoration: none;
text-align: center;
}

/*----------------------------------Enviro Button Start--------------------------------*/

/*----------------------------------FAQ Button Start--------------------------------*/

#faq_btn ul
{
list-style: none;
padding: 0;
margin: 0;
}

#faq_btn li
{
float: left;
}

#faq_btn li a
{
background: url(../img/faq_link_btn.png);
background-position: 0px 0px;
height: 93px;
float: left;
width: 90px;
display: block;
color: #0d2474;
text-decoration: none;
text-align: center;
text-indent: -1999px;
overflow: hidden;
}

#faq_btn li a:hover
{
background: url(../img/faq_link_btn.png);
background-position: 0px -93px;
height: 93px;
line-height: 2em;
float: left;
width: 90px;
display: block;
color: #0d2474;
text-decoration: none;
text-align: center;
}

/* Hide from IE5-Mac \*/
#faq_btn li a
{
float: none;
}

#faq_btn .current
{
background: url(../img/faq_link_btn.png);
background-position: 0px -93px;
height: 93px;
line-height: 2em;
float: left;
width: 90px;
display: block;
color: #0d2474;
text-decoration: none;
text-align: center;
}
/*----------------------------------FAQ Button Start--------------------------------*/


/*----------------------------------Contact Button Start--------------------------------*/

#contact_btn ul
{
list-style: none;
padding: 0;
margin: 0;
}

#contact_btn li
{
float: left;
}

#contact_btn li a
{
background: url(../img/contact_link_btn.png);
background-position: 0px 0px;
height: 93px;
float: left;
width: 90px;
display: block;
color: #0d2474;
text-decoration: none;
text-align: center;
text-indent: -1999px;
overflow: hidden;
}

#contact_btn li a:hover
{
background: url(../img/contact_link_btn.png);
background-position: 0px -93px;
height: 93px;
line-height: 2em;
float: left;
width: 90px;
display: block;
color: #0d2474;
text-decoration: none;
text-align: center;
}

/* Hide from IE5-Mac \*/
#contact_btn li a
{
float: none;
}

#contact_btn .current
{
background: url(../img/contact_link_btn.png);
background-position: 0px -93px;
height: 93px;
line-height: 2em;
float: left;
width: 90px;
display: block;
color: #0d2474;
text-decoration: none;
text-align: center;
}


/*----------------------------------Contact Button Start--------------------------------*/

/*----------------------------------Download Button Start--------------------------------*/

#download_btn ul
{
list-style: none;
padding: 0;
margin: 0;
}

#download_btn li
{
float: left;
}

#download_btn li a
{
background: url(../img/brochure_link_btn.png);
background-position: 0px 0px;
height: 93px;
float: left;
width: 90px;
display: block;
color: #0d2474;
text-decoration: none;
text-align: center;
text-indent: -1999px;
overflow: hidden;
}

#download_btn li a:hover
{
background: url(../img/brochure_link_btn.png);
background-position: 0px -93px;
height: 93px;
line-height: 2em;
float: left;
width: 90px;
display: block;
color: #0d2474;
text-decoration: none;
text-align: center;
}

#offer_btn li a
{
background: url(../img/offer_link_btn.png);
background-position: 0px 0px;
height: 93px;
float: left;
width: 90px;
display: block;
color: #0d2474;
text-decoration: none;
text-align: center;
text-indent: -1999px;
overflow: hidden;
}

#offer_btn li a:hover
{
background: url(../img/offer_link_btn.png);
background-position: 0px -93px;
height: 93px;
line-height: 2em;
float: left;
width: 90px;
display: block;
color: #0d2474;
text-decoration: none;
text-align: center;
}


/* Hide from IE5-Mac \*/
#offer_btn li a
{
float: none;
}

#download_btn .current
{
background: url(../img/offer_link_btn.png);
background-position: 0px -93px;
height: 93px;
line-height: 2em;
float: left;
width: 90px;
display: block;
color: #0d2474;
text-decoration: none;
text-align: center;
}
/*----------------------------------Offer Button Start--------------------------------*/

#offer_btn ul
{
list-style: none;
padding: 0;
margin: 0;
}

#offer_btn li
{
float: left;
}

#offer_btn li a
{
background: url(../img/offer_link_btn.png);
background-position: 0px 0px;
height: 93px;
float: left;
width: 90px;
display: block;
color: #0d2474;
text-decoration: none;
text-align: center;
text-indent: -1999px;
overflow: hidden;
}

#offer_btn li a:hover
{
background: url(../img/offer_link_btn.png);
background-position: 0px -93px;
height: 93px;
line-height: 2em;
float: left;
width: 90px;
display: block;
color: #0d2474;
text-decoration: none;
text-align: center;
}



/* Hide from IE5-Mac \*/
#offer_btn li a
{
float: none;
}

#offer_btn .current
{
background: url(../img/offer_link_btn.png);
background-position: 0px -93px;
height: 93px;
line-height: 2em;
float: left;
width: 90px;
display: block;
color: #0d2474;
text-decoration: none;
text-align: center;
}

/*----------------------------------Contact Button Start--------------------------------*/




h1 { 
	color: #0f3d74;
	font-size: 210%;
	font-weight: 100;
	line-height: 34px;
	font-family:baskerville,'palatino linotype','times new roman',serif;
}

h2 { 
	font-size: 125%;
	margin:0 0 0.5em;
	color: #333;
}

img{
	border-style: none;
}
.blue_txt{
	color: #016891;
}
.blue_header {
	color: #cbeffe;
	font-size: 200%;
	font-weight: 100;
	line-height: 30px;
}

.blue_header_dark{
	color: #4a95f5;
	font-size: 160%;
	font-weight: 100;
	line-height: 30px;
	font-family:baskerville,'palatino linotype','times new roman',serif;
}

.grey_header{
	color: #0075a4;
	font-size: 140%;
	font-weight: 100;
	margin-left: 12px;
	font-family:Palatino,"Palatino Linotype",Georgia,"Times New Roman",serif;
}

.grey_header{
	color: #016891;
	font-size: 160%;
	font-weight: 100;
	font-family:Palatino,"Palatino Linotype",Georgia,"Times New Roman",serif;
	line-height: 26px;
	letter-spacing: 0.5px;
	margin-left: 12px;
}

.main_page_header{
	color: #016891;
	font-size: 180%;
	font-weight: 100;
	font-family:Palatino,"Palatino Linotype",Georgia,"Times New Roman",serif;
	line-height: 26px;
	letter-spacing: 0.5px;
	margin-left: 12px;
}
.case_h2_header{
	color: #016891;
	font-size: 120%;
	font-weight: 100;
	font-family:Palatino,"Palatino Linotype",Georgia,"Times New Roman",serif;
	line-height: 10px;
	letter-spacing: 0.5px;
	margin-left: 12px;
}

.contact_box_header{
	color: #016891;
	font-size: 150%;
	font-weight: 100;
	font-family:Palatino,"Palatino Linotype",Georgia,"Times New Roman",serif;
	line-height: 26px;
	letter-spacing: 0.5px;
	padding-top: 6px;
	margin-left: 12px;
}

.nav_box_header{
	color: #016891;
	font-size: 150%;
	font-weight: 100;
	font-family:Palatino,"Palatino Linotype",Georgia,"Times New Roman",serif;
	line-height: 24px;
	letter-spacing: 0.5px;
	margin-left: 12px;
}

.grey_header_small{
	color: #333;
	font-size: 120%;
	font-weight: 100;
	font-family:Palatino,"Palatino Linotype",Georgia,"Times New Roman",serif;
	line-height: 20px;
	letter-spacing: 0.5px;
	margin-left: 12px;
}

.grey_header_smaller{
	color: #333;
	font-size: 100%;
	font-weight: 100;
	font-family:Palatino,"Palatino Linotype",Georgia,"Times New Roman",serif;
	line-height: 20px;
	letter-spacing: 0.5px;
	margin-left: 12px;
}

.page_desc p{
	color: #bceafd;
	font-family:Palatino,"Palatino Linotype",Georgia,"Times New Roman",serif;
	font-style: italic;
	font-size: 1.2em;
}
a {
	color:#555;
	}

p { 
	line-height:1.5; 
	margin:0 0 1em;
}

div#container {
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	width: 1024px;	
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
}

div#header {
	width: 1024px;
	height: 93px;
}
	div#header p {
		font-style:italic;
		font-size:1.1em;
		margin:0;
	}
	
div#main_image_box{
	width: 100%;
	height: 272px;
}


div#main_image {
	width: 1024px;
	height: 319px;
	margin-left: 0px;
	margin-right: 0px;
	background: url(../img/main_image_new.jpg);
	background-repeat: no-repeat;
}

.flash_intro{
	float: left;
	clear: both;
}
div#desc_image_box{
	width: 1024px;
	height: 260px;
	background: url(../img/pv_panel_bg.jpg) no-repeat;
}

div#desc_image_box_studies{
	width: 1024px;
	height: 260px;
	background: url(../img/case_studies_bg.jpg) no-repeat;
}

div#desc_image_box_parts{
	width: 1024px;
	height: 260px;
	background: url(../img/parts_bg.jpg) no-repeat;
}

div#desc_image_box_offers{
	width: 1024px;
	height: 260px;
	background: url(../img/offers_bg.jpg) no-repeat;
}

div#desc_image_box_piggy{
	width: 1024px;
	height: 260px;
	background: url(../img/costs_bg.jpg) no-repeat;
}

div#desc_image_box_faq{
	width: 1024px;
	height: 260px;
	background: url(../img/faq_bg.jpg) no-repeat;
}

div#desc_image_box_contact{
	width: 1024px;
	height: 260px;
	background: url(../img/contact_bg.jpg) no-repeat;
}
div#content {
	padding:2em 1em 5em; /* bottom padding for footer */
	clear: both;
	
}
	div#content p {
/*		padding:0 1em;*/
	}
	
div#side_a1{
	width: 420px;
	height: auto;
	float: left;
}

#side_a1 p {
	text-align: justify;	
	
}

div#side_a{
	width: 230px;
	float: left;
	margin-top: 4px;
	background: url(../img/sidemenu_bg.png) no-repeat;
}

div#side_b{
	width: 500px;
	height: auto;
	float: left;
	margin-left: 20px;
}

div#side_c{
	width: 230px;
	float: right;
	/*background: url(../img/sidemenu_bg.png) no-repeat;*/
}

div#contact_box{
	width: 230px;
	height: 220px;
	background: url(../img/sidemenu_bg.png) no-repeat;
}

div#side_contact{
	width: 230px;
	height: auto;
	float: left;
	/*background: url(../img/sidemenu_bg.png) no-repeat;*/
}



div#side_b1{
	width: 370px;
	height: auto;
	float: right;
}

div#case_studies{
	width: 500px;
	height: auto;
	float: left;
	margin-left: 20px;
}

#case_studies a {
	color: #06C;	
}

#case_studies li {
	list-style-type: none;
	margin-right: auto;
	margin-left: auto;	
}


.case_box{
	float: left;
	padding: 10px;
	text-align: center;
	width: 133px;
	height: 130px;
}
	
div#footer, .push {
clear: both;
height: 360px;
width: auto;
background-color: #252525;
}

	.footer_box {
		width: 1024px;
		height: 280px;
		margin-left: auto;
		margin-right: auto;
		padding-top: 20px;
	}	
	
.nav{
	width: 720px;
	height: 93px;
	float: right;
}

div#author{
	width: 800px;
	height: 100px;
	clear: left;
}

/*---------------------------------- Footer Lists Start --------------------------------*/

.footer_box_left{
	width: 150px;
	height: 300px;
	float:  left;
	margin-right: 20px;
}

.footer_box_centre{
	width: 150px;
	height: 300px;
	float:  left;
	margin-right: 20px;
}

.footer_box_right{
	width: 150px;
	height: 300px;
	float:  left;
	margin-right: 20px;
}


.navcontainer { width: 160px; }

.navcontainer ul
{
margin-left: 0;
padding-left: 0;
list-style-type: none;
font-size: 11px;
font-family:"Lucida Sans Unicode","Lucida Grande","Lucida Sans",Verdana,Arial,sans-serif;
line-height: 18px;
}

.navcontainer a
{
display: block;
padding: 3px;
width: 160px;
}

.navcontainer a:link, .navlist a:visited
{
color: #444;
text-decoration: none;
}

.navcontainer a:hover
{
color: #666;
}

.footer_header{
	font-family:"Lucida Sans Unicode","Lucida Grande","Lucida Sans",Verdana,Arial,sans-serif;
	margin-left: 3px;
	font-size: 13px;
	color: #555;
}

.copyright_box{
	width: 940px;
	height: 60px;
	margin-left: auto;
	margin-right: auto;
	color: #555;
	font-size: 12px;
}

.copyright{
	float: left;
	width: 600px;
	text-align: left;
}

div#logo_box{
	width: 300px;
	height: 200px;
	float: right;
}

div#logo_box2{
	width: 180px;
	height: 200px;
	float: right;
}

/*---------------------------------- End Lists Start --------------------------------*/

/*---------------------------------- Start Links styles --------------------------------*/

a:link {color: #fff; text-decoration: underline; }
a:visited {color: #fff; text-decoration: none; }
a:hover {color: #333; text-decoration: underline; }
a:active {color: #fff; }

/*---------------------------------- End Links styles--------------------------------*/


/*---------------------------------- Start Links styles --------------------------------*/

a.grey_links a:link {color: #666; text-decoration: underline; }
a.grey_links a:visited {color: #333; text-decoration: none; }
a.grey_links a:hover {color: #666; text-decoration: underline; }
a.grey_links a:active {color: #333; }

/*---------------------------------- End Links styles--------------------------------*/


/*---------------------------------- Start Links styles --------------------------------*/

a.blue_dl_link:link {color: #016891; text-decoration: underline; margin-left: 12px;}
a.blue_dl_link:visited {color: #333; text-decoration: none; }
a.blue_dl_link:hover {color: #666; text-decoration: underline; }
a.blue_dl_link:active {color: #333; }

/*---------------------------------- End Links styles--------------------------------*/

/*---------------------------------- Start Links styles --------------------------------*/

a.blue_pg_link:link {color: #016891; text-decoration: underline;}
a.blue_pg_link:visited {color: #333; text-decoration: none; }
a.blue_pg_link:hover {color: #666; text-decoration: underline; }
a.blue_pg_link:active {color: #333; }

/*---------------------------------- End Links styles--------------------------------*/

/*---------------------------------- Start Form styles --------------------------------*/
#form_box{
	width: 400px;
	float: left;
	margin-left: 12px;
}

.contact_header{
	color: #016891;
	font-size: 170%;
	font-weight: 100;
	font-family:Palatino,"Palatino Linotype",Georgia,"Times New Roman",serif;
	letter-spacing: 0.5px;
}


.input {
    border: 1px solid #666;
    background: #dceefd;
}
.input:hover {
    border: 1px solid #666;
    background: #ace6fd;
}

.comments{
	background: #dceefd;
}

.button {
    border: 1px solid #666;
    background: #83bbec;
	margin-top: 10px;
}
.button:hover {
    border: 1px solid #666;
    background: #eef;
}
label {
    display: block;
    width: 75px;
    float: left;
    margin: 2px 1px 2px 10px;
    text-align: left;
}
br { clear: left; }

div#brochure_box{
	float: left;
}

/*---------------------------------- End Form styles--------------------------------*/

/*---------------------------------- Start Sidebar styles--------------------------------*/

.front_sidebar {
    width:180px;
    float:left;
    margin-right:12px;
}

#sidebar ul
{
margin: 0;
padding: 0;
list-style-type: none;
}

#sidebar li
{
border-top: none;
border-left: none;
border-right: none;
border-bottom: dotted;
border-color: #c0c0c0;
border-width: 1px;

}

#sidebar a {
color: #666;
display: block;
padding-left: 12px;
text-decoration: none;
line-height: 20px;
font-size: 12px;
}

#sidebar a:hover {
color: #016891;
display: block;
padding-left: 12px;
text-decoration: none;
background-color: #f0fafe;
}

#sidebar .current {
color: #016891;
display: block;
text-decoration: none;
}

/*---------------------------------- End Sidebar styles--------------------------------*/

/*---------------------------------- Start Rounded css styles--------------------------------*/

.faq_header{
	color: #016891;
	margin-left: 12px;
	width: 420px;
	line-height: 22px;
}

.contact_header{
	color: #fff;
	margin-left: 12px;
}

.white_txt{
	color: #fff;
}

.rounded_img_one{
	margin-left: 12px;
	width: 500px;
	height: auto; 
	background-color: #b6e5f9;
	color: #555; 
}

.rounded_img_two{
	margin-left: 12px;
	width: 500px;
	height: auto; 
	background-color: #d2e0fe;
	color: #555; 
}

.rounded_img_three{
	margin-left: 12px;
	width: 500px;
	height: auto; 
	background-color: #b6e5f9;
	color: #555; 
}



.rounded_one{
	margin-left: 12px;
	width: 480px; 
	background-color: #b8ceff;
	color: #555; 
}


.rounded_two{
	margin-left: 12px;
	width: 480px; 
	background-color: #d2e0fe; 
	color: #555; 
}

.rounded_three{
	margin-left: 12px;
	width: 480px; 
	background-color: #b8ceff;
	color: #555; 
}

.rounded_four{
	margin-left: 12px;
	width: 480px; 
	background-color: #d2e0fe; 
	color: #555; 
}

.rounded_five{
	margin-left: 12px;
	width: 480px; 
	background-color: #b8ceff;
	color: #555; 
}

.rounded_six{
	margin-left: 12px;
	width: 480px; 
	background-color: #d2e0fe; 
	color: #555; 
}

.rounded_seven{
	margin-left: 12px;
	width: 480px; 
	background-color: #b8ceff;
	color: #555; 
}

.rounded_eight{
	margin-left: 12px;
	width: 480px; 
	background-color: #d2e0fe; 
	color: #555; 
}

.rounded_nine{
	margin-left: 12px;
	width: 480px; 
	background-color: #b8ceff;
	color: #555; 
}

.rounded_ten{
	margin-left: 12px;
	width: 480px; 
	background-color: #d2e0fe; 
	color: #555; 
}

.rounded_eleven{
	margin-left: 12px;
	width: 480px; 
	background-color: #b8ceff;
	color: #555; 
}

.rounded_twelve{
	margin-left: 12px;
	width: 480px; 
	background-color: #d2e0fe; 
	color: #555; 
}

.rounded_thirteen{
	margin-left: 12px;
	width: 480px; 
	background-color: #b8ceff; 
	color: #555; 
}

.rounded_fourteen{
	margin-left: 12px;
	width: 480px; 
	background-color: #d2e0fe; 
	color: #555; 
}

.rounded_fifteen{
	margin-left: 12px;
	width: 480px; 
	background-color: #b8ceff;
	color: #555; 
}

.rounded_sixteen{
	margin-left: 12px;
	width: 480px; 
	background-color: #d2e0fe; 
	color: #555; 
}

.rounded_seventeen{
	margin-left: 12px;
	width: 480px; 
	background-color: #b8ceff;
	color: #555; 
}

.rounded_eighteen{
	margin-left: 12px;
	width: 480px; 
	background-color: #d2e0fe;
	color: #555; 
}


.rounded_contact{
	margin-left: 12px;
	width: 240px; 
	background-color: #47c0ef;
	color: #555; 
}

/*---------------------------------- End Rounded css styles--------------------------------*/

.component_img{
	float: left;
	margin: 10px;
	
}


/*---------------------------------- Start tables styles--------------------------------*/


#mytable {
	width: 440px;
	padding: 0;
	margin-left: 12px;
}

caption {
	padding: 0 0 5px 0;
	width: 440px;	 
	font: italic 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
}

th {
	font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #4f6b72;
	border-left: 1px solid #C1DAD7;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	border-top: 1px solid #C1DAD7;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	padding: 6px 6px 6px 12px;
	background: #CAE8EA url(images/bg_header.jpg) no-repeat;
}

th.nobg {
	border-top: 0;
	border-left: 0;
	border-right: 1px solid #C1DAD7;
	background: none;
}

td {
	border-left: 1px solid #C1DAD7;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	background: #fff;
	padding: 6px 6px 6px 12px;
	color: #4f6b72;
}


td.alt {
	background: #F5FAFA;
	color: #797268;
}

th.spec {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #fff url(images/bullet1.gif) no-repeat;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

th.specalt {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #f5fafa url(images/bullet2.gif) no-repeat;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #797268;
}

/*---------------------------------- End tables styles--------------------------------*/

.clear { clear:both;
	
}


.part_box{
	float: left;
	padding: 14px;
	text-align: center;
	width: 130px;
}

.part_img_box{
	float: left;
	width: 240px;
	height: 220px;
}


/*---------------------------------- Lightbox 2 --------------------------------*/


#lightbox{  position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100% ; }

#imageData{ padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }  
#imageData #caption{ font-weight: bold; }
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;  }           
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}      

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }