﻿@font-face {
	font-family: 'Myriad';
	src: url('myriad.eot');
	src: local('☺'), url('myriad.woff') format('woff'), url('myriad.ttf') format('truetype'), url('myriad.svg#webfontQh3RBEjR') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* Basics */
/* Reset all elements */
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 {
	border:0pt none;
	font-size:100%;
	margin:0pt;
	outline-color:invert;
	outline-style:none;
	outline-width:0pt;
	padding:0pt;
}
body{
	margin:0px;
	padding:0px;
	background:#FFF url(../images/bg_body_all.png) repeat-x left top;
	font-family: 'Myriad', Helvetica, sans-serif;
	display: block;
	font-size: 16px;
}
:focus{
	outline:0 !important;
}
.recaptcha_only_if_privacy{
	display:none;
}							
table {
	border-collapse:separate;
	border-spacing:0pt;
}
caption, th, td {
	font-weight:normal;
	text-align:left;
}
blockquote:before, blockquote:after, q:before, q:after {
	content:"";
}
blockquote, q {
	quotes:"" "";
}
strong {
	font-weight:bold;
}
em {
	font-style:italic;
}
* {
	margin:0pt;
	padding:0pt;
}
.left{
	float:left;
}
.right{
	float:right;
}
.clearB{
	clear:both;
}
.marginA{
	margin:auto;
}
a img{
	border:0px;
}
form, table{
	padding:0px;
	margin:0px;
}

h1{
	font-size:30px;
}
h2{
	font-size:20px;
}
#wrapper{
	width:950px;
	padding:0;
}
											
											/*=== Header ===*/
#header{
	height:71px;
}
#logo{
	padding:10px 0 0 0;
	width:485px;
}
#call_box{
	width:300px;
	color:#00c9ef;
	font-size:18px;
	padding-top:8px;
}
#call_box span{
	color:#00c9ef;
	font-size:24px;
}
#menu{
	height:36px;
}											
											/*=== Body ===*/
#body{}
.brbox{
	position:absolute;
	z-index:1;
	/*margin-left:185px;*/
	right:50%;
	margin-right:-694px;
	display:block;
	
}
#flash_banner{
	position:relative;
	z-index:2;
	display: block;
}
#main_container{
	padding:8px 0 0 0;
}

#main_container ul{
	padding: 5px 0 0 20px;
}

#main_container li{
	background: url("../images/bullet.png") no-repeat scroll left 3px transparent;
	list-style: none outside none;
	padding: 4px 0 4px 25px;
}
.col_left{
	width:182px;
	padding-bottom: 10px;
}

.col_left a {
	display: block;
	margin: 10px 0 0;
}

.col_left p {
	font-size: 12px;
	color: #FFF;
	margin: 10px 0 15px;
}

.col_left strong {
	font-weight: normal !important;
}

.col_right {
	width:750px;
	color:#272727;
	line-height: 1.2;
	padding: 0 0 20px;
}

	.col_right h1 {
		color:#ff8d01;
		display:block;
		margin:10px 0px;
	}
	.col_right h2{
		color:#0097c9;
		padding-bottom:10px;
	}

	.col_right h3{
		padding-bottom:5px;
	}

	.col_right a {
		color:#0097c9;
		text-decoration: none;
	}

	.col_right a:hover {
		text-decoration: underline;
	}

.col_main {
	width:950px;
	color:#272727;
	line-height: 1.2;
	padding: 0 0 20px;
}

	.col_main h1 {
		color:#ff8d01;
		display:block;
		margin: 10px 0px;
	}

	.col_main h2{
		color:#0097c9;
		padding-bottom: 10px;
	}

	.col_main h3{
		padding-bottom:5px;
	}

	.col_main a {
		color:#0097c9;
		text-decoration: none;
	}

	.col_main a:hover {
		text-decoration: underline;
	}

.enquire_box{
	background-color:#2c2828;
}
.ebtop{
	background:url(../images/bg_crvtop.gif) no-repeat left top;
}
.ebbtm{
	background:url(../images/bg_crvbtm.gif) no-repeat left bottom;
	padding:8px 8px 10px 10px;
}

.ebbtm img {
	margin: -8px 0 0 -10px;
}

.ebbtm h2{
	color:#FFF;
	font-size:18px;
}
.txtbox{
	width:162px;
	height:20px;
	margin-bottom:2px;
}
.txtbox input{
	width:154px;
	height:12px;
	border:0 none;
	padding:4px;
	color:#2c2828;
	font-size:11px;
}
.txtarea{
	margin-top:1px;
}
.txtarea textarea{
	width:158px;
	height:75px;
	border:0 none;
	color:#2c2828;
	font-size:11px;
	font-family: 'Myriad', Helvetica, sans-serif;
	padding-left:4px;
}
.btn_submit{
	text-align:right;
	padding:5px 0 0;
}

.colortxt1{
	color:#125d76;
	text-decoration:none;
}
.sm_boxes{
	width:182px;
	margin-right:10px;
	background:url(../images/bg_box_img.gif) no-repeat left top;
	padding-bottom:8px;
}
.crv-top_details{
	background:url(../images/bg_box_top.png) no-repeat left top;
	position:absolute;
	width:162px;
	padding:8px 10px;
}
.title{
	width:115px;
	color:#FFF;
	font-size:18px;
	position:relative;
}

.title a {
	text-decoration: none;
	color:#FFF;
}
.arrow{
	width:20px;
}
.rbm{
	margin-right:0px!important;
}
										
											/*=== Footer ===*/
											
#wrap_footer{
	background:url(../images/bg_footer.gif) repeat-x left top;
	min-width:1100px;
	width:auto!important;
	width:1100px;

}
#footer{
	width:950px;
	padding:20px 0 0 0;
}
#footer ul {
	margin:0;
	padding:0;
}
#footer ul li{
	display:inline;
	background: none;
	padding: 0px;
	margin: 0px;
}
#footer ul li a{
	color:#272727;
	border-right:2px solid #272727;
	padding:0 6px;
	text-decoration:none;
	font-size:17px;
}
#footer ul li a:hover {
	text-decoration:none;
}
#nb a{
	border:0px !important;
}
.fmenu{
	height:90px;
	text-align:center;
}
.copyc{
	color:#666666;
	font-size:11px;
}
.copyc a{
	color:#666666;
	font-size:11px;
	text-decoration:underline;
}

/* PNG HARD CODE SAMPLE - DELETE BEFORE SENDING SITE TO QA */
*html id_or_class{
	filter:progid:dximagetransform.microsoft.alphaimageloader(src='images/sub-menu-bg.html', sizingmethod='crop');
}

table.profile {
	border-bottom: 1px solid #0097c9;
	border-right: 1px solid #0097c9;
}

.profile td{
	padding: 5px;
	border-left: 1px solid #0097c9;
	border-top: 1px solid #0097c9;
}

.gallery td {
	padding: 0px 0px 0px 5px;
}

.size-price {
	border-left: 1px solid #0097c9;
	border-top: 1px solid #0097c9;
}

.size-price td {
	padding: 5px;
	border-right: 1px solid #0097c9;
	border-bottom: 1px solid #0097c9;
}

.size-price tr:first-child td {
	background: none repeat scroll 0% 0% #0097c9; 
	color: #ffffff;
}

#order-now label {
	display: block;
	width: 120px;
	margin: 0 20px 10px 0;
}

#order-now input[type="text"] {
	display: block;
	width: 200px;
	margin: 0 20px 10px 0;
}

#order-now input[type="file"] {
	display: block;
	width: 200px;
	margin: 0 20px 10px 0;
}

#order-now textarea {
	display: block;
	width: 200px;
	height: 60px;
	margin: 0 20px 10px 0;
}

#order-now input[type="checkbox"] {
	display: block;
	float: left;
	margin: 0 20px 10px 0;
}

#order-now td { vertical-align: top; }

#order-now label.error { width: 204px !important; margin: 5px 0; }


#recaptcha_image img {
    width: 260px !important;
    height: 50px !important;
}
.bx-wrapper .bx-viewport {
	box-shadow: none !important;
	border: none !important;
	left: auto !important;
	background: none !important;
}
#mobile-slider ul li { height: 240px; display: block; background: url(../mobile-slide/bg-banner.jpg) left top repeat-x; position: relative; text-decoration: none; }
#mobile-slider ul li a { text-decoration: none; }
#mobile-slider ul li .slide-content { height: 240px; padding: 20px; box-sizing: border-box; width: 50%; color: #fff; }
#mobile-slider ul li .slide-content h2 { font-family: 'Oswald', sans-serif; color: #fff; font-size: 20px; margin-bottom: 15px; }
#mobile-slider ul li .slide-content p { margin-bottom: 15px; }
#mobile-slider .slide-image { position: absolute; top: 0; right: 0; }

@import url(http://fonts.googleapis.com/css?family=Oswald);

.site-desktop { display: block; }
.site-mobile { display: none; }

@media screen and (max-width: 1024px) {
	img { max-width: 100%; height: auto; }
	#wrap_footer { min-width: 0; width: 100% !important; overflow: hidden; }
	#footer { width: 100%; }
	.copyc div { width: 45% !important; padding: 0 10px; }
}

@media screen and (max-width: 800px) {
	div { max-width: 100% !important; }
	#wrapper { width: 100%; }
	#logo { width: 100%; padding: 10px 10px 6px; box-sizing: border-box; }
	#call_box { display: none; }	
	#nav_965988 a { height: 36px; padding: 0 7px !important; line-height: 36px !important; box-sizing: border-box; }
	.nivoSlider { height: 240px; }
	.nivoSlider a.nivo-imageLink { height: 240px; }
	.col_main { width: 100%; padding: 20px 10px; box-sizing: border-box; }
	.btm_boxes { text-align: center; }
	.sm_boxes { float: none; display: inline-block; }
}

@media screen and (max-width: 768px) {
	.site-desktop { display: none; }
	.site-mobile { display: block; }
	body { background: none; }
	#toggle { font-family: 'Oswald', sans-serif; color: #fff; height: 36px; line-height: 36px; font-size: 14px; text-align: center; position: relative; border-bottom: 1px solid #000; background: #272727; cursor: pointer; }
	#toggle span { width: 0; height: 0; border-style: solid; border-width: 4px 4px 0 4px; border-color: #fff transparent transparent transparent; position: absolute; bottom: 3px; left: 50%; margin-left: -5px; }
	#menu { height: auto; }
	#nav_965988 { position: absolute; top: 108px; z-index: 99; display: none; }
	#nav_965988 li { width: 100%; background: #272727; }
	#nav_965988 li ul { left: auto !important; position: relative !important; width: 100% !important; margin: 0 !important; }
	#nav_965988 li ul li { width: 100%; }
	#nav_965988 li ul li a { width: 100%; }	
	#nav_965988 a:hover, #nav_965988 a:active, #nav_965988 a:focus { background-color: #ff8d01 !important; color: #fff !important; }

	#home-youtube { float: none; padding: 0 !important; text-align: center; margin: 0 0 20px; }

	.fmenu { display: none; }
	.copyc { padding: 20px 0; }
	.copyc div { width: 100% !important; text-align: left !important; box-sizing: border-box; float: none !important; margin-bottom: 10px; }
}

@media screen and (max-width: 568px) {
	#mobile-slider ul li { height: 480px; }
	#mobile-slider ul li .slide-content { width: 100%; padding: 40px 20px; }
	#mobile-slider ul li .slide-image { top: 240px; width: 100%; height: 240px; overflow: hidden; }
	#mobile-slider ul li .slide-image img { width: 100%; height: auto; }
	a img, img { float: none !important; display: block; margin: 0; }
	table.webform tr td { float: none; display: block; width: auto; }
	table.size-price { float: none !important; display: block !important; margin: 0 auto 15px !important; border-top: none; }
	#order-now table tr td { float: none; display: block; width: auto; }
}

@media screen and (max-width: 480px) {
	#mobile-slider ul li .slide-content { padding: 20px; }
}