@charset "utf-8";
/* CSS Document */

body {
	margin:0;
	padding:0;
	background:#fff;
	color:#4b4b4b;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
}
 @font-face {
 font-family: gothicfont;
 src: url("../fonts/GOTHIC.eot");
}
@font-face {
 font-family: gothicfont;
 src: url('../fonts/gothic.svg') format('svg'),  url('../fonts/GOTHICd41d.eot?#iefix') format('embedded-opentype'),  url('../fonts/GOTHIC.TTF') format('truetype');
}
a:link {
	color:#0088c7;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
a:visited {
	color:#0088c7;
}
p {
	margin:13px 0 15px;
}
#wrapper {
	margin:0;
	padding:0;
	background:url(../images/footer-bg.jpg) 0 100% repeat-x;
}
.container {
	margin:0 auto;
	width:1002px;
	position:relative;
}
#header {
	margin:0;
	padding:0;
	position:relative;
}
#header #page-top-bar {
	background:url(../images/page-top-bar-bg.jpg) 0 0 repeat-x;
	height:36px;
	border-bottom:1px solid #f2f2f2;
}
#page-top-bar #email {
	margin:5px 0 0 0;
	padding:0 20px 0 35px;
	background:url(../images/enquiry-icons.png) 0 0 no-repeat;
	height:28px;
	font-size:13px;
	font-weight:normal;
	line-height:28px;
	float:right;
	border-right:1px solid #dedede;
}
#page-top-bar #email a {
	color:#575757;
}
#page-top-bar #email a:hover {
	color:#69040C;
	text-decoration:none;
}
#page-top-bar #phone {
	margin:5px 0 0 0;
	padding:0 0 0 55px;
	background:url(../images/enquiry-icons.png) 20px -28px no-repeat;
	height:28px;
	font-size:16px;
	font-weight:bold;
	line-height:28px;
	float:right;
	border-left:1px solid #ffffff;
}
#header #logo-bar {
	margin:0;
	padding:0;
	height:110px;
	
}
#logo-bar #logo {
	padding:10px 0 16px 40px;
	float:left;
	
}
#logo-bar #tagline {
	font-size:22px;
	float:right;
	color:#858585;
	font-family:gothicfont;
	font-weight:normal;
	padding:24px 0 0 0;
}
#logo-bar #tagline span.certification {
	font-size:12px;
	float:right;
}
#header #navigation-bar {
	margin:0;
	padding:0;
	background:#69040C url(../images/nav-bg2.jpg) 0 0 repeat-x;
	height:36px;
	border-bottom:1px solid #69040C;
	border-top:1px solid #69040C;
}
ul.nav {
	margin:0;
	padding:0;
	list-style:none;
	float:right;
}
.nav li {
	margin:0;
	padding:0;
	font-size:12px;
	font-weight:bold;
	float:left;
	list-style:none;
	height:37px;
	text-transform:uppercase;
	position:relative;
	border-right:1px solid #fff;
	border-left:1px solid #fff;
}
.nav li a {
	color:#ffffff;
	text-decoration:none;
	margin:0 0 0 0;
	padding:12px 20px;
	text-align: center;
	outline:none;
	display:block;
}
.nav li a:hover {
	color:#ffffff;
	background:url(../images/nav-active-bg.jpg) 0 0 repeat-x;
}
.nav li a.active {
	color:#ffffff;
	background:url(../images/nav-active-bg.jpg) 0 0 repeat-x
}
.nav li a.first {
	border-left:none;
}
.nav li a.last {
	border-right:none;
}
ul.nav li ul {
	width:204px;
	padding:12px 0 8px;
	background: url(../images/submenu-bg.html) 0 0 repeat-x #ffffff;
	box-shadow:2px 2px 2px rgba(0, 0, 0, 0.2);
	position:absolute;
	top:37px;
	display:none;
	z-index:999;
	border-top:1px solid #d9d9d9;
}
ul.nav li ul li {
	margin:0;
	padding:0;
	width:204px;
	height:24px;
	font-weight:normal;
	text-transform:none;
}
ul.nav li ul li a {
	border:none;
	padding:0 0 0 24px;
	display:block;
	text-align:left;
	line-height:24px;
	background:url(../images/subnav-arrow.html) 0 -1px no-repeat;
}
ul.nav li ul li a:hover {
	color:#ffffff;
	background:url(../images/subnav-arrow.html) 0 -25px no-repeat #d7aa06;
}
ul.nav li:hover ul.subnav, ul.nav li a:hover ul.subnav {
	display:block;
}
#banner-section {
	background:url(../images/marquee-bg.jpg) 0 0 repeat-x;
	height:330px;
	border-bottom:1px solid #b0b0b0;
}
#banner-section .container {
	background:url(../images/marquee-curve.png) 0 bottom no-repeat;
	height:330px;
	position:relative;
}
#content-section {
	margin:0;
	padding:20px 0 20px 0;
}
h1.page-heading {
	margin:0;
	padding:0 0 10px 0;
	font-size:20px;
	text-transform:capitalize;
	color:#000000;
	font-family:gothicfont;
	font-weight:normal;
	border-bottom:1px solid #c7c7c7;
}
.latest-products {
	position:relative;
	background:#f2f2f2;
}
.blue-heading {
	background:#69040C;
	padding:0 0 0 10px;
	margin:0;
	line-height:32px;
	font-size:20px;
	text-transform:capitalize;
	color:#ffffff;
	font-family:gothicfont;
	font-weight:normal;
	height:32px;
	font-weight:bold
}
.latest-products .product-list {
	background:#f2f2f2;
	height:180px;
	width:912px;
	margin: 25px auto 0;
	overflow: hidden;
	position: relative;
}
.latest-products .product-list .product {
	background:url(../images/box-bg.png) 0 0 no-repeat;
	width:207px;
	height:120px;
	padding:6px;
	float:left;
}
.latest-products .product-list .product-name {
	width:220px;
	color:#242424;
	padding:0 0 8px 0;
	font-size:12px;
	text-transform:uppercase;
	font-weight:bold;
}
.featured-project {
	margin:0;
	padding:0;
	width:982px;
	height:305px;
	overflow:hidden;
	position:relative;
}
.featured-project ul li {
	margin:0;
	padding:0;
	list-style:none;
	float:left;
}
#product-slide-list {
	float: left;
	position: absolute;
}
.product-info {
	margin:0 12px 0 0;
	padding:0;
	background:none;
	width:219px;
	float:left;
}
.product-info ul {
	margin:0;
	padding:0;
}
.product-info ul li {
	margin:0;
	padding:8px 0;
	list-style:none;
	border-bottom:1px solid #a5a67a;
	color:#ffffff;
}
a#next {
	margin:0;
	padding:0;
	background:url(../images/right-arrow.png) 0 0;
	height:52px;
	width:29px;
	display:block;
	position:absolute;
	top:120px;
	right:0;
	text-indent:-9999px;
}
a#prev {
	margin:0;
	padding:0;
	background:url(../images/left-arrow.png) 0 0;
	height:52px;
	width:29px;
	display:block;
	position:absolute;
	top:120px;
	left:0;
	text-indent:-9999px;
}
.left-col {
	margin:0 0 0 -6px;
	padding:0;
	float:left;
	width:182px;
}
.left-col .prod-box-middle {
	background:url(../images/left-white-bg-shadow.png) 0 0 repeat-y;
	padding:2px 6px 0 6px;
}
.left-col .prod-box-middle ul {
	list-style:none;
	margin:0;
	padding:0;
}
.left-col .prod-box-middle ul li {
	list-style:none;
	margin:0;
	padding:0;
	font-size:12px;
}
.left-col .prod-box-middle ul li.active {
	background:#f2f2f2;
}
.left-col .prod-box-middle ul li a {
	color:#000000;
	padding:8px 1px 8px 7px;
	display:block;
}
.left-col .prod-box-middle ul li.active a {
	font-weight:bold;
	color:#0088c7;
	text-decoration:none;
}
.left-col .prod-box-middle ul li.active a:hover {
	font-weight:bold;
}
.left-col .prod-box-middle ul li a:hover {
	color:#0088c7;
	text-decoration:none;
	background:#f2f2f2;
	font-weight:normal;
}
.left-col .prod-box-bottom {
	background:url(../images/left-white-bg-bottom.png) 0 0;
	height:12px;
}
.right-col {
	margin:0;
	padding:0 0 0 15px;
	float:left;
	width:810px;
}
.prod-active-desc .heading {
	margin:0 0 1px 0;
	padding:10px 0 18px;
	text-align:center;
	color:#000000;
	font-weight:normal;
	font-size:22px;
	font-family:gothicfont;
	background:url(../images/drop-arrow.jpg) center bottom no-repeat
}
.right-col .product-size {
	margin:15px 0 0 0;
	padding:0;
}
.right-col .product-size .size-heading {
	margin:0 0 1px 0;
	padding:0;
	background:#69040C;
	height:28px;
	line-height:28px;
	text-align:center;
	text-transform:uppercase;
	color:#ffffff;
	font-weight:bold;
}
.right-col .product-size .diameter-heading {
	padding:5px;
	font-size:11px;
	text-transform:uppercase;
	color:#ffffff;
	width:74px;
	float:left;
	font-weight:bold;
	background:#949494;
	border-right:2px solid #ffffff;
	text-align:center;
}
.right-col .product-size .length-heading {
	padding:5px;
	font-size:11px;
	text-transform:uppercase;
	color:#ffffff;
	width:714px;
	float:left;
	font-weight:bold;
	background:#949494;
}
.right-col .product-size .row {
	border-bottom:1px solid #d4d4d4;
	border-right:1px solid #d4d4d4;
}
.right-col .product-size .row .diameter-col {
	padding:5px;
	font-size:11px;
	text-transform:uppercase;
	color:#000000;
	width:73px;
	height:20px;
	float:left;
	background:#f5f5f5;
	border-right:2px solid #d4d4d4;
	border-left:1px solid #d4d4d4;
	text-align:center;
	line-height:20px;
	text-align:center;
}
.right-col .product-size .row .length-col {
	padding:5px;
	font-size:11px;
	text-transform:uppercase;
	color:#000000;
	width:34px;
	height:20px;
	float:left;
	background:#ffffff;
	border-right:1px solid #d4d4d4;
	text-align:center;
	line-height:20px;
}
.right-col .product-size .row1 {
	border-right:1px solid #d4d4d4;
	border-bottom:1px solid #d4d4d4;
}
.right-col .product-size .row1 .diameter-col {
	padding:5px;
	font-size:11px;
	text-transform:uppercase;
	color:#000000;
	height: 49px;
	line-height: 50px;
	width:73px;
	float:left;
	background:#f5f5f5;
	border-right:2px solid #d4d4d4;
	border-bottom:none;
	border-left:1px solid #d4d4d4;
	text-align:center;
}
.right-col .product-size .row1 .length-col {
	padding:5px;
	font-size:11px;
	text-transform:uppercase;
	color:#000000;
	width:34px;
	height:19px;
	float:left;
	background:#ffffff;
	border-right:1px solid #d4d4d4;
	border-bottom:1px solid #d4d4d4;
	text-align:center;
	line-height:20px;
}
.right-col .product-size .row1 .length-col1 {
	padding:5px;
	font-size:11px;
	text-transform:uppercase;
	color:#000000;
	width:34px;
	height:19px;
	float:left;
	background:#ffffff;
	border-right:1px solid #d4d4d4;
	border-bottom:none;
	text-align:center;
	line-height:20px;
}
#footer-quick-info {
	margin:0;
	padding:15px 0;
	background:url(../images/footer-bg.jpg) 0 0 repeat;
	height:235px;
}
#footer-quick-info #client-testimonial {
	margin:0;
	padding:0 24px 0 0;
	width:403px;
	float:left;
	border-right:1px solid #b8b8b8;
	height:235px;
}
#footer-quick-info #client-testimonial .testPanel {
	line-height:18px;
}
#footer-quick-info #client-testimonial .client {
	background:url(../images/bottom-right.png) right 0 no-repeat;
	padding:10px 35px 0 0;
}
#footer-quick-info #client-testimonial .client span.name {
	font-weight:bold;
}
#client-testimonial .testimonial-list {
	padding:8px 0 0 0;
	margin:0;
	display:none;
	color:#4d4d4d;
}
#client-testimonial .client {
	font-size:12px;
	color:#000000;
}
#client-testimonial .client .name {
	color:#000000;
}
#footer-quick-info #contact-us {
	margin:0;
	padding:0 25px 0 26px;
	width:293px;
	float:left;
	border-right:1px solid #b8b8b8;
	border-left:1px solid #ffffff;
	height:235px;
}
#contact-us input[type="text"].textfield1 {
	background:url(../images/text-field.png);
	width:283px;
	height:33px;
	border:none;
	padding:0 0 0 10px;
	outline:none;
	margin-bottom:7px;
	color:#878787;
	line-height:33px;
}
#contact-us .quick-textarea {
	background:url(../images/textarea.png) 0 0 no-repeat;
	width:278px;
	height:53px;
	padding:5px 5px 5px 10px;
}
#contact-us textarea.txtarea1 {
	width:280px;
	height:53px;
	border:none;
	padding:0;
	resize:none;
	outline:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#878787;
	overflow: auto;
	background:none;
}
.submit-quick-form {
	background:url(../images/submit-btn.png) 0 0 no-repeat;
	width:71px;
	height:27px;
	text-indent:-9999px;
	border:none;
	float:right;
	outline:none;
	cursor:pointer;
	margin-top:10px;
}
#footer-quick-info #keep-in-touch {
	margin:0;
	padding:0 0 0 23px;
	width:204px;
	float:left;
	border-left:1px solid #ffffff;
	height:235px;
}
#footer-quick-info .heading {
	font-family:gothicfont;
	font-size:20px;
	color:#000000;
}
#footer-quick-info #contact-us .heading {
	margin-bottom:24px;
}
#footer {
	background:#333333;
	height:78px;
	border-top:7px solid #69040C;
}
#footer ul.fnav {
	padding:30px 0 0 0;
	margin:0;
	float:left;
}
#footer .fnav li {
	float:left;
	list-style:none;
	color:#c7c7c7;
	text-transform:none;
}
#footer .fnav li a {
	font-size:12px;
	font-weight:normal;
	padding:0px 11px;
	position: relative;
	overflow: hidden;
	color:#c7c7c7;
	text-align: center;
	border:1px hidden #999999;
	text-decoration:none;
}
#footer .fnav li a:hover {
	text-decoration:underline;
	color:#c7c7c7;
}
#footer .copyright {
	float:right;
	color:#949494;
	font-size:11px;
	padding:30px 0 0 0;
}
#quick-info {
	position:absolute;
	top:15px;
	right:0;
	font-size:12px;
	font-weight:bold;
	color:#464646;
}
#quick-info a {
	text-decoration:none;
	color:#464646;
}
#quick-info a:hover {
	text-decoration:underline;
}
#quick-info #phone {
	margin:0;
	padding:0 21px 0 21px;
	background:url(../images/phone-icon.html) 0 0 no-repeat;
	float:left;
	height:16px;
}
#quick-info #email {
	margin:0;
	padding:0 21px 0 25px;
	background:url(../images/email-icon.html) 0 0 no-repeat;
	float:left;
	height:16px;
}
#quick-info #email a:hover {
	color:#007687;
}
#quick-info #client-login {
	margin:0;
	padding:0 0 0 21px;
	background:url(../images/login-icon.html) 0 0 no-repeat;
	float:left;
	height:16px;
}
#quick-info #client-login a:hover {
	color:#007687;
}
.follow-us {
	margin:52px 0 0 0;
	padding:0;
	float:right;
}
.follow-us .message {
	width:34px;
	height:34px;
	background:url(../images/social-media-sprite.html) no-repeat 0 0;
	float:left;
	margin-left:5px;
}
.follow-us .message:hover {
	background-position:0 -46px;
}
.follow-us .linkedin {
	width:34px;
	height:34px;
	background:url(../images/social-media-sprite.html) no-repeat -75px 0;
	float:left;
	margin-left:5px;
}
.follow-us .linkedin:hover {
	background-position:-75px -46px;
}
.follow-us .facebook {
	width:34px;
	height:34px;
	background:url(../images/social-media-sprite.html) no-repeat -37px 0;
	float:left;
	margin-left:5px;
}
.follow-us .facebook:hover {
	background-position:-37px -46px;
}
.follow-us .linkedin a, .follow-us .facebook a, .follow-us .message a {
	width:34px;
	height:34px;
	float:left;
}
/* Contact Us */
.contact-form-content {
	background:url(../images/contact-bg.jpg) 0 0 repeat-x;
	margin:0;
	padding:25px 20px 0;
}
.comman-bg {
	background:url(../images/contact-bg.jpg) 0 0 repeat-x;
	margin:0;
	padding:5px 10px 0;
}
.comman-bg  p{ margin:0px; padding:0px; padding-bottom:5px;  padding-top:5px;}
.comman-bg  ul{margin:0px; padding:0px; padding-left:30px;  margin-top:10px;}
.comman-bg  li{ padding-bottom:2px; list-style:outside;}
.boldtext{ font-family:gothicfont;font-weight:normal;font-size:18px; color:#69040C;}
 

.contact-form-content .sub-heading1 {
	width:492px;
	margin:0 0 4px 5px;
	padding:0;
	float:left;
	font-family:gothicfont;
	font-weight:normal;
	font-size:18px;
	color:#69040C;
}
.contact-form-content .sub-heading2 {
	width:436px;
	margin:0 0 4px 27px;
	padding:0;
	float:left;
	font-family:"Century Gothic", Arial;
	font-weight:normal;
	font-size:18px;
	color:#69040C;
}
.contact-form {
	width:498px;
	margin:0 auto;
	float:left;
}
.contact-form .box-top {
	width:498px;
	height:11px;
	background:url(../images/contact-shadow-top.png) 0 0 no-repeat transparent;
}
.contact-form .box-middle {
	background:url(../images/contact-shadow-bg.png) 0 0 repeat-y;
	padding:20px 28px;
}
.contact-form .box-bottom {
	width:498px;
	height:11px;
	background:url(../images/contact-shadow-bottom.png) 0 0 no-repeat;
}
.contact-form .fields {
	margin:0 0 14px 0;
	padding:0;
	float:left;
}
.contact-form .fields .label1 {
	width:125px;
	margin:0;
	padding:5px 0 0 0;
	display:block;
	float:left;
	color:#010101;
}
.contact-form .fields .element {
	margin:0;
	padding:0;
	display:block;
	float:left;
	width:307px;
}
.contact-form input[type="text"].textfield2 {
	background:url(../images/contact-textbox.png) no-repeat 0 0;
	width:287px;
	height:28px;
	border:none;
	padding:0 10px 0 10px;
	outline:none;
	line-height:28px;
}
.contact-form .quick-textarea {
	background:url(../images/contact-textarea.png) 0 0 no-repeat;
	width:297px;
	height:77px;
	padding:5px 5px 5px 10px;
}
.contact-form .quick-textarea textarea.txtarea2 {
	background:none;
	width:294px;
	height:77px;
	border:none;
	padding:0;
	resize:none;
	outline:none;
	overflow: auto;
}
.offices {
	margin:6px 0 0 25px;
	padding:20px 25px 0;
	width:381px;
	height:431px;
	background:url(../images/address-bg.jpg) 0 0 no-repeat;
	float:left;
}
.offices .heading {
	margin:0;
	padding:0 0 30px 0;
	font-size:22px;
	text-transform:capitalize;
	color:#000000;
	font-family:gothicfont;
	font-weight:normal;
}
.offices #office1 {
	padding:0 11px 20px 0;
	margin-bottom:20px;
	font-size:13px;
	float:left;
	border-bottom:1px solid #d4d4d4;
	width:365px;
}
.offices #office2 {
	padding:0 11px 20px 0;
	margin-bottom:20px;
	font-size:13px;
	float:left;
	width:365px;
	border-bottom:1px solid #d4d4d4;
}
.offices #admin-office .heading {
	background:#deb210;
	color:#ffffff;
	padding:0 0 0 10px;
	height:31px;
	line-height:31px;
	font-size:13px;
	font-weight:bold;
	text-transform:uppercase;
}
.offices p {
	line-height:18px;
}
ul.tabs {
	margin: 10px 0 0 5px;
	padding: 0;
	float: left;
	list-style: none;
	height: 37px;
	width: 100%;
}
ul.tabs li {
	float: left;
	margin: 0 5px 0 0;
	cursor: pointer;
	height: 38px;
	line-height: 44px;
	font-weight: bold;
	background: url(../images/tabs.png) no-repeat -131px 0;
	overflow: hidden;
	position: relative;
	font-size:13px;
	width:131px;
	text-align:center;
	color:#69040C;
}
ul.tabs li:hover {
	background: url(../images/tabs.png) no-repeat 0 0;
}
ul.tabs li.active {
	background: url(../images/tabs.png) no-repeat 0 1px;
	color:#000000;
}
.tab_container {
	border-top: none;
	clear: both;
	float: left;
	width: 100%;
	background:#ffffff;
	border:1px solid #e0e0e0;
}
.tab_content {
	padding:15px 12px 12px;
	display: none;
}
.clear {
	clear:both;
}
.left {
	float:left;
}
.right {
	float:right;
}
.strong {
	font-weight:bold;
}
.mandatory {
	color:#69040C;
}
.font-size-11 {
	font-size:11px;
}
.border-bottom-dashed {
	border-bottom:1px dashed #efefef;
}
.no-underline {
	text-decoration:none;
}
.popup_overlay {
	background: none repeat scroll 0 0 #000000;
	display: none;
	height: 100%;
	left: 0;
	margin: 0;
	opacity: 0.7;
	padding: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 9999;
}
.popup {
	background:#ffffff;
	width: 800px;
	height: 550px;
	position:fixed;
	left: 42.5%;
	top: 50px;
	margin-left: -300px;
	z-index:99999;
	display:none;
	padding:10px;
}
.popup .closebutton {
	margin:0;
	cursor: pointer;
	right: -20px;
	position: absolute;
	top: -20px;
 *top: 0;
}
.popup .day-info {
	background:none;
	float: left;
	height:auto;
	overflow: hidden;
	margin:0;
	padding:0 20px 20px;
	cursor:default;
	font-size:12px;
	position:relative;
	color:#000000;
}
.popup .day-info .content-desc {
	width:365px;
	float:left;
	margin-top: 10px;
	padding-top: 10px;
}
.popup .day-info .content-desc h3 {
	font-size:14px;
	font-weight:bold;
	font-family:museosans-300;
	margin:0px 0 10px;
	line-height:16px;
}
.popup .day-info .content-img {
	margin-top: 10px;
	float:right;
}
.day-info a {
	color:#0000ff;
	padding-right:0px;
	text-decoration:none;
}
.day-info a:hover {
	text-decoration:underline;
}
.day-info ul {
	list-style:none;
	margin:0;
	padding:0 10px;
	font-size:12px
}
.day-info ul li {
	background:none;
	line-height:20px;
	margin-bottom:5px;
	font-weight:bold;
}
.day-info ul li.onlylink {
	background:none;
	line-height:20px;
	margin-bottom:5px;
}
.day-info ul li a {
	color:#036C9B;
	padding-right:5px;
	text-decoration:none;
}
.day-info ul li a:hover {
	text-decoration:underline;
}
