/* "Yet Another Multicolumn Layout" v3.3.1 (c) by Dirk Jesse (http://www.yaml.de) $Revision: 495 $ $Date: 2011-06-18 12:24:44 +0200 (Sa, 18 Jun 2011) $ */
@media all{*{margin:0;padding:0}option{padding-left:.4em}select{padding:1px}* html body *{overflow:visible}body{font-size:100.01%;background:#fff;color:#000;text-align:left}div{outline:0 none}article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{display:block}fieldset,img{border:0 solid}ul,ol,dl{margin:0 0 1em 1em}li{line-height:1.5em;margin-left:.8em}dt{font-weight:bold}dd{margin:0 0 1em .8em}blockquote{margin:0 0 1em .8em}blockquote:before,blockquote:after,q:before,q:after{content:""}.clearfix:after{clear:both;content:".";display:block;font-size:0;height:0;visibility:hidden}.clearfix{display:block}.floatbox{display:table;width:100%}#ie_clearing{display:none}.skip,.hideme,.print{position:absolute;top:-32768px;left:-32768px}.skip:focus,.skip:active{position:static;top:0;left:0}#skiplinks{position:absolute;top:0;left:-32768px;z-index:1000;width:100%;margin:0;padding:0;list-style-type:none}#skiplinks .skip:focus,#skiplinks .skip:active{left:32768px;outline:0 none;position:absolute;width:100%}}
@media screen,projection{#col1{float:left;width:20%}#col2{float:right;width:20%}#col3{width:auto;margin:0 20%}#col1_content,#col2_content,#col3_content{position:relative}.subcolumns{display:table;width:100%;table-layout:fixed}.subcolumns_oldgecko{width:100%;float:left}.c20l,.c25l,.c33l,.c40l,.c38l,.c50l,.c60l,.c62l,.c66l,.c75l,.c80l{float:left}.c20r,.c25r,.c33r,.c40r,.c38r,.c50r,.c60r,.c66r,.c62r,.c75r,.c80r{float:right;margin-left:-5px}.c20l,.c20r{width:20%}.c40l,.c40r{width:40%}.c60l,.c60r{width:60%}.c80l,.c80r{width:80%}.c25l,.c25r{width:25%}.c33l,.c33r{width:33.333%}.c50l,.c50r{width:50%}.c66l,.c66r{width:66.666%}.c75l,.c75r{width:75%}.c38l,.c38r{width:38.2%}.c62l,.c62r{width:61.8%}.subc{padding:0 .5em}.subcl{padding:0 1em 0 0}.subcr{padding:0 0 0 1em}.equalize,.equalize .subcolumns{table-layout:fixed}.equalize>div{display:table-cell;float:none;margin:0;overflow:hidden;vertical-align:top}}
@media print{.subcolumns,.subcolumns>div{overflow:visible;display:table}.print{position:static;left:0}.noprint{display:none!important}}

@media screen, projection
{
	body { overflow-y:scroll; }
	#Body { text-align:center; background:url(img/body.gif) repeat scroll 0 0 #eee; }
	.page_margins { text-align:left; margin:20px auto; min-width:740px; max-width:80em; }
	.page { }
	#header { padding:45px 2em 1em 20px;position:relative;color:#000; }
	#main { padding:10px 0 0 0; background:url(img/half-black.png) repeat-x scroll 0 0; border-radius:4px 4px 0 0; }
	#admin { background:#fff; padding:10px; }
	#admin_content {  }
	#footer {color:#666; margin:0 -10px; line-height:1.5em; background:#EDEDED;}
	#footer_content { padding:5px 10px 10px;}
	#footer a { color:#999;font-weight:bold; }
	#sidebar-bottom { background:url(img/sidebar-bottom.png) no-repeat scroll center bottom; height:30px; overflow:hidden; }
	#header, #main, #footer { clear:both;}

	#col1 { width:25%;}
	#col1_content { padding:10px; background:#EDEDED; }

	#col2, #col2_content { display:none; }

	#col3 { margin-right:0; margin-left:27%; padding-bottom:10px; background:url(img/half-white.png) repeat-x scroll 0 bottom; 
			-moz-border-radius:0 0 4px 4px; -webkit-border-radius:0 0 4px 4px; border-radius:0 0 4px 4px;}
	#col3_content { padding:10px 10px 0 10px; background:#fff; }
    
	#skiplinks a.skip:focus,#skiplinks a.skip:active { color:#fff;background:#333;border-bottom:1px solid #000;padding:10px 0;text-decoration:none;}

	h1#logo { background:#FFF; width:148px; margin:-10px auto 10px; border:1px solid #ccc; border-top:none;
				-moz-box-shadow:0 0 3px #656F74; -webkit-box-shadow:0 0 3px #656F74; box-shadow:0 0 3px #656F74; -moz-border-radius:0 0 6px 6px; -webkit-border-radius:0 0 6px 6px; border-radius:0 0 6px 6px;}
	h1#logo a { display:block; }
	h1#logo a img { padding:10px;}

	#nav { margin:10px -10px; font-family:"Yanone Kaffeesatz",Cambria,Georgia,"Times New Roman", Times, serif; font-size:12pt; }
	#nav ul, #nav ul li { list-style:none; margin:0; padding:0; position:relative; }
	#nav a,#nav a:visited,#nav a:focus { text-decoration:none;display:block; padding:4px 10px 4px 20px; border-top:solid 1px #EDEDED; border-bottom:solid 1px #EDEDED;font-family:"Yanone Kaffeesatz",Cambria,Georgia,"Times New Roman", Times, serif;letter-spacing:0.05em; -webkit-text-shadow:1px 1px 1px #aaa; text-shadow:1px 1px 1px #aaa;}
	#nav a.current {color:#B2220D;}
	#nav a.current, #nav a:hover  { text-decoration:none; border-top:solid 1px #ccc; border-bottom:solid 1px #ccc; background:#fff;}

	#nav ul li:hover #subNav { display:block;	}
	#nav ul li #subNav { display: none; left: 170px; -moz-opacity: 0.9; opacity: 0.9; position: absolute; top: -10px; width: 179px; z-index: 999; }
	#nav ul li #subNav ul { background: url("img/topMenuRound.gif") no-repeat scroll left top transparent; overflow: hidden; padding: 14px 0 0; width: 179px; min-height:50px; }
	#nav ul li #subNav div.btmMenuRound { background: url("img/btmMenuRound.gif") no-repeat scroll left top transparent; clear: both; display: block; height: 16px; width: 179px; }
	#nav ul li #subNav ul li a { padding:0 14px; width:125px; margin: 0 0 0 20px;}

	#col3_content p { text-align:justify;}

	.page-img { }
	.page-img img { width:100%; }

	.slogan { color:#888; -webkit-text-shadow:1px 1px 2px #fff; text-shadow:1px 1px 2px #fff;}
	.red-text { color:#B2220D;}
	div.saperator { background:url(img/saperator.gif) no-repeat scroll center center; height:10px; overflow:hidden; }
	#col3 div.saperator { background-image:url(img/saperator-rev.gif); }
	#footer div.saperator { background-image:url(img/saperator.gif); margin:-10px -10px 0; }
	.address { margin:5px -10px; background:#DEDEDE; } 
	.address-inner { padding:10px;}

	.product-card { }
	.product-card img { margin:0 auto; width:200px; }
	.product-card h3 { text-align:center; }
	.product-card p { text-align:justify;  }

	div.imageList { display: block; }
	div.imageList ul, div.imageList ul li { list-style:none; }
	div.imageList ul li { margin:0 10px 10px 0;  float:left; height:200px;  }
	div.imageList ul li img { border:3px solid #eee; background-color:#fff; }
	div.imageList ul li span { background-color:transparent; color:gray; display:block; text-align:center; }

	.watermark { font-style:italic; color:#999; }
	.red-border, input.error { border:solid 1px #CC0000!important; }

	.product-img a { float:left; }
	.product-img span { text-align:center; }

	/** enquiry box **/
	#enquirybox { background:#cecece none no-repeat scroll center center; margin:5px -10px; border:solid 1px #acacac; border-left:none; border-right:none;}
	#enquirybox h3 { color:#444; font-size:24px; }
	#enquirybox .enq-content { padding:10px;}
	#enquirybox input.textbox, #enquirybox textarea { margin-bottom:5px; width:95%; }
	#enquirybox select { margin-bottom:5px; width:99%; }
	#enquirybox .enq-button { padding:0 0 10px 15px; }
	#enquirybox .enqMsg { font-weight:bold; }
	#enquirybox .enqFailed { color:#EF0D0D; } 
	#enquirybox .enqSuccess { color:#198C18; } 

	.submit, .reset {margin:0; padding:0; border:0 none; background:url(img/enq-buttons.png) no-repeat 0 0; color: #FFFFFF; height:28px; width:84px; display:inline-block; cursor:pointer; overflow: hidden;*line-height:0;}
	.reset { width:77px; background-position:right 0; }
	.submit:hover{ background-position:left -32px; }
	.reset:hover { background-position:right -32px; } 

	.br8 { -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius:8px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } 
	.br4 { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius:4px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; }
	.bs4 { -moz-box-shadow: 4px 4px 4px #DDD; -webkit-box-shadow: 4px 4px 4px #DDD; box-shadow:4px 4px 4px #DDD;}
	.bs2 { -moz-box-shadow: 2px 2px 2px #DDD; -webkit-box-shadow: 2px 2px 2px #DDD; box-shadow:2px 2px 2px #DDD;}

	#products ul { margin:10px; padding:0; display:block; list-style:none;  }
	#products ul li { padding:0; margin:10px; display:block; float:left; width:200px; height:200px; border:2px solid #555; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px;-moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; }
	#products ul li a { padding:4px; display:block; border:1px solid #DDD;}
	#products ul li a:hover { text-decoration:none; }
	#products ul li img { width:100%; }
	#products ul li h3 { margin:0; padding:0 4px; text-align:center; background:#555; color:#fff; font-size:12px; font-weight:bold; line-height:24px; white-space:nowrap;font-family:"Lucida Grande","Lucida Sans",Tahoma, Arial, Helvetica, sans-serif; }
	#products ul li span { display:block; text-align:center; color:#404346; background-color:#eee; }
	
	#productFilter { }
	#productFilter ul { display:table; list-style:none; padding:0; margin:0; }
	#productFilter ul li { list-style:none; padding:0; margin:3px 0 0 0; display:block; float:left; }
	#productFilter a { display:block; background-color:#04639E; color:#fff; padding:5px 15px; margin:0 2px; cursor:pointer; -webkit-text-shadow:1px 1px 2px #000; text-shadow:1px 1px 2px #000; }
	#productFilter a:active, #productFilter a:hover, #productFilter a.current { background-color:#B53D3D; color:#fff; text-decoration:none; }

	/* Slider */
	.coin-slider { overflow: hidden; zoom: 1; position: relative; }
	.coin-slider a{ text-decoration: none; outline: none; border: none; }
	.cs-buttons { font-size: 0px; padding: 10px; float: left; }
	.cs-buttons a { margin-left: 5px; height: 10px; width: 10px; float: left; border: 1px solid #B8C4CF; color: #B8C4CF; text-indent: -1000px; }
	.cs-active { background-color: #B8C4CF; color: #FFF; }
	.cs-title { width:100%; text-indent:10px; background-color: #000; color: #FFF; font-weight:bold; font-size:16px; line-height:40px; }
	.cs-prev, .cs-next { background-color: #000; color: #FFF; padding: 0px 10px; }

    /** Admin Section **/
	div.login { width:350px; margin:50px auto;border:solid 1px #ddd;background:#eee;  }
	div.login h2 { margin:0; padding:10px 10px 10px 20px; border-bottom: 1px solid #B2CCD0;background:#1A2E41; color:#FFF; }
	div.login .inner { padding:10px 20px;} 

	#admin-nav { padding:6px; background:#B53D3D; color:#fff; }
	#admin-nav a,#admin-nav span { color:#fff; text-decoration:none; line-height:20px; padding:0 8px; display:block; float:left;}
	#admin-nav a:hover { text-decoration:none;  }

	ul.pagelist { margin:5px 0 0 0; }
	ul.pagelist li { margin:0; list-style-type:none; overflow:hidden; padding:0 5px; line-height :22px; border-bottom:1px solid #eee; }
	ul.pagelist li:hover { background:#E3F4FD; }
	ul.pagelist li.header { background:url(img/gray.png) repeat scroll 0 0 transparent; border-bottom:1px solid #fff; border-top:2px #888 solid; }
 
	.title { padding-bottom:3px; border-bottom:1px dotted #888; }
}


@media all
{
	html * { font-size:100.01%; }
	textarea, pre, code, kbd, samp, var, tt { font-family:Consolas, "Lucida Console", "Andale Mono", "Bitstream Vera Sans Mono", "Courier New", Courier;}
	body { font-family:"Lucida Grande","Lucida Sans",Tahoma, Arial, Helvetica, sans-serif;font-size:75.00%;color:#444;}
	input, textarea, select { font-family:"Lucida Grande","Lucida Sans",Tahoma, Arial, Helvetica, sans-serif;}
	textarea { resize:none;}
	h1,h2,h3,h4,h5,h6 { font-family:"Yanone Kaffeesatz",Cambria,Georgia,"Times New Roman", Times, serif; letter-spacing:0.05em; font-weight:normal; color:#2D2F90 /*#04639E*/; margin:0 0 0.25em 0; }
	h1 { font-size:250%; }                       /* 30px */
	h2 { font-size:200%; }                       /* 24px */
	h3 { font-size:150%; }                       /* 18px */
	h4 { font-size:133.33%; }                    /* 16px */
	h5 { font-size:116.67%; }                    /* 14px */
	h6 { font-size:116.67%; }                    /* 14px */

	ul, ol, dl { line-height:1.5em; margin:0 0 1em 1em; }
	ul { list-style-type:disc; }
	ul ul { list-style-type:circle; margin-bottom:0; }

	ol { list-style-type:decimal; }
	ol ol { list-style-type:lower-latin; margin-bottom:0; }

	li { margin-left:0.8em; line-height:1.5em; }

	dt { font-weight:bold; }
	dd { margin:0 0 1em 0.8em; }

	p { line-height:1.5em; margin:0 0 1em 0; }

	blockquote, cite, q { font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; }
	blockquote { margin:0 0 1em 1.6em; color:#666; }

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

	big { font-size:116.667%; }
	small { font-size:91.667%; }
 
	pre { line-height:1.5em; margin:0 0 1em 0; }
	pre, code, kbd, tt, samp, var { font-size:100%; }
	code { color:#800; }
	kbd, samp, var, tt { color:#666; font-weight:bold; }
	var, dfn { font-style:italic; }

	acronym, abbr { border-bottom:1px #aaa dotted; font-variant:small-caps; letter-spacing:.07em; cursor:help; }
  
	sub { vertical-align: sub; font-size: smaller; }
	sup { vertical-align: super; font-size: smaller; }

	hr { color:#fff;background:transparent; margin:0 0 0.5em 0; padding:0 0 0.5em 0;border:0;border-bottom:1px solid #ccc;}

	a,a:visited { color:#04639E; background:transparent; text-decoration:none; }
	a:focus,a:hover,a:active { text-decoration:underline; -moz-outline:0 none; outline:0 none; }

	p.icaption_left { float:left; display:inline; margin:0 1em 0.15em 0; }
	p.icaption_right { float:right; display:inline; margin:0 0 0.15em 1em; }

	p.icaption_left img,
	p.icaption_right img { padding:0; border:1px #888 solid; }

	p.icaption_left strong,
	p.icaption_right strong { display:block; overflow:hidden; margin-top:2px; padding:0.3em 0.5em; background:#eee; font-weight:normal; font-size:91.667%; }

	/** General **/
	.highlight { color:#c30; }
	.dimmed { color:#888; }

	.info { background:#f8f8f8; color:#666; padding:10px; margin-bottom:0.5em; font-size:91.7%; }

	.note { background:#efe; color:#040; border:2px #484 solid; padding:10px; margin-bottom:1em; }
	.important { background:#ffe; color:#440; border:2px #884 solid; padding:10px; margin-bottom:1em; }
	.warning { background:#fee; color:#400; border:2px #844 solid; padding:10px; margin-bottom:1em; }

	.float_left { float:left; display:inline; margin-right:1em; margin-bottom:0.15em; }
	.float_right { float:right; display:inline; margin-left:1em; margin-bottom:0.15em; }
	.center { display:block; text-align:center; margin:0.5em auto; }
	.nomargin { margin:0;}
	
	.p5 { padding:5px;}
	.pl5 { padding-left:5px;}
	.pr5 { padding-right:5px;}
	.plr5 { padding-left:5px;padding-right:5px;}
	.pt5 { padding-top:5px;}
	.pb5 { padding-bottom:5px;}
	.ptb5 { padding-top:5px;padding-bottom:5px;}

	.p10 { padding:10px;}
	.pl10 { padding-left:10px;}
	.pr10 { padding-right:10px;}
	.plr10 { padding-left:10px;padding-right:10px;}
	.pt10 { padding-top:10px;}
	.pb10 { padding-bottom:10px;}
	.ptb10 { padding-top:10px;padding-bottom:10px;}

	.m5 { margin:5px;}
	.ml5 { margin-left:5px;}
	.mr5 { margin-right:5px;}
	.mlr5 { margin-left:5px;margin-right:5px;}
	.mt5 { margin-top:5px;}
	.mb5 { margin-bottom:5px;}
	.mtb5 { margin-top:5px;margin-bottom:5px;}

	.m10 { margin:10px;}
	.ml10 { margin-left:10px;}
	.mr10 { margin-right:10px;}
	.mlr10 { margin-left:10px;margin-right:10px;}
	.mt10 { margin-top:10px;}
	.mb10 { margin-bottom:10px;}
	.mtb10 { margin-top:10px;margin-bottom:10px;}
 
	table { width:auto; border-collapse:collapse; margin-bottom:0.5em; border:none; }
	table caption { font-variant:small-caps; }
	table.full { width:100%; }
	table.fixed { table-layout:fixed; }
	table.full-fixed { table-layout:fixed; width:100%; }

	th,td { padding:3px 5px; }
	th { color:#222; }

    table.matrix { border-collapse:separate; table-layout:fixed; width:100%; }
    table.matrix th { background:#E0DCDC; color:#444; }
    table.matrix td { background:#EEEEEE; }
    table.matrix a, table.matrix a:visited { color:#444; text-decoration:underline; }
    table.matrix a:hover, table.matrix a:active, table.matrix a:focus { font-weight:normal; text-decoration:underline; }
    
    table.contactus { line-height:1.5em; }
    table.contactus a, table.contactus a:visited { color:#444; text-decoration:underline; }
    table.contactus a:hover, table.contactus a:active, table.contactus a:focus { text-decoration:none; }
    
    table.milestone th { text-align:center; }
    table.milestone td.bull { background:#EEE url('images/squarebullet.gif') no-repeat scroll center 10px; color:#EEE; text-indent:-9999px; }

	table.grid { border-collapse:collapse; width:100%; table-layout:fixed; border:solid 1px #ccc; }
	table.grid th { background:#F1F2F4 url('images/grid_header.gif') repeat-x scroll 0 0; font-weight:bold; border:solid 1px #ccc; border-bottom-width:2px;}
	table.grid td { border: solid 1px #ccc;white-space:normal;word-wrap:break-word;vertical-align:top; }
	table.grid table { table-layout:fixed; width:100%; }
	table.grid table, table.grid table th, table.grid table td { margin:0; padding:0; border:0; }
	table.grid tr.alter, table.grid tr.alter td { background:#F0F3F8; }

	input[type="text"], input[type="password"], textarea, select { padding:2px; font-size:10pt; text-align:left; border: solid 1px #acacac; width: 96%; }
	input[type="button"], input[type="reset"], input[type="submit"] { padding:1px 10px; }
	.clr { clear:both; float:none; overflow:hidden; margin-top:-1px; height:1px; font-size:1px; line-height:1px;}

}