/*
Theme Name: Hector The Erector Template
Author: Milecore Team
Version: 1.0
License: GNU General Public License v2 or later
Tags: dark, light, white, black, gray, one-column, two-columns, left-sidebar, right-sidebar, fixed-width, flexible-width, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-image-header, featured-images, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
*/

/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

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, 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: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
:focus {/* remember to define focus styles! */
	outline: 0;
}
body {
	background: #fff;

}
ol, ul {
	list-style: none;
}
table {/* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a img {
	border: 0;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}


/* =Structure
----------------------------------------------- */

body {
	padding: 0 2em;
}
#page {
	margin: 2em auto;
	max-width: 1000px;
}
#branding hgroup {
	margin: 0 7.6%;
}
#access div {
	margin: 0 7.6%;
}
#primary {
    float: left;
    min-height: 200px;
    padding: 24px 0 30px;
    width: 980px;}
#content {
/*	margin: 0 34% 0 7.6%;
	width: 58.4%;	*/
}
#secondary {
	float: right;
	margin-right: 7.6%;
	width: 18.8%;
}

/* Singular */
.singular #primary {
	margin: 0;
}
.singular #content,
.left-sidebar.singular #content {
	margin: 0 7.6%;
	position: relative;
	width: auto;
}
.singular .entry-header,
.singular .entry-content,
.singular footer.entry-meta,
.singular #comments-title {
	margin: 0 auto;
	width: 68.9%;
}

/* Attachments */
.singular .image-attachment .entry-content {
	margin: 0 auto;
	width: auto;
}
.singular .image-attachment .entry-description {
	margin: 0 auto;
	width: 68.9%;
}

/* Showcase */
.page-template-showcase-php #primary,
.left-sidebar.page-template-showcase-php #primary {
	margin: 0;
}
.page-template-showcase-php #content,
.left-sidebar.page-template-showcase-php #content {
	margin: 0 7.6%;
	width: auto;
}
.page-template-showcase-php section.recent-posts {
	float: right;
	margin: 0 0 0 31%;
	width: 69%;
}
.page-template-showcase-php #main .widget-area {
	float: left;
	margin: 0 -22.15% 0 0;
	width: 22.15%;
}

/* error404 */
.error404 #primary {
	float: none;
	margin: 0;
}
.error404 #primary #content {
	margin: 0 7.6%;
	width: auto;
}

/* Alignment */
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.625em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.625em;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/* Right Content */
.left-sidebar #primary {
	float: right;
	margin: 0 0 0 -26.4%;
	width: 100%;
}
.left-sidebar #content {
	margin: 0 7.6% 0 34%;
	width: 58.4%;
}
.left-sidebar #secondary {
	float: left;
	margin-left: 7.6%;
	margin-right: 0;
	width: 18.8%;
}

/* One column */
.one-column #page {
	max-width: 690px;
}
.one-column #content {
	margin: 0 7.6%;
	width: auto;
}
.one-column #nav-below {
	border-bottom: 1px solid #ddd;
	margin-bottom: 1.625em;
}
.one-column #secondary {
	float: none;
	margin: 0 7.6%;
	width: auto;
}
/* Simplify the showcase template */
.one-column .page-template-showcase-php section.recent-posts {
	float: none;
	margin: 0;
	width: 100%;
}
.one-column .page-template-showcase-php #main .widget-area {
	float: none;
	margin: 0;
	width: auto;
}
.one-column .page-template-showcase-php .other-recent-posts {
	border-bottom: 1px solid #ddd;
}
/* Simplify the showcase template when small feature */
.one-column section.featured-post .attachment-small-feature {
	border: none;
	display: block;
	height: auto;
	max-width: 60%;
	position: static;
}
.one-column article.feature-image.small {
	margin: 0 0 1.625em;
	padding: 0;
}
.one-column article.feature-image.small .entry-title {
	font-size: 20px;
	line-height: 1.3em;
}
.one-column article.feature-image.small .entry-summary {
	height: 150px;
	overflow: hidden;
	padding: 0;
	text-overflow: ellipsis;
}
.one-column article.feature-image.small .entry-summary a {
	left: -9%;
}
/* Remove the margin on singular articles */
.one-column.singular .entry-header,
.one-column.singular .entry-content,
.one-column.singular footer.entry-meta,
.one-column.singular #comments-title {
	width: 100%;
}
/* Simplify the pullquotes and pull styles */
.one-column.singular blockquote.pull {
	margin: 0 0 1.625em;
}
.one-column.singular .pull.alignleft {
	margin: 0 1.625em 0 0;
}
.one-column.singular .pull.alignright {
	margin: 0 0 0 1.625em;
}
.one-column.singular .entry-meta .edit-link a {
	position: absolute;
	left: 0;
	top: 40px;
}
.one-column.singular #author-info {
	margin: 2.2em -8.8% 0;
	padding: 20px 8.8%;
}
/* Make sure we have room for our comment avatars */
.one-column .commentlist > li.comment {
	margin-left: 102px;
	width: auto;
}
/* Make sure the logo and search form don't collide */
.one-column #branding #searchform {
	right: 40px;
	top: 4em;
}
/* Talking avatars take up too much room at this size */
.one-column .commentlist > li.comment {
	margin-left: 0;
}
.one-column .commentlist > li.comment .comment-meta,
.one-column .commentlist > li.comment .comment-content {
	margin-right: 85px;
}
.one-column .commentlist .avatar {
	background: transparent;
	display: block;
	padding: 0;
	top: 1.625em;
	left: auto;
	right: 1.625em;
}
.one-column .commentlist .children .avatar {
	background: none;
	padding: 0;
	position: absolute;
	top: 2.2em;
	left: 2.2em;
}
.one-column #respond {
	width: auto;
}


/* =Global
----------------------------------------------- */

*{ padding:0; margin:0;}
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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;	
}

a{ outline:none; text-decoration:none; color:#000;}
body{ background:#000; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:13px; color:#000;}


.clearfloat{ clear:both;}
.conteiner{ width:1024px; margin:0 auto; background:url(images/headertopbg.png) repeat-x left top #FFF; padding:0 0 0 0;}
.wrapper{ width:980px; margin:0 auto; }

/**************header-top-part*************/
#headermain{ float:left; width:980px; padding:0 0 0 0; min-height:155px;}
#headermain h1{ float:left; width:474px; padding:92px 0 0 4px;}
.contno{ float:right; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#f7f7f7; font-size:44px; padding:81px 0 0 0; text-shadow: 1px 1px 2px #000;}



/**************menu-top-part*************/
.menumain{ float:center; width:980px;  }
.menumain ul{ list-style:none; float:left; width:969px; padding:0 0 0 0;}
.menumain ul li{ float:left; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#FFF; font-size:15px; font-weight:bold; line-height:40px; padding:0 25px 7px 0;}
.menumain ul li.lastnav{ padding:0 10px 0 0;}
.menumain a{ text-decoration:none; color:#FFF; }
.menumain a:hover{ text-decoration:none; color:#f3b301;}


/**************slider-top-part*************/
.bannerslider{ float:left; width:980px; padding:22px 0 0 0;}
.bannerbgslide{ float:left; width:950px; background:#2c2c2c; padding:15px;}
.slidbod{ float:left; width:946px;padding:2px;}

#gallery {
	position:relative;
	height:210px
}
	#gallery a {
		float:left;
		position:absolute;
	}
	
	#gallery a img {
		border:none;
	}
	
	#gallery a.show {
		z-index:500
	}

	#gallery .caption {
		z-index:600; 
		background:url(images/slidehdbg.png) repeat left top;
		color:#000; text-align:center; font-size:18px; 
		height:67px !important; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
		width:562px !important; padding:3px 0 1px 0; 
		position:absolute;
		top:11px; right:11px; -webkit-border-radius: 10px; -moz-border-radius:    10px; border-radius: 10px; box-shadow: 2px 2px 3px #414040; 
	}

	#gallery .caption .content {
		margin:5px
	}
	
	#gallery .caption .content h3 {
		margin:0;
		padding:0 0 5px 0;
		color:#000; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:22px; text-align:center;
	}
	

/**************content-part*************/
#contentmain{ float:left; width:980px; padding:24px 0 30px 0; min-height:200px;}
.contentmain{ float:left; width:980px; padding:24px 0 30px 0; min-height:200px;}

.conleftpart{ float:left; width:435px; }
.conleftpart h2{ float:left; width:100%; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:25px; font-weight:bold; color:#0071bc; padding:0 0 10px 0;}
.wearetext{ float:left; width:100%; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:17px; text-align:center; color:#000; padding:0 0 12px 0;}
.conleftpart p{ float:left; width:100%; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:13px; color:#000; padding:0 0 12px 0;}
.conleftpart a:hover{ text-decoration:none; color:#ff9900;}


.conrightpart{ float:right; width:511px; }
.conrightpart h2{ float:left; width:100%; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:25px; font-weight:bold; color:#0071bc; padding:0 0 10px 0;}
.conrightpart p{ float:left; width:100%; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:13px; color:#000; padding:0 0 4px 0;}
.conrightpart p span{ color:#0071bc; font-weight:bold;}



.fbfootbox{ float:left; width:972px; background:#2c2c2c; padding:4px;}
.zeroharm{ float:left; padding:8px 0 0 8px;}
.fbtext{ float:left; width:970px; border:1px solid #000000; background:#FFF; height:65px;}
.hourstext{ float:left; line-height:58px; padding:0 0 0 10px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px;}
.tctext a:hover{ text-decoration:underline; color:#0000ff;}
.fbicon{ float:right; padding: 0 20px 0 0;}
.fbicon a:hover{ text-decoration:underline; color:#0000ff;}

/*************project-menu************/
.menuprojects{ float:left; width:981px;  }
.menuprojects ul{ list-style:none; float:left; width:969px; padding:0 0 0 11px;}
.menuprojects ul li{ float:left; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#FFF; font-size:15px; font-weight:bold; line-height:38px; padding:0 0 0 0;}
.menuprojects ul li.lastnav{ padding:0 0 0 0;}
.menuprojects a{ text-decoration:none; color:#FFF; }
.menuprojects a:hover{ text-decoration:none; color:#000;}
.menuprojects{ float:right; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#f7f7f7; font-size:44px;  text-shadow: 1px 1px 2px #000;}
.menuprojects ul{ background-color:#2c2c2c; background: url('linear-gradient-stops.png') 0 0 repeat-y; background: linear-gradient(to top, #2c2c2c, #ff9900, #2c2c2c);}

/**************sidebar-part*************/
.menuprojects{ float:left; width:980px;  }
.menuprojects ul{ list-style:none; float:left; width:969px; padding:0 0 0 11px;}
.menuprojects ul li{ float:left; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#FFF; font-size:15px; font-weight:bold; line-height:38px; padding:0 20px 0 0;}
.menuprojects ul li.lastnav{ padding:0 0 0 0;}
.menuprojects a{ text-decoration:none; color:#FFF; }
.menuprojects a:hover{ text-decoration:none; color:#000000;}

/*************sidebar-menu************/
.menuservices{ float:left; width:980px;  }
.menuservices ul{ list-style:none; float:left; width:969px; padding:0 0 0 11px;}
.menuservices ul li{ float:left; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#FFF; font-size:15px; font-weight:bold; line-height:30px; padding:0 20px 0 0;}
.menuservices ul li.lastnav{ padding:0 0 0 0;}
.menuservices a{ text-decoration:none; color:#FFF; }
.menuservices a:hover{ text-decoration:none; color:#000000;}
.menuservices{ float:right; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#f7f7f7; font-size:44px;  text-shadow: 1px 1px 2px #000;}
.menuservices ul{ background-color:#2c2c2c; background: url('linear-gradient-stops.png') 0 0 repeat-y; background: linear-gradient(to top, #2c2c2c, #ff9900, #2c2c2c);}

/**************footer-part*************/
.footermain{ float:left; width:1024px; padding:15px 0 0 0;}
.footerinner{ float:left; width:1024px; margin:0 auto; color:#FFF;}
.footbg{ float:left; width:1024px; background:#000;}
.footnav{ float:center; width:100%; padding:10px 0 0 0; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:13px; color:#FFF; font-weight:bold;}
.footnav a{ text-decoration:none; color:#FFF;}
.footnav a:hover{ text-decoration:underline; color:#FFCC33;}
.copyrightmain{ float:center; width:100%; color:#FFF; padding:10px 0 30px 0;}
.copytext{ float:center; width:760px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:13px; color:#FFF; font-weight:bold; text-align:center;}
.abntext{ float:center; width:200px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:13px; color:#FFF; font-weight:bold; text-align:center;}

/**************terms conditions-page*************/

.termspdf{ float:left; width:100%; text-align:center; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:15px; font-weight:bold; color:#0071bc; padding:65px 0 0 0;}
.termspdf a{ text-decoration:none; color:#0071bc;}
.termspdf a:hover{ text-decoration:underline; color:#000;}


/**************Occupational Health-page*************/

.occupatcon{ float:left; width:980px; min-height:380px;}
.occupatcon h2{ color: #0071BC; float: left; font-family: "Trebuchet MS",Arial,Helvetica,sans-serif; font-size: 25px; font-weight: bold; padding: 0 0 10px; width: 100%;}
.occupatcon p{ float:left; width:100%; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:13px; color:#000; padding:0 0 12px 0;}
.zeroharm{ float:left; width:100%;}


/**************contactus-page*************/

.conadd{ float:left; width:100%; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:15px; color:#000; font-weight:normal; line-height:23px;}
.conadd a{ text-decoration:none; color:#0071BC;}
.conadd a:hover{ text-decoration:underline; color:#000;}

.contactbox{ float:left; width:100%; padding:20px 0 0 0;}
.boxbord{ float:left; width:433px; border:1px solid #b6b6b6; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
.boxhdmain{ float:left; width:100%; position:relative; height:35px; background:#999999; border-top:1px solid #b7b7b7;}
.boxhdmain h4{ float:left; width:400px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:20px; color:#FFF; line-height:32px; font-weight:bold; padding:0 0 0 12px;}
.boxleftbg{ width:10px; height:35px; position:absolute; top:-2px; left:0;}
.boxrightbg{ width:10px; height:35px; position:absolute; top:-2px; right:0;}

.formfill{ float:left; width:413px; padding:30px 10px 15px 10px;}
.inpmain{ float:left; width:413px; padding:0 0 15px 0;}
.inpmain label{ float:left; width:91px; text-align:right; padding:2px 15px 0 0; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:13px; color:#0071BC;}
.inpmain input{ float:left; width:296px; border:1px solid #b3b3b3; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:13px; color:#000; padding:2px 2px;}
.inpmain textarea{ float:left; width:296px; border:1px solid #b3b3b3; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:13px; color:#000000; padding:2px 2px; height:80px; overflow:auto;}
.submitbtn{ float:right; width:72px; padding:0 5px 0 0;}
.subbt{ float:right; background:url(images/submit-btn.jpg) no-repeat left top; width:69px; height:28px; border:0; cursor:pointer;}
.subbt1{background:url(images/submit-btn.jpg) no-repeat left top; width:69px; height:28px; border:0; cursor:pointer;}

.mapmain{ float:right; width:500px; padding:84px 0 0 0;}
.mapbord{ width:479px; float:left; border:1px solid #b3b3b3; padding:5px;}


/**************Gallery-page*************/
.topglybox{background:url("images/gllhd.jpg") no-repeat scroll left top transparent;float:left;margin-bottom:15px;margin-left:-7px;width:48%;}
.topglybox1 {background:url("images/gllhd.jpg") no-repeat scroll left top transparent;float:left;padding-left:20px;width:48%;}
.gallerymainout{ float:left; width:100%;}
.gallhdbg{ float:left; width:100%; min-height:31px; background:#F3b301; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
.mrihd{ float:left; width:451px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:20px; color:#FFF; font-weight:bold; line-height:31px; padding:0 0 0 20px; background:url(images/gllhd.jpg) no-repeat right top;}

.phtglyleft{ float:left; width:462px; display:block; padding:20px 0 0 0;}
.photogly{ float:left; width:462px; display:block; padding:25px 0 0 0;}
.topglybox2{ float:left; width:100%; background:url(images/gllhd.jpg) no-repeat left top;}
.various{ float:right; width:460px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:20px; color:#FFF; font-weight:bold; line-height:30px;}
.scuboxmain{ float:left; width:100%; padding:15px 0 0 0;}
.phtscu{ float:left; width:100%; padding:20px 0 30px 0;}
.photorightbx{ float:right; width:462px; padding:20px 0 0 0;}

.glymainbox{ float:left; width:100%;}

.gallerytophd{ float:left; width:462px;}
.photrighthd{ float:right; width:462px;}



.demo{ float:left !important; width:142px; margin:0 12px 10px 0!important; }
.demo a{ float:left; margin:0; padding:0; border:1px solid #000;}
.demo a:hover{ border:1px solid #ffff66}
.demo a img{ float:left; margin:0; padding:0; /*background:url(bg_tms.jpg) no-repeat;*/ width:142px;}

.loading span{position:absolute;top:50%;left:50%;margin-top:-15px;margin-left:-15px;width:30px;height:30px;display:block;z-index:100008; background:none }
.loading span span{position:absolute; display:block; width:30px;height:30px; z-index:100009;background: url(images/ajax-loader.gif) center center no-repeat!important;}

.caption1{position:absolute;bottom:10px;left:0;margin:0;display:block; padding:0px; cursor:text; background:#222; width:100%;}
.piro_nav{position:absolute;bottom:0;left:50%;margin:0;display:block; padding:0; background:none;}
.caption1 p{ display:block; margin:0;padding:4px 28px 4px 38px; text-align:center; font-weight:normal; background:black; color:white; font-size:12px;}

a.piro_close{position:absolute;top:20px;right:20px;height:35px;width:35px;background:url(images/close_btn.png) no-repeat;cursor:pointer;z-index:100006;}
a:hover.piro_close{background:url(images/close_btn_h.png) no-repeat;}

a.piro_next{position:absolute;top:50%;width:35px; height:35px;right:20px;text-indent:-999em;outline:none; display:block; margin:-18px 0 0 0;background:url(images/next.png) center right no-repeat; border:none; cursor:pointer;z-index:1000000001}
a:hover.piro_next{background:url(images/next_h.png) center right no-repeat;}

a.piro_prev{position:absolute;top:50%;width:35px; height:35px;left:20px; text-indent:-999em; outline:none;display:block;margin:-18px 0 0 0;background: url(images/prev.png) center left no-repeat;border:none; cursor:pointer; z-index:1000000000}
a:hover.piro_prev{background:url(images/prev_h.png) center left no-repeat;}



.pirobox_content {position:absolute; top:50%; left: 50%; padding:0; width: 800px; height: 600px; margin:-300px 0 0 -400px; display:block; z-index:99998;font-family:Trebuchet MS,Arial;}
.pirobox_content table,tbody,tr,th,td{margin:0;padding:0;border:none;}
.pirobox_content img{ margin:0; padding:0; border:none;}

.t_l{background:url(images/t_l.png) no-repeat; width:20px; height:20px;}
.t_r{background: url(images/t_r.png) no-repeat; width:20px; height:20px;}
.t_c{height:20px; background:url(images/t_c.png) repeat-x;}

.c_l{width:20px; background: url(images/c_l.png) repeat-y;}
.c_c{background:white; margin:0; padding:0;}
.c_c div{width:760px; height:560px; margin:0; padding:0 0 0px 0;}
.c_r{width:20px; background: url(images/c_r.png) repeat-y;}

.b_c{height:20px; background:url(images/b_c.png) repeat-x;}
.b_l{background:url(images/b_l.png) no-repeat; width:20px; height:20px;}
.b_r{background:url(images/b_r.png) no-repeat; width:20px; height:20px;}


/**************employee-information-page*************/

.joinmainbox{ width:400px; margin:0 auto; clear:both; padding:15px 0 0 0; }
.weljon{ float:left; width:100%; text-align:center; color: #000000; font-family: "Trebuchet MS",Arial,Helvetica,sans-serif; font-size: 17px;}
.logintx{ float:left; width:100%; text-align:center; color: #000000; font-family: "Trebuchet MS",Arial,Helvetica,sans-serif; font-size: 15px; padding:12px 0 15px 0;}
.joninpmain{ float:left; width:100%; padding:0 0 10px 0;}
.joninpmain label{ float:left; width:120px; text-align:right; padding:2px 15px 0 0; font-family: "Trebuchet MS",Arial,Helvetica,sans-serif; font-size: 13px; color:#0071BC;}
.joninpmain input{ float:left; width:229px; border: 1px solid #B3B3B3; color: #B3B3B3; font-family: "Trebuchet MS",Arial,Helvetica,sans-serif; font-size: 13px; padding: 2px;}

.subcanbtn{ float:left; width:200px; padding:0 0 0 171px;}
.cancelbtninp{ background:url(images/cancel-btn.jpg) no-repeat left top; width:69px; height:28px; border:0; cursor:pointer; margin:0 0 0 5px;}

/**************Enquiry Form-page*************/

.enquiryboxmain{ float:left; width:100%;}
.enquhd{ float:left; width:960px; min-height:31px; background:#b3b3b3; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:20px; color:#FFF; font-weight:bold; line-height:30px; padding:0 0 0 20px;}
.boxinpenq{ float:left; width:100%; padding:15px 0 25px 0;}
.enqfill{ float:left; width:100%; padding:0 0 10px 0;}
.enqfill label{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; float:left; width:215px; text-align:right; padding:0 15px 0 0; color:#0071BC; font-size:13px;}
.enqfill input{ float:left; border: 1px solid #B3B3B3; color: #000; font-size: 13px; padding:2px; width:500px;}
.enqfill span{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:10px; color:#0071BC; text-transform:uppercase; padding:5px 0 0 5px; float:left;}
.enqfill textarea{ float:left; border: 1px solid #B3B3B3; color: #000000; font-size: 13px; padding:2px; width:500px; height:80px; overflow:auto;}
.checkbox{ float:left; width:200px;}
.checkinp{ float:left; width:200px; padding:0 0 3px 0;}
.enqfill input.chinpeq{ float:left; width:15px;  width:12px\0; height:15px; height:12px\0; border: 1px solid #B3B3B3 !important; background:#FFF; padding:0; margin:2px 0 0 0; margin:1px 0 0 0\0;}
.checkinp label{ margin:0; width:165px; text-align:left; padding:0 0 0 8px;}
.inpbtneq{ float:right; width:538px; padding:5px 0 0 0;}
.subinpqe{ float:left; width:100px; height:28px;}
.sbbtn{ width:100px; height:28px; background:url(images/sub-btn.jpg) no-repeat left top; border:0; cursor:pointer;}
.printbtn{ float:right; width:124px; height:24px; padding:0 40px 0 0;}
.prtbtn{ width:124px; height:24px; background:url(images/print-btn.jpg) no-repeat left top; border:0; cursor:pointer;}



/**************Safes For Sale-page*************/

.safesmain{ float:left; width:100%;}
.wehavetext{ float:center; text-align: center;width:100%; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#000; font-size:17px; padding:0 0 13px 0;}
.forfur{ float:left; width:100%; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#000; font-size:13px; padding:0 0 15px 0;}
.forfur a{ text-decoration:none; color:#0071BC;}
.forfur a:hover{ text-decoration:underline; color:#000;}

.saleprd{ float:left; width:980px; padding:15px 0 0 0;}
.safeboxin{ float:left; width:968px; border:1px solid #808080; padding:5px;}
.safprodbod{ float:left; width:300px; border:1px solid #808080; padding:5px; position:relative;}
.safinfotext{ float:right; width:618px; border:1px solid #808080; padding:10px;}
.safinfoprd{ float:left; width:418px; padding:0 0 5px 0; }
.safinfoprd h3{ float:left; width:100%; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#000; font-size:17px; font-weight:normal; padding:5px 0 8px 0; padding:5px 0 14px 0\0;}
.safinfoprd h3 a{ text-decoration:none; color:#000;}
.safinfoprd h3 a:hover{ text-decoration:none; color:#0071bc;}
.dmsons{ float:left; width:100%; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:13px; text-transform:uppercase;  color:#0071bc; padding:0 0 3px 0; padding:0 0 6px 0\0;}
.whight{ float:left; width:100%; padding:0 0 25px 0;}
.whight p{ float:left; width:100%; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:13px; color:#000; padding:0 0 3px 0; padding:0 0 7px 0\0; margin:0;}
.whight p span{ float:left; width:55px;}
.delitext{ float:left; width:100%; border-top:1px solid #F00; padding:10px 0 0 0;}
.delitext p{ float:left; width:100%; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:13px; color:#F0000; padding:0; margin:0;}
.pricemain{ float:right; width:200px; }
.pricebox{ float:left; width:190px; border:1px solid #808080; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; min-height:60px;}
.prctg{ float:left; width:122px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:38px; color:#F00; line-height:60px; padding:0 0 0 5px;}
.gst{ float:right; width:60px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; text-transform:uppercase; color:#000; font-size:14px; padding:10px 0 0 0;}
.enqtx{ float:left; width:100%; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:20px; text-align:center; color:#0071bc; padding:5px 0 0 0;}
.enqtx a{ text-decoration:none; color:#0071bc;}
.enqtx a:hover{ text-decoration:underline; color:#000;}
.safprodbod span.joomicn{ width:35px; height:36px; position:absolute; right:15px; bottom:15px;}


#thumbBox #thumbImage{ /*DIV within thumbbox that holds the enlarged image */
background-color: white;
}

#thumbLoading{ /*DIV for showing "loading" status while thumbbox is being generated*/
position: absolute;
visibility: hidden;
border: 1px solid black;
background-color: #EFEFEF;
padding: 5px;
z-index: 5;
}

#thumbBox{ /*Outermost DIV for thumbnail viewer*/
position: absolute;
left: 0;
top: 0;
width: auto;
padding: 10px;
padding-bottom: 0;
background: #313131;
visibility: hidden;
z-index: 10;
cursor: hand;
cursor: pointer;

}


#thumbBox .footerbar{ /*Footer DIV of thumbbox that contains "close" link */
font: bold 16px Tahoma;
letter-spacing: 5px;
line-height: 1.1em;
color: white;
padding: 5px 0;
text-align: right;
}