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

body{
	margin:0;
	color:#232323;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	background-color:#EDE8D3;
}

/*---------------------------------  menu items  -----------------------------------*/
.menubar {
	background-color:#003366;
	display:block;
	height:auto;
	padding:0 2px 0 2px;
	margin:0;
	cursor:pointer;
	float:center;
}
.menubar a{
	display:block;
	font:bold 11px/14px verdana, Helvetica, sans-serif;
	text-decoration:none;
	float:center;
	color:#DFDFDF;
}
.menubar a:hover{
font-size:11px;
color:#CCCCCC;
text-decoration:none;
}
/*------------------------------------------------header end--------------------*/

/*------------------------------------------------body area--------------------*/

#bodyarea{
	width:1020px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding: 0px;
	height: auto;
	background-color: #DAD3C6;
	background-position: top;
	float: center;
	font-family: arial;
	font-size: 12px;
	font-weight: normal;
}
.splashbox{	
	background-color: #EAEAE0;	
}
#innerbodyarea {
	width:600px;
	margin-top: 0px;
	margin-right: 2px;
	margin-bottom: 0px;
	margin-left: 2px;
	float: left;
	height: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-family: arial;
	font-size: 12px;
	font-weight: normal;
	color: #DAD3C6;
	background-color:#E5E1D6;
	background-position: top;
	background-attachment: scroll;
}
.mainbodyarea1 {
	width:600px;
	margin-top: 5px;
	margin-right: 2px;
	margin-bottom: 2px;
	margin-left: 0px;
	float: left;
	height: auto;
	font-family: arial;
	font-size: 12px;
	font-weight: normal;
	color: #DAD3C6;
	background-color:#E5E1D6;
	background-position: top;
	background-attachment: scroll;
}
.mainbodyarea2 {
	width:98%;
	margin-top: 5px;
	margin-right: 2px;
	margin-bottom: 2px;
	margin-left: 2px;
	float: center;
	height: 400px;
	font-family: arial;
	font-size: 12px;
	font-weight: normal;
	color: #003366;
	background-color:#FFFFFF;
	background-position: top;
	background-attachment: scroll;
}
.photo2canvas{
	margin-top: 5px;
	margin-right: 2px;
	margin-bottom: 2px;
	margin-left: 2px;
	float: center;
	font-family: arial;
	font-size: 12px;
	font-weight: bold;
	color: #003366;
	background-color:#FFFFFF;
	background-position: top;
	background-attachment: scroll;
}
.photo2canvastd
{
	font-family:Arial, Helvetica, sans-serif;
	color:#003366;
	font-size:12px;
	padding:2px 0px 0px 0px;
	font-weight:bold;
	text-align:center;
	}
.photo2canvastitle
{
	font-family:Arial, Helvetica, sans-serif;
	color:#003366;
	font-size:18px;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 30px;
	padding-left: 0px;
	font-weight:bold;
	text-align:center;
	}
/*------------------------------------------------body area end--------------------*/
/*------------------------------------------------left panel area--------------------*/
#leftbar1 {
	margin-top: 0px;
	margin-right: 2px;
	margin-bottom: 2px;
	margin-left: 2px;
	float: left;
	height: auto;
	width: 150px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 1px;
	font-family: arial;
	font-size: 12px;
	font-weight: normal;
	color: #535355;
	background-color:#e5e1d6;
	background-position: top;
	background-attachment: scroll;
	background-repeat:repeat-y;
	background-image:url(../images/lft_panel_shadow.gif);
}
.leftmenu {
	margin: 0px;
	float: left;
	height: auto;
	width: 150px;
	padding-top: 4px;
	padding-right: 2px;
	padding-bottom: 10px;
	padding-left: 1px;
	color:#535355;
	background-color:#dad3c6;
	background-position: top;
}
.leftmenucontent{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#535355;
	font-size:1.1em;
	padding:0px;
	text-align: left;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 5px;
	padding-left: 2px;
}
.leftmenu a{
	font-family: arial;
	font-size: 11px;
	font-weight: bold;
	color:#003366;
	text-decoration:none;
}
.leftmenuitem:hover{
font-size:11px;
color:#003366;
text-decoration:none;
}
.link{
	color:#003366;
}
.link1{
	font-size:12px;
	color:#003366;
	font-weight: bold;
}
.link2{
	font-size:12px;
	color:#003366;
	font-weight: bold;
	text-decoration:none;
}
.leftsubmenuitem{
	margin: 0px;
	float: left;
	height: 22px;
	width: 130px;
	padding-top: 2px;
	padding-bottom: 1px;
	padding-left: 10px;
	background-position: top;
	background-attachment: scroll;
	background-repeat:no-repeat;
	font-family: arial;
	font-size: 12px;
	font-weight: normal;
	color:#666666;
}
.leftsubmenu a{
	color:#666666;
	text-decoration:none;
}
.leftsubmenuitem:hover{
color:#535355;
text-decoration:none;
}
/*------------------------------------------------left panel end--------------------*/
/*------------------------------------------------dotted lines--------------------*/
.dottedline1{
	background-image:url(../images/bg-dot.gif);
	width:1px;
	background-repeat: repeat-y;
	background-position: top;
	}
.horizontal_dotted_line 
{ 
border-bottom: 1px dotted #666666; 
width: auto; 
} 

/*------------------------------------------------right panel area--------------------*/
#rightbar1{
	margin-top: 0px;
	margin-right: 2px;
	margin-bottom: 2px;
	margin-left: 2px;
	float: right;
	height: 600px;
	width: 200px;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 0px;
	font-family: arial;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	background-color:#dad3c6;
	background-position: top;
	background-attachment: scroll;
	background-repeat:repeat-y;
}
.rightbar1{
	margin-top: 0px;
	margin-right: 2px;
	margin-bottom: 2px;
	margin-left: 2px;
	float: right;
	height: 600px;
	width: 200px;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 0px;
	font-family: arial;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	background-color:#dad3c6;
	background-position: top;
	background-attachment: scroll;
	background-repeat:repeat-y;
}
.rightmenucontent{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#535355;
	font-size:10px;
	padding:0px;
	text-align: left;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 5px;
	padding-left: 2px;
}
.rightmenu a{
	font-family: arial;
	font-size: 11px;
	font-weight: bold;
	color:#003366;
	text-decoration:none;
}
.rightmenuitem:hover{
font-size:11px;
color:#003366;
text-decoration:none;
}
.content1
{	font-family:Arial, Helvetica, sans-serif;
	color:#516E8C;
	font-size:12px;
	padding:27px 0px 0px 0px;
	font-weight:bold;
	text-align:center;
}
.content1_top
{
	font-family:Arial, Helvetica, sans-serif;
	color:#516E8C;
	font-size:12px;
	padding:19px 0px 0px 0px;
	font-weight:bold;
	text-align:center;
}
.hdr
{
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	font-size:16px;
	padding:2px 2px 2px 2px;
	font-weight:bold;
	text-align:left;
	vertical-align:top;
}
.content2
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#003366;
	font-size:11px;
	padding:0px 0px 0px 0px;
	font-weight:bold;
	text-align:left;
}
.content5
{
	font-family:Arial, Helvetica, sans-serif;
	color:#003366;
	font-size:14px;
	padding:0px 0px 0px 0px;
	text-align:left;
	font-weight:bold;
} 
.content3
{
	font-family:Arial, Helvetica, sans-serif;
	color:#003366;
	font-size:11px;
	padding:0px 0px 0px 0px;
	text-align:left;
	font-weight:bold;
} 
.contentred
{
	font-family:Arial, Helvetica, sans-serif;
	color:#003366;
	font-size:12px;
	padding:0px 0px 0px 0px;
	text-align:left;
	font-weight:bold;
	color:#C00;
}
.content4
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#535355;
	font-size:11px;
	padding:12px 0px 0px;
	text-align: left;
}
.ContentDesc {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#535355;
	font-size:11px;
	padding:0px;
	text-align: left;
}

P
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#003366;
	font-size:1rem;
	padding:0px 0px 0px 0px;
	text-align: left;
}
/*------------------------------------------------right panel end--------------------*/
/*------------------------------------------------footer--------------------*/
#footer{
	width:1020px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	font-family: verdana;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #036;
	text-decoration: none;
	padding: 0px;
	float: center;
	height: auto;
}


.footer_copyrights {
	font-family: verdana;
	font-size: .9rem;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	margin: 0px;
	float: left;
	height: 20px;
	width: 100%;
	color: #666666;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.footer_hr 
{ 
size: 1px; 
width: 1020px;
color:#CCC;
} 
/*------------------------------------------------footerlinks --------------------*/

/* Footer styles */

#mainFooterInner {
	width:820px;
	margin:0 auto 0;
	padding:1px 1px;
}
.footerLinkList {
	width:146px;
	margin-right:5px;
	margin-left:5px;
	float:left;
}
.footerLinkList h3 {
	font-size:12px;
	font-weight:bold;
	color:#666;
	line-height:12px;
	padding-bottom:4px;
	border-bottom:2px solid #c9d2d9;
}
.footerLinkList li {
	line-height:21px;
	font-size:1.1em;
	border-bottom:1px solid #c9d2d9;
}
.footerLinkList li a {
	color:#036;
	text-decoration:none;
}
/*-----------------------------------footerlinksend--------------------*/
.smcsingle{ background:url(/content/images/framework/background_mountings_single.gif) no-repeat}
.smcsingle_samples{ background:url(/content/images/framework/background_mountings_single_samples.gif) no-repeat}
.mountings{ height:138px;margin-left:110px}
.mountingfirst{ float:left;padding:5px 5px 0 115px;width:80px;text-align:center}
.mounting{ float:left;padding:5px;width:70px;text-align:center}
.mounting img{ width:70px;height:70px}
.mounting span{ font-weight:bold;display:block;width:90px;margin:0 auto}
.mountingprices{ position:absolute;left:125px}
.mountingprice{ float:left;padding:5px;width:70px}
.mountingprice ul{ padding:0;margin:0}
.mountingprice li{ list-style-type:none;margin:0}

/*------------------------------- FAQ --------------------*/
#faqs { position:relative; margin-left:15px;}
#faqs h3	{ cursor:pointer; font-size:12px; font-weight:bold;}
#faqs h3.active	{ color:#d74646; }
#faqs div { height:0; overflow:hidden; position:relative; }
#faqs div p	{ padding:0; margin-bottom:15px; position:relative; }