/* =RESET
------------------------------------- */

html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, a, em, img, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, tbody, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
table {border-collapse:separate;border-spacing:0;}
th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
a img {border:none;}
:focus {outline-color:#383f8f;}
.hidden {display:none}
.left {float:left;margin:0 10px 10px 0;}
.right {float:right;margin:0 0 10px 10px;}

/* =TYPOGRAPHY
------------------------------------- */

body {font-size:12px;color:#696969;background:#283eaf;font-family: Arial, Helvetica, sans-serif;line-height:1;text-align:center;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#383f8f;}
h1 {font-size:11px;line-height:13px;margin: 3px 5px 0 0;color:#696969;}
h2 {font-size:21px;line-height:24px;margin-bottom:0.75em;}
h3 {font-size:12px;font-weight:bold;line-height:1;margin-bottom:0.25em;}
h4 {font-size:14px;line-height:1.25;margin-bottom:1.25em;color:#696969;}
h5 {font-size:14px;margin-bottom:1.5em;}
h6 {font-size:12px;font-weight:bold;margin-bottom:0.25em;}

p {line-height: 16px;margin-bottom:16px;}

strong {font-weight:bold;}
em {font-style:italic;}

a, a:visited {color:#383f8f;text-decoration:none;}
a:focus, a:hover {color:#383f8f;text-decoration:underline;}

li ul, li ol {margin:0 1.5em}
ul, ol {margin:0 1.5em 1.5em 1.5em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}

table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;}
th, td {padding:4px 10px 4px 5px;}

.clear {clear:both;}
.center { text-align:center}

/* =LAYOUT
------------------------------------- */

#main {width: 950px;margin: 0 auto;background-color: #fff;text-align:left;}
#contentWrapper {
	width: 950px;
	height: 450px;
	margin: 8px 0 0 0;
}
#main>#contentWrapper {height:auto;min-height:450px;} /* min-height fix */
#contentWrapperInner {padding: 0 35px 0 35px;}
#leftCol, #rightCol {float:left;display:inline;}
#leftCol { 
	width: 215px; 
	padding-top: 20px;
}
#rightCol { 
	width: 630px;
	margin-left: 20px;
	padding-top: 20px;
}
#rightCol.prodLand {width: 645px; margin-left:0;}
/*#rightColInner {padding-right: 15px;}*/
#rightCol.prodLand #rightColInner { float: left;}

/* =HEADER
------------------------------------- */
#header {
	width: 880px;
	height: 120px;
	margin: 0 35px;
}
#headerL {
	float: left;
	width: 250px;
	height: 100px;
}
#headerR {
	float: left;
	width: 630px;
	height: 100px;
}
#headerKeywords { width: 630px; height: 16px; overflow: hidden; text-align: right; }
#headerContact {width: 630px; height:84px; text-align:right;}
/*
#headerTagline {width: 630px; height:23px; overflow:hidden; text-align:right;}
*/

/* Replace header text with images */
h2.callUs {width:179px; height: 110px; overflow: hidden; right:0px; position: relative; float:right; background: url(../images/contact_info.gif) 0 0 no-repeat;}
/*
p.tagline {width: 563px;height: 23px;overflow: hidden;margin-left: 67px;position: relative;font-size: 18px;}
p.tagline span {width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: url(../images/tagline.gif) 0 0 no-repeat;}
*/
#homeFlash {
	width: 880px;
	height: 254px;
	margin: 8px 0;
}
#homeFlashInner {padding: 0 35px 0 35px;}

/* =NAV
------------------------------------- */
#nav {
	width: 880px;
	height: 44px;
	margin: 0 35px;
}
#navM {
	float: left;
	display: inline;
	width: 880px;
	height: 44px;
	overflow: hidden;
	background:url(../images/main-menu.gif) 0 0 no-repeat;
}
#navM span { display:none; }
#navM ul { margin:0; padding:0; }
#navM li,#navM a {
	display:block;
	height:44px;
	padding:0;
	background:none;
}
#navM li {
	display:inline;
	float:left;
	list-style:none;
}
#menu_01 {width:100px;}
#menu_02 {width:90px;}
#menu_03 {width:95px;}
#menu_04 {width:97px;}
#menu_05 {width:103px;}
#menu_06 {width:78px;}
#menu_07 {width:104px;}
#menu_08 {width:213px;}

#ctl00_menu_05 {width:103px;}
#ctl00_menu_08 {width:213px;}


#navM .active_01 a {background:url(../images/main-menu.gif) 0px -44px no-repeat; }
#navM .active_02 a {background:url(../images/main-menu.gif) -100px -44px no-repeat; }
#navM .active_03 a {background:url(../images/main-menu.gif) -190px -44px no-repeat; }
#navM .active_04 a {background:url(../images/main-menu.gif) -285px -44px no-repeat; }
#navM .active_05 a {background:url(../images/main-menu.gif) -382px -44px no-repeat; }
#navM .active_06 a {background:url(../images/main-menu.gif) -485px -44px no-repeat; }
#navM .active_07 a {background:url(../images/main-menu.gif) -563px -44px no-repeat; }
#navM .active_08 a {background:url(../images/main-menu.gif) -667px -44px no-repeat; }

#navM .active_05 a {background:url(../images/main-menu.gif) -382px -44px no-repeat; }
#navM .active_08 a {background:url(../images/main-menu.gif) -667px -44px no-repeat; }


#menu_01 a:hover {background:url(../images/main-menu.gif) 0px -44px no-repeat; }
#menu_02 a:hover {background:url(../images/main-menu.gif) -100px -44px no-repeat; }
#menu_03 a:hover {background:url(../images/main-menu.gif) -190px -44px no-repeat; }
#menu_04 a:hover {background:url(../images/main-menu.gif) -285px -44px no-repeat; }
#menu_05 a:hover {background:url(../images/main-menu.gif) -382px -44px no-repeat; }
#menu_06 a:hover {background:url(../images/main-menu.gif) -485px -44px no-repeat; }
#menu_07 a:hover {background:url(../images/main-menu.gif) -563px -44px no-repeat; }
#menu_08 a:hover {background:url(../images/main-menu.gif) -667px -44px no-repeat; }

#ctl00_menu_05 a:hover {background:url(../images/main-menu.gif) -382px -44px no-repeat; }
#ctl00_menu_08 a:hover {background:url(../images/main-menu.gif) -667px -44px no-repeat; }
/* =SUBNAV and LEFT COLUMN
------------------------------------- */
.leftcolInner {
	width: 215px;
	margin-bottom: 20px;
}
.leftcolInner h3 {
	color:#696969;
	font-size:16px;
	font-weight:normal;
}
.leftcolInner.title {
	width: 195px;
	margin: 0 10px 20px 10px;
}
.leftcolInner.title2,
.leftcolInner.backBTN {
	width: 180px;
	margin: 0 10px 12px 10px;
}
.leftcolInner.backBTN a {
	background: url(../images/btn_back.gif) no-repeat;
	width: 180px;
	height: 21px;
	display: block;
}
.leftcolInner ul {
	width: 180px;
	margin: 0 10px;
	padding: 0;
	list-style-type: none;
}
.leftcolInner li.line {
	margin: 0;
	padding: 1px 0;
	line-height: 1px;
	font-size: 0;
}
.leftcolInner li a {
	 background: url(../images/bullet.gif) no-repeat 5px 10px;
	 margin: 0 10px 0 0;
	 padding: 5px 0 5px 15px;
	 line-height: 15px;
	 width: 179px;
	 display: block;
}
.leftcolInner li a:hover {
	background-color: #efefef;
	text-decoration: none;
}

/* =PRODUCT DETAIL NAV
------------------------------------- */
#productNav {
	height: 24px;
	margin-bottom: 25px;
}
#productNav ul { margin: 0; padding: 5px 0; border: 1px solid #e3e3e3; border-left: none; border-right: none; }
#productNav li {
	display: inline;
	background: none;
	margin: 0;
	padding: 0;
}
#productNav li a {
	background: url(../images/bullet.gif) no-repeat 0 5px;
	color: #696969;
	padding: 0 1em;
}
#productNav li a:hover, #productNav li a.prodActive { color: #383f8f; }

/* =BOXES
------------------------------------- */

#boxes {
	width: 880px;
	height: 274px;
	margin: 0 35px 30px 35px;
}
#productBoxes {
	width: 644px;
	margin-bottom: 30px;
}
.productbox {
	width: 205px;
	height: 274px;
	margin-left: 9px;
	margin-bottom: 13px;
	float: left;
	display: inline;
	background: url(../images/prodbox_mid.gif) repeat-y;
}
#featureBox {
	width: 435px;
	height: 261px;
	float: left;
	display: inline;
	margin-right: 10px;
	background: #383f8f url(../images/featureBox.gif) no-repeat;
}
#featureBoxInner { padding: 11px; }
#featureVid {
	width: 320px;
	height: 239px;
	float: left;
	display: inline;
	margin-right: 11px;
}
#featureThumbsTitle {
	width: 82px;
	height:px;
	margin-bottom:10px;
}
#featureThumbsTitle h2 {
	font-size: 12px;
	font-weight: bold;
	line-height: 16px;
	color: #fff;
	margin: 0;
}
#featureThumbs {
	width: 82px;
	float:left;
	display: inline;
}
#scrollItems a img {
	border: 3px solid #ccc;
	margin-bottom: 5px;
}
#scrollItems a:hover img {
	border: 3px solid #f8f8f8;
}
.box {
	width: 213px;
	/*height: 274px;*/
	margin-right: 9px;
	float: left;
	display: inline;
	background: url(../images/box_mid.gif) repeat-y;
}
#home .box {margin: 0 9px 0 0;}
#home .box.last { margin: 0; }
#home .boxTitle { margin:0 12px; padding:0; line-height:16px; }
#home .box p {
	font-size: 11px;
	line-height: 13px;
	margin-bottom: 5px;
}
.boxTitleWrap { margin:4px 0 8px 0;}
.boxCopyWrap { height:200px; overflow:hidden; margin-bottom:8px;}
html>body .boxCopyWrap { height:220px; min-height:200px;}

.boxTop {
	background: url(../images/box_top.gif) no-repeat;
	height: 7px;
	overflow: hidden;
}
.prodboxTop {
	background: url(../images/prodbox_top.gif) no-repeat;
	height: 7px;
	overflow: hidden;
}
.boxMid {
	background: url(../images/box_bot.gif) no-repeat bottom;
	/*height: 267px;*/
}
.prodboxMid {
	background: url(../images/prodbox_bot.gif) no-repeat bottom;
	height: 267px;
}
.boxMid p, .box2Mid p, .prodboxMid p { padding: 0 15px 0 15px; }
.boxMid p.boxCopy, .prodboxMid p.boxCopy { 
	height: 40px;
	overflow: hidden;
}
.box2 {
	width: 435px;
	height: 261px;
	float: left;
	display: inline;
	background: url(../images/box2_mid.gif) repeat-y;
}
.box2Top {
	background: url(../images/box2_top.gif) no-repeat;
	height: 7px;
	overflow: hidden;
}
.box2Mid p.box2Copy {
	margin: 16px 0;
	height: 160px;
	overflow: hidden;
}
.box2Mid {
	background: url(../images/box2_bot.gif) no-repeat bottom;
	height: 254px;
}
.box2TitleContainer {
	height: 36px;
	overflow: hidden;
	margin-bottom: 8px;
}
.box2TitleContainer h3 {
	margin: 8px 15px 8px 15px;
	font-size:14px;
	line-height: 18px
}
.box2CopyContainer {
	height: 160px;
	overflow: hidden;
}
.box2CopyContainer p {
	font-size: 12px;
	line-height: 16px;
	margin-bottom: 16px;
}
img.boxImg {
	padding-top: 0px;
	padding-left: 7px;
	margin: 0;
}
img.prodboxImg {
	padding-top: 1px;
	padding-left: 10px;
	margin: 0;
}
h3.boxTitle {
	padding: 8px 15px 8px 15px;
	font-size:14px;
}
a.boxBTN {
	width: 108px;
	height: 21px;
	background: url(../images/btn_learnMore.gif) no-repeat;
	text-indent: -9999px;
	float: left;
	margin: 12px 15px 0 15px;
}
.boxBtnWrap { clear:both; width:183px; height:35px; }
.boxBtnWrap a.boxBTN { margin:0 15px;}

/* =CONTENT
------------------------------------- */


/* Terms and Conditions */
.terms h6 {margin-top:30px;}
.terms p { margin-bottom: 0.5em; }
.terms p.indent { padding-left: 1.5em; }
.terms p.indent2 { padding-left: 2.75em; }

/* Products */
p.byline {
	font-size: 14px;
	color: #383f8f;
	line-height: 18px;
	margin-bottom: 15px;
}
#backToTop { display: inline; float: left; margin-bottom: 20px; }

/* Content Lists */
.contentList ul, .contentList ol, .contentList li { margin: 0; padding: 0; }
.contentList li ul { padding:0; }
.contentList li ol { padding:0 1.5em; list-style-type: lower-alpha; }
.contentList ul { padding: 0 1em 1.5em 0; }
.contentList ol { padding: 0 1em 1.5em 2em; list-style-type: decimal; }

.contentList ul li { list-style-type: none; padding: 0 1em; background: url(../images/bullet.gif) no-repeat 0 6px; }

.contentList li { margin-bottom: .25em; color: #696969; font-size: 12px; line-height: 18px; }
.contentList li ul, .contentList li ol { margin-top: .25em; }

/* Content Lists */
#content_1 ul, #content_1 ol, #content_1 li { margin: 0; padding: 0; }
#content_1 li ul { padding:0; }
#content_1 li ol { padding:0 1.5em; list-style-type: lower-alpha; }
#content_1 ul { padding: 0 1em 1.5em 0; }
#content_1 ol { padding: 0 1em 1.5em 2em; list-style-type: decimal; }

#content_1 ul li { list-style-type: none; padding: 0 1em; background: url(../images/bullet.gif) no-repeat 0 6px;text-align:justify; }

#content_1 li { margin-bottom: .25em; color: #696969; font-size: 13px; line-height: 18px; }
#content_1 li ul, #content_1 li ol { margin-top: .25em; }



/* Contact Details */
h2.contact-location { font-size: 16px;font-weight:normal;line-height:18px;margin:0 10px;color:#696969;}
dl.contactInfo {
	width: 180px;
	margin: 8px 10px 16px;
}

dl {margin: 0;}
dl dt {
	color: #383f8f;
	font-size: 12px;
	font-weight: bold;
}
dd {
	margin:0 0 0.5em 0;
	color: #696969;
	font-size: 12px;
	line-height: 16px;
}
/* Home Contact Details */
#home dl { width:183px;margin: 0; padding:0 15px;}
dl dt {
	color: #383f8f;
	font-size: 11px;
	font-weight: bold;
	line-height:13px;
}
dd {
	margin:0 0 0.5em 0;
	color: #696969;
	font-size: 11px;
	line-height:13px;
}

/* Clients List */
.clientCol {
	width: 150px;
	float: left;
	display: inline;
	margin-right: 8px;
} 
.clientCol.last {margin-right: 0;}
#clientWrap ul { margin:0 0 20px 0; padding:0; list-style-type:none;}
#clientWrap li { line-height: 16px;}

/* =PRODUCT DETAILS
------------------------------------- */

#galleryWrap { float: left;}
.prodInfoImg {
	width:120px;
	height:120px;
	text-align:right;	
	float:right;
}
.specImg {text-align: center;}
.prodImgThumb {
	display: inline;
	float:left;
	width:200px;
	height:200px;
	margin: 0 10px 10px 0;
	overflow:hidden;
}
.prodImgThumb a {
	background-color:#ccc;
	display:block;
	float:left;
	width:200px;
	height:200px;
	line-height:200px;
	overflow:hidden;
	position:relative;
	z-index:1;
}
/* Adjust top and left position to control cropped image placement */
.prodImgThumb a img{
	/*
	//////////// 
	float:left;
	position:absolute;
	top:-50px; 
	left:-50px;  
	////////////
	*/
	
/*	top:0px; */
/*	left:0px; */	
}
#content_2, #content_3 { display: none } /* Hide content sections on load */

/* =PAGINATION
------------------------------------- */

#paginationWrap { margin-bottom:20px;}
#pagination { float: left; margin: 0;}
#pagination li { border:0; margin:0; padding:0; font-size:11px; list-style:none; float:left; }
#pagination a { border:solid 1px #afb2d2; margin-right:2px; }
#pagination .previous-off,
#pagination .next-off { border:solid 1px #DEDEDE; color:#a5a5a5; display:block; float:left; font-weight:bold; margin-right:2px; padding:3px 4px; }
#pagination .next a,
#pagination .previous a { font-weight:bold; }	
#pagination .active { background:#383f8f; color:#FFFFFF; font-weight:bold; display:block; float:left; padding:4px 6px; margin-right:2px; }
#pagination a:link, 
#pagination a:visited { color:#383f8f; display:block; float:left; padding:3px 6px; text-decoration:none; }
#pagination a:hover { border:solid 1px #383f8f; }

/* =Contact Form
------------------------------------- */
#contactform p.errormsg {
	font-family: arial;
	font-size: 11px;
	color: #D70000;
	margin: 0;
}

table.form tbody tr:hover { background-color: #FFF; }
table.form td { vertical-align: top; padding: 8px; }

.form label { font-weight: bold; }
.form input { width: 200px;}
.form textarea { width: 300px; }
.form select { width: 200px; }

.form input, .form textarea, .form select, .form option { color: #8c8c8c;}

.form input.button { width: auto; }
.form input.checkbox { width: auto; }
.form input.radio { width: auto; }

/* =FOOTER
------------------------------------- */
#footer {width: 950px;}
#footerTop {margin: 0 35px;}
#footerBot {
	height: 17px;
	background: url(../images/bottom.gif) no-repeat;
	overflow: hidden;
}
p.copyright {font-size:11px; margin-bottom:0;}
#footer ul { margin: 0 0 10px 0; }
#footer li {
	display: inline;
	padding: 0;
	color: #888cb9;
	background: none;
}
#footer li.footerDivider { padding: 0 10px;}
#footer li a {
	color: #888cb9;
	font-size: 11px;
}
#overview {
	background-color: #283eaf;
	padding: 35px 35px 60px;
}
#overview p {
	color: #6b72c6;	
	font-size: 11px;
	line-height: 13px;
	margin-bottom: 6px;
}

/* Footer Lists */
#overview {}
#overview ul, #overview li { margin: 0; padding: 0; }
#overview ul { padding: 0 1em .5em 0; }
#overview ul li { list-style-type: none; padding: 0 1em; background: url(../images/footer_bullet.gif) no-repeat 0 6px; }
#overview li { margin-bottom: .25em; color: #6b72c6; font-size: 11px; line-height: 13px; }


/* Enquiries Image css Start */

 .EnqButton {
display:block;
height:50px;
text-indent:-9999px;
width:250px;
text-align:center;
float:left;
margin:10px 0px 0px 100px;

}

.EnqButton a {
background:url("../images/enquiry.png") no-repeat scroll left top transparent;
display:block;
height:100%;
outline:medium none;
background-position:0 -50px;
}
.EnqButton a:hover {
background-position:0 0px;
}

/* Enquiries Image css End */