@charset "utf-8";
/* CSS Document */
@font-face {
	font-family: 'PT Sans';
	src: url('../fonts/PT_Sans/PTS55F.eot'); /* IE9 Compat Modes */
	src: url('../fonts/PT_Sans/PTS55Fd41d.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	     url('../fonts/PT_Sans/PTS55F.woff') format('woff'), /* Modern Browsers */
	     url('../fonts/PT_Sans/PTS55F.ttf')  format('truetype'), /* Safari, Android, iOS */
	     url('../fonts/PT_Sans/PTS55F.svg#svgFontName') format('svg'); /* Legacy iOS */
	}
body, html { padding:0px; margin:0px; background:#fff url("../images/q_bodybackground.jpg") repeat; font-size:13px; color:#636362; font-family:PT Sans; }
a img { border:none; }
h2 { float:left; width:100%; font-size:24px; color:#ff8400; margin:0px; padding:0px 0px 3px 0px; font-weight:normal; }
h4 { float:left; width:100%; font-size:17px; color:#262626; margin:0px; padding:0px 0px 3px 0px; font-weight:normal; }
h5 { float:left; width:100%; font-size:18px; color:#000000; margin:0px; padding:0px 0px 6px 0px; font-weight:normal; text-align:left; }
h6 { float:left; width:100%; padding:10px 0px 5px 0px; margin:0px; line-height:25px; font-weight:normal; font-size:20px; }
p { float:left; widows:100%; font-size:14px; line-height:20px; padding:5px 0px; margin:0px; color:#424244; }
.q_header { float:left; width:100%; }
.q_headertop { float:left; width:100%; background-color:#1d1b1b; }
.q_headerbottom { float:left; width:100%; }
.q_wrapper { width:980px; margin:auto; position:relative; }
.q_logoholder { float:left; position:absolute; top:0px; left:0px; z-index:10; }
.q_headertopright { float:right; padding:3px 0px; }
.q_headertopright p { width:auto; color:#fff; }
.q_headertopright a { color:#fff; text-decoration:none; }
.q_headertopright a:hover { color:#eee; }
.q_facebookholder { background:url("../images/q_facebook.jpg")no-repeat; float:left; margin:2px 8px 0px 10px; height:25px; width:25px!important; }
.q_facebookholder_hover { background:url("../images/q_facebookhover.jpg")no-repeat; float:left; margin:2px 8px 0px 10px; height:25px; width:25px!important; }
.q_twitterholder { background:url("../images/q_twitter.jpg")no-repeat; float:left; margin:2px 0px 0px 0px; height:25px; width:25px!important; }
.q_twitterholder_hover { background:url("../images/q_twitterhover.jpg")no-repeat; float:left; margin:2px 0px 0px 0px; height:25px; width:25px!important; }
.q_headerbottomright { float:right; }
.q_menubar { float:left; padding:0px; margin:30px 0px; }
.q_menubar li { float:left; list-style-type:none; padding:0px; margin:0px; }
.q_menubar li a { float:left; padding:7px 8px; margin:0px 5px; color:#363535; font-size:17px; text-decoration:none; }
.q_menubar li a:hover { background:url("../images/q_menuactive.jpg") repeat-x;  }
.q_lastmenu { padding-right:0px!important; margin-right:0px!important; }
.q_menubarselected { background:url("../images/q_menuactive.jpg") repeat-x;  }
.q_slideshow { float:left; width:100%; min-height:300px; background-color:#e4dcd9; }
.q_contentmain { float:left; width:980px; padding:30px 0px; }
.q_productentryholder { float:left; width:263px; margin-right:20px; height:295px; background:#fff; padding:7px 25px; }
.q_lastproductentry { margin-right:0px!important; }
.q_productentryhead { font-size:17px; color:#ff8400; margin:3px 0px 5px 0px; }
.q_productentrycontent { float:left; margin:5px 0px; width:263px; line-height:20px; }
.q_readmorelink { float:left; margin:5px 0px; width:180px; color:#21201f; text-decoration:none; background:url("../images/q_readmorelink.png") no-repeat scroll 67px 3px; }
.q_maincontentbottom { float:left; width:980px; }
.q_maincontentbottomleft { float:left; width:533px; min-height:228px; padding:30px; background:url("../images/q_maincontentbackground.png") no-repeat; }
.q_maincontentbottomleft p { line-height:23px; }
.q_readmorelink2 { float:left; margin:5px 10px 5px 0px; width:165px; color:#21201f; text-decoration:none; background:url("../images/q_readmorelink.png") no-repeat scroll 67px 3px; }
.q_readmorelink:hover { color:#ff8400; }
.q_readmorelink2:hover { color:#ff8400; }
.q_maincontentbottomright { float:right; width:373px; padding:30px 3px; background:url("../images/q_maincontentbottomrightbackground.png"); height:195px; }
.q_footer { float:left; width:100%; background-color:#ff8400; }
.q_footermenubar { float:left; padding:0px; margin:10px 0px; }
.q_footermenubar li { float:left; list-style-type:none; padding:0px; margin:0px; }
.q_footermenubar li a { float:left; padding:7px 8px; margin:0px 5px; color:#fff; font-size:12px; text-decoration:none; }
.q_footermenubar li a:hover { color:#eee; }
.q_firstmenu { padding-left:0px!important; margin-left:0px!important; }
.q_copyright { float:right; color:#fff; margin:10px 0px; }


/* Carousel CSS */
.left {
	float:left;
}
.right {
	float:right;
}
#container {width:373px; height:157px;}

.jwg_slider_module {
	min-height:157px;
}
.jwg_slider_module,
.jwg_slider_module .arrow_navigation,
.jwg_slider_module .tabbed_navigation {
	overflow:hidden;
	position:relative;
	width: 100%;
}
.jwg_slider_module .tabbed_navigation > ul {
	margin:0 auto;
	text-align:center;
}
.jwg_slider_module .tabbed_navigation > ul:after {
	content:"";
	clear:both;	
	display:block;
}
.jwg_slider_module .tabbed_navigation > ul li {
	overflow:hidden;
	position:relative;
	display:inline;
	display:inline-block;
	cursor:pointer;
	margin: 0 10px;
	opacity:0.5;
	transition : opacity .5s;
	-o-transition : opacity .5s;
	-ms-transition : opacity .5s;
	-moz-transition : opacity .5s;
	-webkit-transition : opacity .5s;
}
.jwg_slider_module .tabbed_navigation > ul li.current,
.jwg_slider_module .tabbed_navigation > ul li:hover  {
	opacity:1;
}

.jwg_slider_module .tabbed_navigation > ul.5_col li {
	width:16%;
}
.jwg_slider_module .arrow_navigation {width: 100%;
	margin: 0 auto;
	height: 157px;
	position: relative;
	z-index: auto;
}
.jwg_slider_module .arrow_navigation > div {
	position: relative;
	z-index: 20; 
	opacity : 1;
	transition : opacity .5s;
	-o-transition : opacity .5s;
	-ms-transition : opacity .5s;
	-moz-transition : opacity .5s;
	-webkit-transition : opacity .5s;
	width:10px;
	height: 18px;
	cursor: pointer;
	top: 38%; 
	background : #999999;
	padding : 10px;
	left: auto;
} 
.jwg_slider_module .arrow_navigation.on > div {
	opacity : 0.6;
}
.jwg_slider_module .arrow_navigation > div:hover {
	opacity : 1;
}
.jwg_slider_module .arrow_navigation > div > p {
	font-size: 20px;
	position: relative;
	line-height: 45px;
}
.touch .jwg_slider_module .arrow_navigation > div {
	padding: 20px;
	width : 30px;
}
.touch .jwg_slider_module .arrow_navigation > div > p {
	font-size: 25px;
}
.jwg_slider_module .arrow_navigation > div.left {
	padding-right : 10px; 
	/*border-radius : 0 15px 15px 0;*/
	float:left;
	position:absolute;
	left:0px;
	font-size:16px;
	font-weight:bold;
	color:#fff;
}
.jwg_slider_module .arrow_navigation > div.right {
	padding-left : 10px; 
	/*border-radius : 15px 0 0 15px;*/
	float:left;
	position:absolute;
	right:0px;
	font-size:16px;
	font-weight:bold;
	color:#fff;
}  
.jwg_slider_module .slides {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	height:157px;
}
.jwg_slider_module .slides > .slide {
	float:left;
	width:313px!important;
	padding:0px 30px;
	height:inherit;
}
.jwg_slider_module .tabbed_navigation {
	position: absolute;
	bottom: 0;
	left:0;
} 
.slideleft { float:left; width:106px;margin-left:25px; }
.slideright { float:right; width:180px; }

.q_pageheading { float:left; width:100%; background-color:#ff8400; }
.q_pageheadingtext { color:#fff; font-size:36px; padding:15px 0px; }
.q_maincontentholder { float:left; width:980px; margin:30px 0px; }
.q_maincontentleft { float:left; width:375px; }
.q_maincontentright { float:right; width:565px; }
.q_maincontentrow { float:left; width:980px; padding:20px 0px; }

/* Lightbox CSS */
.lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: black;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  display: none;
}

.lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10000;
  text-align: center;
  line-height: 0;
  font-weight: normal;
}

.lightbox .lb-image {
  display: block;
  height: auto;
  max-width: inherit;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}

.lightbox a img {
  border: none;
}

.lb-outerContainer {
  position: relative;
  background-color: white;
  *zoom: 1;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}

.lb-outerContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-container {
  padding: 4px;
}

.lb-loader {
  position: absolute;
  top: 43%;
  left: 0;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}

.lb-cancel {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 auto;
  background: url(../images/loading.gif) no-repeat;
}

.lb-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}

.lb-container > .nav {
  left: 0;
}

.lb-nav a {
  outline: none;
  background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');
}

.lb-prev, .lb-next {
  height: 100%;
  cursor: pointer;
  display: block;
}

.lb-nav a.lb-prev {
  width: 34%;
  left: 0;
  float: left;
  background: url(../images/prev.png) left 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-prev:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-nav a.lb-next {
  width: 64%;
  right: 0;
  float: right;
  background: url(../images/next.png) right 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-next:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  *zoom: 1;
  width: 100%;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.lb-dataContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-data {
  padding: 0 4px;
  color: #ccc;
}

.lb-data .lb-details {
  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.1em;
}

.lb-data .lb-caption {
  font-size: 13px;
  font-weight: bold;
  line-height: 1em;
}

.lb-data .lb-number {
  display: block;
  clear: left;
  padding-bottom: 1em;
  font-size: 12px;
  color: #999999;
}

.lb-data .lb-close {
  display: block;
  float: right;
  width: 30px;
  height: 30px;
  background: url(../images/close.png) top right no-repeat;
  text-align: right;
  outline: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

.lb-data .lb-close:hover {
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}
.example-image-link { float:left; position:relative; margin-left:50px; }
.q_zoomicon { float:left; position:absolute; bottom:5px; right:5px; }
.example-image { border:1px solid #ddd; }
.q_storescontent { text-align:center; width:700px; margin:auto; float:none; }
.q_stores1 { float:left; margin-right:30px; margin-top:30px; width:276px; height:111px; background:url("../images/q_metro.jpg"); }
.q_stores1:hover { float:left; margin-right:30px; margin-top:30px; width:276px; height:111px; background:url("../images/q_metrohover.jpg"); }
.q_stores2 { float:left; margin-right:30px; margin-top:30px;  width:276px; height:111px; background:url("../images/n_basket.jpg"); }
.q_stores2:hover { float:left; margin-right:30px; margin-top:30px;  width:276px; height:111px; background:url("../images/n_baskethover.jpg"); }
.q_stores3 { float:left; margin-right:30px; margin-top:30px;  width:276px; height:111px; background:url("../images/q_more.jpg"); }
.q_stores3:hover { float:left; margin-right:30px; margin-top:30px;  width:276px; height:111px; background:url("../images/q_morehover.jpg"); }
.q_stores4 { float:left; margin-right:30px; margin-top:30px;  width:276px; height:111px; background:url("../images/q_star.jpg"); }
.q_stores4:hover { float:left; margin-right:30px; margin-top:30px;  width:276px; height:111px; background:url("../images/q_starhover.jpg"); }
.q_stores5 { float:left; margin-right:30px; margin-top:30px;  width:276px; height:111px; background:url("../images/q_lulu.jpg"); }
.q_stores5:hover { float:left; margin-right:30px; margin-top:30px;  width:276px; height:111px; background:url("../images/q_luluhover.jpg"); }
.q_stores6 { float:left; margin-right:30px; margin-top:30px;  width:276px; height:111px; background:url("../images/q_big.jpg"); }
.q_stores6:hover { float:left; margin-right:30px; margin-top:30px;  width:276px; height:111px; background:url("../images/q_bighover.jpg"); }
.q_stores7 { float:left; margin-right:0px; margin-top:30px;  width:276px; height:111px; }
.q_stores7:hover { float:left; margin-right:0px; margin-top:30px;  width:276px; height:111px; }
.q_stores8 { float:left; margin-right:30px; margin-top:30px;  width:276px; height:111px; margin-right:30px; background:url("../images/q_lucitania.jpg"); }
.q_stores9 { float:left; margin-top:30px; margin-right:30px;  width:276px; height:111px; background:url("../images/q_thomsbakery.jpg"); }
.q_stores10 { float:left;margin-top:30px; margin-right:0px; width:276px; height:111px; background:url("../images/q_magsons.jpg"); }
.q_maillink { color:#636362; text-decoration:none; }
.q_locationmap { margin:10px 0px 0px 0px; }

.o_contactblock2 { float:right; width:480px; margin:10px 0px; }
.o_contactholder { float:left; width:480px; padding:5px 0px 0px 0px; margin:0px; }
.o_contactmainholder { float:left; width:950px; }
.o_contactblock1 { float:left; width:220px; margin:10px 0px; }
.o_contactblocktop { float:left; width:100%; }
.o_contactblock2 { float:right; width:480px; margin:0px; }
.o_contacttext { float:left; width:210px; padding:5px; margin:5px 10px 5px 0px; border:1px solid #bdbdbd; color:#3f3d3d; font-family:'PT Sans',sans-serif; }
.o_careersresumetext2 { float:left; width:442px; padding:5px; margin:5px 10px 5px 0px; border:1px solid #bdbdbd; color:#3f3d3d; font-family:'PT Sans',sans-serif; }
.o_contacttexttextarea { float:left; width:442px; max-width:442px; height:100px; max-height:100px; padding:5px; margin:5px 0px; border:1px solid #bdbdbd;  font-family:'PT Sans',sans-serif; font-size:13px; color:#3f3d3d; font-weight:normal; }
.o_contactsubmit { float:left; width:100px; padding:5px 0px; border:1px solid #bdbdbd; background-color:#f58220; font-size:16px; color:#ffffff; font-weight:normal; text-align:center; border:none; font-family:'PT Sans',sans-serif; }
.o_contactsubmit:hover { cursor:pointer; }
.o_googlemapholder { float:left; width:100%; height:285px; border-top:2px solid #f68525; }
.o_enquirycontacts { font-size:15px!important; }

.formError { z-index: 990; }
.formError .formErrorContent { z-index: 991; }
.formError .formErrorArrow { z-index: 996; }
.ui-dialog .formError { z-index: 5000; }
.ui-dialog .formError .formErrorContent { z-index: 5001; }
.ui-dialog .formError .formErrorArrow { z-index: 5006; }
.inputContainer { position: relative; float: left; }
.formError { position: absolute; top: 300px; left: 300px; display: block; cursor: pointer; text-align: left; }
.formError.inline { position: relative; top: 0; left: 0; display: inline-block; }
.ajaxSubmit { padding: 20px; background: #55ea55; border: 1px solid #999; display: none; }
.formError .formErrorContent { width: 100%; background: #ee0101; position:relative; color: #fff; min-width: 120px; font-size: 11px; border: 2px solid #ddd;
box-shadow: 0 0 6px #000; -moz-box-shadow: 0 0 6px #000; -webkit-box-shadow: 0 0 6px #000; -o-box-shadow: 0 0 6px #000; padding: 4px 10px 4px 10px; border-radius: 6px;-moz-border-radius: 6px; -webkit-border-radius: 6px; -o-border-radius: 6px; }
.formError.inline .formErrorContent { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none; border: none;border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -o-border-radius: 0; }
.greenPopup .formErrorContent {    background: #33be40;}
.blackPopup .formErrorContent {	background: #393939;	color: #FFF;}
.formError .formErrorArrow {	width: 15px;	margin: -2px 0 0 13px;	position:relative;}
body[dir='rtl'] .formError .formErrorArrow,body.rtl .formError .formErrorArrow {	margin: -2px 13px 0 0;}
.formError .formErrorArrowBottom {	box-shadow: none;	-moz-box-shadow: none;	-webkit-box-shadow: none;	-o-box-shadow: none;	margin: 0px 0 0 12px;	top:2px;}
.formError .formErrorArrow div {	border-left: 2px solid #ddd;	border-right: 2px solid #ddd;	box-shadow: 0 2px 3px #444;	-moz-box-shadow: 0 2px 3px #444;	-webkit-box-shadow: 0 2px 3px #444;	-o-box-shadow: 0 2px 3px #444;	font-size: 0px;	height: 1px;	background: #ee0101;	margin: 0 auto;	line-height: 0;
	font-size: 0;	display: block;}
.formError .formErrorArrowBottom div {	box-shadow: none;	-moz-box-shadow: none;	-webkit-box-shadow: none;	-o-box-shadow: none;}
.greenPopup .formErrorArrow div {	background: #33be40;}
.blackPopup .formErrorArrow div {	background: #393939;	color: #FFF;}
.formError .formErrorArrow .line10 {	width: 15px;	border: none;}
.formError .formErrorArrow .line9 {	width: 13px;	border: none;}
.formError .formErrorArrow .line8 {	width: 11px;}
.formError .formErrorArrow .line7 {	width: 9px;}
.formError .formErrorArrow .line6 {	width: 7px;}
.formError .formErrorArrow .line5 {	width: 5px;}
.formError .formErrorArrow .line4 {	width: 3px;}
.formError .formErrorArrow .line3 {	width: 1px;	border-left: 2px solid #ddd;	border-right: 2px solid #ddd;	border-bottom: 0 solid #ddd;}
.formError .formErrorArrow .line2 {	width: 3px;	border: none;	background: #ddd;}
.formError .formErrorArrow .line1 {	width: 1px;	border: none;	background: #ddd;}


/* Tabs Css */
.etabs { margin: 0; padding: 0; }
    .tab { display: inline-block; zoom:1; *display:inline;  border: solid 1px #d0d0d0; border-bottom: none; -moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; padding:5px 0px 5px 0px; }
    .tab a { font-size: 15px; line-height: 2em; display: block; padding: 0 30px; outline: none; color:#1d1d1d; text-decoration:none; }
    .tab a:hover { color:#ff8400; }
    .tab.active { background: #fff; padding-top: 6px; position: relative; top: 1px; border-color: #d0d0d0; }
    .tab a.active { font-weight: bold; color:#ff8400; }
    .tab-container .panel-container { background: #fff; border: solid #d0d0d0 1px; padding: 30px; -moz-border-radius: 0 4px 4px 4px; -webkit-border-radius: 0 4px 4px 4px; float:left; width:918px; }
    .panel-container { margin-bottom: 10px; }
	.tab-container { overflow:hidden; }
	.q_tabheading { color:#ff8400; }

.galleryimage { margin-left:0px!important; margin:20px 0px 0px 0px; }
.q_zoomicon2 { right:1px; bottom:1px; position:absolute; }
.q_galleryimageholder { float:left; width:202px; margin-right:20px; }
.q_galleryimageholder p { text-align:center!important; width:100%; }

.q_certificatelist { float:left; width:550px; padding:7px 0px; margin:5px 0px 5px 15px; }
.q_certificatelist li { float:left; width:550px; padding:5px 0px; list-style-type:disc; margin:0px; }
.q_tablespecification { float:left; width:500px; margin-top:10px; }
.q_tablespecificationheading { float:left; width:500px; background-color: #ff8400;}
.q_tableheadingperticulars { float:left; width:299px; border-right:1px solid #ddd;border-left:1px solid #ddd; font-size:15px; text-indent:10px; color:#fff; padding:5px 0px; }
.q_tableheadingquantity { float:left; width:198px; border-right:1px solid #ddd; font-size:15px; text-indent:10px; color:#fff; padding:5px 0px; }
.q_tablespecificationrow { float:left; width:500px; border-bottom:1px solid #ddd; }
.q_tablespecificationcontentleft { float:left; width:299px; border-left:1px solid #ddd; border-right:1px solid #ddd; text-indent:10px; padding:5px 0px; }
.q_tablespecificationcontentright { float:left; width:198px; border-right:1px solid #ddd; text-indent:10px; padding:5px 0px; }

.q_processlist { float:left; width:965px; padding:7px 0px; margin:5px 0px 5px 15px; }
.q_processlist li { float:left; width:965px; padding:5px 0px; list-style-type:disc; margin:0px; line-height:20px; }