/*
classes.css

This contains all the classes used by the website other than those defined in default.css
Typically this will include header and footer css as well as any styles required by any bespoke areas of the website
*/



body,html{font:normal 13px "Trebuchet MS"; color:#333333; line-height:18px; background:#fff url(../images/bg.jpg) center top no-repeat; cursor:default;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{ margin:0; padding:0; } 
fieldset,img {border:0; outline:0;} 
ol,ul {list-style:none;} 
a{color:#956cf6 ; text-decoration:none;}
a:hover {color:#956cf6 ; text-decoration:underline;}

h1
{
	font-family: "Century Gothic";
	font-size:28px;
	font-weight:normal;
	line-height:35px;
}

h4
{
	font-family: "Century Gothic";
	font-size:28px;
	font-weight:normal;
	line-height:35px;
}


#sin-wraper{width:100%;}
#sin-container{/*width:954px;*/ width:900px; margin:0 auto; padding-top:2px; background:#fff; }
/*-- Top Part --*/
.sin-top-part{height:105px; width:900px; margin:0px auto;  background-color:#FFFFFF;}
.sin-top-part dd{float:left;}
.sin-float-l{background:url(../images/top-l.gif) left top no-repeat; width:4px; height:105px;}
.sin-top-center{width:892px; background:url(../images/top-m.gif) repeat-x;}
.sin-float-r{ background:url(../images/top-r.gif) left top no-repeat; width:4px; height:105px;}
.sin-logo{padding:7px 0 0 10px; height:63px; font-size:2px;}

#content
{
	width:645px;
	margin-left:35px;
}


.sin-top-menu
{
	clear:both;
	height:35px;
	width:872px;
	padding:0 0 0 10px;
	position:relative;
	z-index:1;
}

.sin-topicon{ float:left; width:550px; text-align:right;}
.sin-topicon ul{ padding-top:10px;}
.sin-topicon li{ display:inline; padding-left:10px; text-align:center;}
.sin-topicon li a { text-decoration:none; color:#303030;}
.sin-topicon li a:hover { text-decoration:underline; color:#000000;}

.sin-middle{ padding-bottom:20px; background:#FFFFFF; margin:0px auto; /*width:900px;*/ width:702px; /*clear:both;*/ clear:left; float:left; /*overflow:hidden;*/}
.sin-left{/*width:612px;*/ width:713px; float:left; clear:both; z-index:100;}

.sin-left-title {padding:2px 0px 0px 0px; background:url(../images/bg_title.jpg) left top no-repeat; font-size:14px; font-weight:normal; /*width:670px;*/}
.sin-left-title h1{ font-weight:normal; line-height:35px; font-size:28px;}
.sin-left p{padding:5px 0 5px 0; line-height:18px; text-align:justify;}
.sin-left-read {font-size:11px; color:#419c41; font-weight:bold; text-align:right; padding-bottom:10px;}
.sin-left-read a{color:#419c41; text-decoration:underline;}
.sin-left-read a:hover{color:#419c41; text-decoration:none;}

.sin-right
{
	/*width:186px;*/
	/*width:195px;*/
	width:175px;
	float:right;
	clear:left;
}

.sin-news
{
	/*width:184px;*/
	width:170px;
	/*padding-left:3px;*/
	padding-left:0px;
	background:url(../images/new_bg.jpg) bottom left repeat-x;
	padding-bottom:47px;
	padding-top:10px;
}

.sin-news div{border:1px solid #BDB6B6; border-bottom:none;}
.sin-news div p{padding:4px 7px 7px 7px; font-size:11px; line-height:15px; color:#000;}
.sin-news div p a{/*padding:7px 0px 7px 0px; font-size:11px;*/  line-height:15px; color:#333333;}

/*.sin-news div p a:hover{padding:7px; font-size:11px; line-height:13px; text-decoration:underline;}*/
.sin-news div h3{padding:7px; font-weight:normal; font-size:15px; line-height:13px;}
.sin-graybg{ background-color:#D1CBDF;background:url(../images/title_bg.jpg) left top repeat-x; border-bottom:0px solid #999999;/* border-top:1px solid #999999;*/}
.sin-whitebg{ background-color:#ffffff; border-bottom:1px solid #BDB6B6;/* border-top:1px solid #999999;*/}
.sin-whitebg a {text-decoration:none;}
.sin-whitebg a:hover {border-bottom: dashed 1px #90908D; line-height:15px;}
.latest-news-title
{
	background-color:#ffffff;
	border-bottom:1px solid #999999;
	padding:7px; font-weight:normal;
	font-size:17px;
	text-align:center;
	color:#333;
	/* border-top:1px solid #999999;*/
	/* background:url(../images/title_bg.jpg) left top repeat-x;*/
}

.sin-sincbox {width:162px; padding-left:0px; padding-bottom:20px;}
.sin-sincbox p a{ color:#333333;}
.sin-sincbox h2 a{ color:#333333;}
.sin-sincbox div{border:1px solid #999999; width:170px;}
.sin-sincbox div h2{padding:5px; background:url(../images/title_bg.jpg) left top repeat-x; font-weight:normal; font-size:17px; border-bottom:1px solid #999999; text-align:center;}
.sin-sincbox div p{padding-bottom:7px; font-size:14px; /*font-size:12px;*/ line-height:13px; text-align:center; }
.sin-sincbox p a:hover { text-decoration:none; border-bottom: dashed 1px #90908D; line-height:13px;}
.sin-sincbox h2 a:hover {text-decoration: underline; }

.sin-riht-img{width:115px; height:235px;border:none; float:right;}
.sin-right h1{width:370px; background:url(../images/bullet.jpg) left no-repeat; padding-left:30px; font-size:18px; color:#123eb0; font-weight:bold; border-bottom:1px solid #123eb0; padding-bottom:3px;}
.sin-right h1 strong{color:#419f41;}

.sin-right-text {clear:both;}
.sin-right-text  p{padding:10px 0 0 0; line-height:19px;}
.sin-right-text dd{ float:left;}

.sin-products
{
	width:690px;
	clear:both;
	padding:7px 0px 0px 0px;
}

.sin-products-home
{
	width:690px;
	clear:both;
	padding:7px 0px 0px 0px;
}

.sin-productbox {width:200px; float:left; padding-right:25px;}
.sin-productbox a {color:#333333;}
.sin-productbox p a:hover { text-decoration:none; border-bottom: dashed 1px #90908D;}
.sin-productbox h2 a:hover {text-decoration: underline; }
.sin-productbox img {text-decoration:none; }
.img-link {border-bottom:0px;}
.sin-productbox div{border:1px solid #999999; min-height:160px; height:auto!important; height:160px;}
.sin-productbox div h2{padding:7px; background:url(../images/title_bg.jpg) left top repeat-x; font-weight:normal; font-size:17px; border-bottom:1px solid #999999; text-align:center; color:#333;}
.sin-productbox div p{padding:5px 2px; /*font-size:11px;*/ font-size:14px; line-height:15px; text-align:center; margin:0;  color:#333;}
.sin-gallery { background:url(../images/gallary_bg.jpg) left top no-repeat; width:500px; height:155px; clear:both; padding-left:26px;}
.sin-gallery-title { background:url(../images/latest_bg.jpg) left top no-repeat; width:117px; height:26px; padding:0px 0px 0px 30px; line-height:26px; font-size:13px; font-weight:bold; color:#123eb0;}
.sin-gallery-pic { clear:both; padding-top:10px; color:#fefefe;}
.sin-gallery-pic dd{ float:left; padding-right:18px; text-align:center; line-height:20px;}

.sin-footer{ clear:both; margin:0px auto; text-align:center; color:#ffffff; height:28px; width:900px; margin:0px auto;} 
.sin-footer dd{ float:left; height:28px;} 
.sin-footer_link {width:880px; height:28px; float:left; color:#999999; background-color:#e4e4e4;}
.sin-footer a{ text-decoration:none; color:#000; line-height:28px; font-size:11px; padding:0px 5px;} 
.sin-footer a:hover{ text-decoration:none; color:#956CF6;} 
.sin-img { font-size:2px; max-width:700px;}
.sin-copyright{ background:#f1f1f1; margin:0px auto;}
.sin-copy{ line-height:40px; padding-left:15px; color:#000; /*float:left;*/ width:350px;  font-size:11px;}
.sin-w3c{ /*float:left;*/ clear:none; padding-top:4px;}

.sin-s-logo{ width:240px; margin:8px 0px 0px 50px; font-size:11px;}


ul#sin-navmenu
{
	line-height:22px;
	font-family:"Century Gothic";
	font-size:14px;
	color:#5e5e5e;
	width:872px;
	font-weight:normal;
	/*position:static;*/
	float:left;
	white-space:nowrap;
	height:35px !important;
	background:url(../images/menu-sept.gif) no-repeat top right;
}

li:hover ul, li.over ul{ display: block; }

ul#sin-navmenu li {
color:#5e5e5e;
position:relative;
float:left;
height:22px; 
padding:13px 43px 0 43px; 
list-style-type:none;
margin:0;
display:block;
cursor:pointer;
background:url(../images/menu-sept.gif) no-repeat top left;
}

ul#sin-navmenu ul
{
	display:none;
	left:0;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	position:absolute;
	margin:0;
	background-color:#FFFFFF;
	border:1px solid #d7d6d6;
	border-top:none;
}

ul#sin-navmenu ul:after {
clear:both;
content:".";
display:block;
height:0pt;
visibility:hidden;
}
ul#sin-navmenu ul li {
clear:both;
font-size:12px;
white-space: nowrap;
display:block;

display:block !important;
padding:0 0px 0px 23px;
width:202px;
background:none;
border-bottom:1px solid #eeeeee;

}
#sin-navmenu ul li a{
font-family:"Century Gothic";
clear:both;
color:#5e5e5e;
white-space: nowrap;
display:block;
font-size:13px;
padding:0 0px 0px 20px;
background:url(../images/arrow.jpg) no-repeat left;
}
#sin-navmenu ul li a:hover{
color:#756795;
font-size:13px;
display:block;

}
ul#sin-navmenu a {
color:#5e5e5e;
text-decoration:none;
display:block;
float:left;
float:none !important;

}
ul#sin-navmenu a, ul#sin-navmenu li a, ul#sin-navmenu li.iehover a {
display:inline;
}
ul#sin-navmenu a:hover, ul#sin-navmenu li:hover a, ul#sin-navmenu li.iehover a {
color:#956cf6;

}
ul#sin-navmenu li:hover li a, ul#sin-navmenu li.iehover li a {
color:#5e5e5e;
display:block;
float:none;
}
ul#sin-navmenu li:hover li a:hover, ul#sin-navmenu li:hover li:hover a, ul#sin-navmenu li.iehover li a:hover, ul#sin-navmenu li.iehover li.iehover a {
border:0pt none;
color:#956cf6;
}
ul#sin-navmenu li:hover li:hover li a, ul#sin-navmenu li.iehover li.iehover li a {
color:#5e5e5e;
display:block;
float:none;
}
ul#sin-navmenu li:hover li:hover li a:hover, ul#sin-navmenu li:hover li:hover li:hover a, ul#sin-navmenu li.iehover li.iehover li a:hover, ul#sin-navmenu li.iehover li.iehover li.iehover a {
border:0pt none;
color:#105a9e;
}	
ul#sin-navmenu li:hover li:hover li:hover li a, ul#sin-navmenu li.iehover li.iehover li.iehover li a {
color:#5e5e5e;
display:block;
float:none;
}
ul#sin-navmenu li:hover li:hover li:hover li a:hover, ul#sin-navmenu li.iehover li.iehover li.iehover li a:hover {
border:0pt none;
color:#956cf6;
}
ul#sin-navmenu ul ul, ul#sin-navmenu ul ul ul {
/*display:none;*/
float:none;
left:172px !important;
width:200px;
position:absolute;
top:-2px !important;
white-space: nowrap;
}
ul#sin-navmenu li:hover ul ul, ul#sin-navmenu li:hover ul ul ul, ul#sin-navmenu li.iehover ul ul, ul#sin-navmenu li.iehover ul ul ul {
/*display:none;*/
}
ul#sin-navmenu li:hover ul, ul#sin-navmenu ul li:hover ul, ul#sin-navmenu ul ul li:hover ul, ul#sin-navmenu li.iehover ul, ul#sin-navmenu ul li.iehover ul, ul#sin-navmenu ul ul li.iehover ul {
display:block;
}



/* Page Layout */

.template_left
{
	width:340px;
	float:left;
	padding-left:35px;
}

.template_right
{
	width:230px;
	float:right;
}


/* Forms */

div#forms_editform form ul li label
{
	clear:none;
	display:block;
	padding:5px;
	top:0;
	width:150px;
}


div#forms_editform form ul li label
{
	clear:none;
	display:block;
	padding:5px;
	top:0;
	width:150px;
}

label
{
	float:none;
}

div.form div.form_subgroup ul.formitems li label
{
	display:block;
	float:none;
	/*margin-left:154px;
	margin-top:-24px;
	padding:6px;
	width:100px;*/
}

div#layoutitemsettings form label#label_content
{
	display:none;
}

div.form div.form_subgroup
{
	margin-top:-25px;
}

/* Tables */

.locationtable
{
	width:650px;
}

table.locationtable tr td

{
	/*border: 1px solid #000000;*/
	/*border-left:1px solid #999999;
	border-right:1px solid #999999;
	border-bottom:1px solid #999999;*/
	background-color:#fff;
	padding: 5px;
	vertical-align: top;
	color: #000;
	font-size:10px;
	text-align:justify;
	
}



table.locationtable tr.locationtableheading

{
	background-color: #fff;
	color: #E13B28;
	font-weight: 700;
}

table.locationtable tr.locationtableheading td
{
	/*border: 1px solid #000000;*/
	background-color: #fff;
}

table.locationtable tr.locationtableheading h2
{
	border-bottom:1px solid #999999;
	font-size:13px;
	font-weight:normal;
	padding:7px;
	text-align:center;
	height:35px;
}




table.portfoliotable tr td

{
	/*border: 1px solid #000000;*/
	/*border-left:1px solid #999999;
	border-right:1px solid #999999;
	border-bottom:1px solid #999999;*/
	background-color:#fff;
	padding: 2px;
	vertical-align: top;
	color: #000;
	font-size:10px;
	text-align:justify;
}


table.portfoliotable tr.portfoliotableheading

{
	background-color: #fff;
	color: #E13B28;
	font-weight: 700;
}

table.portfoliotable tr.portfoliotableheading td
{
	/*border: 1px solid #000000;*/
	background-color: #fff;
}

table.portfoliotable tr.portfoliotableheading h2
{
	border-bottom:1px solid #999999;
	font-size:14px;
	font-weight:bold;
	padding:7px;
	text-align:center;
}

/* Site Map */

#site-map-left
{
	float:left;
}

#site-map-right
{
	float:right;
}

#site-map-left h3
{
	text-indent:30px;
	font-size:12px;
	color:#333333;
}

#site-map-right h3
{
	text-indent:30px;
	font-size:12px;
	color:#333333;
}


#site-map-left h2
{
	margin-top:5px;
	line-height:25px;
	font-weight:normal;
	font-size:17px;
	color:#333333;

}

#site-map-right h2
{
	margin-top:5px;
	line-height:25px;
	font-weight:normal;
	font-size:17px;
	color:#333333;

}


#site-map-left a{ text-decoration:none; color:#000;} 
#site-map-left a:hover{ text-decoration:none; color:#956CF6;} 

#site-map-right a{ text-decoration:none; color:#000;} 
#site-map-right a:hover{ text-decoration:none; color:#956CF6;} 


/*			IE 6 Warning	*/

div#ie6warning {background:#F5F5C0;border-bottom:1px solid #6B6C6F;}
div#ie6warning div#ie6container {margin:0px auto;width:780px;padding-left:60px;background:url('/images/warning.jpg') top left no-repeat;}
div#ie6warning div#ie6container p {padding:4px;font-size:90%;font-weight:bold;}