/*
THEME NAME: bonsaimedia
THEME URI:  http://www.bonsaimedia.com.au
DESCRIPTION: Website Template
VERSION: 1.0
AUTHOR: Bonsai Media
AUTHOR URI: http://www.bonsaimedia.com.au
TAGS: bonsai media
*/

/** HTML5 Reset **/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent }
body { line-height:1 }
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { display:block }
nav ul { list-style:none; position:relative; z-index:10; }
blockquote, q { quotes:none }
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none }
a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent }
/* change colours to suit your needs */
ins { background-color:#ff9; color:#000; text-decoration:none }
/* change colours to suit your needs */
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold }
del { text-decoration: line-through }
abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help }
table { border-collapse:collapse; border-spacing:0 }
/* change border colour to suit your needs */
hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1.4em 0; padding:0 }
input, select { vertical-align:middle }

/** Default Wordpress Classes **/
.aligncenter, div.aligncenter { display:block; margin-left:auto; margin-right:auto; }
.alignleft { float:left; margin:20px 20px 20px 0; }
.alignright { float:right; margin:20px 0 20px 20px; }
.clr { clear:both; height:1px; line-height:1px;}
.clear { clear:both }


/** Global Values **/
.desktop_vw, .desktop_tab_vw, .original { display:block; }
.desktop_vw_inline, .desktop_tab_vw_inline { display:inline; }
.mobile_vw, .mobile_vw_inline, .tab_mobile_vw, .box { display:none; }
body {
	/* set site-wide font properties here */
	font-family:Verdana, 'Open Sans', sans-serif, Helvetica;
	font-size:.8em;
	line-height:normal;
	color:#fff;
}
	a { color:#fff; text-decoration:underline } /* links color */
	a:hover, a:focus { color:#fff } /* links hover state color */
	
	/* menu colors */
	nav { font-family: Verdana, Geneva, sans-serif; font-size:15px; }
		nav li a { color:#fff }
		nav li a:hover{ color:#b15b1a; }
		nav li a:focus{ color:#b15b1a;}
		nav li.current_page_item a{ color:#b15b1a;}		
		nav li.current_page_parent a { color:#b15b1a;}
		nav li ul {}
			nav li li a, nav li.current_page_item li a {}
			nav li li a:hover, nav li li a:focus { background:#010101 }

	
	/* footer text */
	footer, footer a { color:#d8ad8d; font-size:10px; font-family: Verdana, Geneva, sans-serif; }
	footer a:hover, footer a:focus { text-decoration:none; color:#fac9a4; }
	
	/* other font formats - add here, so we only need to change it in one location */
	#content .submenu {}
	#content .subtitles {}

	.orange{ color:#b15b1a !important;}
	.white{ color:#fff !important;}

/** Main Containers **/
body { position:relative }
	#header-call-section{  float:left; height:40px; width:260px; line-height:15px;  position:absolute; right:205px; top:0px; z-index:9; background:url(images/header_bg.png) repeat; font-size:20px; }
	#header-call-section img{ margin:5px 0 0 15px; position:absolute; }
	#header-call-section span#call_span{ margin:10px 0 0 45px; position:absolute; }
	#header-call-section span#number_span{ margin:10px 0 0 90px; position:absolute; }
	
	#header-search-section {  position:absolute; right:0px; top:0px;background:url(images/header_bg.png) repeat; width:200px; height:40px; }
		#header-search-section label { color:#fff; }
		#header-search-section input[type="text"] { border:0;  color:#999; padding:2px;  top:0; width:145px; height:16px; margin:0px 0 0 15px; }
			#header-search-section input[type="text"]::-webkit-input-placeholder { font-style:italic}
			#header-search-section input[type="text"]:-moz-placeholder { font-style:italic}
			#header-search-section input[type="text"]::-moz-placeholder { font-style:italic}
			#header-search-section input[type="text"]:-ms-input-placeholder { font-style:italic}
	#header-search-section input[type="submit"] { background:url(images/search-con.png) no-repeat; border:0; width:21px; height:21px; text-indent:-1000px; cursor:pointer; margin-top:10px;  }
	.wrapper { margin:0 auto; width:1000px; position:relative; clear:both }
	
	/* add for inside pages with different layout from home page */
	.inside #content {}
	
	/* two column layout */
	.twocolumn .mContent { width:635px; float:left; position:relative }
	.twocolumn .sidebar { width:305px; float:left; padding:8px 0 0 56px }
	
/** Menu **/
	nav { height:25px; line-height:15px; margin-bottom:14px; position: absolute; right:0px; top:40px; z-index:20;  }
	nav ul.mnmenu li.level-0 { float:left; display:block; position:relative;padding:10px 6px 0;  z-index:20 !important;}
	nav ul.mnmenu li a.one-liner{ margin-top:9px; margin-bottom:-9px; }
	/*nav ul.mnmenu li.full_tab{ background:url(images/hover-bg.png) repeat; }*/
	nav ul.mnmenu li.full_tab a:hover{ color:#fff; }
	nav ul.mnmenu li.full_tab.hover{ background:#f57f26; color:#FFF;}
	nav ul.mnmenu li.spacer{ padding:0 !important; background:none !important; }
	nav ul.mnmenu li.last {   }
	nav ul.mnmenu li.last a{ /*padding:0 0 0 10px;*/ }

	nav li a { padding:0px 5px 1px 5px; margin:0; display:block; float:left; text-align:center; text-decoration:none; height:44px; }
	nav li.level-0 a:hover, nav li.level-0.current_page_parent a, nav li.level-0.hover a { padding-top:0; }
	
	nav ul.mnmenu li.level-0 ul { padding:0; display:none; position:absolute; left:3px;  z-index:9 }
	nav ul.mnmenu li.level-0 li { position:relative; filter: none; float:none; padding:0; margin:0; line-height:19px; text-transform:capitalize; display:block;}
	
	nav ul.mnmenu li.level-0 span.arrow{ font-size: 0;text-indent: -999px;width: 11px;height: 10px;background: url(images/arrow-icon.png) no-repeat;display: inline-block;vertical-align: middle;margin: 12px 5px 0 0; }
	nav ul.mnmenu li.level-1 span.arrow{ display:none; }
	nav li.level-0.hover { background-color:#104a8d; }
	/*nav li.level-0.hover a.level-1{  color:#b15b1a; }*/
	nav li.level-0.hover li a { border-top:none!important;  }
	nav li.level-1 a, nav li.level-1 a { border:0; float:none; color: #fff;font-size: 14px; text-align:left; padding:11px 22px 11px 22px!important;background-color:#104a8d; height:inherit; width:190px; display:block; margin:0 }
	nav li.level-1 a:hover, nav li.level-1 a.hover, nav li.level-1.current-menu-item { border-top:none!important;background-color:#b15b1a; }
	nav ul.mnmenu li.level-0 li.first{ border-top:none; }
	nav ul.mnmenu li.level-0 li{ border-top:1px #2d78cf solid; }
	
	
	nav ul.mnmenu li.full_tab li.level-1 div.listing a{position: relative;top: 0; width: 125px; color:#FFF !important;}
	nav ul.mnmenu li.full_tab a.level-3{ color:#fff; }
	
/** Banner || Home page **/
#banner { width:100%; min-width:100%; height:100%; min-height:100%; position:absolute; overflow:hidden; top:0; left:0; z-index:-100 }
	#banner img { position:absolute; top:0; left:0; width:100% }
#banner img.active { z-index:9; opacity:1.0 }
#banner img.last-active { z-index:8 }

/** For Everything Else In Between - add your css for template changes here **/
header { height:124px; z-index:20; position:relative; }
	#logo {}

#content { z-index:3; position:relative; }

footer {  background: #b15b1a; width:100%; height:50px; line-height:50px; overflow:hidden; position:fixed; bottom:0; left:0; z-index:5  }
	footer #copyright { margin:0 auto; text-align:center; }
	
		footer #subscribe label { color:#fff; font-size:2em }
		footer #subscribe input[type="text"] { background:url(images/subscribe_txt.png) no-repeat; border:0; width:239px; height:53px; color:#999; padding:0 12px; position:absolute; top:0; left:110px}
			footer #subscribe input[type="text"]::-webkit-input-placeholder { font-style:italic}
			footer #subscribe input[type="text"]:-moz-placeholder { font-style:italic}
			footer #subscribe input[type="text"]::-moz-placeholder { font-style:italic}
			footer #subscribe input[type="text"]:-ms-input-placeholder { font-style:italic}
		footer #subscribe input[type="submit"] { background:url(images/subscribe_btn.png) no-repeat; border:0; width:38px; height:53px; text-indent:-1000px; cursor:pointer; position:absolute; top:0; left:375px }

	/* home */
	.home #content {}
		.home .mContent { width:605px; padding-top:60px; margin-bottom: 80px; z-index:1; position:relative;}
			.home .mContent .titles { font-size:44px; line-height:0; text-align:center;}
			.home .mContent .subtitles { font-size:22px; line-height:40px; margin-bottom:10px; text-transform: uppercase;background:url(images/header_bg.png) repeat; text-align:center; }
		
	.home footer {}
	
	/* sub page */
	
	/* header elements */
	.wrapper-sub { margin:0 auto 80px; width:1040px; position:relative; clear:both }
	
	
	.sub-left-content{background:#fff;display: block;float: left;margin-left: 20px;width: 730px;}
	.sub-right-content{background:#fff;display: block;float: left;margin-left: 40px;width: 250px;margin-top: 26px;}
	
	
	
	
	.sub-right-content img{ margin:0 auto; display:block; text-align:center; }
	
		.sub-page-content{margin-bottom: 26px;margin-top: 26px;}
		.sub-page-content h3{ color:#000;}
		.sub-page-content ol{ color:#000;margin-left: 35px;}
		h2.blue-content-title{ color:#007ac1; font-size:16px; line-height:20px; text-transform: capitalize; margin-bottom:8px; }
		.sub-page-content a{ color:#ce7330; text-decoration:none; }
		.sub-page-content a:hover{ text-decoration:underline; }
		.sub-page-content a.weblink{ color:#ce7330; text-decoration:none; margin-bottom:8px; display:block; }
		.sub-page-content a.weblink:hover{ text-decoration:underline; }
		.sub-page-content p{ color:#232323; font-size:14px; font-family:Arial, Helvetica, sans-serif; width:715px; margin-bottom:8px;line-height:18px; }
		.sub-page-content ul{ list-style:none; font-size:14px; font-family:Arial, Helvetica, sans-serif; color:#232323; line-height:22px; }
		.sub-page-content ul li { list-style-image: url("images/list-dot.jpg"); margin-left:13px; }
	
	.sub-left-content-contact{background:#fff;display: block;float: left;margin-left: 20px;width: 500px;}
	.sub-right-content-contact{background:#fff;display: block;float: left;margin-left: 40px;width: 480px;}
	
		.sub-page-content-contact{margin-bottom: 26px;margin-top: 26px;}
		h2.blue-content-title{ color:#007ac1; font-size:16px; line-height:20px; text-transform: capitalize; margin-bottom:8px; }
		.sub-page-content-contact a{ color:#ce7330; text-decoration:none; }
		.sub-page-content-contact a:hover{ text-decoration:underline; }
		.sub-page-content-contact a.weblink{ color:#ce7330; text-decoration:none; margin-bottom:8px; display:block; }
		.sub-page-content-contact a.weblink:hover{ text-decoration:underline; }
		.sub-page-content-contact p{ color:#232323; font-size:14px; font-family:Arial, Helvetica, sans-serif; width:485px; margin-bottom:8px;line-height:18px; }
		.sub-page-content-contact ul{ list-style:none; font-size:14px; font-family:Arial, Helvetica, sans-serif; color:#232323; line-height:22px; }
		.sub-page-content-contact ul li { list-style-image: url("images/list-dot.jpg"); margin-left:13px; }
	
	
	.sub-page header{ background:#000; height:254px; z-index:20 !important; }
	h1.sub-pages-title{bottom: -100px;font-size: 22px;position: absolute;background: url("images/header_bg.png") repeat scroll 0 0 rgba(0, 0, 0, 0); padding:13px;}
	
	/* inside */
		
		/* two column */



/* home element */



/** Typography - override font properties for dynamic content **/
.mContent { line-height:normal; margin:0 auto;}
.mContent h1, .mContent h2, .mContent h3 {}
.mContent h4, .mContent h5, .mContent h6, .mContent p, .mContent li { font-weight:normal }

	.mContent h1 { font-size:2.4em }
	.mContent h2 { font-size:1.8em }
	.mContent h3 { font-size:1.4em }
	.mContent h4 { font-size:1.2em }
	.mContent h5 { font-size:1em }
	.mContent h6 { font-size:1em }
	.mContent p, .mContent li { font-size:14px; color:#FFF; }
	.mContent ul, .mContent ol { /*margin-bottom:0; padding-left:8px; margin-left:26px*/ }
	.mContent ul li { list-style: none; }
	.mContent ul.arrow li, .mContent ol.arrow li { list-style:url(images/tab_arrow_orange.png) outside }
	.mContent strong {}
	.mContent em {}
	.mContent a { text-decoration:none }
		.mContent a:hover, .mContent a:focus {}
	
	.mContent .titles {}
	.mContent .subtitles {}
	#contact_info{ margin:50px auto 0; text-align:center; }
	#contact_info p{ line-height:21px; }

	.mContent hr { border-top:1px solid #ccc; margin:1em 0 1.5em 0;}
ul.services_box{ margin-left:15px; }
ul.services_box li.lst{ color:#fff; display:block; float:left; padding:0px; max-width:125px; height:155px; margin-right:18px; text-align:center; list-style:none;}
ul.services_box li.lst:nth-child(2) div.listings li{
	line-height:120px;
}
ul.services_box li.lst:nth-child(3) div.listings li{
	line-height: 25px;
    padding: 20px 0 10px;
}
ul.services_box li.lst:nth-child(4) div.listings li{
	line-height: 25px;
   
}
ul.mnmenu ul.full-sub-menu li.level-1:nth-child(2),ul.mnmenu ul.full-sub-menu li.level-1:nth-child(3){ line-height:normal; }
ul.mnmenu ul.full-sub-menu li.level-1:nth-child(2) div.listings ul li{ line-height:120px !important; }
ul.mnmenu ul.full-sub-menu li.level-1:nth-child(3) div.listings ul li{ line-height: 25px;
    padding: 10px 0 10px;}
div.icon-sections { color:#fff; display:block; float:left; padding:0px; max-width:125px; height:155px; margin-right:18px; text-align:center;  }
	

	div.listings{
		width:125px; height:155px; position:relative; top:0; display:none; margin-top:-155px;
		background:url(images/orange-bg.png) repeat;
		
		zoom: 1;

	}
	div.listings:nth-child(n) {
		filter: none;
	}
	 
	 
	 div.listings:hover{ cursor:pointer; }
	 div.listings ul li{ padding:8px 0; }
	 
	div.listings ul li a .cufon {
		border-bottom-width: 0px;
		border-bottom-style: none;
		border-bottom-color: #FF0000;
	}
	div.listings ul li a:hover .cufon {
		border-bottom-width: 1px;
		border-bottom-style: solid;
		border-bottom-color: #fff;
	}
	 
	 
	 div.listings ul li:hover{ text-decoration:underline !important; }
	 div.cover{width:125px; height:155px; position:relative; top:0;}
	 div.cover img{ padding:10px 0 5px 0;}
a.btn:hover, a.btn:focus { background-color:#5d5d5d}

/* menu changes */

nav ul.mnmenu li.level-0 ul.full-sub-menu{
 display: none;
    left: -300px !important;
	width:580px;
    padding: 28px 23px;
    position: absolute;
    z-index: 9;
	background:#f57f26;	
}
ul.mnmenu ul.full-sub-menu li.level-1 {
	float: left;
	display: block;
	text-align: center;
	width: 118px;
	margin: 0;
	margin-right: 26px;
	height: auto;
	margin-bottom: 4px;
	position: relative;
	border:none;
	background-color: transparent;
}
nav li.level-1 div.cover{ width: 118px; }
nav li.level-1 div.cover a{ text-align:center;width: 118px; background:#f57f26; height:auto; padding:0 !important;}
nav li.level-1 div.listings{ background:url(images/orange-bg.png) repeat; }
nav li.level-1 div.listings li{ border:none !important; }
nav li.level-1 div.listings a{ text-align:center;width: 118px; background-color:transparent;  height:auto; padding:8px 0!important;}
nav li.level-1 div.listings ul.level-2{display:block !important; }


/* Blog */
div.full_panel{
	padding:10px 0 30px 15px;
}
div.full_panel article{clear: both; height: auto; padding: 10px 0; min-height: 180px; border-bottom:1px solid #d7d7d7; }
div.full_panel article div.blog-image-holder{ width:221px; height:162px; vertical-align:middle; display: inline-block; float:left;text-align: center;font: 0/0 a;    }

span.author-area{ display:block; padding-bottom:10px; }
div.blog-content-holder h3{ margin-bottom:5px; }

div.full_panel article div.blog-image-holder:before {  content: ' ';display: inline-block;vertical-align: middle;height: 100%;}
div.full_panel article div.blog-image-holder img{display: inline-block;vertical-align: middle;font: 16px/1 Arial sans-serif;}
div.full_panel article div.blog-content-holder{ width:780px; float:right; color:#414142; }
div.full_panel article div.blog-content-holder h2{ margin-top:20px; }
div.full_panel article div.blog-content-holder p{ font-size:14px; line-height:15px; margin:10px 0; }
div.full_panel article div.blog-content-holder a.read_more{ font-weight:bold; font-size:15px; color:#f58129; text-decoration:none; line-height:26px; }
div.full_panel article div.blog-content-holder a:hover{ text-decoration:underline; }
div.full_panel article div.blog-content-holder img.more-arrow{left: 3px;position: relative;top: 2px;}
body .left_panel_blog {
	width: 1000px;
	padding: 30px 10px 20px 10px;
	float: left;
}

body .left_panel_blog div.blog-image-holder{ width:221px; height:162px; vertical-align:middle; display: inline-block; float:left;text-align: center;font: 0/0 a; background:#e3e3e3; margin:0 20px 20px 0;   }
@media screen and (-webkit-min-device-pixel-ratio:0) {
html>body .left_panel_blog div.blog-image-holder{ width:221px; height:162px; vertical-align:middle; display: table; float:left;text-align: center;font: 0/0 a; background:#e3e3e3; margin:0 20px 20px 0;   }

}

body .left_panel_blog div.blog-image-holder:before {  content: ' ';display: inline-block;vertical-align: middle;height: 100%;}
body .left_panel_blog div.blog-image-holder img{display: inline-block;vertical-align: middle;font: 16px/1 Arial sans-serif;}
body .left_panel_blog p{ color:#414142; font-size:13px; display:block; margin-top: 20px; }
body .left_panel_blog p a{ color:#ce7330; text-decoration:none; }
body .left_panel_blog p a:hover{ text-decoration: underline; }
body .left_panel_blog p.back-to-blog{ margin-top:20px;margin-bottom:20px; }
body .left_panel_blog p.back-to-blog a{ font-weight:bold; font-size:15px; color:#f58129; text-decoration:none; line-height:26px; display: inline-block; margin-left: 25px; margin-top: 0;}
body .left_panel_blog p.back-to-blog img{border-right-width: 0;display: inline-block;margin-right: 10px;margin-top: 3px;padding-right: 0;padding-top: 0;
    position: absolute;width: 12px;}
body .left_panel_blog p.back-to-blog a:hover{ text-decoration:underline; }
body .left_panel_blog span.date-blog{ color:#414142; font-size:10px;display: block;margin-bottom: 20px; margin-top: 10px;}

body .right_panel_blog {width: 191px;float: left;position: relative;background: #ededed;border: 1px solid #e3e3e3;padding:10px;margin-top:70px;}
body .right_panel_blog ul{ list-style:none; padding-left:0px;  }
body .right_panel_blog ul li{ margin-bottom:10px; clear:both; }
body .right_panel_blog ul li img{ float:left; margin-right:10px; margin-top:5px; }

	
	ul.product_list {
		list-style: none;
		padding: 0;
		color:#000;
		border-top: 1px solid #d6d6d6;
	}
	ul.product_list li {
		border-bottom: 1px solid #D6D6D6;
		padding: 10px 0;
		
	}
	ul.product_list a.headline {
		text-decoration: none;
		font-size: 16px;
		line-height: 16px;
		color:#f57f26;
	}
	ul.product_list a.headline:after {
		content: '';
		background: url("images/sprites.png") -138px 0 no-repeat;
		width: 14px;
		height: 14px;
		vertical-align: middle;
		margin-left: 8px;
		display: inline-block;
	}
	ul.product_list a.headline.active:after {
		background: url("images/sprites.png") -153px 0 no-repeat;
	}
	div.product_list_content{ float:left; width:615px; margin-left:40px; }
	div.product_list_content p{color:#232323;
  font-family:Arial, Helvetica, sans-serif;
  font-size:14px;
  line-height:18px;
  margin-bottom:8px;}
	div.product_list_content a{color:#ce7330; text-decoration:none;}
	div.product_list_content a:hover{text-decoration:underline;}
	div.product_list_content h4{ font-family:Arial, Helvetica, sans-serif; font-weight:700; font-size:16px; line-height:18px; color:#232323; margin:10px 0; }
	div.product_list_content ul li{}
	div.product_list_content ul{ list-style:none; font-size:14px; font-family:Arial, Helvetica, sans-serif; color:#232323; line-height:22px;margin-bottom: 15px; }
	div.product_list_content ol{ padding-left:25px;}
	div.product_list_content ul li { list-style-image: url("images/list-dot.jpg"); margin-left:13px; border:none; padding: 0; }
	div.product_list_content table{ font-size:14px; font-family:Arial, Helvetica, sans-serif; color:#232323; line-height:22px;}
	div.product_list_content table th, div.product_list_content table td{ padding:10px; }
	
	div.product_list_content table tr:nth-child(odd), .tablepress .even td {
		background-color: #e0eff7 !important;
	}
	
	
	div.product_list_content table th{ background:#e2e2e2; }
	.hide {
		display: none;
		padding:20px 0;
	
	}
	a.make_an_enquiry{ display:block; margin:10px 0 0; text-align:center; position:relative; }
	a.make_an_enquiry_header{ display:block; margin:50px 20px 0 0; text-align:center; position:relative; width:175px; float:right; }
	
	/*Ordering*/
	form.wpcf7-form td{ vertical-align: top !important; color:#3a383a !important; font-size:14px !important; line-height:38px !important;}
	input, select{font-style:italic;padding: 5px;vertical-align: middle; border: solid 1px #ccc;}
	span.wpcf7-form-control-wrap textarea{font-style: italic;margin:10px 0;padding: 5px; border: solid 1px #ccc; resize:none !important; font-family:Verdana, Geneva, sans-serif;}
	table .more-arrow{ margin-left:-20px;}
	img.ajax-loader{ display:none !important; }
	div.wpcf7-response-output{ color:#000 !important; }
	form.wpcf7-form p{ width:140px; float:right; margin:0; }
	
	.wpcf7-text{ width:320px !important;}
	.wpcf7-textarea{ width:320px !important;}
	
	.wpcf7-submit{color: #f58129; cursor:pointer;
    font-size: 20px;
    font-weight: bold;
    line-height: 26px;
    text-decoration: none; border:none; background:#FFF;font-style: normal; margin-top:-10px !important;outline:none; }
	div.wpcf7-validation-errors{ border: medium none !important;
	color: #f58129 !important;
    font-size: 14px;
    line-height: 18px;
    width: 300px; margin:0 !important; }
	
	div.wpcf7-mail-sent-ok{ border: medium none !important;
	color: #f58129 !important;
    font-size: 14px;
    line-height: 18px;
    width: 300px;}
	span.wpcf7-not-valid-tip{color: #f58129 !important;}
	/*table*/
	#tablepress-8 td.column-5{ font-size:11px !important; line-height:11px !important; }
	
.pagination {
clear:both;
padding:20px 0;
position:relative;
font-size:11px;
line-height:13px;
}
 
.pagination span, .pagination a {
display:block;
float:left;
margin: 2px 2px 2px 0;
padding:6px 9px 5px 9px;
text-decoration:none;
width:auto;
color:#fff;
background: #414141;
}
 
.pagination a:hover{
color:#414141;
background: #f58129;
}
 
.pagination .current{
padding:6px 9px 5px 9px;
background: #f58129;
color:#414141;
}	

/* 
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}


/* Main mobile menu */
#mobile_slctd_menu {
	
	height: 45px;
	line-height: 45px;
	overflow: hidden;
	position: relative;
	padding-left: 0px;
	font-size: 18px;
	text-transform: none;
	text-decoration: none;
	color: #fff;
	background: rgba(0, 0, 0, 0) url("images/header_bg.png") repeat scroll 0 0;
	width:100%;
	text-align:left;
	text-indent:25px;
}
a#mobile_slctd_menu.opn {
	color: #fff;
	background: rgba(0, 0, 0, 0) url("images/header_bg.png") repeat scroll 0 0;
}
#mobile_slctd_menu:after {
	content: '';
	background: rgba(0, 0, 0, 0) url("images/mobile-dropdown.png") no-repeat;
	width: 18px;
	height: 13px;
	vertical-align: top;
	display: inline-block;
	position: absolute;
	right: 15px;
	top: 15px;
}
#mobile_slctd_menu.opn:after {
	background: rgba(0, 0, 0, 0) url("images/mobile-upward.png") no-repeat;
}
a.m_call, .m_search_holder, .m_cart_holder { 
	float: right;
	width: 58px;
	height: 49px;
	background: url(../images/sprites.png) no-repeat;
	border-left: 1px solid #fff;
	border-top: 1px solid #fff;
}


nav #mainMobileMenu {
	clear: both;
	position: absolute;
	top: 45px;
	display: none;
	list-style: none;
	padding: 0;
	margin: 0;
	background-color: #104a8d;
	color: #0D0D0D;
	width: 100%;
	z-index: 1000;
	box-shadow: 0 5px 3px #333;
	-o-box-shadow: 0 5px 3px #333;
	-moz-box-shadow: 0 5px 3px #333;
	-webkit-box-shadow: 0 5px 3px #333;
	-khtml-box-shadow: 0 5px 3px #333;
	text-align:left !important;
	right:0px;
}
#mainMobileMenu ul {
	margin: 0;
	padding: 0;
	display: none;
}
#mainMobileMenu a {
	display: block;
	color: #bfbfbf;
	text-decoration: none;
	font-size: 12px;
	line-height: 12px;
	padding: 10px 10px;
	border-bottom: 1px solid #2d78cf;
	position: relative;
	font-family: 'HelveticaNeueLTStd-Roman';
}

#mainMobileMenu li:hover{
	background-color: #b15b1a !important;	
}
#mainMobileMenu li ul li.level-1 {
	background-color: #155bac;
}
#mainMobileMenu li ul li.level-1 ul li.level-2 {
	background-color: #fff !important;
}
#mainMobileMenu li.level-1 a.drop {
	background-color: #b15b1a;
}
#mainMobileMenu li.level-2.hlight a {
    font-family: 'HelveticaNeueLTStd-Roman';
}
#mainMobileMenu a.with-arrow {
	background: url("images/mobile-arrow-icon-hover.png") 95% center no-repeat ;
}
@media only screen and (max-width : 599px){
	.desktop_vw, .normal_vw, .desktop_vw_inline, .hdnOnMobile, .desktop_tab_vw, .desktop_tab_vw_inline, .original { display:none!important; }
	.mobile_vw_inline, .cloned { display:inline; }
	.mobile_vw, .tab_mobile_vw, .block, .box { display: block; }
	#logo{ z-index:1000; width:143px; height:97px; position:absolute; margin-left:10px; }
	#logo img{ width:143px; height:97px; }
	nav{ /*width:calc(100% - 135px);*/ height:45px; top:45px;  }
	nav a#mobile_slctd_menu{ text-align:left;
    position: absolute !important;}
	nav li a{ float:none; height:20px; text-align:left !important; }
	
	/* home changes */
	.pikachoose{ width:280px !important; }
	.home #content{ display:block; }
	.home .mContent{ width:100%; }
	.home .mContent .titles{ font-size:34px; padding:0 20px; }
	.home .mContent .subtitles{ line-height:24px; padding:10px 0;  margin: 0 30px; width:auto; }
	ul.services_box{display: table;margin: 0 auto;width: 300px;}
	ul.services_box li.lst{ margin:0 13px 0 12px; }
	/* home changes */
	.wrapper{ width:100%; }
	#mainMobileMenu a br{
		display:none;
		height:0;	
	}
	a.make_an_enquiry_header{
		display: block;
   		position: absolute;
    	right: 0;
    	text-align: center;
    	top: 170px;
    	width: 120px;
	}
	a.make_an_enquiry_header img{ width:120px; }
	#header-mobile-section{  float:left; height:40px; width:50px; line-height:15px;  position:absolute; right:55px; top:0px; z-index:9; background:url(images/header_bg.png) repeat; font-size:20px; }
	#header-mobile-section a img, #header-mail-section a img{ margin-left: 12px;
    margin-top: 6px; }
	#header-mail-section{  float:left; height:40px; width:50px; line-height:15px;  position:absolute; right:0; top:0px; z-index:9; background:url(images/header_bg.png) repeat; font-size:20px; }
	
	/* sub contents */
	h1.sub-pages-title{height: 28px;
    margin-left: 15px;
    top: 150px;}
.wrapper-sub{ width:100%;  }
	.sub-left-content{ width:100%; margin:0 }
	.sub-right-content{ padding: 0 20px; margin-left:0px; }
	.sub-page-content {
		margin-bottom: 26px;
		margin-top: 26px;
		padding: 0 20px;
	}
	.sub-page-content p{ width:100%; }
	div.full_panel{ padding:0 20px; }
	div.product_list_content{ margin-left:0px; width:auto; }
	div.box {
		
		margin: 4px;
	}
	
	.inner {
		border-bottom: 1px solid #b15b1a;
		margin: 4px;
	}
	
	.rowdata {
		border-bottom: 1px solid #cccccc;
		padding:10px 0;
		clear:both;
	}
	.rowdata.last-row{
		border-bottom: none;
		padding:10px 0 15px;
	}
	span.labels {
		font-weight:bold; width:30%; float:left;
	}
	span.information {
		width:60%; float:left;
	}
	.sub-left-content-contact{ float: none;
    margin-left: 0;
    padding: 0 20px;
    width: auto;  }
		.sub-page-content-contact p{ width: auto; }
	.sub-right-content-contact{
		float: none;
    margin-left: 0;
    padding: 0 20px;
    width: auto;
	}
		form.wpcf7-form p{ float:none; }	
		.wpcf7-text,.wpcf7-textarea{ min-width:185px !important; max-width:90% !important; width:90% !important;   }
		
	/* blogs */
	div.full_panel article div.blog-content-holder{ float:left; width: auto;}
	.wrapper-sub{ width:100%; }
	body .left_panel_blog{padding: 30px 10px 20px;
    width: auto; float:none;}
		
	nav li.level-1 a, nav li.level-1 a{ width:auto;}
	nav li li a, nav li.current_page_item li a{ background-color: #155bac; }
	nav li.level-1 a, nav li.level-1 a{ background-color: #155bac; }
	nav li.level-2 a, nav li.level-2 a{ background-color: #12539e; text-indent:10px; }
	
	div.rowdata center{ width:20px !important; }
	body .left_panel_blog div.blog-image-holder{ display:block; float:none; }
}

@media only screen and (min-width : 600px) and (max-width : 1040px){
	.desktop_vw, .normal_vw, .desktop_vw_inline, .hdnOnMobile, .desktop_tab_vw, .desktop_tab_vw_inline, .original { display:none!important; }
	.mobile_vw_inline { display:block; }
	.mobile_vw, .tab_mobile_vw, .block, .box  { display: block; }
	#logo{ z-index:1000; width:143px; height:97px; position:absolute; margin-left:10px; }
	#logo img{ width:143px; height:97px; }
	nav{ width:calc(100% - 135px); height:45px; top:45px;  }
	nav a#mobile_slctd_menu{ text-align:left;
    position: absolute !important;}
	nav li a{ float:none; height:20px; text-align:left !important; }
	
	/* home changes */
	.home #content{ display:block; }
	.home .mContent{  }
	.home .mContent .titles{ font-size:34px; padding:0 20px; }
	
	.home .mContent .subtitles{ line-height:24px; padding:10px 0;  margin: 0 30px; width:auto; }
	ul.services_box{display: table;margin: 0 auto;width: 600px;}
	ul.services_box li.lst{ margin:0 13px 0 12px; }
	/* home changes */
	a.make_an_enquiry_header{
		display: block;
   		position: absolute;
    	right: 0;
    	text-align: center;
    	top: 170px;
    	width: 120px;
	}
	a.make_an_enquiry_header img{ width:120px; }
	.wrapper{ width:100%; }
	#mainMobileMenu a br{
		display:none;
		height:0;	
	}
	#header-mobile-section{  float:left; height:40px; width:50px; line-height:15px;  position:absolute; right:55px; top:0px; z-index:9; background:url(images/header_bg.png) repeat; font-size:20px; }
	#header-mobile-section a img, #header-mail-section a img{ margin-left: 12px;
    margin-top: 6px; }
	#header-mail-section{  float:left; height:40px; width:50px; line-height:15px;  position:absolute; right:0; top:0px; z-index:9; background:url(images/header_bg.png) repeat; font-size:20px; }
	/* sub contents */
	h1.sub-pages-title{height: 28px;
    margin-left: 15px;
    top: 150px;}
	
	.wrapper-sub{ width:100%;  }
	.sub-left-content{ width:100%; margin:0 }
	.sub-right-content{ padding: 0 20px; margin-left:0px; }
	.sub-page-content {
		margin-bottom: 26px;
		margin-top: 26px;
		padding: 0 20px;
	}
	.sub-page-content p{ width:100%; }
	div.full_panel{ padding:0 20px; }
	div.product_list_content{ margin-left:0px; width:auto; }
	div.box {
		
		margin: 4px;
	}
	
	.inner {
		border-bottom: 1px solid #b15b1a;
		margin: 4px;
	}
	
	.rowdata {
		border-bottom: 1px solid #cccccc;
		padding:10px 0;
		clear:both;
	}
	.rowdata.last-row{
		border-bottom: none;
		padding:10px 0 15px;
	}
	span.labels {
		font-weight:bold; width:30%; float:left;
	}
	span.information {
		width:60%; float:left;
	}
	
	.sub-right-content{
		float:none;
		width:auto;
	}
	.sub-right-content img{
		float:left;
		margin:10px 10px 0;	
	}
	
	.sub-left-content-contact{ float: none;
    margin-left: 0;
    padding: 0 20px;
    width: auto;  }
	
	.sub-right-content-contact{
		float: none;
    margin-left: 0;
    padding: 0 20px;
    width: auto;
	}
	
		form.wpcf7-form p{ float:none; }
	/* blogs */
	div.full_panel article div.blog-content-holder{ float:left; width: auto;}
	.wrapper-sub{ width:100%; }
	body .left_panel_blog{padding: 30px 10px 20px;
    width: auto; float:none;}
	
	nav li.level-1 a, nav li.level-1 a{ width:auto;}
	nav li li a, nav li.current_page_item li a{ background-color: #155bac; }
	nav li.level-1 a, nav li.level-1 a{ background-color: #155bac; }
	nav li.level-2 a, nav li.level-2 a{ background-color: #12539e; text-indent:10px; }
	div.rowdata center{ width:20px !important; }
	body .left_panel_blog div.blog-image-holder{ display:block; float:none; }
}