@charset "utf-8";/*[Basic Layout Stylesheet of all website pages] | Project:A1Rubber | Version:1.0 | Author:Nithin Scaria - webduratech.com*/

/*Fonts Used*/

@font-face { font-family: 'HelveticaNeueLTPro75Bold'; src: url('fonts/helveticaneueltpro_bd.eot'); src: url('fonts/helveticaneueltpro_bd.eot') format('embedded-opentype'), url('fonts/helveticaneueltpro_bd.woff') format('woff'), url('fonts/helveticaneueltpro_bd.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}

@font-face { font-family: 'HelveticaNeueLTPro45Light'; src: url('fonts/helveticaneueltpro_lt.eot'); src: url('fonts/helveticaneueltpro_lt.eot') format('embedded-opentype'), url('fonts/helveticaneueltpro_lt.woff') format('woff'), url('fonts/helveticaneueltpro_lt.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}

@font-face { font-family: 'HelveticaNeueLTPro55Roman'; src: url('fonts/helveticaneueltpro_roman.eot'); src: url('fonts/helveticaneueltpro_roman.eot') format('embedded-opentype'), url('fonts/helveticaneueltpro_roman.woff') format('woff'), url('fonts/helveticaneueltpro_roman.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}

@font-face { font-family: 'HelveticaNeueLTPro65Medium'; src: url('fonts/helveticaneueltpro_md.eot'); src: url('fonts/helveticaneueltpro_md.eot') format('embedded-opentype'), url('fonts/helveticaneueltpro_md.woff') format('woff'), url('fonts/helveticaneueltpro_md.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}

body {
	margin:0;
    padding:0;
    line-height:1.6;
	font-family: 'Open Sans', sans-serif;
	font-size:12px;
	/*font-size:10px;*/
	color:#000;
	-webkit-font-smoothing:antialiased;
	background:#c1272d;
	background-attachment:fixed;
}

p,li { 
	color:#000;
	line-height:normal; 
}

img{ max-width:100%;}

a,
a:focus, 
a:hover, 
a:active {
   outline:0 !important;
}
a{color:#c1272d;
-webkit-transition:all 0.3s ease-in-out;
-moz-transition:all 0.3s ease-in-out;
-o-transition:all 0.3s ease-in-out;
transition:all 0.3s ease-in-out;
}
a:hover { color:#c1272d; text-decoration:underline;}

h1, h2, h3, h4, h5 {
	text-shadow:none; 
	font-family: 'HelveticaNeueLTPro65Medium';
	font-weight:normal;
	color:#000;
}
.fleft {
	float:left !important;
}
.fright {
	float:right !important;
}
.imgLeft{margin:0 15px 10px 0;}
.imgRight{margin:0 0 10px 15px;}

h1{ font-size:27px;}
h2{ font-size:27px;}
h3{ font-size:21px;}
h4{ font-size:12px;}
h5{ font-size:10px;}

/*Back to top Btn
------------------------------------*/
span.backToTop{ width:40px; height:40px; float:left; background:url(images/back_to_top.png) no-repeat 0 0;
opacity:0.3;
filter:alpha(opacity=30); /* For IE8 and earlier */
-webkit-transition:all 0.3s ease-in-out;
-moz-transition:all 0.3s ease-in-out;
-o-transition:all 0.3s ease-in-out;
transition:all 0.3s ease-in-out;
}

span.backToTop:hover{
opacity:0.4;
filter:alpha(opacity=40); /* For IE8 and earlier */
}

/*Header (logo and menu)
------------------------------------*/
#header { position:relative; padding:0;}

#headerTop { position:relative;}

#logo { float:left; padding:35px 0 21px 58px; margin:0;}

.topRightText{ width:34%; float:left; padding:28px 0 4px 13.9%;}
.topRightText .loginBtn{ min-width:55px; height:22px; float:left; font-size:9px; background:#e6e6e6; border:none; border-radius:12px; padding:2px 5px 0; margin:0 10px 11px 0;}
.topRightText p{ width:100%; float:left; font-size:10px; line-height:12px; padding:0; margin:12px 0 0;}
.topRightText p span{ min-width:25px; float:left; font-family:'HelveticaNeueLTPro65Medium'; text-align:right; padding:0 8px 10px 0;}
.topRightBox img{ float:right; margin:15px 10px 0 0;}

#headerBottom{ min-height:130px; background:url(images/header-bouncyline1.png) no-repeat center bottom;}

/*Menu*/
.navbar, 
.navbar-inner, 
.nav,
.navbar-inverse {
	filter:none;
	border:none;
	padding:0;
	margin:0 !important;
	-webkit-box-shadow: none;
       -moz-box-shadow: none;
            box-shadow: none;
}

.nav i.icon-sort-up { 
	position:absolute; 
	font-size:13px;
	bottom:-6px;
}

.navbar-inner {
	padding-left: 0px !important;
	padding-right: 0px !important;
}
.navbar .nav{
width:100%;
padding:0;
margin:0 auto;
clear:both;
height:30px;
border:none;
}

.navbar .nav > li { 
	display:block; 
	position:relative;
	padding:0 12px;
	background:url(images/menu_seperator.png) no-repeat right 5px;
}
.navbar .nav > li:last-child{ background:none;}

.navbar .nav > li > a {
	padding:0 0 2px;
	font-size:17px;
	text-decoration:none;
	color:#fff;
	display:block;
	line-height:20px;
	
}

.navbar .nav > li:last-child a{border-right:none;}
.navbar .nav > li:first-child a{border-left:none;}
.navbar .nav > li:first-child a:hover{border-left:none;}

.collapse.in ul {
	height:auto;
	margin-top:38px !important;
	margin-bottom:10px !important;
	border:none;
}

.collapse.in ul li{
	border:none;
}

.collapse.in li a { 
	padding:0 10px;
	border:1px solid #aaa !important;
	background:#f9f9f9;
}

.collapse.in li a:hover,
.collapse.in li a.dropdown-toggle { 
	border-bottom:solid 1px #1b1b1b !important;
	border-top:solid 1px #2b2b2b !important;
	background:none;
	border-radius:none!Important;
}

.collapse.in ul.dropdown-menu {
	margin-top:0px !important;
	padding-bottom:5px;
}

.collapse.in ul.dropdown-menu a {
	padding:5px;
}

.nav-collapse .nav > li > a, .nav-collapse .dropdown-menu a {
	margin:0 !important;
}

.navbar .nav > li > a:focus,
.navbar .nav > li > a:hover {
	color:#fff;
  	text-decoration:none;
}

.navbar .nav > .active > a,
.navbar .nav > .active > a:focus {
	color:#fff;
  	text-decoration:none;
}

.navbar .nav > .active > a:hover {
	color:#fff;
}

/*Arrow for menu*/
.navbar .nav > li > a .caret {
  margin:9px 0 0 3px !important;
  border-top-color: #315694!important;
  border-bottom-color: #315694 !important;
}

/*Dropdown Menu*/
.dropdown-menu {
	padding:0;
	border:none;
	display:block !important;
	margin-top:-2px;
	min-width:200px;
	border-radius:0; 
	z-index: 9999 !important;
	top:72px;
}
.dropdown-menu li a { 
	background:#222222;
	color:#CCC; 
	font-size:17px; 
	font-weight:400; 
	padding:6px 15px; 
	border-bottom:solid 1px #1b1b1b !important;
	border-top:solid 1px #2b2b2b !important;
	

}
.dropdown-menu li > a:hover,
.dropdown-menu li > a:focus,
.dropdown-submenu:hover > a {
  color:#ffffff;
  background:#687074 !important;
	filter:none !important;
}

.dropdown-menu .active > a {
	color:#ffffff !important;
  	background:#687074 !important;
	filter:none !important;
}

.navbar .btn-navbar {
	padding:10px 15px;
	margin-top:1px;
	margin-right:0;
	background:#315694;
	border:none !important;	
}
.navbar .btn-navbar:hover {
	background:#333;
}
.navbar .btn-navbar span, 
.navbar .btn-navbar:hover span { 
	background:#fff !important;
	box-shadow:none !important;
}

.navbar .nav > li > .dropdown-menu:after {
	left:19px;
}
.navbar .nav > li > .dropdown-menu:before {
	left:18px;
	border-bottom:none;
}
.navbar .nav > li > .dropdown-menu:after {
	left:19px;
	border-top-color: #315694 !important;
	border-bottom-color: #315694 !important;
}

/*Serach*/
.navbar .search-open {
	right:0; 
	top:44px; 
	display:none;
	position:absolute; 
	background:#fcfcfc; 
	padding:15px 15px 11px; 
	border-top:solid 2px #eee; 
}
.navbar .search-open form {
	margin:0 !important;
}
.navbar a.search i.icon-remove {
	top:2px;
	font-size:17px;
	position:relative;
}
.navbar .nav > li > a.search {
	padding:8px 12px 10px;
	background:#f7f7f7;
	color:#aaa;
	cursor:pointer;
	border-bottom-color:#aaa;
}
.navbar .nav > li > a.search:hover {
	color:#315694;
	border-bottom-color:#315694;
}

/*--- bannerArea ---*/
#bannerArea{ width:100%; min-height:460px; float:left; background:url(images/banner_bg.png) no-repeat center 0 #f7f7f7; border-bottom:1px solid #eaeaea;}

/*404 Page
------------------------------------*/
.page-404 p {
	top:70px;
	color:#777;
	font-size:300px;
	line-height:180px;
	text-align:center;
	position:relative;
}
.page-404 p i {
	font-style:normal;
	text-shadow:0 0 3px;
}
.page-404 p span {
	display:block;
	font-size:32px;
	position:relative;
}

/* Common style
------------------------------------*/
.containerBox{ width:100%; float:left; padding:0 0 40px;}
.containerBox .span12, .containerBox .span11, .containerBox .span10, .containerBox .span9, .containerBox .span8, .containerBox .span7, .containerBox .span6, .containerBox .span5, .containerBox .span4, .containerBox .span3, .containerBox .span2, .containerBox .span1 { padding:0 5px;}

.error, .customerror{ color:#e00;}
.invalid .wpcf7-not-valid-tip, .invalid .wpcf7-validation-errors{ color:#e00;}

#container{ width:970px; background:#fff; box-shadow:0 0 7px -1px #000;}
.contentArea{ background:#f2f2f2; padding:0 0 93px;}
.defaultBtn{ width:auto; height:22px; float:left; font-size:9px; background:#e6e6e6; border:none; border-radius:12px; padding:2px 14px 0;}
.defaultBtn:hover{ text-shadow:1px 1px 1px #aaa;}

.circlesArea{ min-height:650px; position:relative; margin:76px 0 50px 0;}
.mainCircle{ width:350px; height:350px; background:url(images/home-maincircle.png) no-repeat center center; border-radius:50%; box-shadow:0 0 6px -1px #444; position:absolute; left:315px; top:0;}
/*.mainCircle:hover{
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
-webkit-transform: rotate(-75deg);
-moz-transform: rotate(-75deg);
transform: rotate(-75deg);
}*/
.mainCircle h1{ width:160px; float:none; margin:0 auto; font-family: 'HelveticaNeueLTPro45Light'; text-align:center; line-height:33px; color:#c1272d; padding:101px 0 0;}
.mainCircle h2{ width:230px; float:none; margin:0 auto; font-family: 'HelveticaNeueLTPro75Bold'; line-height:32px; text-align:center;}
.smallCircle{ width:195px; height:195px; background:#c1272d; border-radius:50%; box-shadow:0 0 6px -1px #444; overflow:hidden; position:absolute;}
/*.smallCircle:hover{
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
-webkit-transform: rotate(-75deg);
-moz-transform: rotate(-75deg);
transform: rotate(-75deg);
}*/
.smallCircle p{ float:none; margin:0; font-family: 'HelveticaNeueLTPro55Roman'; font-size:18px; text-align:center;}
.smallCircle p a{ width:195px; height:165px; color:#fff; display:table-cell; vertical-align:middle;  padding:15px 18px;}
.smallCircle01{ left:62px; top:146px;}
.smallCircle02{ left:192px; top:309px;}
.smallCircle03{ left:392px; top:368px;}
.smallCircle04{ right:182px; top:309px;}
.smallCircle05{ right:53px; top:146px;}
.smallCircle p a:hover{ text-decoration:none;}

.innerCirclesArea{ width:880px; height:880px; margin:15px auto; background:#fff; border-radius:50%; box-shadow:0 0 6px -1px #444; position:relative;}
.innerMainCircle{ width:355px; height:355px; border-radius:50%; border:2px solid #c1272d; position:absolute; left:261px; top:261px;}
.innerMainCircle h1{ width:190px; float:none; margin:0 auto; font-family: 'HelveticaNeueLTPro45Light'; font-size:20px; font-style:italic; text-align:center; line-height:24px; color:#c1272d; padding:60px 0 0;}
.innerMainCircle h2{ width:230px; float:none; margin:0 auto; font-family: 'HelveticaNeueLTPro75Bold'; line-height:32px; text-align:center; color:#c1272d;}
.innerSmallCircle{ width:190px; height:190px; background:#000; border-radius:50%; box-shadow:0 0 6px -1px #444; overflow:hidden; position:absolute;}
.innerSmallCircle h3{ float:none; margin:25px 40px 0; font-family: 'HelveticaNeueLTPro55Roman'; font-size:18px; text-align:center; line-height:24px; color:#fff; padding:0;}
.innerSmallCircle p{ float:none; margin:0; font-family: 'HelveticaNeueLTPro55Roman'; font-size:15px; font-style:italic; text-align:center; color:#fff; padding:0 12px;}
.innerSmallCircle01{ left:152px; top:85px;}
.innerSmallCircle02{ left:31px; top:303px;}
.innerSmallCircle03{ left:108px; bottom:146px;}
.innerSmallCircle04{ right:342px; bottom:42px;}
.innerSmallCircle05{ right:102px; bottom:146px;}
.innerSmallCircle06{ right:28px; top:303px;}
.innerSmallCircle07{ /*overflow:visible;*/ right:149px; top:85px;}

.eightCircles .innerSmallCircle01{ left:185px; top:82px;}
.eightCircles .innerSmallCircle02{ left:48px; top:261px;}
.eightCircles .innerSmallCircle03{ left:67px; bottom:210px;}
.eightCircles .innerSmallCircle04{ left:229px; bottom:57px;}
.eightCircles .innerSmallCircle05{ right:237px; bottom:57px;}
.eightCircles .innerSmallCircle06{ right:68px; top:auto; bottom:209px;}
.eightCircles .innerSmallCircle07{ right:46px; top:263px;}
.eightCircles .innerSmallCircle08{ right:184px; top:82px;}

.innerSmallCircle p a:hover{ text-decoration:none;}
.search{ width:140px; height:14px !important; padding:1px 5px !important; margin:6px 0 0; border-radius:0 !important;}
h3.valignMiddle{ width:190px; height:190px; display:table-cell; vertical-align:middle; padding:0 16px; margin:0;}
.innerMainCircle a{ font-size:12px; color:#000; position:absolute; z-index:9999;}
.closeLink{ left:43.5%; top:-37px;}
.backLink{ left:44.5%; bottom:25px;}
.innerMainCircle a:hover{ color:#c1272d; text-decoration:none;}

.innerMainCircle.productMainCircle h2{ width:190px; float:none; margin:0 auto; font-family: 'HelveticaNeueLTPro75Bold'; font-size:26px; text-align:center; line-height:30px; color:#c1272d; padding:60px 0 0;}
.innerMainCircle.productMainCircle h3{ width:230px; float:none; margin:0 auto; font-family: 'HelveticaNeueLTPro45Light'; font-style:italic; line-height:26px; text-align:center; color:#c1272d;}

.insideCircleArea{ position:absolute; left:0; top:0; z-index:-1;
opacity:0;
filter:alpha(opacity=0); /* For IE8 and earlier */
-moz-transition: all 0.5s ease-in-out;
-webkit-transition: all 05.s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.insideCircle{ width:50px; height:50px; background:#c1272d; border-radius:50%; position:absolute; z-index:999;}
.insideCircle p{ width:50px; height:50px; margin:0; font-family:'Open Sans'; font-size:10px; font-style:italic; line-height:12px; text-align:center; display:table-cell; vertical-align:middle; color:#fff; padding:0;}
.insideCircle01{ left:31px; top:-56px;}
.insideCircle02{ left:99px; top:-60px;}
.insideCircle03{ left:162px; top:-29px;}
.insideCircle04{ left:198px; top:28px;}
.insideCircle05{ left:204px; top:94px;}
.innerSmallCircle:hover .insideCircleArea{ z-index:999;
opacity:1;
filter:alpha(opacity=100); /* For IE8 and earlier */
}

.innerCirclesArea.final{ background:url(images/finalcircle.png) no-repeat center center;}
.finalInnerCircle{ width:201px; height:201px; background:#fff; border-radius:50%; border:7px solid #c1272d; position:relative; left:37.75%; top:74px;}
.finalInnerCircle.optionFinalCircle{ width:315px; height:210px; background:none; border-radius:0; border:none; position:relative; left:32.75%; top:36px;}
.finalInnerCircle h1{ width:171px; height:151px; display:table-cell; vertical-align:middle; float:none; margin:0 auto; font-family: 'HelveticaNeueLTPro45Light'; font-size:18px; font-style:italic; text-align:center; line-height:24px; color:#c1272d; padding:25px 20px;}
.finalInnerCircle.optionFinalCircle h1{vertical-align:bottom; padding-bottom: 0; padding-top: 30px; font-weight: bold; width: 300px;}
.finalInnerCircle a{ font-size:12px; color:#000; position:absolute; z-index:999;}
.finalInnerCircle .closeLink{ left:39%; top:7px;}
.finalInnerCircle .backLink{ left:40.5%; bottom:6px;}
.finalInnerCircle.optionFinalCircle .closeLink{ left:52%; top:15px; background-color: #FFF; width: 52px; height: 52px; border-radius: 50%; text-align: center; font-weight: bold; line-height: 52px;}
.finalInnerCircle.optionFinalCircle .backLink{ left:30%; top:15px; background-color: #FFF; width: 52px; height: 52px; border-radius: 50%; text-align: center; font-weight: bold; line-height: 52px;}
.finalInnerCircle a:hover{ color:#c1272d; text-decoration:none;}
.innerCirclesArea.final p{ font-size:12px; color:#000; line-height:13px;}
.innerCirclesArea.final p a { color: #000;}

.finalBox01{ padding:105px 0 0;}
.finalBox01 .circle{ width:168px; height:168px; float:left; text-align:center; background:#fff; border-radius:50%; border:4px solid #000; margin:26px 10px 0 43px;}
.finalBox01 .circle.noLogo{background: none; border-color:transparent; margin-left:30px; height:auto;}
.finalBox01 .circle img.jazz{ margin:51px 0 0;}
.finalContentBox{ /*width:470px;*/ width:460px; float:left; /*height: 345px; */overflow-y: auto;}
.finalContentBox img{ margin:30px 0 0 5px;}
.finalContentBox h2{ font-size:22px; color:#c1272d;}
.finalContentBox h2 a{ font-size:22px; color:#c1272d;}

.longText .finalInnerCircle{ top:54px;}
.longText .finalBox01{ padding-top:50px;}

.finalBox02{ clear:both; padding:20px 0 0;}
.finalBox02 h2{ font-size:22px; color:#000;}
.finalBox02 h3{ font-family: 'HelveticaNeueLTPro45Light'; font-size:18px; font-style:italic; color:#c1272d; margin:0 0 2px 220px;}
.finalBox02 h3.finalBoxHd{color:#000;}
.finalBox02 .circle{ width:132px; height:132px; float:left; text-align:center; background:#fff; border-radius:50%; border:4px solid #000; margin:18px 20px 0 113px;}
.finalBox02 .circle.noLogo{background: none; border-color:transparent; height:auto; }
.finalBox02 .circle img.acoustamat{ margin:43px 0 0;}
.finalBox02 .p{ margin:16px 0 0;}
.finalBox02 .canWith{ width:360px; float:left;}
.alsoViewed{ width:70%; clear:both; padding:5px 0 0; margin:0 0 0 30%;}
.alsoViewed p{ margin-bottom:5px !important;}

.finalBox03{ width:67%; clear:both; padding:20px 10% 0 23%;}
.finalBox03.first{ padding-top:90px;}
.finalBox03 .leftImg{ width:75px; display:inline-block; float:left; margin:0 10px;}
.finalBox03 .finalContentBox03{ width:410px; display:inline-block;}
.finalBox03 h3{ font-family: 'HelveticaNeueLTPro45Light'; font-size:18px; line-height:normal; color:#fff; margin:0;}
.finalBox03 p{ margin:10px 0 0;}

.homeSideBox a{ margin:0 0 0 36px;}

.homeBoxArea{ margin:0 !important;}
.homeBoxContent{ background:#fff; border-radius:60px; box-shadow:0 0 8px -2px #222; padding:10px 11px 8px 17px; margin:0 9px 0 17px;}
.homeBoxContent .topBox{padding:0;}
.homeBoxContent .topBox h3{ border-bottom:6px solid #c1272d; float:left; padding:0 23px 3px 40px; margin:18px 0 18px -17px;}
.homeBoxContent .topBox p{ float:right; text-align:center; padding:22px 26px 0 0;}
.homeBoxContent .homeBox{ background:#f2f2f2; padding:5px; margin-left:10px;}
.homeBoxContent .homeBox h4{ padding:0 5px; margin:0 0 8px;}
.homeBoxContent .homeBox p{ width:93%; float:left; text-align:justify; padding:0 3% 0 4%; margin:0 0 4px; font-size:10px;}
.homeBoxContent .homeBox a span{ float:right; display:block; margin:0 0 7px;}
.homeBoxContent .homeBox a:hover span{ text-decoration:underline;}
.homeBoxContent a.moreNews{ float:right; font-family: 'HelveticaNeueLTPro65Medium'; margin:9px 42px 0;}

h4.discount-cat-section-title {
    font-size: 13px;
    margin-left: 10px;
}
.discount-table {
    margin-bottom: 20px;
}
.discount-table td,
.discount-table th {
    border: 1px solid black;
    text-align: left;
    padding: 6px 10px;
}
.discount-table td.discount-cat-col {
    width: 160px;
}
.discount-table td.discount-amount-col {
    width: 40px;
    text-align: right;
    padding-right: 25px;
}
.client-landing-nav-circle-container {
    margin: 35px 10px 10px 10px;
}
.client-landing-nav-circle-container .client-landing-nav-circle {
    width: 90px;
    height: 90px;
    background-color: #c1272d;
    border-radius: 50%;
    display: inline-block;
    margin-right: 40px;
    margin-bottom: 10px;
}
.documentPage .textContent .client-landing-nav-circle p {
    text-align: center;
    padding: 0;
}
.documentPage .textContent .client-landing-nav-circle p a {
    width: 70px;
    height: 70px;
    color: #fff;
    display: table-cell;
    vertical-align: middle;
    padding: 10px;
    font-size: 13px;
}

/*-Footer-*/
.footer{ padding:122px 0 16px; background:url(images/footer-bouncyline.png) no-repeat center 0 #333;}
.footer p{ font-size:10px; color:#fff;}
.footer p a{ color:#fff;}
.social p{ margin:2px 0 0 172px;}
.social a{ margin: 0 2px 0 4px;}
.social a:hover{ opacity:0.7; filter:alpha(opacity=70); /* For IE8 and earlier */}
/*Copyright*/
.copyright { padding:0 !important;}
.copyright p{ text-align:right; line-height:12px; padding:2px 43px 0 0;}


.loader {
	width: 200px;
	height: 200px;
	background: #000 url(images/ajax-loader.gif) no-repeat center center;
	position: fixed;
	top: 50%;
	left: 50%;
	margin: -100px 0px 0px -100px;
	opacity: 0.7;
	z-index: 9999;
	-moz-border-radius: 100px;
	-webkit-border-radius: 100px;
	border-radius: 100px;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
}
.bubble img{
	position:fixed;
	top:50%;
	left:50%;
	width:0px;
	height:0px;
	z-index: 1000;
}

/* Main Menu Landing Pages
------------------------------------*/
.mainPageArea{ margin-top:80px;}
.mainPageArea h1{ font-size:26px; font-style:italic; line-height:36px; padding:0 12% 20px; margin:0;}
.mainPageArea h1 span{ font-family:'HelveticaNeueLTPro45Light';}
.mainBoxArea{ max-width:850px; background:url(images/main_menu_page_bg.png) no-repeat center bottom; padding:36px 12px 46px; margin:0 auto; overflow:hidden;}
.mainBoxArea:last-child{ background:none; padding-bottom:0;}
.mainPageBox{ width:100%; float:left; min-height:130px; background:#e6e6e6; position:relative;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out; 
}
.mainPageBox:hover{ opacity:0.5;
filter:alpha(opacity=50); /* For IE8 and earlier */}
.mainPageBox a.hoverLink{ width:100%; height:100%; position:absolute; left:0; top:0;}
.mainPageBox.leftAlign{ text-align:left; border-radius:65px 0 0 65px;}
.mainPageBox.rightAlign{ text-align:right; border-radius:0 65px 65px 0;}
.mainPageBox .mainImageBox img{ border-radius:50%;}
.mainPageBox.leftAlign .mainImageBox{ float:left; margin:0 20px 0 0;}
.mainPageBox.rightAlign .mainImageBox{ float:right; margin:0 0 0 20px;}
.mainPageText{ width:79%; float:left;}
.mainPageBox.rightAlign .mainPageText{ float:right;}
.mainPageBox p{ font-size:13px; line-height:17px;}
.mainPageBox h2{ font-size:18px; line-height:22px; padding:14px 0 0; margin:0;}
.mainPageBox.leftAlign p{ padding:14px 1.5% 0 0;}
.mainPageBox.rightAlign p{ padding:14px 0 0 1.5%;}

/* general Pages
-------------------------------------------------------*/
.generalPageArea{ margin-top:93px;}
.generalPageBox{ width:88.6%; float:left; margin:38px 5.7% 0;}
.sliderArea{ width:100%; min-height:130px; float:left; background:#e6e6e6; border-radius:65px 0 0 65px; position:relative; margin:0;}
.sliderArea h2{ width:130px; height:130px; float:left; font-size:18px; line-height:22px; text-align:center; color:#fff; background:#b3b3b3; border-radius:50%; margin:0;}
.sliderArea h2.smallFont{ font-size:15px;}
.sliderArea h2 span{ height:130px; display:table-cell; vertical-align:middle; padding:0 10px; text-align:center; width:195px;}
.slider{ float:left; padding:22px 8px 0;}
.slider img{ float:left; max-height:98px; margin:0 14px;}

.slider ul{ display:block; float:left; list-style:none; margin:0;}
.slider ul li{ float:left; margin:0;}
.slider li a{ width:60px; height:60px; display:table-cell; vertical-align:middle; font-size:9px; text-align:center; color:#fff; background:#c1272d; border-radius:50%; margin:0 0 0 10px;}
.slider li a:hover{ text-decoration:none; text-shadow:1px 1px 1px #000; box-shadow:0 0 3px #333;}

.textContent{ width:92.8%; float:left; background:#fff; padding:80px 3.6% 12px; margin:-64px 0 0;}
.textContent h3{ font-size:14px; line-height:15px;}
.textContent p{ font-size:12px; line-height:15px; margin:0 0 14px;}
.textContent ul{ list-style:none; padding:8px 0 6px; margin:0;}
.textContent li{ padding:0; margin:0;}
.textContent li a{ color:#000;}

/*-----Our Product Pages----*/
.leftMenuBar{ width:8.5%; float:left; margin:38px 0 0 5.5%;}
.leftMenuBar ul{ list-style:none; padding:0; margin:0;}
.leftMenuBar li{ padding:10px 0 0; margin:0;}
.leftMenuBar li a{ width:60px; height:60px; display:table-cell; vertical-align:middle; font-size:9px; text-align:center; color:#fff; background:#c1272d; border-radius:50%;}
.leftMenuBar li a:hover{ text-decoration:none; text-shadow:1px 1px 1px #000; box-shadow:0 0 3px #333;}
.generalPageBox.productPage{ width:80%; float:right; margin:38px 5.7% 0 0;}
.productPage .sliderArea{ min-height:123px;}
.productPage .sliderArea h2{ width:123px; height:123px;}
.productPage .sliderArea h2 span{ height:123px;}
.productPage .slider{ padding:22px 5px 0;}
.productPage .slider img{ height:89px; margin:0 15px 0 10px;}
.productPage .textContent{ margin:-65px 0 0;}
.brandBox{ width:100%; float:left; margin:14px 0 0;}
.brandLogo{ width:122px; height:121px; display:block; float:left; text-align:center; background:#e6e6e6; border-radius:50%; margin:2px 0 5px;}
.brandLogo:hover{ box-shadow:0 0 5px #777;}
.brandBox img{ margin:30px 0;}
.brandText{ width:81%; float:right;}
.brandText h3{ margin:0;}
.brandText h3 a{ color:#000;}
.brandText h3 a:hover{ color:#c1272d; text-decoration:none; text-shadow:0 1px 1px #999;}
.brandText p{ margin:10px 0 5px;}

/*-----Product Brand Pages----*/
.textContent.brandPage{ width:97%; padding:80px 1.5% 12px}
.mainBrandArea{ width:100%; float:left;}
.brandPage h1{ font-size:18px; line-height:normal; padding:0 0 12px;}
.brandPage h3{ color:#c1272d; margin:30px 0 14px;}
.brandPage p{ font-size:11px; line-height:15px; text-align:justify;}
.brandPage .application{ width:100%; float:left; list-style:none; padding:0 0 50px; margin:0;}
.brandPage .application li{ width:31.333%; float:left; font-size:11px; line-height:16px; padding:0 2% 0 0;}
.brandPage .briefSpec p{line-height:22px; margin-bottom:5px;}
.brandPage .recentNews{ width:100%; float:left; list-style:none; padding:0; margin:0;}
.brandPage .recentNews li{ font-size:11px; line-height:13px; padding:0;}
.brandPage .otherBrand{ width:100%; float:left; list-style:none; padding:0 0 35px; margin:0;}
.brandPage .otherBrand li{ max-width:90px; float:left; text-align:center; padding:0 18px 10px 0;}
.otherBrand p{ text-align:center; margin:0; padding:5px 0;}
.otherBrand a:hover p, .otherBrand a:hover{ color:#c1272d; text-decoration:none;}

.brandRightBox{ width:100%; float:left; background:#f2f2f2; padding:12px !important; margin-top:25px;
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */}
.brandRightBox h3{ margin:10px 0 15px;}
.brandRightBox p { text-align:left; }
.brandRightBox p a{ color:#000;}
.brandRightBox p a:hover{ color:#c1272d;}

/*-----Downloads Page----*/
.downloadsPage .slider ul{ padding:12px 0 0 30px;}
.downloadsPage .slider ul li{ padding:0 5px 10px;}
.downloadsPage .slider li a{ font-size:9px;}
.downloadsPage .slider li a:hover{ text-decoration:none; text-shadow:1px 1px 1px #000; box-shadow:0 0 3px #333;}
.downloadsPage .textContent{ padding-bottom:40px;}
.downloadsPage .textContent h3{ padding:5px 0 0;}
.downloadsPage .textContent h4{ margin:18px 0 0;}

/*-----FAQ Page----*/
.faqPage .slider .searchBox{ background:#c1272d; border-radius:50px; padding:14px 26px 6px 14px; margin:14px 34px 0;}
.faqPage .slider .searchBox form{ margin:0;}
.faqPage .slider label{ width:27px; float:left; font-size:9px; line-height:11px; text-align:center; color:#fff; padding:5px 11px 0 0; cursor:default;}
.faqPage .slider .faqTextBox{ width:538px; min-width:170px; height:20px; border:none; border-radius:0; box-shadow:none; padding:5px 5px 6px;}
.faqPageBox{ padding:0 0 18px;}
.faqPageBox h3{ color:#c1272d; padding:7px 0;}
.faqPageBox h3 a{ line-height:36px;}
.faqPageBox h4{ margin:6px 0 0;}
.faqPageBox h4 a{ color:#000;}
.faqPageBox h2{ font-size:12px; line-height:20px; margin:6px 0 0;}
#faq-block .single-faq h2.expand-title{
	cursor:pointer;
}
.faq-answer{ margin:8px 0 9px;}
.faqPageBox p{ font-size:11px; line-height:normal; margin:8px 0 0;}
.faqPage .textContent { padding-bottom:25px;}
.faqPage .textContent ul{ padding:0; margin:0;}
.faqPage .textContent ul li{ padding-bottom:4px;}
.faqPage h3{ color:#c1272d; margin:24px 0 16px;}
.faqPage h2.faq-question {font-size:12px; line-height:normal;}

/*-----New Business Page----*/
.newBusiness .slider ul{padding:12px 0 0 30px;}
.newBusiness .slider ul li{ padding:0 5px 10px;}
.newBusiness .slider li a{ font-size:9px; line-height:11px;}
.newBusiness .slider li a:hover{ text-decoration:none; text-shadow:1px 1px 1px #000; box-shadow:0 0 3px #333;}
.newBusiness .textContent h3{ color:#c1272d; padding:13px 0 6px;}
.newBusiness label{ width:100%; float:left; font-family:'HelveticaNeueLTPro65Medium'; font-size:12px; line-height:normal; padding:1px 0 0; margin:0 0 9px; cursor:default;}
.newBusiness label span{ width:100%; display:block; font-size:10px; line-height:10px;}
.newBusiness .textBox{ width:98% !important; height:24px; font-size:11px; background:#f2f2f2; border:none; border-radius:0; box-shadow:none !important; margin:0 1% 12px;
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
}
.newBusiness .textArea{ width:98% !important; height:100px; font-size:11px; background:#f2f2f2; border:none; border-radius:0; box-shadow:none !important; margin:0 1% 12px;
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
}
.newBusiness p.formBtn{ width:100%; float:left; padding:0 0 10px; margin:0;}
.newBusinessBtn{ width:60px; height:22px; float:left; font-size:9px; background:#e6e6e6; border:none; border-radius:12px; padding:2px 14px 0; margin:0 13px 0 1%;}
.newBusinessBtn:hover{ text-shadow:1px 1px 1px #aaa;}
.newBusiness .formBtn span{ font-family:'HelveticaNeueLTPro65Medium'; font-size:10px; font-style:italic;}
.newBusiness .formBtn span a{ font-style:normal; color:#c1272d; margin:0 2px;}

/*-----Search Page----*/
.searchPage .slider{ padding:6px 4px 0 8px;}
.searchPage .slider ul{ float:none; padding:0 0 0 30px;}
.searchPage .slider ul li{ padding:5px 5px 4px;}
.searchPage .slider li a{ width:52px; height:56px; line-height:11px; background:#b3b3b3; padding:0 5px 4px 3px;}
.searchPage .slider li a:hover, .searchPage .slider li.current-menu-item a{ background:#c1272d;}
.searchPage .searchArea{ float:left; margin:2px 0 0;}
.searchPage .searchArea form{ margin:0;}
.searchPage .searchTextBox{ width:636px; height:29px; float:left; border:none; border-radius:0; box-shadow:0 1px 3px -1px #999 inset; margin:4px 6px 0 7px;}
.searchPage .searchBtn{ width:45px; height:45px; background:url(images/quick_search_icon.png) no-repeat 0 0; border:none; padding:0; margin:0;}
.searchPage .textContent{ padding-bottom:30px;}
.searchPage h3{ color:#c1272d; margin:24px 0 16px;}
.searchPage h4{ line-height:15px; margin:0;}
.searchPage p{ font-size:10px; line-height:12px; margin-bottom:12px;}
span.highLight{ color:#c1272d;}

.searchInnerForm{ width:100%; float:left; padding:5px 0 10px;}
.searchInnerForm label{ display:inline-block; font-family:'HelveticaNeueLTPro65Medium'; font-size:12px; cursor:default; padding:0 28px 10px 2px;}
.searchInnerForm label span{ display:block; padding:0 0 4px;}
.searchInnerForm .postCode{ width:78px; height:20px; background:#e6e6e6; border:1px solid #ccc; border-radius:0; padding:2px 4px;}
.searchInnerForm .categoryBox{ width:166px; height:26px; background:#e6e6e6; border:1px solid #ccc; border-radius:0;}
/*-----Login Register Page----*/
.loginRegister .textContent h3{ color:#c1272d; padding:10px 0 2px;}
.loginRegister .textContent p{ line-height:14px; margin-bottom:12px;}
.loginRegister .formBox{ padding:0 0 5px 10px;}
.loginRegister .formBox:first-child{ padding:0 10px 5px 0;}
.loginRegister .formBox h3{ padding:2px 0 6px;}
.loginRegister .formBox p{ text-align:right;}
.loginRegister label{ width:100%; float:left; font-family:'HelveticaNeueLTPro65Medium'; font-size:12px; line-height:normal; padding:3px 0; margin:0 0 5px; cursor:default;}
.loginRegister .textBox{ width:100% !important; height:24px; font-size:11px; line-height:normal; background:#e6e6e6; border:none; border-radius:0; box-shadow:none !important; margin:0 0 10px;
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
}
.loginRegister .submitBtn{ height:22px; font-size:9px; text-transform:uppercase; background:#e6e6e6; border:none; border-radius:12px; padding:2px 13px 0; margin-right:5px;}
.loginRegister .submitBtn:hover{ text-shadow:1px 1px 1px #aaa;}
.loginRegister .registerForm p{ text-align:left; margin:0;}
.loginRegister .registerForm .cimy_uef_input_27{ width:100% !important; height:24px; font-size:11px; line-height:normal; background:#e6e6e6; border:none; border-radius:0; box-shadow:none !important; margin:0 0 10px;
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
}
.loginRegister .registerForm .input{ width:100% !important; height:24px; font-size:11px; line-height:normal; background:#e6e6e6; border:none; border-radius:0; box-shadow:none !important; margin:0 0 10px;
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
}
.loginRegister p.submit #wp-submit2{ height:22px; font-size:9px; text-transform:uppercase; background:#e6e6e6; border:none; border-radius:12px; padding:2px 13px 0; margin-right:5px;}
.loginRegister p.submit #wp-submit2:hover{ text-shadow:1px 1px 1px #aaa;}


/*-----Contact Page----*/
.contactPage .textContent h3{ color:#c1272d; padding:10px 0 6px;}
.contactPage .textContent h3:first-child{ padding:30px 0 6px;}
.contactBox .span6{ padding:0;}
.contactBox p{ width:100%; float:left;}
.contactBox p .labelBlock{ max-width:29%; width:99px; float:left; padding:0 2% 0 0;}
.contactBox p span{ max-width:66%; display:block; float:left; line-height:18px;}
.contactBox a{ color:#000;}
.contactBox a:hover{ text-shadow:1px 1px 1px #bbb;}
.contactBox .mapArea iframe{ max-width:100%; float:right; margin-bottom:15px;}

.brandBox.newsBox{ margin:15px 0;}
.brandBox.newsBox img{ margin:0;}

/*-----Request Sample Page----*/
.requestSample .textContent{ padding-bottom:30px;}
.requestSample .textContent h3{ color:#c1272d; padding:9px 0; margin:0;}
.requestSample .textContent p{ padding:8px 0 28px;}
.requestSample label{ width:100%; float:left; font-family:'HelveticaNeueLTPro65Medium'; font-size:12px; line-height:normal; padding:1px 0 0; margin:0 0 8px; cursor:default;}
.requestSample label span{ width:100%; display:block; font-size:10px; line-height:10px;}
.requestSample .textBox{ width:98% !important; height:24px; font-size:11px; background:#f2f2f2; border:none; border-radius:0; box-shadow:none !important; margin:0 0 11px 1%;
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
}
.requestSample .textArea{ width:98% !important; height:100px; font-size:11px; background:#f2f2f2; border:none; border-radius:0; box-shadow:none !important; margin:0 0 12px 1%;
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
}
.requestSample .halfSize .textBox{ width:96% !important; margin-left:2%;}
.formBox.formColumns{ padding-top:40px !important;}
.formColumns ul{ width:100%; float:left; list-style:none; padding:0; margin:0;}
.formColumns li{ margin:0;}
.formColumns li label{ width:96%; display:none; padding:0 2%; margin-bottom:5px;}
.formColumns li.formBigColumn{ width:51%; float:left; padding:0 0 0 1%;}
.formColumns li.formSmallColumn{ width:10.7%; float:left; padding:0 0 0 1%;}
.formColumns li.formSmallColumn label{ width:100%; text-align:center; padding:0;}
.formColumns ul:first-child label{ display:block;}
.formColumns .textBox{ width:100% !important; margin:0 0 6px;}
.requestSample .submitBtn{ width:60px; height:22px; float:left; font-size:9px; background:#e6e6e6; border:none; border-radius:12px; padding:2px 14px 0; margin:3px 13px 0 1%;}
.requestSample .submitBtn:hover{ text-shadow:1px 1px 1px #aaa;}
.requestSample .error{ color:#e00;}

/*-----Request Installer Page----*/
.requestInstaller .textContent{ padding-bottom:30px;}
.requestInstaller .textContent h3{ margin-bottom:13px; font-size:16px; font-weight:bold;}
.requestInstaller .textContent p{ font-size:12px; line-height:normal; margin-bottom:3px;}
.requestInstaller .textContent h4{ padding:24px 0 12px; font-size:16px; }
.requestInstaller label{ width:100%; float:left; font-family:'HelveticaNeueLTPro65Medium'; font-size:12px; line-height:normal; padding:1px 0 0; margin:0 0 8px; cursor:default;}
.requestInstaller label span{ width:100%; display:block; font-size:10px; line-height:10px;}
.requestInstaller .textBox{ width:98% !important; height:24px; font-size:11px; background:#f2f2f2; border:none; border-radius:0; box-shadow:none !important; margin:0 0 11px 1%;
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
}
.requestInstaller .textArea{ width:98% !important; height:60px; font-size:11px; background:#f2f2f2; border:none; border-radius:0; box-shadow:none !important; margin:0 0 12px 1%;
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
}
.requestInstaller .submitBtn{ width:60px; height:22px; float:left; font-size:9px; background:#e6e6e6; border:none; border-radius:12px; padding:2px 14px 0; margin:5px 13px 0 1%;}
.requestInstaller .submitBtn:hover{ text-shadow:1px 1px 1px #aaa;}
.requestInstaller .radioOptions{clear:both; margin-bottom:25px;}
.requestInstaller .radioOptions p{clear:both; display:block;}
.requestInstaller .radioOptions .radio{float:left; margin-right:10px; margin-top:0;}
.requestInstaller .radioOptions  label{width:80%; float:left; line-height:18px;}

.requestInstaller .error{ color:#e00;}
.requestInstaller .radioOptions label.error{ width:auto; margin-top:-15px; position:absolute;}

.sliderBox{ width:82%; display:inline-block; padding:20px 0.5%;}
.productPage .sliderBox{ width:83%; padding:17px 0;}

.wpcf7-mail-sent-ok{color:#009900;}
.enquireButton{ clear:both; font-size:12px; background:#c1272d; color:#FFF; border:none; border-radius:12px; padding:10px; margin:15px 0 0 0; display:block; text-align:center; font-weight:bold;}
.enquireButton:hover{background:#e6e6e6; text-decoration:none;}

/* Top search */
.searchTopBox{ width:50%; float:right; text-align:right; padding-right:3%; margin:-20px 0 -16px; position:relative; z-index:9;}
.searchTopBox form{ margin-bottom:0;}
.searchTopBox .searchTextTop{ min-width:220px; width:65%; height:36px; background:#fff; border:none; border-radius:0; padding:0 10px; margin:0 2px;}
.searchTopBox .searchBtnTop{ width:34px; height:34px; background:url(images/search_icon.png) no-repeat; border:none;}
.screen-reader-response{ display:none;}
/*-----Login Register Page----*/
.loginRegisterBox{ padding-bottom:5px;}
.loginRegisterBox h3{ padding:12px 0 0 !important;}
.loginRegisterBox h4{ padding:15px 0 0;}
.loginRegisterBox p span{ padding-left:10px; padding-right:15px;}
.loginRegisterBox input[type="radio"]{ margin:0 4px 4px 0;}
.loginRegisterBox input[type="checkbox"]{ margin:0 4px 4px 0;}
.loginRegisterBox .textBox{ width:99% !important; background:#f2f2f2; margin-left:1% !important;}
.loginRegisterBox .submitBtn{ margin-left:1% !important;}
/*-----Document Page----*/
.documentPage .textContent{ padding-bottom:30px;}
.documentPage .textContent h3{ color:#c1272d; padding:13px 0 6px; margin-bottom:0;}
ul.documentAccess{ padding:6px 0 2px;}
ul.documentAccess li{ font-family:'HelveticaNeueLTPro65Medium'; font-size:12px; line-height:14px;}
ul.documentAccess li a:hover{ text-shadow:1px 1px 1px #ccc;}
.documentPage .textContent p{ width:100%; padding:8px 0 20px;}
.documentPage .documentSearch{ display:block; padding-top:8px;}
.documentPage label{ display:inline-block; float:left; font-family:'HelveticaNeueLTPro65Medium'; font-size:12px; line-height:normal; padding:1px 0 0; margin:4px 0; cursor:default;}
.documentPage .textBox{ width:68% !important; display:inline-block; float:left; height:24px; font-size:11px; background:#f2f2f2; border:none; border-radius:0; box-shadow:none !important; margin:0 0 0 1%;
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
}
.documentPage .textContent p.red{ color:#c1272d; padding-top:4px;}
.documentPage .submitBtn{ height:22px; font-size:9px; text-transform:uppercase; background:#e6e6e6; border:none; border-radius:12px; padding:2px 13px 0; margin-left:10px;}
.documentPage .submitBtn:hover{ text-shadow:1px 1px 1px #aaa;}
.documentPage #searchform{ display:inline; margin-bottom:0;} 
.doc-table td, .doc-table th {
border: 1px solid black;
text-align:left;
padding: 15px;
}

.loginRegister .checkboxcols label {
  width: auto;
  float: none;
  display: inline-block;
  vertical-align: sub;
  font-family: 'Open Sans',sans-serif;
  cursor: pointer;
  margin: 0;
}

.captchaContainer {
    margin: 20px 0;
}

.generalPageArea .breadcrumb{ font-style:italic; background:none; padding:5px 0; margin-bottom:5px;}
.generalPageArea .breadcrumb span{ color:#c1272d; margin-right:5px;}
.generalPageArea .breadcrumb a{ margin-right:5px;}

/*-----order-online Page----*/
.order-online .row-fluid .row-fluid [class*="span"]{ padding-left:0; padding-right:0;}
.order-online .slider ul{ padding:14px 0 0 12px;}
.order-online .slider ul li{ padding:0 5px 10px;}
.order-online .slider li a{ font-size:9px; line-height:11px; background:#b3b3b3;}
.order-online .slider li.active a{ background:#c1272d;}
.order-online .slider li a:hover{ text-decoration:none; text-shadow:1px 1px 1px #000; background:#c1272d; box-shadow:0 0 3px #333;}
.order-online .textContent{ padding-bottom:50px;}
.order-online .textBox{ width:100% !important; height:24px; font-size:11px; background:#f2f2f2; border:none; border-radius:0; box-shadow:none !important; margin:0 0 10px;
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
}
.order-online .submitBtn{ font-size:9px; background:#e6e6e6; border:none; border-radius:12px; padding:2px 14px; margin:0 5px 10px;}
.order-online .submitBtn:hover{ text-shadow:1px 1px 1px #aaa;}
.order-online .error{ color:#e00;}
.search-product{ padding-top:25px;}
.search-product p{ margin-bottom:0;}
.search-product p.my-order-btns{ text-align:right; padding-right:5%;}
.search-product .textBox{ width:85% !important;}
.search-order{ padding-top:25px;}
.search-order p{ margin-bottom:0; text-align: center;}
.search-order p.my-order-btns{ text-align:right; padding-right:5%;}
.search-order label {
    width: 30% !important;
    display: inline-block;
    font-size: 12px;
    text-align: right;
    padding-right: 10px;
    vertical-align: super;
}
.search-order form {
    margin-bottom: 0;
}
.search-order .textBox{ width:65% !important;}
ul.product-cat{ padding:0;}
ul.product-cat a{ font-size:12px;}
ul.product-cat .active a{ font-weight:bold; line-height:15px;}
ul.product-cat a:hover{ color:#c1272d;}
.product-list p{ font-size:14px; padding-top:5px; padding-left:8px;}
.product-list p a{ color:#000;}
.product-list p a:hover{ color:#c1272d;}
.product-list p .product-thumb img{ margin-right:20px;}
.product-list p a:hover img{
opacity:0.85;
filter:alpha(opacity=85); /* For IE8 and earlier */
}

.single-list-area{ width:100%; display:inline-block; background:#f2f2f2; padding-bottom:5px; margin-bottom:12px;}
.single-list-area .textBox{ margin-bottom:5px;}
.single-list-area p{ margin-bottom:5px;}
.single-list-area p span{ font-family:'HelveticaNeueLTPro75Bold';}
.single-list{ padding:0 8px;}
ul.product-order{ width:100%; float:left; list-style:none; border-top:1px solid #fdfdfd; padding:5px 0 0; margin:0;}
ul.product-order:first-child{ border-top:none;}
ul.product-order h4{ display:none; margin:0 0 5px;}
ul.product-order:first-child h4{ display:block;}
ul.product-order li{ float:left; padding:0 0.5%; margin:0;}
ul.product-order li.product-lg{ width:30%;}
ul.product-order li.product-md{ width:15%;}
ul.product-order li.product-sm{ width:10.5%; text-align:center;}
ul.product-order li.product-xs{ width:6%; text-align:center;}
ul.product-order li p{ font-size:11px; padding:0;}
ul.product-order .textBox{ width:28px !important; height:20px; text-align:center; background:#fff; margin:3px 0;}

.order-btn-area{ width:150px; max-width:45%; float:right; text-align:right;}
.order-btn-area p{ font-family:'HelveticaNeueLTPro65Medium'; font-size:12px; padding-right:8px; margin-bottom:0 !important;}
.order-btn-area p span{ font-family:'HelveticaNeueLTPro65Medium';}
.order-btn-area .submitBtn{ font-family:'HelveticaNeueLTPro65Medium'; font-size:12px; background:#fff; border-radius:0; margin:0;}
.order-btn-box{ text-align:center; background:#fff; padding:5px 10px; margin-top:12px; margin-right:8px;}
.order-btn-box .submitBtn{ color:#c1272d; padding:0 5px;}
.order-btn-box p{ padding:5px 0;}
.related-products{ width: 100%; float:left; padding-top:20px;}
.related-products h3{ font-family:'HelveticaNeueLTPro75Bold'; padding-left:78px;}
.single-list-area .related-products p {clear: both;}

/*-----order-online Page----*/
.my-order{ padding-top:20px;}
.my-order h3{ font-size:16px; color:#c1272d; padding-bottom:10px;}
.my-order-list{ width:100%; display:inline-block; border:1px solid #d7d7d7; padding:2px 1.8%; margin:0 -2% 16px;}
.my-order-list .textBox{ margin-bottom:5px;}
.my-order-list p{ padding-top:12px; margin-bottom:5px;}
.my-order-list p span{ font-size:14px;}
.my-order-list p .product-thumb img{ margin-right:20px;}
.my-single-cat{ width:100%; display:inline-block;}
ul.my-order-product{ width:100%; float:left; list-style:none; padding:5px 0 0; margin:0;}
ul.my-order-product h4{ display:none; margin:0;}
ul.my-order-product:first-child h4{ display:block;}
ul.my-order-product li{ float:left; padding:0 0.5%; margin:0;}
ul.my-order-product li p{ font-size:11px; padding:5px 0 0;}
ul.my-order-product li.product-lg{ width:17%;}
ul.my-order-product li.product-md{ width:11%;}
ul.my-order-product li.product-sm{ width:8.5%; text-align:center;}
ul.my-order-product li.product-xs{ width:5%; text-align:center;}
ul.my-order-product li.product-xs p{ padding-top:2px;}
ul.my-order-product li.product-xs p span{ display:inline-block; font-size:11px; padding-top:3px;}
ul.my-order-product .textBox{ width:28px !important; height:20px; text-align:center; margin:3px 0;}
ul.my-order-product .close-icon{ width:24px; height:24px; display:inline-block; background:url(images/close-icon.png) no-repeat 0 0;}
ul.my-order-product:first-child .close-icon{ margin-top:20px;}

.my-order-list .my-totals{ width:130px; float:right; text-align:center; padding-right:18px;}
.my-order-list .my-totals p{ font-size:11px; padding-top:2px;}
.my-order-list .my-totals strong{ font-family:'HelveticaNeueLTPro65Medium'; font-weight:normal;}
.my-order-list .my-totals span{ font-family:'HelveticaNeueLTPro65Medium'; font-size:13px;}

.my-order-list .clear-update-box{ width:94%; float:left; text-align:right; padding-right:6%;}
.my-order-list .clear-update-box p{ padding-top:5px;}
.my-order-list .clear-update-box .submitBtn{ font-family:'HelveticaNeueLTPro65Medium'; font-size:12px; background:#f2f2f2; border-radius:0; margin:0 10px 10px 0;}

.my-order .pagination {
    text-align: center;
}
.my-order .pagination .pageno {
    padding: 5px 10px;
    background: #c1272d;
    color: #fff;
    display: inline-block;
    margin-bottom: 5px;
}
.my-order .pagination .pageno.active {
    background: #333;
    text-decoration: none;
}

.rollLengthsWrapper {margin-bottom: 25px;}

.delivery-options{ border:1px solid #d7d7d7; padding:2px 1.8% 10px; margin:0 -2% 25px;}
.delivery-options h4{ padding:12px 0 8px; margin:0;}
.delivery-options h4 span{ min-width:100px; display:inline-block; text-align:center; background:#f2f2f2; padding:2px 5px;}
.delivery-options p{ font-size:11px; margin-bottom:5px;}
.delivery-options p span{ padding-left:25px;}
.delivery-options input[type="radio"]{ margin:0 2px 4px;}
.delivery-options label{ font-size:11px; cursor:default; margin-bottom:0;}
.delivery-options label.small{ width:31.5%; display:inline-block;}
.delivery-options label span{ width:110px; display:inline-block; text-align:right; padding-left:0;}
.delivery-options .textBox{ width:120px !important; height:20px; margin-bottom:0; margin-left:5px;}
.delivery-options .textBox.long{ width:79% !important;}
.delivery-options .textArea{ width:77.5% !important; height:100px; font-size:11px; vertical-align:top; background:#f2f2f2; border:none; border-radius:0; box-shadow:none !important; margin-left:5px; margin-bottom:2px;}

.order-submit h4{ padding:12px 0 8px; margin:0;}
.order-submit h4 span{ min-width:100px; display:inline-block; text-align:center; background:#f2f2f2; padding:2px 5px;}
.order-submit p{ font-size:11px; margin-bottom:5px;}
.order-submit p span{ padding-left:25px;}
.order-submit input[type="radio"]{ margin:0 2px 4px;}
.order-submit p.left-padding{ padding-left:27px;}
.order-submit label{ font-size:11px; cursor:default; margin-bottom:0;}
.order-submit label.small{ width:31.5%; display:inline-block;}
.order-submit label span{ width:110px; display:inline-block; text-align:right; padding-left:0;}
.order-submit .textBox{ width:120px !important; height:20px; margin-bottom:0; margin-left:5px;}
.order-submit .textBox.long{ width:79% !important;}
.order-submit .textArea{ width:77.5% !important; height:100px; font-size:11px; vertical-align:top; background:#f2f2f2; border:none; border-radius:0; box-shadow:none !important; margin-left:5px; margin-bottom:2px;}
.order-submit p.right-align{ text-align:right; padding-right:6.3%; padding-bottom:5px;}
.order-submit .submitBtn{ font-family:'HelveticaNeueLTPro65Medium'; font-size:12px; background:#f2f2f2; border-radius:0; margin:0;}

.orderQty.orderQtyError,
.inputError {outline: 2px solid #F12E35;}
.ooCartShippingBtn {min-width: 110px;}

.submit-order{ width:100%; display:inline-block; border:1px solid #d7d7d7; padding:12px 1.8%; margin:0 -2%;}
.submit-order p.top-text{ padding:15px 0;}
.submit-order p{ margin-bottom:15px;}
.submit-order label{ font-size:11px; cursor:default; margin-bottom:0;}
.submit-order label.small{ width:31.5%; display:inline-block;}
.submit-order label span{ width:110px; display:inline-block; line-height:normal; vertical-align:middle; text-align:right; padding-left:0;}
.submit-order .textBox{ width:120px !important; height:30px; margin-bottom:0; margin-left:5px;}
.submit-order .textBox.long{ width:79% !important;}
.submit-order .textArea{ width:77.5% !important; height:100px; font-size:11px; vertical-align:top; background:#f2f2f2; border:none; border-radius:0; box-shadow:none !important; margin-left:5px; margin-bottom:2px;}
.submit-order p.right-align{ text-align:right; padding-right:6.3%; padding-bottom:5px;}
.submit-order .submitBtn{ font-family:'HelveticaNeueLTPro65Medium'; font-size:12px; background:#f2f2f2; border-radius:0; margin:0 0 10px;}

.order-details{ border:1px solid #d7d7d7; padding:20px 1.8% 5px; margin:0 -2% 25px;}
.order-details p{ font-size:11px;}
.order-details h4{ padding:8px 0; margin:0 0 5px;}
.order-details h4 span{ min-width:100px; display:inline-block; text-align:center; background:#f2f2f2; padding:2px 5px;}
.order-details .order-label{ width:108px; display:inline-block; vertical-align:top; font-family:'HelveticaNeueLTPro65Medium'; text-align:right; padding-right:12px; margin-bottom:5px;}
.order-details .order-text{ width:60%; display:inline-block;}
.order-details .small-cl{ width:32%; display:inline-block;}
.order-details .small-cl .order-text{ width:120px;}

.order-history{ width:100%; display:inline-block; padding-top:10px;}
ul.order-history-row{ width:94%; float:left; list-style:none; border-bottom:1px solid #ccc; padding:0; margin:0 3%;}
ul.order-history-row li{ float:left; padding:0; margin:0;}
ul.order-history-row li.product-lg{ width:42%;}
ul.order-history-row li.product-md{ width:22.5%;}
ul.order-history-row li.product-sm{ width:13%; text-align:center;}
ul.order-history-row h4{ font-size:12px; display:none; padding:5px; margin:0;}
ul.order-history-row:first-child h4{ display:block;}
ul.order-history-row p{ font-size:11px; padding:10px 5px 0;}

ul.order-management-row{ width:100%; float:left; list-style:none; border-bottom:1px solid #ccc; padding:0; margin:0;}
ul.order-management-row li{ float:left; padding:0; margin:0;}
ul.order-management-row li.product-lg{ width:42%; word-wrap: break-word; word-break: break-word;}
ul.order-management-row li.product-md{ width:22.5%; word-wrap: break-word; word-break: break-word;}
ul.order-management-row li.product-sm{ width:13%; text-align:center; word-wrap: break-word; word-break: break-word;}
ul.order-management-row li.product-xs{ width:11%; word-wrap: break-word; word-break: break-word;}
ul.order-management-row h4{ font-size:12px; display:none; padding:5px; margin:0;}
ul.order-management-row:first-child h4{ display:block;}
ul.order-management-row p{ font-size:11px; padding:10px 5px 0;}

/*-- Popup Style --*/
#popup-content,
#popup-contentCredit{ padding:15px 4%;}
#popup-content .popup-close-area,
#popup-contentCredit .popup-close-area{ width:100%; display:inline-block; text-align:center;}
#popup-content .popup-close-area p,
#popup-contentCredit .popup-close-area p{ float:right; width:125px; font-size:10px !important; text-transform:uppercase; padding:10px 0 0; margin-bottom:0;}
#popup-content .popup-close-area label,
#popup-contentCredit .popup-close-area label{ display:inline-block; font-size:10px; margin-top:2px;}
#popup-content .popup-close-area .check-box,
#popup-contentCredit .popup-close-area .check-box{ margin-top:-1px; margin-right:5px;}
#popup-content .popup-close-area a.close, 
#popup-content .popup-close-area a.actbutton,
#popup-contentCredit .popup-close-area a.close, 
#popup-contentCredit .popup-close-area a.actbutton{ float:none; font-family:'HelveticaNeueLTPro65Medium'; font-size:10px; font-weight:normal; text-shadow:1px 1px 1px rgba(0,0,0,0.1); color:#000; background:#e6e6e6; border-radius:12px; padding:5px 14px 4px;
opacity:1;
filter:alpha(opacity=100); /* For IE8 and earlier */
}
#popup-content .popup-close-area .popupContinue {padding: 0 20px 20px 0;}
#popup-content .popup-close-area a.close:hover,
#popup-contentCredit .popup-close-area a.close:hover{ text-shadow:1px 1px 1px rgba(0,0,0,0.3); background:#ddd;}
#popup-content h2,
#popup-contentCredit h2{ font-size:22px; line-height:normal; color:#c1272d; padding:0 3% 10px; margin-top:0;}
#popup-content p,
#popup-contentCredit p{ font-size:17px; padding:0 3%;}
#popup-content ul,
#popup-contentCredit ul{ list-style:none; padding:30px 1.5%; margin:0;}
#popup-content ul {padding:30px 1.5% 10px;}
#popup-content li,
#popup-contentCredit li{ position:relative; padding:6px 0 25px;}
#popup-content li .number-box,
#popup-contentCredit li .number-box{ width:28px; height:28px; display:inline-block; font-size:17px; line-height:26px; text-align:center; border:2px solid #c1272d; border-radius:50%; position:absolute; left:0; top:0;}
#popup-content ul p,
#popup-contentCredit ul p{ font-size:14px; padding-left:40px;}

#popup-content.creditaccpopup p,
#popup-contentCredit.creditaccpopup p{ font-size:14px; margin-bottom:20px;}
#popup-content.creditaccpopup .popup-close-area p,
#popup-contentCredit.creditaccpopup .popup-close-area p {width: 370px;}
#popup-contentCredit.creditaccpopup.chooseCredirOrPrepaidPopup .popup-close-area.chooseCredirOrPrepaidPopupClose p {width: 125px;}
#popup-content.creditaccpopup,
#popup-contentCredit.creditaccpopup {padding: 50px 4%;}
#popup-contentCredit.creditaccpopup.chooseCredirOrPrepaidPopup {padding: 0 4% 50px 4%;}
#popup-content.creditaccpopup .popup-close-area,
#popup-contentCredit.creditaccpopup .popup-close-area {margin-top: 15px;}
#popup-content.creditaccpopup .popup-close-area p,
#popup-contentCredit.creditaccpopup .popup-close-area p {margin-bottom:10px;}
#popup-content .popup-close-area a.actbutton,
#popup-contentCredit .popup-close-area a.actbutton {margin-right:10px;}
#popup-content .popup-close-area a.actbutton:hover,
#popup-contentCredit .popup-close-area a.actbutton:hover{ text-shadow:1px 1px 1px rgba(0,0,0,0.3); background:#ddd;}

#popup-content .cartpopupterms,
#popup-contentCredit .cartpopupterms {
    height: 200px;
    overflow-y: scroll;
    border: 1px solid #ccc;
    margin: 0 3%;
    padding: 5px;
}
#popup-content .cartpopupterms ol,
#popup-contentCredit .cartpopupterms ol {
    margin-left: 0;
}
#popup-content .cartpopupterms ol li,
#popup-contentCredit .cartpopupterms ol li {
    padding: 5px 0;
}
#popup-content .cartpopupterms ol,
#popup-contentCredit .cartpopupterms ol { counter-reset: item }
#popup-content .cartpopupterms ol>li,
#popup-contentCredit .cartpopupterms ol>li { display: block }
#popup-content .cartpopupterms ol>li:before,
#popup-contentCredit .cartpopupterms ol>li:before { content: counters(item, ".") ". "; counter-increment: item }

#viewAllOrders {
    margin: 0px 3%;
    text-align: center;
    background: #333333;
    padding: 10px 0;
    font-weight: bold;
    color: white;
    font-size: 13px;
    cursor: pointer;
    border-radius: 10px;
}

#moreOrdersWrapper ul.order-history-row:first-child h4 { display: none;}

.breadcrumb.orderDetailsBreadcrumb {
    padding-bottom: 0;
    margin-bottom: 0;
}

.breadcrumb.orderDetailsBreadcrumb p {
    margin-bottom: 0;
}

#popup-content .popup-close-area a#agreeToTerms.actbutton.disabled {
    cursor: no-drop;
    color: #A9A9A9;
    background: #EEEEEE;
    text-decoration: none;
    text-shadow: none;
}
ul#ooProductCatSideMenu li {
    margin-bottom: 5px;
}
.order-online .submitBtn.printOrderBtn {
    font-size: 10px;
}

.success.information {
    margin-top: 20px;
    background-color: #499849;
    padding: 6px;
    font-size: 14px;
    font-weight: bold;
    color: white;
    text-align: center;
    border-radius: 10px;
}
.cancelled.information {
    background-color: #c1272d;
    margin-bottom: 20px;
    margin-top: 0;
    padding: 20px;
    font-size: 16px;
    font-weight: bold;
    color: #FFF;
    text-align: center;
    border-radius: 10px;
}
.order-online .orderMgmtActions {
    text-align: right;
}
.order-online .orderMgmtActions .submitBtn,
.order-online .primaryBtn {
    background: #c1272d;
    color: #fff;
    font-size: 14px;
    border-radius: 0;
    padding: 5px 14px;
}
.order-online .orderMgmtActions .submitBtn:hover,
.order-online .primaryBtn:hover {
    text-shadow: none;
    background: #333;
}

.omAddItemOrderInfo {
    background-color: #B3B3B3;
    margin-bottom: 20px;
    margin-top: 15px;
    padding: 10px;
    font-size: 16px;
    font-weight: bold;
    color: #000;
    text-align: center;
}

.prod-category-name-wrapper {
    display: table;
}
.ooCatNameList {
    width: 12%;
    display: table-cell;
    vertical-align: top;
    text-transform: uppercase;
    color: #000;
    padding: 5px;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
}
.ooCatNameList.active {
    background-color: #C1272D;
    color: #FFF;
}
.ooCatNameList:hover {
    background-color: #000;
    color: #FFF;
    text-decoration: none;
}
.ooCatNameList:hover,
.ooCatNameList:visited,
.ooCatNameList:focus,
.ooCatNameList:active {
    text-decoration: none;
}
.textContent p.category-disc-info {
    margin-top: 15px;
    padding: 5px;
    border: 1px solid #000;
}


/* Print specific stylesheets */
@media print {
    #header .topRightBox,
    #headerBottom,
    #headerBottom *,
    .sliderArea,
    .order-online .sliderArea,
    .order-online .sliderArea *,
    .orderDetailsBreadcrumb,
    .orderDetailsBreadcrumb *,
    .primaryBtn,
    .dispatchedColumn,
    .orderMgmtActions,
    .orderMgmtActions + a,
    .omRemoveProduct,
    .printOrderBtn,
    .footer {
        display: none !important;
    }
    .generalPageArea {
        margin: 0;
    }
    .order-online .textContent,
    .containerBox,
    .contentArea {
        padding: 0 !important;
    }
    .order-details .order-label {
        width: 40%;
        margin-bottom: 0;
        vertical-align: baseline;
    }
    .order-details .order-text {
        width: 50%;
    }
    .order-details {
        margin-bottom: 5px;
        padding: 0;
    }
    .order-details h4 {
        padding: 0;
    }
    .order-details p {
        margin: 0;
    }
    .order-details p span,
    .my-order-list .my-totals span {
        font-size: 8pt;
    }
    ul.my-order-product li p,
    .my-order-list .my-totals strong {
        font-size: 7pt !important;
    }
    .my-order h3 {
        padding: 0;
    }
    form {
        margin: 0;
    }
    .my-order {
        padding-top: 10px !important;
    }
    ul.my-order-product li.product-lg {
        width: 17% !important;
        word-wrap: break-word;
        word-break: break-word;
    }
    ul.my-order-product li.product-md {
        width: 11% !important;
        word-wrap: break-word;
        word-break: break-word;
    }
    ul.my-order-product li.product-sm {
        width: 8.5% !important;
        text-align: center;
        word-wrap: break-word;
        word-break: break-word;
    }
    ul.my-order-product li.product-xs {
        width: 5% !important;
        text-align: center;
        word-wrap: break-word;
        word-break: break-word;
    }
    ul.my-order-product h4 {
        display: none !important;
        font-size: 7pt !important;
    }
    ul.my-order-product:first-child h4 {
        display: block !important;
        line-height: 12px !important;
    }
    ul.my-order-product li p {
        padding: 0 !important;
    }
    ul.my-order-product li.product-xs p span {
        padding-top: 0 !important;
        font-size: 9px !important;
    }
    .my-single-cat + p {
        padding: 0 !important;
        margin-bottom: 0 !important;
    }
    .my-order-list p span img {
        display: none !important;
    }
    #logo img {
        width: 100px !important;
        padding: 0 !important;
    }
    table {
        page-break-inside: auto;
    }
    tr {
        page-break-inside: avoid;
        page-break-after: auto;
    }
}