/* -------------------------------------------------------------- */
/* = GLOBAL
/* = LAYOUT
/* = NAVIGATION
/* = TYPOGRAPHY
/* = LISTS
/* = TABLES
/* = FORMS
/* = MISC
/* -------------------------------------------------------------- */


/* -------------------------------------------------------------- */
/* = GLOBAL
/* -------------------------------------------------------------- */
body { 
	position: relative;
	font-size:12px;
	background-color: #FFFFFF;
	color:#505050;
	min-width:960px;
}
b,strong{font-weight:bold;}
i,em{font-style:italic;}
h1,h2,h3,h4{padding-bottom:5px; color:#0653a3; font-weight:normal; }
a:link,a:visited{ text-decoration:none; color:#0653a3; }
a:hover 	{ text-decoration: underline;}

textarea,select,input[type="text"]{background-color:#F2F2F2; color:#333333; border:1px solid #CCCCCC;}
.captcha input[type="text"]{background-color:#FFFFFF; color:#000000;}
/* General Content Style */
/* Specified first so we can override easily */
#content_full{min-height:250px; width:960px; padding-top:45px; overflow:hidden;} /* allows us to do some float margin tricks without wrapping */
#content_full p{padding:0px 0px 10px 0px; line-height:18px;}
#content_full h1{font-size:30px; border-bottom:1px solid #0653a3;}
#content_full h2{font-size:22px;}
#content_full h3{font-size:16px;}
#content_full h4{font-size:13px;}
#content_full a{text-decoration:underline;}
#content_full a:hover{color:#428cd9;}
#content_full ol,#content_full ul{margin:8px 0px 8px 0px; padding:0px 0px 0px 30px;}
#content_full ol{list-style:decimal;}
#content_full ol ol{list-style:lower-alpha;}
#content_full ul{list-style:disc;}
#content_full ul ul{list-style:circle;}
#content_full hr{border:0px; border-top:1px dashed #999999; margin:10px 0px;}



/* -------------------------------------------------------------- */
/* = TYPOGRAPHY
/* -------------------------------------------------------------- */
textarea,body,input{font-family:"Trebuchet MS",arial,helvetica,sans-serif; font-size:12px;}

/* -------------------------------------------------------------- */
/* = LAYOUT
/* -------------------------------------------------------------- */
#header{background-image:url('../images/headbg.gif'); height:230px; overflow:auto; background-position:top center; }
#content_full,#mainmenu>div,#footer>div,#header>div{width:960px; margin-left:auto; margin-right:auto; position:relative;}

#logo{margin-top:31px;}

#logo>a{
	display:block;
	width:951px;
	height:63px;
	background-image:url('../images/head_logo.gif');
}
#headimg{
	margin-top:4px;
	width:960px;
	height:129px;
	background-image:url('../images/headimg.jpg');
}
#mainmenu{
	background-color:#0653a3;
	font-size:15px;
	text-transform:uppercase;
	overflow:auto;
}
#mainmenu li{float:left;}
#mainmenu a{ color:#FFFFFF; display:block; padding:1px 20px 1px 20px; margin:7px 0px 7px 0px; border-left:1px solid #0e2946; }
#mainmenu a:hover{ background-color:#427db9; text-decoration:none; }
#search_container{position:absolute; right:0px; top:4px; }
#search_container input[type="text"]{padding:2px; font-size:15px; width:160px; color:#FFFFFF; background-color:#427db9; border:1px solid #034287; }
#search_container input[type="submit"]{padding:2px; margin:0px; height:26px; font-size:15px; background-color:#0653a3; border:1px solid #0653a3; color:#FFFFFF; }
#footer>div{border-top:1px solid #c5c5c5; color:#c5c5c5; text-align:right; font-size:11px; margin-top:20px; padding:7px 0px 20px 0px;}
#footer a{color:#c5c5c5;}

.content_inner{
	float:left;
	width:680px;
}
#custom_left_panel td{
 padding:0px 10px 3px 0px;
}

#submenu,#custom_left_panel{
    list-style: none;
    padding-right:40px;
    float:left;
	width:240px;
}
#submenu>h2{padding-left:7px;}
#submenu a{text-decoration:none; color:#909090;}
#submenu a:hover {text-decoration: underline;}
#submenu ul {
    list-style: none;
    padding:0px;
    margin:0px;
}
#submenu ul{
	margin:10px 0px 10px 0px;
}
#submenu>ul>li>ul{
    display: none;
}
#submenu ul li {
    font-weight: normal;
    cursor: auto;
    background-color: #fff;
}
#submenu ul li.active>a{
	color:#0653A3;
	background-color:#f4f7f9;
}
#submenu a{
    text-decoration: none;
}
#submenu>ul>li>a{
	font-size:110%;
	font-weight:bold;
	cursor: pointer;
	padding:7px;
	display:block;
	border-bottom:1px solid #DDDDDD;
}
#submenu>ul>li>a{
	text-transform: uppercase;
}
#submenu>ul>li>a:hover{
	color:#222222;
	background-color:#DDDDDD;
}
#submenu ul ul a{
	display:block;
	padding:3px 3px 3px 15px;
	color:#444444;
}
#submenu ul ul a:hover{
	color:#444444;
	background-color:#eeeeee;
}
/* Breadcrumb*/
#breadcrumb{
	padding:10px 0px 35px 0px;
	color:#cfcfcf;
}
#breadcrumb a{text-decoration:none; color:#909090;}
#breadcrumb a:hover {text-decoration: underline;}

#breadcrumb .B_currentCrumb{
	color:#0653a3;
}

/* SHOP */
.shopItem{
	font-size:11px;
	padding:8px 3px 3px 3px;
	width:150px;
	border:1px solid #a5a5a5;
	float:left;
	height:245px;
	margin:6px;
	overflow:hidden;
}
.categoryItem{
	height:180px;
	cursor:pointer;
}
.categoryItem:hover{
	background-color:#F4F7F9
}
.categoryItem img{
	border:1px solid #FFFFFF;
}
.categoryItem:hover img{
	border:1px solid #accef2;
}

.shopItem .prodImg,.shopItem .title,.shopItem .content{
	margin-left:auto;
	margin-right:auto;
	text-align: center;
	display:block;
	overflow:auto;
}

.shopItem .title{
	font-weight:bold;
}
.shopItem .prodImg{
	width:120px;
	height:100px;
	overflow:hidden;
}
.shopItem .prodImg img{
	max-width:120px;
	max-height:100px;
}
.shopItem .title{
	height:36px;
	overflow:hidden;
}
.shopItem .content{
	height:50px;
	overflow:hidden;
}
.shopItem .prodEnquire>a,.shopItem .prodDownload>a{
	display:block;
	width:103px;
	height:23px;
}
.shopItem .prodEnquire>a{
	background-image:url('../images/shop/icon_enquire.gif'); 
}
.shopItem .prodDownload>a{
	background-image:url('../images/shop/icon_moreinfo.gif'); 
}
.shopItem .prodDownload.external>a{
	background-image:url('../images/shop/icon_moreinfo_web.gif'); 
}
.shopItem .prodEnquire{
	border-top:3px solid #f2f2f2;
	margin-top:5px;
	padding-top:5px;
}
/* wide alterations*/
.shopContainer.wide .shopItem{
	width:auto;
	float:none;
	height:auto;
}
.shopContainer.wide .prodImg{
	float:left;
	height:100px;
}
.shopContainer.wide .title,.shopContainer.wide .content{
	text-align:left;
	height:auto;
	padding:3px 10px 3px 10px;
}
.shopContainer.wide .prodEnquire,.shopContainer.wide .prodDownload{
	margin-left:130px;
}
.shopItem p{
	line-height:normal !important;
	padding:0px !important;
}


/* contact us */
.contactus_icon_message>a{
	background-image:url('../images/contactus/icon_msg.gif'); 
	background-repeat:no-repeat;
	padding:0px 0px 4px 20px;
}
.contactus_icon_mobile{
	background-image:url('../images/contactus/icon_mobile.gif'); 
	background-repeat:no-repeat;
	padding:0px 0px 4px 20px;
}



/* -------------------------------------------------------------- */
/* = Search Results
/* -------------------------------------------------------------- */
.sisea-paging {
    background-color: #f4f7f9;
    border: 1px solid #0653a3;
    padding: 5px;
}
.sisea-result-pages {
    font-weight: bold;
    padding-right: 30px;
}
.sisea-result {
    border-top:1px dashed #0653a3;
    padding: 10px 0;
}
.sisea-result:first-child{border-top:none;}
.sisea-result > h3 {
    font-size: 12px !important;
}

/* -------------------------------------------------------------- */
/* = Form Style
/* -------------------------------------------------------------- */
.form table>tbody>tr>td{padding:0px 10px 10px 0px; vertical-align:top;}
.form .error{color:#ff0000; display:block; font-size:80%;}
.form input[type="text"]{width:370px;}
.form textarea{width:370px;}
.form input[type="button"], .form input[type="submit"]{ background-color:#0653a3; border:1px solid #0653a3; color:#FFFFFF; cursor:pointer; outline:none; font-size:11px; padding:3px; margin:0px;}
.form input[type="button"]:hover, .form input[type="submit"]:hover{background-color:#cfdff0; border:1px solid #0653a3; color:#0653a3;}
.form .captchaContainer{background-color:#FFFFFF; padding:7px;}
.form label{display:block; padding:3px 0px 3px 0px;}
.form .captcha{background-color:#FFFFFF; width:447px;}
.form .long{width:393px !important;}
.form .medium{width:190px !important;}
.form .small{width:80px !important;}
.form .tiny{width:20px !important;}
.form .reqStar{color:#FF0000;}