/* "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
	{
		text-align: center;
		background: #917559;
		color:#444;
		margin:0;
		padding:0;
		position:relative;
		overflow-y:scroll;
	}
	/*image/main.jpg*/ 
	.page_margins { text-align:left; margin:20px auto; max-width: 80em; background:url(image/lightGray-bg.jpg) repeat scroll 0 0 #ccc; 
		-moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius:12px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
		-moz-box-shadow:0 0 10px #444; -webkit-box-shadow:0 0 10px #444; box-shadow:0 0 10px #444;
	}
	#body .page { padding:10px 20px; }
	#header, #banner, #main, #footer { min-width: 720px; }

	#col1 { width:75%; float:left; }
	#col1_content { padding:10px 10px 10px 20px; }

	#col2, #col2_content { display:none; }

	#col3 { margin-left:75%; margin-right:0; width:auto; }
	#col3_content { padding-left:10px; padding-right:20px; }

	#header { }
	#header h1 { text-align:left; }
	#header h1 img { max-width:250px; }

	/*image/footer-bg.jpg*/
	#main { background:url( image/Gray-bg.jpg) repeat scroll 0 -3px transparent; border-top:1px solid #CBCBCB;}
	#main .page { padding:0; }
	#SingleColumn { padding:10px 20px; }

	#footer { line-height:1.5em; border-top:1px solid #CBCBCB;}
	#footer .page { padding:10px 10px 0; min-height:30px; }

	#banner { }
	#banner .page { padding:0; margin:0 0 10px 0;display :block;  }
	#banner .page img { height:230px; width:100%; -webkit-box-shadow: 0px 1px 5px 0px #4a4a4a; -moz-box-shadow: 0px 1px 5px 0px #4a4a4a; box-shadow: 0px 1px 5px 0px #4a4a4a; }
	#banner .page .homepage img { height:300px; }

	#nav { display:block; margin:auto 0; }
	#nav ul { list-style: none; display:inline; float:right; margin:30px 0 0;
			  background:url(image/darkGray-bg.jpg) repeat scroll 0 0 transparent;
			  /*image/header-bg.jpg*/ 
	}
	#nav ul li { list-style: none; line-height:23px; display:inline; float:left; margin:0 10px; }
	#nav ul li a { cursor:pointer; display:block; padding:5px 2px; color:#777; margin:0 5px; font-weight:bold; font-size:116%; font-family:Arial, Helvetica, Tahoma, sans-serif;}
	#nav ul li a.current { border-bottom:1px solid #7E0000; color:#7E0000; /*color:#979797;*/ /*color:#777;*/ /*color:#00919F;*/ /*color:#FF9900;*//*color:#F9982B*/ }
	#nav ul li a:focus, #nav ul li a:hover { text-decoration:none; border-bottom:1px solid #777; }	
	#nav ul li a:active { text-decoration:none; }

	#gallery h3 { text-decoration:underline; font-style:italic; }
	#gallery .images { background:url(image/black-bg.png) repeat scroll 0 0 transparent; padding:10px; margin-bottom:15px; }
	#gallery  img { width:200px; height:150px; margin:5px; 
		-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius:4px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
		-moz-box-shadow: 2px 2px 2px #626262; -webkit-box-shadow: 2px 2px 2px #626262; box-shadow:2px 2px 2px #626262;
	}

	.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 #BFBFBF; -webkit-box-shadow: 4px 4px 4px #BFBFBF; box-shadow:4px 4px 4px #BFBFBF;}
	.bs2 { -moz-box-shadow: 2px 2px 2px #BFBFBF; -webkit-box-shadow: 2px 2px 2px #BFBFBF; box-shadow:2px 2px 2px #BFBFBF;}

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

	#productMainDiv p { text-align:justify; }

	#consigner .consigner-logos { background:url("image/black-bg.png") repeat scroll 0 0 transparent; border:solid 1px #aaa; }
	#consigner div.equalize div { vertical-align:bottom; text-align:center;  margin:20px 0; }
	#consigner div.equalize div > div { background:none;}
	#consigner h4 { color:#000; }
	#consigner img { max-width:250px; max-height:100px; margin:0 auto; 
					 -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius:4px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; 
					 -moz-box-shadow: 4px 4px 4px #BFBFBF; -webkit-box-shadow: 4px 4px 4px #BFBFBF; box-shadow:4px 4px 4px #BFBFBF;
					}


	/** enquiry box **/
	.box { background:url(image/lightGray-bg.jpg) repeat scroll 0 0 #eee; margin:10px -10px; border:solid 1px #EFEFEF;}
	.box h3 { font-size:24px; }
	.box .box_content { padding:10px;}
	.box input.textbox, #enquirybox textarea { margin-bottom:5px; width:95%; }
	.box select { margin-bottom:5px; width:99%; }
	/*.box .enq-button { padding:0; }*/
	.box .enqMsg { font-weight:bold; }
	.box .enqFailed { color:#EF0D0D; } 
	.box .enqSuccess { color:#198C18; } 

	/*.submit, .reset { background:url(image/send-refresh.png) no-repeat 0 0; margin:0 5px; width:32px; height:32px; cursor:pointer; border:0 none; }
	.reset { background-position: 0 bottom; }
	.submit:hover { background-position:right 0; }
	.reset:hover { background-position:right bottom; }*/
	
	.box .enq-button { padding:0 0 10px 25px; }
	.submit,.reset { background:url(image/enq-button.png) no-repeat 0 0 transparent; width:70px; height:26px; border:0 none; cursor:pointer; }
	.submit:hover { background-position:0 bottom; }
	.reset { background-position:right 0; }
	.reset:hover { background-position:right bottom; }


	/*******************************************/
	 
	/* The Nivo Slider styles */
	.nivoSlider {
		position:relative;
		background:transparent url(image/loading.gif) no-repeat 50% 50%;
		width:100%;
		height:auto;
		overflow: hidden;
		margin-bottom:10px;
		-webkit-box-shadow: 0px 1px 5px 0px #4a4a4a; -moz-box-shadow: 0px 1px 5px 0px #4a4a4a; box-shadow: 0px 1px 5px 0px #4a4a4a;
	}
	.nivoSlider img { position:absolute; top:0px; left:0px; max-width: none; display:none; }
	.nivo-main-image { display: block !important; position: relative !important;  width: 100% !important; }
	.nivoSlider a { border:0; display:block; }

	/* If an image is wrapped in a link */
	.nivoSlider a.nivo-imageLink {
		position:absolute;
		top:0px;
		left:0px;
		width:100%;
		height:100%;
		border:0;
		padding:0;
		margin:0;
		z-index:6;
		display:none;
		background:white; 
		filter:alpha(opacity=0); 
		opacity:0;
	}

	/* The slices and boxes in the Slider */
	.nivo-slice { display:block; position:absolute; z-index:5; height:100%; top:0; }
	.nivo-box { display:block; position:absolute; z-index:5; overflow:hidden; }
	.nivo-box img { display:block; }

	/* Caption styles */
	.nivo-caption {
		position:absolute;
		left:0px;
		bottom:0px;
		background:#000;
		color:#fff;
		width:100%;
		z-index:8;
		padding: 5px 10px;
		opacity: 0.8;
		overflow: hidden;
		display: none;
		-moz-opacity: 0.8;
		filter:alpha(opacity=8);
		-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
		-moz-box-sizing: border-box;    /* Firefox, other Gecko */
		box-sizing: border-box;         /* Opera/IE 8+ */
	}
	.nivo-caption p { padding:5px; margin:0; }
	.nivo-caption a { display:inline !important; color:#fff; border-bottom:1px dotted #fff; }
	.nivo-caption a:hover { color:#fff; }
	.nivo-html-caption { display:none; }

	/* Direction nav styles (e.g. Next & Prev) */
	.nivo-directionNav a {
		position:absolute;
		top:45%;
		z-index:9;
		cursor:pointer;
		display:block;
		width:30px;
		height:30px;
		background:url(image/arrows.png) no-repeat;
		text-indent:-9999px;
		border:0;
		opacity: 0;
		-webkit-transition: all 200ms ease-in-out;
		-moz-transition: all 200ms ease-in-out;
		-o-transition: all 200ms ease-in-out;
		transition: all 200ms ease-in-out;
	}
	.nivoSlider:hover .nivo-directionNav a { opacity: 1; }
	.nivo-directionNav a.nivo-prevNav { left:15px; }
	.nivo-directionNav a.nivo-nextNav { background-position:-30px 0; right:15px; }

	/* Control nav styles (e.g. 1,2,3...) */
	.nivo-controlNav { text-align:right; padding: 15px 0; margin:-50px 0 0 0; position:relative; z-index:1000; }
	.nivo-controlNav a {
		cursor:pointer;
		display:inline-block;
		width:22px;
		height:22px;
		background:url(image/bullets.png) no-repeat;
		border:0;
		margin: 0 2px;
		/*text-indent:9999px;*/
		color:transparent;
		text-align:center;
	}
	.nivo-controlNav a.active { font-weight:bold; background-position:0 -22px; }


	/****** Admin Section *******/
	body .page { padding:10px 20px; }
	#col3_content .title { padding:13px 0 0; }
	#admin_main { background:#FFF; }

	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 h2 a { color:#FFF; text-decoration:none; }
	div.login .inner { padding:10px 20px;} 

	#admin_nav { background:none repeat scroll 0 0 #fff; border-radius:3px; padding:2px 5px; margin:10px 0; }
	#admin_nav a, #admin_nav span { cursor:pointer; display:block; padding:5px 2px; color:#777; margin:0 5px; float:left; }
	#admin_nav span { cursor:default; }
	#admin_nav a.current { border-bottom:1px solid #7E0000; color:#7E0000; }
	#admin_nav a:focus, #admin_nav a:hover { text-decoration:none; color:#7E0000; }	
	#admin_nav a:active { 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:url(image/lightGray-bg.jpg) repeat scroll 0 0 #ccc; }
	ul.pagelist li.header { background:url(image/lightGray-bg.jpg) repeat scroll 0 0 #ccc; border-bottom:1px solid #fff; border-top:2px #888 solid; }
}

@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-size:75.00%;color:#444;}
	body, input, textarea, select { font-family:"Lucida Fax", "Lucida Sans", "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif; }
	textarea { resize:none;}
	h1,h2,h3,h4,h5,h6 { font-family:Cambria, Georgia, Arial, "Times New Roman", Times, serif; letter-spacing:0.05em; font-weight:normal; color:#7E0000 /* #04639E  #2D2F90 */; 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%; }
	pre, 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;}

	.text-align-right { text-align: right; }

	.light-border { border:solid 1px #aaa; }
	.lighter-border { border:solid 1px #ccc; }
	.no-border { border:none 0!important; }
 
	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;}

}
@media print
{
	.light-border,.lighter-border { border:none 0;}
}