/* Author : Patrick Sy */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, /*p,*/ blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

:focus {	outline:0;}
body { line-height:1;}
/* ol, ul { list-style:none;} */

table { border-collapse:separate; border-spacing:0;}
caption, th, td { text-align:left; font-weight:normal;}
blockquote:before, blockquote:after, q:before, q:after { content:"";}
blockquote, q { quotes:"" "";}

/*** font styles ***/
a,h1,h2,h3,h4,h5,h6,p,pre,table,th,td,label,li,input,textarea,select,blockquote,code,dt,dd {}
a { text-decoration:none; cursor:pointer; color:#ce012c;}
a:hover, a:focus { text-decoration:none; color:#e68a00;}
:focus { outline:0;}

h1,h2,h3 {}
p,strong,li,label,pre,table,th,tr,td,tbody,tfoot,thead,blockquote,code  {}
em { font-style:italic;}
strong { font-weight:bold;}
img { vertical-align:top;}
/* ol li { list-style:decimal inside;} */

span.break { display:block; margin-bottom:22px;}
.red { color:#ce012c;}
.blue { color:#00549f;}
.alignLeft { float:left;}
.alignRight { float:right;}
.caps { text-transform:uppercase;}
.abs div { position:absolute;}
.clr { height:0; clear:both;}

/*** general ***/
body { background:url(../images/bg.jpg) #fff; text-align:center; font-size:12px; font-family:Arial, Trebuchet MS; color:#000; position:relative;}
#wrapper, .wrapper { text-align:left; margin:0 auto; position:relative;}
#wrapper { background:url(../images/shade.png) repeat-y; width:1192px; padding:0 15px;}

#header { height:316px;}
#logo { top:0; left:0; z-index:2; display:block;}
#contactNum { top:72px; right:60px; z-index:3;}
#navTop { top:258px; right:1px; z-index:1; background:#00549f; text-align:center; font-size:11px;}
#navTop li { float:left; display:block; background:url(../images/nvDv.png) 100% 0 no-repeat;}
#navTop li a { float:left; display:block; width:85px; height:39px; color:#fff; padding:18px 6px 0 0;}
#navTop li a:hover, #navTop li a:focus { color:#98ceff;}
#navTop li:last-child, #navTop li.last { background:none;}
#imgHeader { background:url(../images/imgShadow.png) 50% 100% no-repeat; padding-bottom:18px;}
#mBody {}
@media screen and (-webkit-min-device-pixel-ratio:0) { #mBody {}}
#sidebar { width:195px; float:left;}
#mContent { width:828px; float:left;}
#rightbar { width:169px; float:left; color:#00549f;}
#searchbar { background:url(../images/search.gif); height:30px; padding:8px 0 0 12px;}
#searchbar input.txt { background:none; border:0; padding:0 3px; width:144px;}
#searchbar input.btn { background:none; border:0; width:22px; cursor:pointer;}
.box { background:url(../images/sidebar.jpg) repeat-y;}
.box .top { background:url(../images/top.jpg) 0 10px no-repeat; height:20px; padding:6px 0;}
.box .bot { background:url(../images/bot.jpg) 0 100% no-repeat; padding:0 9px 16px 9px;}
#testimonials { font-size:11px; line-height:14px;}
#testimonials .bot { padding:0 20px 16px 20px;}
#testimonials .quote { background:url(../images/quote.png) 0 100% no-repeat; display:block; width:13px; height:20px; float:left; margin:-10px 5px 0 0;}
#testimonials .btn { background:url(../images/btn_more.gif) 50% 0 no-repeat; display:block; height:24px; margin-top:15px;}
#newsletter input.txt { width:100%;}
#newsletter label { font-size:10px; line-height:10px;}
#newsletter input.btn { background:url(../images/btn_mail.gif) 50% 0 no-repeat; border:0; display:block; width:100%; height:28px; cursor:pointer; margin-top:15px;}
#newsletter input.btn:hover, #newsletter input.btn:focus, #testimonials .btn:hover, #testimonials .btn:focus { background-position:50% -50px;}
#footer { height:12px; font-size:10px; padding:6px 30px 20px 30px; color:#666; clear:both;}
#footer a { color:#666; text-decoration:underline;}
#footer a:hover, #footer a:focus { text-decoration:none;}

/*** inside page ***/
.inside { background:url(../images/insideBg.jpg) repeat-y;}
.printBtn { background:url(../images/btn_print.gif) no-repeat; position:absolute; display:block; width:80px; height:25px; top:10px; right:179px;}
.printBtn:hover, .printBtn:focus { background-position:0 -51px;}
#mContent ul { padding-left:40px;}
	#mContent ul.alignLeft { margin-right:60px;}
	#mContent li { list-style:url(../images/arrowTab.gif); padding:0 0 14px 6px;}
	#mContent p { line-height:14px;}
#video { text-align:center; padding:15px 45px;}
	#video h1, #mContent h1 { font-size:25px; color:#cc3333; font-weight:bold; line-height:26px;}
	#video h2, #mContent h2 { font-size:16px; color:#00549f; font-weight:bold; line-height:22px;}

.itemRows { padding:8px;}
.itemCols { float:left; width:406px; font-size:11px; line-height:16px;}
	.itemCols .imgHolder { background:url(../images/imgHolder.gif) no-repeat; width:141px; height:141px; float:left; margin:0 8px 0 0;}
		.itemCols .imgHolder img { width:134px; height:134px; border:1px solid #e0e0e0; border-width:1px 0 0 1px; float:left;}
	.itemCols .text { color:#00549f; padding-top:6px; padding-right:25px;}
		.itemCols .title { font-weight:bold; margin-bottom:6px;}
		.itemCols a { text-decoration:underline;}
		.itemCols a:hover, .itemCols a:focus { text-decoration:none;}
		.itemCols .btn { display:block; float:right; width:123px; height:22px; background:url(../images/btn_inquire.gif) no-repeat;}
		.itemCols .btn:hover, .itemCols .btn:focus { background-position:0 -38px;}

.itemCols.right { text-align:right;}
	.itemCols.right .imgHolder { float:right; margin:0 0 0 8px;}
		.itemCols.right .text { padding-left:20px; padding-right:0;}
			.itemCols.right .btn { float:left;}

#productList { background:#fff; float:left; width:814px; margin:12px 7px 0 7px; clear:both;}
	#productList .title { background:url(../images/insideTitle.gif) repeat-x; height:18px; padding-top:6px; text-align:center; color:#fff; margin-bottom:6px;}
	#productList .btn { float:left;}
	
#enquire { font-size:11px;}
	#enquire .title { font-size:14px; font-weight:bold;}
	#enquire .btn { background:url(../images/btn_box.gif) no-repeat; width:74px; height:16px; display:block; padding-top:4px; float:left; color:#fff; font-size:10px; font-weight:bold;}
	#enquire .btn:hover, .box .btn:focus { background-position:0 -50px;}

.inside #footer { background:url(../images/insideFoot.jpg) 0 100% no-repeat; height:12px; padding-top:63px; margin-top:-20px;}
.inside #nav { background:none; border-bottom:1px solid #fff; padding-bottom:0;}