@charset "utf-8";
/*--------------------------------------------------------------------------------------------------
CSS Styles for <Creel-Manufacturing>.

version:1.0
--------------------------------------------------------------------------------------------------*/

/* =CSS Reset
--------------------------------------------------------------------------------------------------*/

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License:none (public domain)
*/

@font-face{font-family:"Nobile_Bold"; src:url('../font/884490967-nobile_bold.eot'); src:url('../font/884490967-nobile_bold.eot?#iefix') format('embedded-opentype'), url('../font/884490967-nobile_bold.svg#Nobile') format('svg'), url('../font/884490967-nobile_bold.woff') format('woff'), url('../font/884490967-nobile_bold.ttf') format('truetype'); font-weight:normal; font-style:normal}
@font-face{font-family:"Nobile"; src:url('../font/902587891-nobile.eot'); src:url('../font/902587891-nobile.eot?#iefix') format('embedded-opentype'), url('../font/902587891-nobile.svg#Nobile') format('svg'), url('../font/902587891-nobile.woff') format('woff'), url('../font/902587891-nobile.ttf') format('truetype'); font-weight:normal; font-style:normal}
@font-face{font-family:'Cambria-Bold'; src:url('../font/Cambria-Bold.eot') format('embedded-opentype'), url('../font/cambria-bold.svg#cambria-bold') format('svg'), url('../font/cambria-bold.woff') format('woff'), url('../font/cambria-bold.ttf') format('truetype'); font-weight:normal; font-style:normal}
@font-face{font-family:'Cambria'; src:url('Cambria.eot') format('embedded-opentype'), url('../font/Cambria.svg#Cambria') format('svg'), url('../font/Cambria.woff') format('woff'), url('../font/Cambria.ttf') format('truetype'); font-weight:normal; font-style:normal}
@font-face{font-family:"Nobile_italic"; src:url('../font/928863526-nobile.italic.eot'); src:url('../font/928863526-nobile.italic.eot?#iefix') format('embedded-opentype'), url('../font/928863526-nobile.italic.svg#Nobile') format('svg'), url('../font/928863526-nobile.italic.woff') format('woff'), url('../font/928863526-nobile.italic.ttf') format('truetype'); font-weight:normal; font-style:normal}
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video{margin:0; padding:0; border:0; font-size:100%; font:inherit; vertical-align:baseline}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section{display:block}
body{line-height:1}
ol,
ul{list-style:none}
blockquote,
q{quotes:none}
blockquote:before,
blockquote:after,
q:before,
q:after{content:''; content:none}
table{border-collapse:collapse; border-spacing:0}
/* End CSS Reset
--------------------------------------------------------------------------------------------------*/

/* remember to define focus styles! */
:focus{outline:0}
/* =Toolkit
--------------------------------------------------------------------------------------------------*/

/* Micro Clearfix Hack by Nicholas Gallagher (http://nicolasgallagher.com/micro-clearfix-hack/) */
/* For modern browsers */ 
.cf:before,
.cf:after{content:""; display:table}
.cf:after{clear:both}
/* For IE 6/7 (trigger hasLayout) */
.cf{zoom:1}
/* general purpose classes */
.nodisplay{display:none}
.nodisplay_strict{display:none !important}
.alignleft{float:left}
.alignnone{clear:both; font-size:0; line-height:0; margin:0; padding:0; border:0; height:0; width:0}
.alignright{float:right}
/* End Toolkit
--------------------------------------------------------------------------------------------------*/

/* =Normalization - mostly derived from normalize.css (https://github.com/necolas/normalize.css/) but without comments and compressed to keep the file small
--------------------------------------------------------------------------------------------------*/

hr{display:block; height:1px; border:0; margin:1em 0; padding:0; border-top:1px solid #cccccc; /* change border colour to suit your needs */ }
audio,
canvas,
video{display:inline-block; *display:inline;
*zoom:1}
audio:not([controls]){display:none}
[hidden]{display:none}
html{overflow-y:scroll}
body,
button,
input,
select,
textarea{font-family:sans-serif}
a:focus{outline:none}
a:hover,
a:active{outline:none}
h1{}
h1,
h2,
h3,
h4,
h5,
h6,
p,
pre,
blockquote,
form,
fieldset,
table,
ul{}
ins{text-decoration:none}
del{text-decoration:line-through}
abbr[title]{border-bottom:1px dotted; cursor:help}
b,
strong{font-weight:bold}
dfn{font-style:italic}
mark{background:#ff0; color:#000}
pre,
code,
kbd,
samp{font-family:monospace, serif; _font-family:'courier new', monospace}
pre{white-space:pre; white-space:pre-wrap; word-wrap:break-word}
small{font-size:75%}
sub,
sup{font-size:75%; line-height:0; position:relative; vertical-align:baseline}
sup{top:-0.5em}
sub{bottom:-0.25em}
img{border:0; -ms-interpolation-mode:bicubic; vertical-align:top}
svg:not(:root){overflow:hidden}
fieldset{border:none; margin:0; padding:0}
legend{border:0; *margin-left:-7px}
button,
input,
select,
textarea{font-size:100%; margin:0; vertical-align:baseline; *vertical-align:middle}
button,
input{line-height:normal}
button,
input[type="button"],
input[type="reset"],
input[type="submit"]{cursor:pointer; -webkit-appearance:button; *overflow:visible;
white-space:normal}
input,
select{vertical-align:middle}
input{-webkit-appearance:none}
button{border:0; padding:0}
input[type="checkbox"],
input[type="radio"]{box-sizing:border-box; padding:0}
input[type="search"]{-webkit-appearance:textfield; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; box-sizing:content-box}
input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
button::-moz-focus-inner, input::-moz-focus-inner{border:0}
textarea{overflow:auto; vertical-align:top; resize:none; -webkit-appearance:none}
::-moz-focus-inner{border:0;
outline:0}
/* End Normalization
--------------------------------------------------------------------------------------------------*/


/* =Typography
--------------------------------------------------------------------------------------------------*/

/* Setting up the font */
body{font:14px/18px Arial, Helvetica, sans-serif; color:#000; background:#fff; -webkit-font-smoothing:antialiased; overflow:hidden;}
/* End Typography
--------------------------------------------------------------------------------------------------*/


/* =Headings
--------------------------------------------------------------------------------------------------*/
h1{}
h2{}
h3{}
h4{}
h5{}
h6{}
/* End Headings
--------------------------------------------------------------------------------------------------*/


/* =Links
--------------------------------------------------------------------------------------------------*/
a{text-decoration:none; color:#000; cursor:pointer !important; outline:0; }
a:hover{text-decoration:underline}
/* End Links
--------------------------------------------------------------------------------------------------*/


/* =Branding
--------------------------------------------------------------------------------------------------------*/
p{padding:0 0 10px 0; margin:0}
html,
body{}
#wrapper{width:100%}
#header{width:100%; background:url(../images/top-bg.png) no-repeat top center #fff; height:128px; border-bottom:5px solid #cccaca;  /*  box-shadow:-9px 5px 7px #ccc;*/ }
.headshadow{width:100%; background:url(../images/hedashadow.png) no-repeat top center ; height:20px; float:left;}
.main{width:960px; margin:0 auto; position:relative;}
.header-top{float:left; width:100%; height:35px}
.header-top ul{float:right; padding:5px 0}
.header-top li{float:left; padding-left:60px}
.header-top li img{vertical-align:middle; padding:4px 6px}
.header-top li a{color:#fff; font-family:"Nobile"; font-size:14px; line-height:22px}
.header-top li a:hover{text-decoration:none; color: #FC0}
.header-top li span{color:#fff; font-family:"Nobile_Bold"; font-size:20px}
#logo{/* display:inline-block;*/ float:left}
/*#logo a{display:block; width:467px; height:47px; padding:20px 0; text-indent:-9999px; text-decoration:none}*/
#logo a img{padding:20px 0}
/* End Branding
--------------------------------------------------------------------------------------------------------*/


/* =Main Nav
--------------------------------------------------------------------------------------------------*/

#menu { height: 35px; float: right; padding: 45px 0 0 0; }
#menu li { float: left; position: relative; background: none; padding: 0; }
#menu li a { margin: 0; text-align: center; text-decoration: none; display: block; color: #1d1d1d; font-family: "Nobile"; font-size: 14px; line-height: 48px; padding: 0 28px; }
#menu li:hover, #menu li a.active { background: url(../images/up-arrow.png) no-repeat bottom center #800000; color: #fff; }
.down { background: url(../images/down-arrow.png) no-repeat right center; display: block; height: 7px; position: absolute; right: 8px; top: 21px; width: 8px; }
#menu li a:hover { text-decoration: none; color: #fff; }
#menu li ul { margin: 0; padding: 0; list-style-type: none; float: left; position: absolute; display: none; z-index: 9999; }
#menu li:hover ul { display: block; width: 200px; height: auto; background: #800000; }
#menu li:hover a.select { background: url("../images/down-white-arrow.png") no-repeat scroll right center rgba(0, 0, 0, 0); color: #fff; position: relative;
    right: 9px;}
#menu li:hover ul li a { width: 200px; margin: 0; padding: 0 10px; font-family: "Nobile"; font-size: 14px; color: #fff; line-height: 35px; text-align: left; text-decoration: none; border-bottom: 1px solid #666; }
#menu li:hover ul li a { background: #800000; color: #ccc; font-family: "Nobile"; font-size: 15px;
	font-weight:normal;}

#menu li:hover ul li a:hover { background: #000; color: #ccc; }
#menu li:hover .down { display: none; }
/* End Main Nav
--------------------------------------------------------------------------------------------------*/


/* =Breadcrumbs start
--------------------------------------------------------------------------------------------------*/
.breadcrumbs-area{width:100%; background:url(../images/breadcrum.png) repeat-x top; height:52px}
.breadcrumbs{float:left; padding:0px 0 20px 0;}
.breadcrumbs li{float:left; padding:0 8px 0 0; background:none; line-height:12px}
.breadcrumbs li a{font-family:"Nobile"; font-size:14px; font-weight:normal}
.breadcrumbs a:hover{text-decoration:none; color:#800000}
.breadcrumbs a.active{color:#800000}
/* =Breadcrumbs ends
--------------------------------------------------------------------------------------------------*/


/* =Main Content
--------------------------------------------------------------------------------------------------*/
#container{width:100%; background:#fff; padding:40px 0 0}
.content{text-align:justify; width:100%; }
.round{ background:url(../images/bg-left.png) no-repeat left top; position:absolute; left:-42%; top:5px; float:left; width:353px; height:305px;}
.round1{ background:url(../images/bg-right.png) no-repeat left top; position:absolute; right:-44%; bottom:59px; float:left; width:353px; height:305px;}
.squre{ background:url(../images/bg-left-squre.png) no-repeat left top; position:absolute; left:-42%; top:5px; float:left; width:353px; height:305px;}
.squre1{ background:url(../images/bg-right-squre.png) no-repeat left top; position:absolute; right:-42%; bottom:59px; float:left; width:353px; height:305px;}
.content h3.title{background:url(../images/home-title.png) no-repeat center bottom; margin-bottom:15px; padding-bottom:31px; text-align:center; font-family:'Cambria-Bold'; font-size:30px; text-transform:uppercase}
.content p{font-family:"Nobile"; font-size:15px; color:#1d1d1d; line-height:21px; word-spacing:1px}
.product{width:100%; float:left; margin-top:10px;}
.product h3.title{background:url(../images/product-title.png) no-repeat center bottom; font-family:'Cambria-Bold'; font-size:30px; margin-bottom:15px; padding-bottom:31px; text-align:center; text-transform:uppercase}
.product-data{float:left; margin-bottom:20px}
.product-data li{background:#e7e6e6; border:1px solid #d3cfcf; width:220px; margin-bottom:20px; text-align:center; position:relative; margin-right:18px; margin-left: 4px; float:left; padding:0; }
.product-data li:nth-child(4n+0){background:#e7e6e6; border:1px solid #d3cfcf; width:220px; margin-bottom:20px; text-align:center; position:relative; margin-right:0px; float:left; padding:0; }

.product-data li.last{margin-right:4px}
.product-top{}
.product-top img{width:220px; height:168px;}
.product-top p{background:#fff; padding:0; position:relative}
.product-top a{font-family:'Cambria-Bold'; font-size:17px; text-transform:uppercase; color:#800000; line-height:35px}
.product-top a:hover{text-decoration:none; color:#fff}
.top{position:absolute; background:url(../images/box-white-arrow.png) no-repeat top center; height:17px; left:44%; top:-8px; width:20px}
.product-bottom{}
.product-bottom p{font-family:"Nobile"; font-size:14px; padding:10px 0; float:left; width:100%; height: 44px;}
.product-bottom a{color:#fff; background:#736968; padding:3px 10px; font-family:"Nobile"; font-size:13px; display:inline-block}
.product-bottom a:hover{background:#800000; text-decoration:none; color:#fff}
.product-data li:hover .product-top p{background:#800000}
.product-data li:hover .product-top a{color:#fff}
.product-data li:hover .product-bottom a{background:#800000}
.product-data li:hover .top{background:url(../images/box-red-arrow.png) no-repeat top center}
.view{float:left; overflow:hidden; position:relative; text-align:center; cursor:default}
.view .mask,
.view .content{width:220px; height:160px; position:absolute; overflow:hidden; top:0; left:0}
.view img{display:block; position:relative}
.view a.info{background:url(../images/box-hover.png) center no-repeat; display:inline-block; text-decoration:none; padding:0; text-indent:-9999px; width:50px; height:50px}
.third-effect .mask{opacity:0; overflow:visible; border:100px solid rgba(0,0,0,0.7); -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; -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}
.third-effect a.info{position:relative; top:-32px; left:-15px; opacity:0; -webkit-transition:opacity 0.5s 0s ease-in-out; -moz-transition:opacity 0.5s 0s ease-in-out; -o-transition:opacity 0.5s 0s ease-in-out; -ms-transition:opacity 0.5s 0s ease-in-out; transition:opacity 0.5s 0s ease-in-out}
.product-data li:hover .mask{opacity:1; border:100px solid rgba(0,0,0,0.7)}
.product-data li:hover a.info{opacity:1; -moz-transition-delay:0.3s; -webkit-transition-delay:0.3s; -o-transition-delay:0.3s; -ms-transition-delay:0.3s; transition-delay:0.3s}
/* =End Main Content
--------------------------------------------------------------------------------------------------*/


/* = banner-area
--------------------------------------------------------------------------------------------------*/
.banner-area{width:100%; background:url(../images/slider-bg.png) repeat bottom; height:469px;}
/* Basic jQuery Slider essential styles */
#banner-fade{max-width:960px !important; border:1px solid #fff; height:420px !important; width:960px; margin: 0; float:left; }
.slider-shadow{background:url(../images/slider-shadow.png) no-repeat center bottom; float: left; height: 24px;  width: 100%;}
ul.bjqs{position:relative; list-style:none; padding:0; margin:0; overflow:hidden; display:none; height:420px !important}
li.bjqs-slide{position:absolute; display:none; height:420px !important; background:none; padding:0;}
li.bjqs-slide img{height:420px !important}
ul.bjqs-controls{list-style:none; margin:0; padding:0; z-index:9999}
ul.bjqs-controls.v-centered li a{position:absolute}
ul.bjqs-controls.v-centered li.bjqs-next a{background:url(../images/next.png) no-repeat right center; height:37px; width:37px; right:10px; top:196px !important}
ul.bjqs-controls.v-centered li.bjqs-next a:hover{background:url(../images/next-hover.png) no-repeat right center}
ul.bjqs-controls.v-centered li.bjqs-prev a{background:url(../images/prev.png) no-repeat left center; height:37px; width:37px; left:10px; top:196px !important}
ul.bjqs-controls.v-centered li.bjqs-prev a:hover{background:url(../images/prev-hover.png) no-repeat left center}
ol.bjqs-markers{list-style:none; padding:0; margin:0; width:100%}
ol.bjqs-markers.h-centered{text-align:center; display:none}
ol.bjqs-markers li{display:inline}
ol.bjqs-markers li a{display:inline-block}
p.bjqs-caption{display:block; margin:0; padding:10px; position:absolute; bottom:10px; right:1px;  background:url(../images/cap2.png) no-repeat; font-family:"Nobile"; font-size:14px; color:#fff; padding:10px 10px 10px 50px; line-height:17px; /*width:63%;*/ }
#banner-fade,
#banner-slide{margin-bottom:60px}
ul.bjqs-controls.v-centered li a{display:block; color:#000; text-decoration:none}
ul.bjqs-controls.v-centered li a:hover{/*background:#000;*/ /*	color:#fff;*/ }
ol.bjqs-markers li a{padding:5px 10px; background:#000; color:#fff; margin:5px; text-decoration:none}
ol.bjqs-markers li.active-marker a,
ol.bjqs-markers li a:hover{background:#999}
li.bjqs-slide span{display:block; position:absolute; bottom:56px; font-family:'Cambria'; font-size:32px; color:#f1eded; right:1px; background:url(../images/cap1.png) no-repeat; padding:12px 10px 15px 74px}
/* End banner-area
--------------------------------------------------------------------------------------------------*/


/* =Footer
--------------------------------------------------------------------------------------------------*/
#footer{background:url(../images/footer-bg.png) repeat; float:left;  width:100%; padding:20px 0 0; border-top: solid 5px #3d3a3a;}
.footer-left{width:714px; float:left}
.quick_links{width:195px; float:left; padding-right:40px}
.quick_links h4{font-family:'Cambria-Bold'; font-size:20px; color:#f1eded; background:url(../images/footer-title.png) no-repeat left bottom; padding-bottom:20px}
.quick_links ul{float:left}
.quick_links ul li{background:url(../images/border.png) repeat-x bottom; width:141px; padding:8px 0; line-height:18px }
.quick_links ul li.last{background:none}
.quick_links ul li a{font-family:"Nobile"; font-size:12px; color:#f1eded; background:url(../images/footer-arrow.png) no-repeat left center; padding-left:8px}
.quick_links ul li a:hover{text-decoration:none; color:#000}
.quick_links ul li .active{text-decoration:none; color:#000}
.product-cat{width:465px; float:left; /* padding-right:40px;*/ }
.product-cat h4{font-family:'Cambria-Bold'; font-size:20px; color:#f1eded; background:url(../images/product-cat.png) no-repeat left bottom; padding-bottom:20px}
.product-cat ul{ margin:0 40px 0 0;}
.product-cat ul li{background:url(../images/border.png) repeat-x bottom; width:100%; padding:8px 0; line-height:18px}
.product-cat ul li.last{background:none}
.product-cat ul li a{font-family:"Nobile"; font-size:12px; color:#f1eded; background:url(../images/footer-arrow.png) no-repeat left center; padding-left:8px}
.product-cat ul li a:hover{text-decoration:none; color:#000}
.copyright{background:#3d3a3a; float:left; width:65%; margin-top:10px;}
.copyright p{color:#c8c3bb; font-family:"Nobile"; font-size:12px; padding:12px}
.copyright p a{font-family:"Nobile"; font-size:12px; color:#c8c3bb}
.copyright p a:hover{text-decoration:none; color:#000}
.getin_touch{width:230px; float:left; /* padding-right:40px;*/ }
.getin_touch h4{font-family:'Cambria-Bold'; font-size:20px; color:#f1eded; background:url(../images/product-cat.png) no-repeat left bottom; padding-bottom:20px}
.getin_touch ul{float:left}
.getin_touch ul li{background:url(../images/border.png) repeat-x bottom; width:100%; padding:12px 0; float:left; line-height:18px}
.getin_touch ul li img{float:left; vertical-align:middle; padding:0 6px 0 0}
.address{float:left}
.address p{font-family:"Nobile"; font-size:12px; color:#f1eded; padding:0}
.getin_touch ul li a{font-family:"Nobile"; font-size:12px; color:#f1eded; line-height:27px}
.getin_touch ul li a:hover{text-decoration:none; color:#000}
.footer-right{width:230px; float:right}
.getin_touch ul li.last{background:none}
/* End Footer
--------------------------------------------------------------------------------------------------*/


/* =Forms
--------------------------------------------------------------------------------------------------*/

/* Removing fieldset borders (remove if you want to keep the defaults defined in Normalization) */
fieldset{border:none; margin:0; padding:0}
fieldset p{}
fieldset label{}
fieldset .input{}
fieldset textarea{}
/* End Forms
--------------------------------------------------------------------------------------------------*/



/* = Start Contact Page
--------------------------------------------------------------------------------------------------*/
#page-container{background:#fff; padding:40px 0 0; width:100%}
.page{float:left; width:100%}
.page .title{background: none; border-bottom:solid 1px #d3cfcf; font-family:'Cambria-Bold'; font-size:30px; margin-bottom:15px; padding-bottom:15px; text-align:left;  text-transform: uppercase; line-height:30px;}
.spac{ padding:18px 0 8px;}
#frmEnquiry .spac{ padding:5px 0 8px;}
.widecolumn{width:660px; float:left }
.narrowcolumn{width:270px; float:right}
.map-area{margin-bottom:40px; width:100%; background:url(../images/form-top.png) repeat-x top left #fff; float:left; padding:30px 0 0px; height:300px; border:3px solid #d3cfcf;}
.map-area iframe{width:100%; border:3px solid #d3cfcf}
.enq-form p{font-family:"Nobile_italic"; font-size:15px; padding:10px 0 20px}
.map-address{float:left; width:99%; margin-top: 18px;}
.map-address ul{float:left}
.map-address ul li{background:url(../images/border.png) repeat-x bottom; width:100%; padding:15px 0; float:left}
.map-address ul li img{float:left; vertical-align:middle; padding:0 6px 0 0}
.map-address .address{float:left; width:85%; }
.map-address .address p{font-family:"Nobile"; font-size:15px; color:#000; padding:0}
.map-address ul li a{font-family:"Nobile"; font-size:15px; color:#800000; line-height:27px}
.map-address ul li a:hover{text-decoration:none; color:#000}
.map-address ul li.last{background:none}
.address p.dark{font-family:'Cambria-Bold'; font-size:17px}
.dark{font-family:'Cambria-Bold'; font-size:17px}
.enq-form{width:100%}
.enq-form h4{font-family:'Cambria-Bold'; font-size:20px; padding:0 0 20px}
.enq-form ul{float:left; width:50%}
.enq-form ul.comments{width:100%}
.enq-form ul.comments textarea{width:95%}
.enq-form ul.comments li input.sum{width:170px}
.enq-form ul.comments li input{background:url(../images/input-bg.png) repeat-x top; height:38px; width:90%; border:none; border-left:1px solid #E3E3E3; border-right:1px solid #E3E3E3; font-family:"Nobile"; font-size:15px; color:#1d1d1d; padding:0 10px}
.require{float:right; margin-right:11px}
.require p{clear:both}
.enq-form li{float:left; width:100%; background:none; padding:0 0 15px 0}
.enq-form span {
    color: #901f1f;
    font-family: "Nobile";
    font-size: 15px;
    font-style: normal ; margin-left:5px; margin-bottom:5px;
}
.enq-form li input{background:url(../images/input-bg.png) repeat-x top; height:38px; width:90%; border:none; border-left:1px solid #E3E3E3; border-right:1px solid #E3E3E3; font-family:"Nobile"; font-size:15px; color:#1d1d1d; padding:0 10px}
.enq-form li input em{color:red}
.enq-form li textarea{background:url(../images/textarea.png) repeat-x top #EFEFEF; line-height:18px; height:192px; width:90%; border:none; border-left:1px solid #E3E3E3; border-bottom:1px solid #E3E3E3; border-right:1px solid #E3E3E3; font-family:"Nobile"; font-size:15px; color:#1d1d1d; padding:10px 10px 0;}
.code{background:url(../images/code-bg.png) repeat-x center; height:34px; width:60px; display:block; float:left; border:1px solid #b4b4b4; line-height:28px; margin-right:10px; padding:0px; font-family:"Nobile_Bold"; font-style:italic; font-size:22px; color:#878282}
.refresh img{vertical-align:middle; padding-left:8px}
.enq-form li p{font-family:"Nobile_italic"; font-size:12px; float:right; line-height:35px; padding:0}
.enq-form li p span{color:#901F1F; font-family:"Nobile"; font-style:italic; font-size:15px}
.submit{background:url(../images/submit.png) no-repeat; height:37px; width:138px; display:block; float:right; margin-top:0px;}
.submit span{color:#fff; font-family:"Nobile"; font-size:15px; line-height:34px; padding-left:10px; font-weight:normal;}
.submit:hover{text-decoration:none}
/* End Contact Page
--------------------------------------------------------------------------------------------------*/


/* = Start CMS Page
--------------------------------------------------------------------------------------------------*/
.cms_page{float:left}
.cms_page img{float:left; padding-right:20px}
.cms_page span{ width:100%; float:left; margin-bottom:10px; text-align:center;}
.cms_page span img{float: none; }
.cms-page-detail{}
.cms-page h4{font-family:'Cambria-Bold'; font-size:29px; padding-bottom:20px}
.cms_page p{font-family:"Nobile"; font-size:15px; line-height:23px}
.cms_page p a{color:#800000}
.cms_page p a:hover{text-decoration:none; color:#000}
.cms-data{clear:both; float:left; width:100%; padding-bottom:40px}
.cms-bound{float:left; padding:0 30px 0 0; width:30%;}
.cms-detail{padding-bottom:20px}
.cms-detail h4{font-family:'Cambria-Bold'; font-size:17px; text-transform:uppercase; padding:20px 0}
ul li{background:url(../images/bullet.png) no-repeat left 7px; padding-left:20px; line-height:23px ; font-family:"Nobile"; font-size:15px}
ol li{background: none; padding-left:0px; line-height:23px ; font-family:"Nobile"; font-size:15px}
ul li a{font-family:"Nobile"; font-size:15px}
ul li a:hover{text-decoration:none; color:#800000}
ol{padding-left:20px}
ol li{list-style-type:decimal; line-height:23px}
ol li a{font-family:"Nobile"; font-size:15px}
ol li a:hover{text-decoration:none; color:#800000}
.cms-titles{margin:25px 30px 0 45px; float:left; width:16%;}
h1{font-family:'Cambria-Bold'; font-size:30px}
h2{font-family:'Cambria-Bold'; font-size:20px}
h3{font-family:'Cambria-Bold'; font-size:17px}
h4{font-family:"Nobile"; font-size:15px}
h5{font-family:"Nobile"; font-size:14px}
h6{font-family:"Nobile"; font-size:12px}
h1,
h2,
h3,
h4,
h5,
h6{padding:5px 0}
.cms_img{float:right; margin-top:87px;}
.about-img {text-align: center; width: 86%; margin: 0px auto;}
.about-img img { padding: 0 10px 0 0; width: 100%;}
.about-lt{text-align: center; float: left; width: 49%;}
.about-rt{text-align: center; float: right; width: 49%;}
/* End CMS Page
--------------------------------------------------------------------------------------------------*/



/* = Start product-category Page
--------------------------------------------------------------------------------------------------*/
/* change on 23/09/2014 */
.navigationtop{margin:3px 0 3px 63px;cursor:pointer;}
.navigationbot{margin-left:63px; margin-bottom:5px;cursor:pointer;}
.image{float:left; z-index:0}
.zoom{background:#FFF; height:303px; width:445px}
.image img{/*border:solid 3px #d3cfcf; float:left; margin-bottom:7px; padding:2px; text-align:center; */width:445px;height:322px; }
.ulheight ul{min-height:1500px !important}
.thigdu
{
}
/* end change on 23/09/2014 */

.details-gallary{margin-top:16px; text-align:center; /*width:100%;*/ width:630px}
.product-info{margin-bottom:0; float:left; width:100%; background:url(../images/form-top.png) repeat-x scroll left bottom #fff; padding: 24px 0 32px; }
.ipad{ padding: 0 0 32px;}


@media screen and (-webkit-min-device-pixel-ratio:0) {
.product-info { margin-bottom:9px; }
.last-info .gallary-data{ margin-top:0px;}



}
.jcarousel-skin-tango{background-color:#dddada; float:left; margin-right:15px; min-height:307px; padding:0}

.gallary{float:left; width:630px; position: relative;}
.gallary-data{float:right; width:320px}
.gallary-data h3{
	font-family:'Cambria-Bold'; font-size:20px; padding:0 0 20px}

.gallary-data p{font-family:"Nobile"; font-size:15px; text-align:justify; line-height:21px;}
.gallary-data a{float:left}
.nopad_l{padding-left:0 !important}
.nopad_r{padding-right:0 !important}
.nopad_t{padding-top:0 !important}
.product-info .image{margin-bottom:7px; text-align:center; border:solid 3px #d3cfcf; height:323px; padding:2px; float:left; width:445px}
.product-info .image-additional{/* clear:both; */ overflow:hidden; float:none;  /* width:145px;*/ height:100%}
.product-info .image-additional li{float:none; margin:0 5px 0 0px; height:90px !important }
.product-info .image-additional li.last{margin-right:0 }
#cloud-zoom-big{margin-top:3px }
.product-info .image-additional img{background:#FFF; border:1px solid #fff}
.product-info .image-additional img:hover{background:#FFF; border:1px solid #800000}

#image{float:left; margin-top:-300px; z-index:0; height:300px; width:445px}
#image1{float:left; margin-top:-300px; z-index:0; height:300px; width:445px}
#image4{float:left; margin-top:-300px; z-index:0; height:300px; width:445px}
#zoom1 img{background:#FFF; height:303px; width:445px}
#zoom2 img{background:#FFF; height:301px; width:445px}
#zoom4 img{background:#FFF; height:301px; width:445px}
.product-info .image-additional a{display:block; margin:0px auto; text-align:center}
.image-caroucel .jcarousel-clip{/*width:732px;*/ margin:0px auto; overflow:hidden; width:145px; height:100%}
.image-caroucel3 .jcarousel-clip{/*width:732px;*/ margin:0px auto; overflow:hidden; width:145px; height:100%}
.product-info .image-additional.image-caroucel li{margin:0 3px 8px; width:122px !important; height:97px; border:1px solid #d3d3d3; background:#efefef; padding:0}

.image-caroucel .jcarousel-prev{position:absolute; width:11px; height:11px; left:-2px; top:29px; background:url(../images/gray-left.png) no-repeat; cursor:pointer}
.image-caroucel .jcarousel-next{position:absolute; width:11px; height:11px; right:-2px; background:url(../images/gray-right.png) no-repeat; cursor:pointer}
.image-caroucel1 .jcarousel-prev{position:absolute; width:11px; height:11px; left:-2px; top:29px; background:url(../images/gray-left.png) no-repeat; cursor:pointer}
.image-caroucel1 .jcarousel-next{position:absolute; width:11px; height:11px; right:-2px; background:url(../images/gray-right.png) no-repeat; cursor:pointer}
.image-caroucel4 .jcarousel-prev{position:absolute; width:11px; height:11px; left:-2px; top:29px; background:url(../images/gray-left.png) no-repeat; cursor:pointer}
.image-caroucel4 .jcarousel-next{position:absolute; width:11px; height:11px; right:-2px; background:url(../images/gray-right.png) no-repeat; cursor:pointer}
/*.last-info .jcarousel-skin-tango .jcarousel-clip-vertical{ margin:0}
.last-info .jcarousel-skin-tango .jcarousel-clip-vertical ul{ left:-3px !important; top:18px}

.last-info .jcarousel-skin-tango .jcarousel-clip-vertical{height:296px}*/


.product-info .image-additional.image-caroucel1 li{margin:0 5px; width:125px !important; height:97px; border:1px solid #d3d3d3; background:#efefef; padding:0}
.image-caroucel1 .jcarousel-prev{position:absolute; width:11px; height:11px; left:-2px; top:29px; background:url(../images/gray-left.png) no-repeat; cursor:pointer}
.image-caroucel1 .jcarousel-next{position:absolute; width:11px; height:11px; right:-2px; background:url(../images/gray-right.png) no-repeat; cursor:pointer}
.image-caroucel1 li img{width:120px}
.image-caroucel li img{width:120px}
.product-info .image-additional.image-caroucel4 li{margin:0 2px; width:130px !important; height:97px; border:1px solid #d3d3d3; background:none; padding:0}
.image-caroucel4 .jcarousel-prev{position:absolute; width:11px; height:11px; left:-2px; top:29px; background:url(../images/gray-left.png) no-repeat; cursor:pointer}
.image-caroucel4 .jcarousel-next{position:absolute; width:11px; height:11px; right:-2px; background:url(../images/gray-right.png) no-repeat; cursor:pointer}
.zoom-top img{ opacity:0; }

.zoom-top{width:36px!important; height:36px!important; background:url(../images/zoom.png) right 0px no-repeat; overflow:hidden; margin-bottom:-39px; 
 top: 291px;
right: 35px;
position: absolute; opacity:0.5; filter: alpha(opacity=40);  
}
.last-info .zoom-top{width:36px!important; height:36px!important; background:url(../images/zoom.png) right 0px no-repeat; overflow:hidden; margin-bottom:-39px; 
 top: 291px;
right: 35px;
position: absolute; opacity:0.8;  
}


/* 0 start*/

.product-info .image-additional.image-caroucel0	li{margin:0 3px 8px; width:125px !important; height:97px; border:1px solid #d3d3d3; background:#efefef; padding:0}
.image-caroucel0 .jcarousel-clip{/*width:732px;*/ margin:0px auto; overflow:hidden; width:145px; height:100%}
.image-caroucel0 .jcarousel-prev{position:absolute; width:11px; height:11px; left:-2px; top:29px; background:url(../images/gray-left.png) no-repeat; cursor:pointer}
.image-caroucel0 .jcarousel-next{position:absolute; width:11px; height:11px; right:-2px; background:url(../images/gray-right.png) no-repeat; cursor:pointer}
#image0{float:left; margin-top:-300px; z-index:0; height:300px; width:445px}
#zoom0 img{background:#FFF; height:303px; width:445px}

.product-info .image0{border:solid 3px #d3cfcf; float:left; height:301px; margin-bottom:7px; padding:2px; text-align:center; width:445px}
#slideshow-main0{width:429px; float:left; margin-right:3px}
#slideshow-main0 ul{margin:0; padding:0; width:429px}
#slideshow-main0 li{width:429px; height:290px; display:none; position:relative}
#slideshow-main0 li.active{display:block !important}
#slideshow-main0 li span.opacity{position:absolute; bottom:0; left:0; display:block; width:100%; height:60px; background:#000; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity:0.5; opacity:0.5; z-index:500}
#slideshow-main0 li span.content{position:absolute; bottom:0; left:0; display:block; width:100%; height:60px; z-index:1000}
#slideshow-main0 li span.content h1{font-size:14px; margin:5px 0; padding:0 10px; ; color:#42e2e8}
#slideshow-main0 li span.content p{font-size:11px; margin:5px 0; padding:0 10px; ; color:#42e2e8}
#slideshow-carousel0{float:left; width:206px; position:relative }
#slideshow-carousel0 ul{margin:0; padding:0; list-style:none}
#slideshow-carousel0 li{background:#fff; height:97px; position:relative }
#slideshow-carousel0 li .arrow{left:3px; top:28px; position:absolute; width:20px; height:40px; background:url(../images/arrow_white.png) no-repeat 0 0; display:block}
#slideshow-carousel0 li a{background:#000; display:block; width:206px; height:95px}
#slideshow-carousel0 .active{filter:alpha(opacity=100); -moz-opacity:1.0; -khtml-opacity:1.0; opacity:1.0}
#slideshow-carousel0 .faded{filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity:0.5; opacity:0.5}

 /* 0 End*/

 


@-moz-document url-prefix() { 
 .zoom-top{width:36px!important; height:36px!important; background:url(../images/zoom.png) right 0px no-repeat; overflow:hidden; margin-bottom:-39px; top:291px;  position: absolute; right: 35px; }
 
 
 
}

#wrap{z-index:10 !important}
.product-category{padding-bottom:30px; float:left; width:100%}
.mousetrap{display:none !important }
#slideshow-main{width:429px; float:left; margin-right:3px}
#slideshow-main ul{margin:0; padding:0; width:429px}
#slideshow-main li{width:429px; height:290px; display:none; position:relative}
#slideshow-main li.active{display:block !important; }
#slideshow-main li span.opacity{position:absolute; bottom:0; left:0; display:block; width:100%; height:60px; background:#000; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity:0.5; opacity:0.5; z-index:500}
#slideshow-main li span.content{position:absolute; bottom:0; left:0; display:block; width:100%; height:60px; z-index:1000}
#slideshow-main li span.content h1{font-size:14px; margin:5px 0; padding:0 10px; ; color:#42e2e8}
#slideshow-main li span.content p{font-size:11px; margin:5px 0; padding:0 10px; ; color:#42e2e8}
#slideshow-carousel{float:left; width:206px; position:relative }
#slideshow-carousel ul{margin:0; padding:0; list-style:none}
#slideshow-carousel li{background:#fff; height:97px; position:relative }
#slideshow-carousel li .arrow{left:3px; top:28px; position:absolute; width:20px; height:40px; background:url(images/arrow_white.png) no-repeat 0 0; display:block}
#slideshow-carousel li a{background:#000; display:block; width:206px; height:95px}
#slideshow-carousel .active{filter:alpha(opacity=100); -moz-opacity:1.0; -khtml-opacity:1.0; opacity:1.0;  }
#slideshow-carousel .faded{filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity:0.5; opacity:0.5}
#slideshow-main1{width:429px; float:left; margin-right:3px}
#slideshow-main1 ul{margin:0; padding:0; width:429px}
#slideshow-main1 li{width:429px; height:290px; display:none; position:relative}
#slideshow-main1 li.active{display:block !important}
#slideshow-main1 li span.opacity{position:absolute; bottom:0; left:0; display:block; width:100%; height:60px; background:#000; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity:0.5; opacity:0.5; z-index:500}
#slideshow-main1 li span.content{position:absolute; bottom:0; left:0; display:block; width:100%; height:60px; z-index:1000}
#slideshow-main1 li span.content h1{font-size:14px; margin:5px 0; padding:0 10px; ; color:#42e2e8}
#slideshow-main1 li span.content p{font-size:11px; margin:5px 0; padding:0 10px; ; color:#42e2e8}
#slideshow-carousel1{float:left; width:206px; position:relative }
#slideshow-carousel1 ul{margin:0; padding:0; list-style:none}
#slideshow-carousel1 li{background:#fff; height:97px; position:relative }
#slideshow-carousel1 li .arrow{left:3px; top:28px; position:absolute; width:20px; height:40px; background:url(images/arrow_white.png) no-repeat 0 0; display:block}
#slideshow-carousel1 li a{background:#000; display:block; width:206px; height:95px}
#slideshow-carousel1 .active{filter:alpha(opacity=100); -moz-opacity:1.0; -khtml-opacity:1.0; opacity:1.0}
#slideshow-carousel1 .faded{filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity:0.5; opacity:0.5}
.product-info .image1{border:solid 3px #d3cfcf; float:left; height:301px; margin-bottom:7px; padding:2px; text-align:center; width:445px}
#slideshow-main4{width:429px; float:left; margin-right:3px}
#slideshow-main4 ul{margin:0; padding:0; width:429px}
#slideshow-main4 li{width:429px; height:290px; display:none; position:relative}
#slideshow-main4 li.active{display:block !important}
#slideshow-main4 li span.opacity{position:absolute; bottom:0; left:0; display:block; width:100%; height:60px; background:#000; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity:0.5; opacity:0.5; z-index:500}
#slideshow-main4 li span.content{position:absolute; bottom:0; left:0; display:block; width:100%; height:60px; z-index:1000}
#slideshow-main4 li span.content h1{font-size:14px; margin:5px 0; padding:0 10px; ; color:#42e2e8}
#slideshow-main4 li span.content p{font-size:11px; margin:5px 0; padding:0 10px; ; color:#42e2e8}
#slideshow-carousel4{float:left; width:206px; position:relative }
#slideshow-carousel4 ul{margin:0; padding:0; list-style:none}
#slideshow-carousel4 li{background:#fff; height:97px; position:relative }
#slideshow-carousel4 li .arrow{left:3px; top:28px; position:absolute; width:20px; height:40px; background:url(images/arrow_white.png) no-repeat 0 0; display:block}
#slideshow-carousel4 li a{background:#000; display:block; width:206px; height:95px}
#slideshow-carousel4 .active{filter:alpha(opacity=100); -moz-opacity:1.0; -khtml-opacity:1.0; opacity:1.0}
#slideshow-carousel4 .faded{filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity:0.5; opacity:0.5}
.product-info .image4{border:solid 3px #d3cfcf; float:left; height:300px; margin-bottom:7px; padding:2px; text-align:center; width:445px}
.kits{}
.gallary-data .kits p{font-family:"Nobile"; padding:0; font-size:15px; text-align:justify;}
.gallary-data ul li{line-height:20px; background:url(../images/bullet.png) no-repeat scroll left 4px rgba(0, 0, 0, 0); font-family:"Nobile"; font-size:14px}
.gallary-data ul{padding-bottom:15px; margin-top:10px;}
.last-info{background:none !important;  }

@media screen and (-webkit-min-device-pixel-ratio:0) {
.last-info{background:none !important;  padding:13px 0 0 0; }
}

html:first-child #cinco { 



.gallary-data {
float: right;
width: 320px;
margin-top: -23px;
}
.nir{ margin-top:-23px !important;}
.cont .gallary-data {
float: right;
width: 320px;
margin-top: -6px;
}
.last-info .gallary-data {
margin-top: -6px;
} 

}

@media screen and (-webkit-min-device-pixel-ratio:0) {
.gallary-data {
float: right;
width: 320px;
margin-top: -5px;
}
.nir{ margin-top:-23px !important;}
.cont .gallary-data {
float: right;
width: 320px;
margin-top: -6px;
}
.last-info .gallary-data {
margin-top: -6px;
}
}





.first-info{/*padding:15px 0 32px;*/}	

.test1{display: none  !important;}
.test2{display: none  !important;}
.test3{display: none  !important;}

.spac label{ line-height: 30px;}



.jcarousel-skin-tango1{ display:none;}





/* End product-category Page
--------------------------------------------------------------------------------------------------*/


@media only screen and (max-width:1024px){}
 @media only screen and (max-width:900px){
.ipad{ padding: 0 0 32px;}
 .js #menu{display:none}
 
 
 .header-top li {
    float: left;
    padding-left: 0;
}
.gallary {
    float: left;
    margin-bottom: 15px;
    width: 605px;
}
.js .slicknav_menu{display:block; width:46%;}
.slicknav_menu {    top: -14px;}
#wrapper,
#header,
.banner-area,
#container,
#footer,
.main,
#banner-fade{width:100%}
#logo a{width:100%}
.down{display:none}
#header{background:none; height:131px}
.header-top{background:#800000; height:37px}
#logo{ float: none;}
#logo a img{}
.header-top li{float:left; padding-right:10px}
#banner-fade{height:auto !important; margin:0; width:99%}
.banner-area{height:393px}
ul.bjqs{height:345px !important}
li.bjqs-slide{height:auto !important}

ul.bjqs-controls.v-centered li.bjqs-prev a{top:140px !important}
ul.bjqs-controls.v-centered li.bjqs-next a{top:140px !important }
li.bjqs-slide span{}
#container{padding:20px 0 0}
.copyright{ width:100%; margin:0;}
.content h3.title{background:url(../images/home-title.png) no-repeat scroll center bottom rgba(0, 0, 0, 0); font-size:23px; line-height:28px; margin-bottom:5px}
.content p{margin:0 10px; width:97%; font-size:14px}
.product{padding-top:20px}
.product-data{margin:0 52px; width:87%}
.product-data li{margin:0 4px 10px; width:220px}

.enq-form ul.comments li input.sum{width:120px}
.footer-left{width:65%}
.footer-right{width:30%; margin:0 10px; float:right}
.getin_touch{width:100%}
.quick_links{width:100%; margin:0 10px 15px; float:left; padding:0}
.quick_links ul{float:left; width:100%}
.quick_links ul li{float:left; margin:0 5px; padding:8px 0; width:46%}
.quick_links ul li.last{background:url(../images/border.png) repeat-x scroll center bottom rgba(0, 0, 0, 0)}
#footer{background:url(../images/footer-bg.png) repeat #585455; height:auto; float:left; position:relative}
.product-cat{margin:0 10px 20px; width:100%}
.product-cat ul{margin-right:8px; width:47%}
.product-cat h4{float:none}
.copyright p{padding:10px 14px; float:left;}
.product-top img{height:165px; }
.product-bottom{float:left; width:100%}
.third-effect a.info{left:-16px}
.breadcrumbs-area{padding:0 10px; width:100%}
#page-container{width:96%; margin:0 10px}
.widecolumn{width:60%}
.narrowcolumn{width:36%}
.map-area{width:100%; height:300px; border:3px solid #d3cfcf; }
.map-area iframe{width:100%; height:300px}
.enq-form{padding:10px 0 0}
.enq-form ul{margin:0; width:100%}
.enq-form li input.sum{width:130px}
.enq-form li input{width:95%}
.enq-form li textarea{width:92%}
.map-address .address{width:84%}
.address p.dark{font-size:15px}
.map-address .address p{font-size:15px}
.map-address ul li a{font-size:15px}
.cms_page img{padding:0 10px 0 0; width:48%}
.cms-page-detail h4{font-size:19px}
.cms-page-detail p{font-size:14px}
.cms-titles{margin:0 10px}
.cms_img{float:none}
.cms-titles{margin:20px 10px}
.cms-bound{padding:0 65 }}
 @media only screen and (max-width:800px){
	 .thigdu
{ width:101.5%;
}
.ipad{ padding: 0 0 32px;}
.about-img {text-align: center; width: 86%; margin: 0px auto;}
.about-img img { padding: 0 10px 0 0; width: 100% !important;}
.about-lt{text-align: center; float: left; width: 49%;}
.about-rt{text-align: center; float: right; width: 49%;}

.js #menu{display:none}
 .header-top li {
    float: left;
    padding-left: 0;
}

.gallary {
    float: left;
    margin-bottom: 15px;
    width: 625px;
}
.js .slicknav_menu{display:block; width:46%;}
.slicknav_menu {    top: -14px;}
.gallary-data .kits p{font-family:"Nobile"; padding:0; font-size:15px; text-align:justify; min-height:53px}
#wrapper,
#header,
.banner-area,
#container,
#footer,
.main,
#banner-fade{width:100%}
#logo a{width:100%; margin-left:1%;}
.down{display:none}
#header{background:none; height:140px}
.headshadow { margin-top:15px;}
.header-top{background:#800000; height:37px}
#logo{ float: none;}
#logo a img{}
.header-top li{float:left; padding-right:10px}
#banner-fade{height:auto !important; margin:0 0 0 12px; width:97%; border: none 0px;}
ul.bjqs-controls.v-centered li.bjqs-next a:hover{background:url(../images/next.png) no-repeat right center}
ul.bjqs-controls.v-centered li.bjqs-prev a:hover{background:url(../images/prev.png) no-repeat left center}
.banner-area{height:393px}
ul.bjqs{height:345px !important}
li.bjqs-slide{height:auto !important}
li.bjqs-slide img{height:auto !important}
ul.bjqs-controls.v-centered li.bjqs-prev a{top:140px !important}
ul.bjqs-controls.v-centered li.bjqs-next a{top:140px !important }
li.bjqs-slide span{}
#container{padding:20px 0 0}
.copyright{ width:100%; margin:0;}
.content h3.title{background:url(../images/home-title.png) no-repeat scroll center bottom rgba(0, 0, 0, 0); font-size:23px; line-height:28px; margin-bottom:5px}
.content p{margin:0 10px; width:97%; font-size:14px}
.product{padding-top:20px}
.product-data{margin:0 52px; width:87%}
.product-data li{margin:0 4px 10px; width:220px}
.product-data li:nth-child(4n+0){background:#e7e6e6; border:1px solid #d3cfcf; width:220px; text-align:center; position:relative; margin:0 4px 10px; float:left; padding:0; }
.gallary-data {  width: 100% ; float:left;}
.gallary-data p { min-height: 18px;}

.enq-form ul.comments li input.sum{width:120px}
.footer-left{width:65%}
.footer-right{width:30%; margin:0 10px; float:right}
.getin_touch{width:100%}
.quick_links{width:100%; margin:0 10px 15px; float:left; padding:0}
.quick_links ul{float:left; width:100%}
.quick_links ul li{float:left; margin:0 5px; padding:8px 0; width:46%}
.quick_links ul li.last{background:url(../images/border.png) repeat-x scroll center bottom rgba(0, 0, 0, 0)}
#footer{background:url(../images/footer-bg.png) repeat #585455; height:auto; float:left; position:relative}
.product-cat{margin:0 10px 20px; width:100%}
.product-cat ul{margin-right:8px; width:47%}
.product-cat h4{float:none}
.copyright p{padding:10px 14px; float:left;}
.product-top img{height:165px}
.product-bottom{float:left; width:100%}
.third-effect a.info{left:-16px}
.breadcrumbs-area{padding:0 10px; width:100%}
#page-container{width:96%; margin:0 10px}
.widecolumn{width:60%}
.narrowcolumn{width:36%}
.map-area{width:100%}
.map-area iframe{width:100%; height:300px}
.enq-form{padding:10px 0 0}
.enq-form ul{margin:0; width:100%}
.enq-form li input.sum{width:130px}
.enq-form li input {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: url("../images/input-bg.png") repeat-x scroll center top rgba(0, 0, 0, 0);
    border-color: -moz-use-text-color #e3e3e3;
    border-image: none;
    border-style: none solid;
    border-width: medium 1px;
    color: #1d1d1d;
    font-family: "Nobile";
    font-size: 15px;
    height: 38px;
    padding: 0 10px;
    width: 90%;
}
.enq-form li textarea{width:92%}
.map-address .address{width:84%}
.address p.dark{font-size:15px}
.map-address .address p{font-size:15px}
.map-address ul li a{font-size:15px}
.cms_page img{padding:0 10px 0 0; width:48%}
.cms-page-detail h4{font-size:19px}
.cms-page-detail p{font-size:14px}
.cms-titles{margin:0 10px}
.cms_img{float:none}
.cms-titles{margin:20px 10px}
.cms-bound{padding:0 65 }
.enq-form ul.comments textarea{width:90%;}
.require { margin-right: 25px; margin-top:10px; float:right;
}
 @media only screen and (max-width:768px){
	 
	  .zoom-top{width:36px!important; height:36px!important; background:url(../images/zoom.png) right 0px no-repeat; overflow:hidden; margin-bottom:-39px; 
 top: 291px;
right: 30px;
position: absolute; opacity:0.5; filter: alpha(opacity=40);  
}
.last-info .zoom-top{width:36px!important; height:36px!important; background:url(../images/zoom.png) right 0px no-repeat; overflow:hidden; margin-bottom:-39px; 
 top: 291px;
right: 30px;
position: absolute; opacity:0.8;   
}
	 
	 .js #menu{display:none}
.ipad{ padding: 0 0 32px;}
.round1{ display:none;}
.round{ display:none;} 
 .header-top li {
    float: left;
    padding-left: 0;
}
.gallary {
    float: left;
    /* Commented by Pritesh
	margin-bottom: 15px;
	*/
	margin-bottom: 1px;
    width: 625px;
}
.submit span {
    color: #ffffff;
    font-family: "Nobile";
    font-size: 15px;
    line-height: 36px;
    padding-left: 10px;
}
.page .title { margin-right:-9px;}
.js .slicknav_menu{display:block; width:46%;}
.slicknav_menu {    top: -14px;}
.gallary-data .kits p{font-family:"Nobile"; padding:0; font-size:15px; text-align:justify; min-height:53px}
#wrapper,
#header,
.banner-area,
#container,
#footer,
.main,
#banner-fade{width:100%}
#logo a{width:100%; margin-left:1%;}
.down{display:none}
#header{background:none; height:140px}
.headshadow { margin-top:15px;}
.header-top{background:#800000; height:37px}
#logo{ float: none;}
#logo a img{}
.header-top li{float:left; padding-right:10px}
#banner-fade{height:auto !important; margin:0 0 0 12px; width:97%; border:none 0px;}
ul.bjqs-controls.v-centered li.bjqs-next a:hover{background:url(../images/next.png) no-repeat right center}
ul.bjqs-controls.v-centered li.bjqs-prev a:hover{background:url(../images/prev.png) no-repeat left center}
.banner-area{height:395px}
ul.bjqs{height:345px !important}
li.bjqs-slide{height:auto !important}
li.bjqs-slide img{height:346px !important}
ul.bjqs-controls.v-centered li.bjqs-prev a{top:140px !important}
ul.bjqs-controls.v-centered li.bjqs-next a{top:140px !important }
li.bjqs-slide span{}
#container{padding:20px 0 0}
.copyright{ width:100%; margin:0;}
.content h3.title{background:url(../images/home-title.png) no-repeat scroll center bottom rgba(0, 0, 0, 0); font-size:23px; line-height:28px; margin-bottom:5px}
.content p{margin:0 10px; width:97%; font-size:14px}
.product{padding-top:20px}
.product-data{margin:0 43px 0 38px; width:90%}
.product-data li{margin:0 4px 10px; width:220px}
.product-data li:nth-child(4n+0){background:#e7e6e6; border:1px solid #d3cfcf; width:220px; text-align:center; position:relative; margin:0 4px 10px; float:left; padding:0; }
.gallary-data {  width: 100% !important; margin-top:15px !important; float:left;}
.gallary-data p { min-height: 18px;}

.enq-form ul.comments li input.sum{width:120px}
.footer-left{width:65%}
.footer-right{width:30%; margin:0 10px; float:right}
.getin_touch{width:100%}
.quick_links{width:100%; margin:0 10px 15px; float:left; padding:0}
.quick_links ul{float:left; width:100%}
.quick_links ul li{float:left; margin:0 5px; padding:8px 0; width:46%}
.quick_links ul li.last{background:url(../images/border.png) repeat-x scroll center bottom rgba(0, 0, 0, 0)}
#footer{background:url(../images/footer-bg.png) repeat #585455; height:auto; float:left; position:relative}
.product-cat{margin:0 10px 20px; width:100%}
.product-cat ul{margin-right:8px; width:47%}
.product-cat h4{float:none}
.copyright p{padding:10px 14px; float:left;}
.product-top img{height:165px}
.product-bottom{float:left; width:100%}
.third-effect a.info{left:-16px}
.breadcrumbs-area{padding:0 10px; width:100%}
#page-container{width:96%; margin:0 10px}
.widecolumn{width:60%}
.narrowcolumn{width:36%}
.map-area{width:100%}
.map-area iframe{width:100%; height:300px}
.enq-form{padding:10px 0 0}
.enq-form ul{margin:0; width:100%}
.enq-form li input.sum{width:130px}
.enq-form li input{width:95%}
.enq-form li textarea{width:92%}
.enq-form li input {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: url("../images/input-bg.png") repeat-x scroll center top rgba(0, 0, 0, 0);
    border-color: -moz-use-text-color #e3e3e3;
    border-image: none;
    border-style: none solid;
    border-width: medium 1px;
    color: #1d1d1d;
    font-family: "Nobile";
    font-size: 15px;
    height: 38px;
    padding: 0 10px;
    width: 90%;
}
.map-address .address{width:84%}
.address p.dark{font-size:15px}
.map-address .address p{font-size:15px}
.map-address ul li a{font-size:15px}
.cms_page img{padding:0 10px 0 0; width:48%}
.cms-page-detail h4{font-size:19px}
.cms-page-detail p{font-size:14px}
.cms-titles{margin:0 10px}
.cms_img{float:none}
.cms-titles{margin:20px 10px; width:50%;}
.cms-bound{padding:0 65 ; width:40%;}
.enq-form ul.comments textarea{width:90%;}
.require { margin-right: 25px; margin-top:10px; float:right;
}}



}

 @media only screen and (max-width:640px){
.about-img {text-align: center; width: 86%; margin: 0px auto;}
.about-img img { padding: 0 10px 0 0; width: 100% !important;}
.about-lt{text-align: center; float: left; width: 49%;}
.about-rt{text-align: center; float: right; width: 49%;}
	 .js #menu{display:none}
	 .headshadow { margin-top:0;}
	.image img
	{	   width: auto;
	}
.product-top img {
    height: 165px;
    width: 100%;
}
.js .slicknav_menu{display:block; width:46%;}
.slicknav_menu {    top: 0;}
#wrapper,
#header,
.banner-area,
#container,
#footer,
.main,
#banner-fade{width:100%}
#logo a{width:100%}
.down{display:none}
.product h3.title{font-size:23px}
#header{background:none; height:165px}
.header-top{background:#800000; height:62px}
#logo{float:none}
#logo a img{/*width:100%;*/ padding:26px 0}
.header-top li{float:none; padding-right:10px}
#banner-fade{height:auto !important; margin:0 0 0 8px; width:97%}
.banner-area{height:327px}
ul.bjqs{height:282px !important}
li.bjqs-slide{height:auto !important}
li.bjqs-slide img{height:auto !important}
ul.bjqs-controls.v-centered li.bjqs-prev a{top:110px !important}
ul.bjqs-controls.v-centered li.bjqs-next a{top:110px !important }
li.bjqs-slide span{}
#container{padding:20px 0 0}
.content h3.title{background:url(../images/home-title.png) no-repeat scroll center bottom rgba(0, 0, 0, 0); font-size:23px; line-height:28px; margin-bottom:5px}
.content p{margin:0 10px; width:94%; font-size:14px}
.product-bottom p{font-family:"Nobile"; font-size:13px; padding:10px 0; float:left; width:100%}
.product{padding-top:20px}
.product-data{margin:0 14px; width:96%}
.product-data li{margin:0 4px 10px; width:194px}
.product-data li:nth-child(4n+0){background:#e7e6e6; border:1px solid #d3cfcf; width:194px;  text-align:center; position:relative; margin:0 4px 10px; float:left; padding:0; }

.footer-left{width:90%}
.footer-right{width:94%; margin:0 10px; float:none}
.getin_touch{width:100%}
.quick_links{width:100%; margin:0 10px 15px; float:left; padding:0}
.quick_links ul{float:left; width:100%}
.quick_links ul li{float:left; margin:0 5px; padding:8px 0; width:46%}
.quick_links ul li.last{background:url(../images/border.png) repeat-x scroll center bottom rgba(0, 0, 0, 0)}
#footer{background:url(../images/footer-bg.png) repeat #585455; height:auto; float:left; position:relative}
.product-cat{margin:0 10px 20px; width:100%}
.product-cat ul{margin-right:8px; width:47%}
.product-cat h4{float:none}

.copyright p{padding:10px 14px; float:none}
.product-top img{height:165px;}
.product-bottom{float:left}
.third-effect a.info{left:-30px}
.breadcrumbs-area{padding:0 10px; width:100%}
#page-container{width:96%; margin:0 10px}
.widecolumn{width:100%}
.narrowcolumn{width:100%}
.map-area{width:100%}
.map-area iframe{width:100%; height:200px}
.enq-form{margin:0; padding:0}
.enq-form ul{margin:0 5px; width:48%}
.enq-form li input.sum{width:130px}
.enq-form li input{width:95%}
.enq-form li textarea{width:92%}
.cms_page img{padding:0 10px 0 0; width:48%}
.cms-page-detail h4{font-size:19px}
.cms-page-detail p{font-size:14px}
.cms-titles{margin:0 10px}
.cms_img{float:none}
.cms-titles{margin:20px 10px; width:50%;}
.cms-bound{padding:0 65; width:40%;}
.gallary{width:100%}
.product-info .image{width: auto}
.product-info .image1{width:300px}
.product-info .image4{width:300px}
.product-info .image0{width:300px}
.product-info .image2{width:300px}
.product-info .image3{width:300px}
.product-info .image5{width:300px}
.product-info .image6{width:300px}
.product-info .image7{width:300px}
.product-info .image8{width:300px}
.product-info .image9{width:300px}
.product-info .image10{width:300px}
#image{width:240px}
#image1{width:240px}
#image4{width:240px}
#image0{width:240px}
#image2{width:240px}
#image3{width:240px}
#image5{width:240px}
#image6{width:240px}
#image7{width:240px}
#image8{width:240px}
#image9{width:240px}
#image10{width:240px}
#zoom1 img{width:405px}
#zoom2 img{width:405px}
#zoom4 img{width:405px}
#zoom0 img{width:405px}
#zoom3 img{width:405px}
#zoom5 img{width:405px}
#zoom6 img{width:405px}
#zoom7 img{width:405px}
#zoom8 img{width:405px}
#zoom9 img{width:405px}
#zoom10 img{width:405px}
.gallary-data{width:100%}

.round1{ display:none;}
.round{ display:none;}
.product-top a {
    color: #800000;
    font-family: 'Cambria-Bold';
    font-size: 15px;
    line-height: 35px;
    text-transform: uppercase;
}
.require {
    float: right;
    margin-right: 41px;
    margin-top: 0;
}

.zoom-top{right:35px; display: none;}

}
 @media only screen and (max-width:600px){
.about-img {text-align: center; width: 86%; margin: 0px auto;}
.about-img img { padding: 0 10px 0 0; width: 100% !important;}
.about-lt{text-align: center; float: left; width: 49%;}
.about-rt{text-align: center; float: right; width: 49%;}

.js #menu{display:none}
.js .slicknav_menu{display:block; width:46%;}
.slicknav_menu {    top: 0;}
#wrapper,
#header,
.banner-area,
#container,
#footer,
.main,
#banner-fade{width:100%}
#logo a{width:100%}
.down{display:none}
#header{background:none; height:165px}
.header-top{background:#800000; height:62px}
#logo{float:none}
#logo a img{/*width:100%;*/ padding:26px 0}
.header-top li{float:none; padding-right:10px}
#banner-fade{height:auto !important; margin:0 0 0 7px; width:97%}
.banner-area{height:290px}
ul.bjqs{height:259px !important}
li.bjqs-slide{height:auto !important}
li.bjqs-slide img{height:auto !important}
ul.bjqs-controls.v-centered li.bjqs-prev a{top:110px !important}
ul.bjqs-controls.v-centered li.bjqs-next a{top:110px !important }
p.bjqs-caption{font-size:12px}
li.bjqs-slide span{}
#container{padding:20px 0 0}
.content h3.title{background:url(../images/home-title.png) no-repeat scroll center bottom rgba(0, 0, 0, 0); font-size:23px; line-height:28px; margin-bottom:5px}
.content p{margin:0 10px; width:96%; font-size:14px}
.product{padding-top:20px}
.product-data{margin:0 70px; width:77%}
.product-data li{margin:0 4px 10px; width:220px}
.product-data li:nth-child(4n+0){background:#e7e6e6; border:1px solid #d3cfcf; width:220px; text-align:center; position:relative; margin:0 4px 10px; float:left; padding:0; }

.footer-left{width:90%}
.footer-right{width:94%; margin:0 10px; float:none}
.getin_touch{width:100%}
.quick_links{width:100%; margin:0 10px 15px; float:left; padding:0}
.quick_links ul{float:left; width:47%}
.quick_links ul li{float:left; margin:0 5px; padding:8px 0; width:46%}
.quick_links ul li.last{background:url(../images/border.png) repeat-x scroll center bottom rgba(0, 0, 0, 0)}
#footer{background:url(../images/footer-bg.png) repeat #585455; height:auto; float:left; position:relative}
.product-cat{margin:0 10px 20px; width:100%}
.product-cat ul{margin-right:8px; width:47%}
.product-cat h4{float:none}

.copyright p{padding:10px 14px; float:none}
.product-top img{height:165px}
.product-bottom{float:left}
.third-effect a.info{left:-30px}
.breadcrumbs-area{padding:0 10px; width:100%}
#page-container{width:96%; margin:0 10px}
.widecolumn{width:100%}
.narrowcolumn{width:100%}
.map-area{width:100%}
.map-area iframe{width:100%; height:200px}
.enq-form{margin:0; padding:0}
.enq-form ul{margin:0 5px; width:48%}
.enq-form li input.sum{width:130px}
.enq-form li input{width:94.3%}
.enq-form li textarea{width:92%}
.cms_page img{padding:0 10px 0 0; width:48%}
.cms-page-detail h4{font-size:19px}
.cms-page-detail p{font-size:14px}
.cms-titles{margin:0 10px}
.cms_img{float:none}
.cms-titles{margin:20px 10px}
.cms-bound{padding:0 65px 0 0; width:100%;}
.round1{ display:none;}
.round{ display:none;} 
.product-top a {
    color: #800000;
    font-family: 'Cambria-Bold';
    font-size: 15px;
    line-height: 35px;
    text-transform: uppercase;
}

}


@media only screen and (max-width:580px){
.about-img {text-align: center; width: 86%; margin: 0px auto;}
.about-img img { padding: 0 10px 0 0; width: 100% !important;}
.about-lt{text-align: center; float: left; width: 49%;}
.about-rt{text-align: center; float: right; width: 49%;}

.js #menu{display:none}
.js .slicknav_menu{display:block; width:46%;}
.slicknav_menu {    top: 0;}
#wrapper,
#header,
.banner-area,
#container,
#footer,
.main,
#banner-fade{width:100%}
#logo a{width:100%}
.down{display:none}
#header{background:none; height:165px}
.header-top{background:#800000; height:62px}
#logo{float:none}
#logo a img{/*width:100%;*/ padding:26px 0}
.header-top li{float:none; padding-right:10px}
#banner-fade{height:auto !important; margin:0 0 0 7px; width:97%}
.banner-area{height:290px}
ul.bjqs{height:259px !important}
li.bjqs-slide{height:auto !important}
li.bjqs-slide img{height:auto !important}
ul.bjqs-controls.v-centered li.bjqs-prev a{top:110px !important}
ul.bjqs-controls.v-centered li.bjqs-next a{top:110px !important }
p.bjqs-caption{font-size:12px}
li.bjqs-slide span{}
#container{padding:20px 0 0}
.content h3.title{background:url(../images/home-title.png) no-repeat scroll center bottom rgba(0, 0, 0, 0); font-size:23px; line-height:28px; margin-bottom:5px}
.content p{margin:0 10px; width:96%; font-size:14px}
.product{padding-top:20px}
.product-data{margin:0 70px; width:77%}
.product-data li{margin:0 4px 10px; width:220px}
.product-data li:nth-child(4n+0){background:#e7e6e6; border:1px solid #d3cfcf; width:220px; text-align:center; position:relative; margin:0 4px 10px; float:left; padding:0; }

.footer-left{width:90%}
.footer-right{width:94%; margin:0 10px; float:none}
.getin_touch{width:100%}
.quick_links{width:100%; margin:0 10px 15px; float:left; padding:0}
.quick_links ul{float:left; width:47%}
.quick_links ul li{float:left; margin:0 5px; padding:8px 0; width:46%}
.quick_links ul li.last{background:url(../images/border.png) repeat-x scroll center bottom rgba(0, 0, 0, 0)}
#footer{background:url(../images/footer-bg.png) repeat #585455; height:auto; float:left; position:relative}
.product-cat{margin:0 10px 20px; width:100%}
.product-cat ul{margin-right:8px; width:47%}
.product-cat h4{float:none}

.copyright p{padding:10px 14px; float:none}
.product-top img{height:165px}
.product-bottom{float:left}
.third-effect a.info{left:-30px}
.breadcrumbs-area{padding:0 10px; width:100%}
#page-container{width:96%; margin:0 10px}
.widecolumn{width:100%}
.narrowcolumn{width:100%}
.map-area{width:100%}
.map-area iframe{width:100%; height:200px}
.enq-form{margin:0; padding:0}
.enq-form ul{margin:0 5px; width:48%}
.enq-form li input.sum{width:130px}
.enq-form li input{width:94.3%}
.enq-form li textarea{width:92%}
.cms_page img{padding:0 10px 0 0; width:48%}
.cms-page-detail h4{font-size:19px}
.cms-page-detail p{font-size:14px}
.cms-titles{margin:0 10px}
.cms_img{float:none}
.cms-titles{margin:20px 10px}
.cms-bound{padding:0 65px 0 0; width:100%;}
.round1{ display:none;}
.round{ display:none;} 
.product-top a {
    color: #800000;
    font-family: 'Cambria-Bold';
    font-size: 15px;
    line-height: 35px;
    text-transform: uppercase;
}

.product-info .image {
width: 70%;
}
.image img {
width: 100%;
}

 }



 @media only screen and (max-width:480px){.js #menu{display:none}
.about-img {text-align: center; width: 100%; margin: 0px auto;}
.about-lt{text-align: center; float: left; width: 100%;}
.about-rt{text-align: center; float: right; width: 100%;}
 
 	#zoom1 img{background:#FFF; height: auto; width:445px}
	 #image { display: none;}
	 .product-info .image{ height:auto;}
	 #zoom2 img{background:#FFF; height: auto; width:445px}
	 #image { display: none;}
	 .product-info .image1{ height:auto;}
	 #zoom4 img{background:#FFF; height: auto; width:445px}
	 #image { display: none;}
	 .product-info .image4{ height:auto;}

	 	 #zoom0 img{background:#FFF; height: auto; width:445px}
	 #image { display: none;}
	 .product-info .image0{ height:auto;}

	 	 #zoom3 img{background:#FFF; height: auto; width:445px}
	 #image { display: none;}
	 .product-info .image3{ height:auto;}

	 	 #zoom5 img{background:#FFF; height: auto; width:445px}
	 #image { display: none;}
	 .product-info .image5{ height:auto;}

	 	 #zoom6 img{background:#FFF; height: auto; width:445px}
	 #image { display: none;}
	 .product-info .image6{ height:auto;}

	 	 #zoom7 img{background:#FFF; height: auto; width:445px}
	 #image { display: none;}
	 .product-info .image7{ height:auto;}

	 	 #zoom8 img{background:#FFF; height: auto; width:445px}
	 #image { display: none;}
	 .product-info .image8{ height:auto;}
	 
	 	 #zoom9 img{background:#FFF; height: auto; width:445px}
	 #image { display: none;}
	 .product-info .image9{ height:auto;}

	 	 #zoom10 img{background:#FFF; height: auto; width:445px}
	 #image { display: none;}
	 .product-info .image10{ height:auto;}
 .jcarousel-skin-tango {
    display: none;
    float: left;
    margin-right: 15px;
}
 .header-top ul {
    float: right;
    margin-top: 0px;
    padding: 5px 0;
}
.js .slicknav_menu{display:block; width:46%;}
.slicknav_menu {    top: 0;}
#wrapper,
#header,
.banner-area,
#container,
#footer,
.main,
#banner-fade{width:100%}
#logo a{width:100%}
.down{display:none}
#header{background:none; height:146px}
.header-top{background:#800000; height:62px}
#logo{float:none}
#logo a img{padding:18px 0; width:96%;}
.header-top li{float:left; padding-right:10px}
#banner-fade{height:auto !important; margin:0 0 0 7px; width:97%; border:none 0px;}
.banner-area{height:263px}
ul.bjqs{height:211px !important}
li.bjqs-slide{height:auto !important}
li.bjqs-slide img{height:auto !important}
ul.bjqs-controls.v-centered li.bjqs-prev a{top:95px !important}
ul.bjqs-controls.v-centered li.bjqs-next a{top:95px !important }
p.bjqs-caption{background:#000; padding:5px 10px; width:80%; display:none}
li.bjqs-slide span{background:#000; padding:5px 10px; display:none}
#container{padding:20px 0 0}
.content h3.title{background:url(../images/home-title.png) no-repeat scroll center bottom rgba(0, 0, 0, 0); font-size:23px; line-height:28px; margin-bottom:5px}
.content p{margin:0 10px; width:94%; font-size:14px}
.product{padding-top:20px}
.product-data{margin:0 10px; width:96%}
.product-data li{margin:0 4px 10px; width:220px}
.footer-left{width:84%}
.footer-right{width:80%; margin:0 10px; float:none}
.getin_touch{width:100%}
.quick_links{width:100%; margin:0 10px 15px; float:left; padding:0}
.quick_links ul{float:left; width:100%}
.quick_links ul li{float:left; margin:0 5px; padding:8px 0; width:46%}
.quick_links ul li.last{background:url(../images/border.png) repeat-x scroll center bottom rgba(0, 0, 0, 0)}
#footer{background:url(../images/footer-bg.png) repeat #585455; height:auto; float:left; position:relative}
.product-cat{margin:0 10px 20px; width:100%}
.product-cat ul{margin-right:8px; width:47%}
.product-cat h4{float:left; width:100%;}
.quick_links h4 {
    background: url("../images/product-cat.png") no-repeat scroll left bottom rgba(0, 0, 0, 0);
    color: #f1eded;
    font-family: 'Cambria-Bold';
    font-size: 20px;
    padding-bottom: 20px;
}
.product-cat ul li { width: 85%;}
.copyright p{padding:10px 14px; float:none}
.product-top img{height:165px; }
.product-bottom{float:left; width:100%}
.third-effect a.info{left:-15px; top:-35px}
.breadcrumbs-area{padding:0 10px; width:100%}
#page-container{width:94%; margin:0 10px}
.widecolumn{width:100%}
.narrowcolumn{width:100%}
.map-area{width:100%}
.map-area iframe{width:100%; height:200px}
.enq-form{margin:0; padding:0}
.enq-form ul{width:100%; margin:0}
.enq-form li{width:97%}
.enq-form li input{width:100%}
.map-address .address p{font-size:15px}
.enq-form ul.comments textarea{width:100%}
.enq-form li p{padding:0}
.cms_page img{width:100%; padding:0}
.cms-titles{margin:20px 10px; width:100%;}
.cms_img{float:none}
.enq-form ul.comments li input.sum{width:120px}
.round1{ display:none;}
.round{ display:none;}
.product-info .image{width:401px}
.product-info .image1{width:401px}
.product-info .image4{width:401px}
.product-info .image0{width:401px}
.product-info .image2{width:401px}
.product-info .image3{width:401px}
.product-info .image5{width:401px}
.product-info .image6{width:401px}
.product-info .image7{width:401px}
.product-info .image8{width:401px}
.product-info .image9{width:401px}
.product-info .image10{width:401px}
.product-top a {
    color: #800000;
    font-family: 'Cambria-Bold';
    font-size: 15px;
    line-height: 35px;
    text-transform: uppercase;
}
.require {
    float: left;
    margin-right: 11px;
    margin-top: 11px;
}
 .image img {
    width: 100%;   height: auto;
}
.zoom-top{   left: 370px;top: 270px; } 

jcarousel-skin-tango{ display:none;}
	.jcarousel-skin-tango1 {
   background-color: #dddada;
    display: block;
    float: left;
    height: 92px;
    margin-bottom: 10px !important;
    margin-right: 15px !important;
    padding: 0 15px 0 15px !important;
}
.navigationbot {
   cursor: pointer;
    float: right;
    margin-bottom: 5px;
    margin-left: 0;
    margin-top: 0;
    position: absolute;
    right: 46px;
    top: 363px;
    z-index: 99999;
   
}
.product-info .image-additional.image-caroucel li {
    background: none repeat scroll 0 0 #efefef;
    border: 1px solid #d3d3d3;
    height: 65px !important;
    margin: 13px 2px 8px 14px;
    padding: 0;
    width: 74px !important;
	display: inline-block;
}
.product-info .image-additional {
    float: none;
    height: 100%;
    overflow: hidden;
    width: 381px !important;
	 left: -10px !important;
}
.jcarousel-skin-tango1 .jcarousel-container-vertical { background: none repeat scroll 0 0 #dddada; height: 88px; margin-bottom: 10px; padding: 0; width: 299px; }
.navigationtop {
    background: none repeat scroll 0 0 #dddada;
    cursor: pointer;
    float: left;
    height: 51px;
    left: -58px;
    margin: 3px 0 3px 63px;
    padding-top: 29px;
    position: absolute;
    top: 327px;
    width: 13px;
    z-index: 999;
}
.image-caroucel li img {
  height: 98%;
    width: 97%;
}
.last-info .zoom-top{ display:none;}
.zoom-top { display:none;}
}

 @media only screen and (max-width:360px){.js #menu{display:none}
.about-img {text-align: center; width: 100%; margin: 0px auto;}
.about-lt{text-align: center; float: left; width: 100%;}
.about-rt{text-align: center; float: right; width: 100%;}
 	 #zoom1 img{background:#FFF; height: auto; width:445px}
	 #image { display: none;}
	 .product-info .image{ height:auto;}
	 #zoom2 img{background:#FFF; height: auto; width:445px}
	 #image { display: none;}
	 .product-info .image1{ height:auto;}
	 #zoom4 img{background:#FFF; height: auto; width:445px}
	 #image { display: none;}
	 .product-info .image4{ height:auto;}

	  #zoom0 img{background:#FFF; height: auto; width:445px}
	 #image { display: none;}
	 .product-info .image0{ height:auto;}

	  #zoom3 img{background:#FFF; height: auto; width:445px}
	 #image { display: none;}
	 .product-info .image3{ height:auto;}

	  #zoom5 img{background:#FFF; height: auto; width:445px}
	 #image { display: none;}
	 .product-info .image5{ height:auto;}

	  #zoom6 img{background:#FFF; height: auto; width:445px}
	 #image { display: none;}
	 .product-info .image6{ height:auto;}

	  #zoom7 img{background:#FFF; height: auto; width:445px}
	 #image { display: none;}
	 .product-info .image7{ height:auto;}

	  #zoom8 img{background:#FFF; height: auto; width:445px}
	 #image { display: none;}
	 .product-info .image8{ height:auto;}

	  #zoom9 img{background:#FFF; height: auto; width:445px}
	 #image { display: none;}
	 .product-info .image9{ height:auto;}

	  #zoom10 img{background:#FFF; height: auto; width:445px}
	 #image { display: none;}
	 .product-info .image10{ height:auto;}
	 
 .jcarousel-skin-tango {
    display: none;
    float: left;
    margin-right: 15px;
}
.js .slicknav_menu{display:block; width:46%; 	font-family: "Nobile";
    font-size: 15px;
	font-weight:normal;}
	.image img
	{ width:100%;
	}
#wrapper,
#header,
.banner-area,
#container,
#footer,
.main,
#banner-fade{width:100%}
#logo a{width:100%}
.down{display:none}
#header{background:none; height:157px;}
.header-top{background:#800000; height:62px}
#logo{float:none}
#logo a img{width:96%; padding:26px 0}
.header-top li{float:right; padding-right:10px}
#banner-fade{height:181px !important; margin:0 0 0 5px; width:97%; border:none 0px;}
.banner-area{height:181px}
ul.bjqs{height:147px !important}
li.bjqs-slide{height:auto !important}
li.bjqs-slide img{height:auto !important}
ul.bjqs-controls.v-centered li.bjqs-prev a{top:60px !important}
ul.bjqs-controls.v-centered li.bjqs-next a{top:60px !important }
p.bjqs-caption{background:#000; padding:5px 10px; width:80%; display:none}
li.bjqs-slide span{background:#000; padding:5px 10px; display:none}
#container{padding:20px 0 0}
.content h3.title{background:url(../images/home-title.png) no-repeat scroll center bottom rgba(0, 0, 0, 0); font-size:23px; line-height:28px; margin-bottom:5px}
.content p{margin:0 10px; width:94%; font-size:14px}
.product{padding-top:20px}
.product-data{margin:0 64px; width:62%}
.product-data li{margin-right:0}
.footer-left{width:90%}
.footer-right{width:94%; margin:0 10px; float:none}
.getin_touch{width:100%}
.quick_links{width:100%; margin:0 10px 15px; float:left; padding:0}
.quick_links ul{float:left; width:100%}
.quick_links ul li{float:left; margin:0 5px; padding:8px 0; width:46%}
.quick_links ul li.last{background:url(../images/border.png) repeat-x scroll center bottom rgba(0, 0, 0, 0)}
#footer{background:url(../images/footer-bg.png) repeat #585455; height:auto; float:left; position:relative}
.product-cat{margin:0 10px 20px; width:100%}
.product-cat ul{margin-right:8px; width:47%}
.product-cat h4{float:none}


.copyright p{padding:10px 14px; float:none}
.product-top img{height:auto; width: 220px;}
.breadcrumbs-area{padding:0 10px; width:100%}
#page-container{width:94%; margin:0 10px}
.widecolumn{width:100%}
.narrowcolumn{width:100%}
.map-area{width:98%}
.map-area iframe{width:100%; height:200px}
.enq-form{margin:0; padding:0}
.enq-form ul{width:100%; margin:0}
.enq-form li input{width:97%}
.require{float:none; margin-top:20px}
.enq-form ul.comments textarea{width:97%}
.submit{float:left}
.cms_page img{width:100%; padding:0}
.cms-titles{margin:0 10px}
.enq-form li p{clear:none; float:right}
.gallary-data{margin:0 5px; width:98%}
.gallary-data p{min-height:0}
.gallary{width:100%}
.product-info .image{width:97%}
.product-info .image1{width:97%}
.product-info .image4{width:97%}
.product-info .image0{width:100%;height:auto;}
.product-info .image2{width:100%;height:auto;}
.product-info .image5{width:100%;height:auto;}
.product-info .image6{width:100%;height:auto;}
.product-info .image7{width:100%;height:auto;}
.product-info .image8{width:100%;height:auto;}
.product-info .image9{width:100%;height:auto;}
.product-info .image10{width:100%;height:auto;}
.round1{ display:none;}
.round{ display:none;}

.product-top a {
    color: #800000;
    font-family: 'Cambria-Bold';
    font-size: 15px;
    line-height: 35px;
    text-transform: uppercase;
}


   .image img {
    width: 100%;     height: auto;
}

   
.zoom-top{    left: 297px; top: 215px;} 
jcarousel-skin-tango{ display:none;}
	.jcarousel-skin-tango1 {
   background-color: #dddada;
    display: block;
    float: left;
    height: 92px;
    margin-bottom: 10px !important;
    margin-right: 15px !important;
    padding: 0 15px 0 15px !important;
}
.navigationbot {
   cursor: pointer;
    float: right;
    margin-bottom: 5px;
    margin-left: 0;
    margin-top: 0;
    position: absolute;
    right: 8px;
    top: 303px;
    z-index: 99999;
   
}
.product-info .image-additional.image-caroucel li {
    background: none repeat scroll 0 0 #efefef;
    border: 1px solid #d3d3d3;
    height: 65px !important;
    margin: 13px 6px 8px 14px;
    padding: 0;
    width: 74px !important;
	display: inline-block;
}
.product-info .image-additional {
    float: none;
    height: 100%;
    overflow: hidden;
    width: 307px !important;
	 left: -10px !important;
}
.jcarousel-skin-tango1 .jcarousel-container-vertical { background: none repeat scroll 0 0 #dddada; height: 88px; margin-bottom: 10px; padding: 0; width: 299px; }
.navigationtop {
  background: none repeat scroll 0 0 #dddada;
    cursor: pointer;
    float: left;
    height: 51px;
    left: -58px;
    margin: 3px 0 3px 63px;
    padding-top: 29px;
    position: absolute;
    top: 272px;
    width: 13px;
    z-index: 999;
}
.image-caroucel li img {
     height: 97%;
    width: 97%;
}
.last-info .zoom-top{ display:none;}
.zoom-top { display:none;}
}


 @media only screen and (max-width:320px){
	 .page .title {font-size: 29px; margin-bottom:0;}
	jcarousel-skin-tango{ display:none;}
	.jcarousel-skin-tango1 {
   background-color: #dddada;
    display: block;
    float: left;
    height: 92px;
    margin-bottom: 10px !important;
    margin-right: 15px !important;
    padding: 0;
}
.navigationbot {
   cursor: pointer;
    float: right;
    margin-bottom: 5px;
    margin-left: 0;
    margin-top: 0;
    position: absolute;
    right: 10px;
    top: 270px;
    z-index: 99999;
   
}
.product-info .image-additional.image-caroucel li {
    background: none repeat scroll 0 0 #efefef;
    border: 1px solid #d3d3d3;
    height: 65px !important;
    margin: 13px 0px 7px 4px;
    padding: 0;
    width: 78px !important;
	display: inline-block;
}
.product-info .image-additional {
    float: none;
    height: 100%;
    overflow: hidden;
    width: 265px !important;
	 left: -10px !important;
}
.jcarousel-skin-tango1 .jcarousel-container-vertical { background: none repeat scroll 0 0 #dddada; height: 88px; margin-bottom: 10px; padding: 0; width: 299px; }
.navigationtop {
  background: none repeat scroll 0 0 #dddada;
    cursor: pointer;
    float: left;
    height: 50px;
    left: -58px;
    margin: 3px 0 3px 63px;
    padding-top: 29px;
    position: absolute;
    top: 238px;
    width: 15px;
    z-index: 999;
}
.image-caroucel li img {
    height: 97%;
    width: 97%;
}
	
	.zoom-top{  left: 253px ; top: 181px } 
.about-img {text-align: center; width: 100%; margin: 0px auto;}
.about-lt{text-align: center; float: left; width: 100%;}
.about-rt{text-align: center; float: right; width: 100%;}

	 #zoom1 img{background:#FFF; height: auto; width:445px}
	 #image { display: none;}
	 
	 .product-info .image{ height:auto;}
	 #zoom2 img{background:#FFF; height: auto; width:445px}
	 #image { display: none;}
	 .product-info .image1{ height:auto;}
	 #zoom4 img{background:#FFF; height: auto; width:445px}
	 #image { display: none;}
	 .product-info .image4{ height:auto;}
	 
	  #zoom0 img{background:#FFF; height: auto; width:445px}
	  #image { display: none;}
	 .product-info .image0{ height:auto;}
	   #zoom3 img{background:#FFF; height: auto; width:445px}
	   #image { display: none;}
	 .product-info .image3{ height:auto;}
	    #zoom5 img{background:#FFF; height: auto; width:445px}
		#image { display: none;}
	 .product-info .image5{ height:auto;}
		 #zoom6 img{background:#FFF; height: auto; width:445px}
		 #image { display: none;}
	 .product-info .image6{ height:auto;}
		  #zoom7 img{background:#FFF; height: auto; width:445px}
		  #image { display: none;}
	 .product-info .image7{ height:auto;}
		   #zoom8 img{background:#FFF; height: auto; width:445px}
		   #image { display: none;}
	 .product-info .image8{ height:auto;}
		    #zoom9 img{background:#FFF; height: auto; width:445px}
			#image { display: none;}
	 .product-info .image9{ height:auto;}
			 #zoom10 img{background:#FFF; height: auto; width:445px}
			 #image { display: none;}
	 .product-info .image10{ height:auto;}

	 .jcarousel-skin-tango {
    display: none;
    float: left;
    margin-right: 15px;
}
	/*19-8-2014*/	 
	.breadcrumbs li a {font-family: "Nobile";font-size: 12px;font-weight: normal;}
	.breadcrumbs{float:left; padding:5px 0 20px 0;}
	.js #menu{display:none}
	.js .slicknav_menu{display:block; width:46%;}
#wrapper,
#header,
.banner-area,
#container,
#footer,
.main,
#banner-fade{width:100%}
#logo a{width:100%}
.down{display:none}
#header{background:none; height:146px;}
.header-top{background:#800000; height:62px}
#logo{float:none; width:auto;}
#logo a img{width:96%; padding:26px 0; margin-left:6px;}
.header-top li{float:right; padding-right:10px}
#banner-fade{height:auto !important; margin:0 0 0 5px; width:97%; border:none 0px;}
.banner-area{height:194px}
.round{ display:none;}
.round1{ display:none;}
ul.bjqs{height:141px !important}
li.bjqs-slide{height:auto !important}
li.bjqs-slide img{height:auto !important}
ul.bjqs-controls.v-centered li.bjqs-prev a{top:60px !important}
ul.bjqs-controls.v-centered li.bjqs-next a{top:60px !important }
p.bjqs-caption{background:#000; padding:5px 10px; width:80%; display:none}
li.bjqs-slide span{background:#000; padding:5px 10px; display:none}
#container{padding:20px 0 0}
.content h3.title{background:url(../images/home-title.png) no-repeat scroll center bottom rgba(0, 0, 0, 0); font-size:23px; line-height:28px; margin-bottom:5px}
.content p{margin:0 10px; width:94%; font-size:14px}
.product{padding-top:20px}
.product-data{width:63%; margin:0 45px}
.product-data li{margin-right:0}
.footer-left{width:94%}
.footer-right{width:94%; margin:0 10px; float:none}
.getin_touch{width:100%}
.quick_links{width:100%; margin:0 10px 15px; float:left; padding:0}
.quick_links ul{float:left; width:100%}
.quick_links ul li{float:left; margin:0 5px; padding:8px 0; width:46%}
.quick_links ul li.last{background:url(../images/border.png) repeat-x scroll center bottom rgba(0, 0, 0, 0)}
#footer{background:url(../images/footer-bg.png) repeat #585455; height:auto; float:left; position:relative}
.product-cat{margin:0 10px 20px; width:100%}
.product-cat ul{float:left; margin-right:8px}
.product-cat h4{float:left; width:100%;}
.quick_links h4{font-family:'Cambria-Bold'; font-size:20px; color:#f1eded; background:url(../images/product-cat.png) no-repeat left bottom; padding-bottom:20px; width:100%;}
.copyright p{padding:10px 14px; float:none}
.product-top img{height:auto; width: 220px;}
.breadcrumbs-area{padding:0 10px; width:100%}
#page-container{width:94%; margin:0 10px}
.widecolumn{width:100%}
.narrowcolumn{width:100%}
.map-area{width:98%}
.map-area iframe{width:100%; height:200px}
.enq-form{margin:0; padding:0}
.enq-form ul{width:98%}
.enq-form ul.comments li input.sum{width:145px}
.cms_page img{width:100%; padding:0}
.cms-titles{margin:0 10px; width:100%;}
.enq-form ul.comments textarea{width:95%}
.require{width:100%; float:left; margin:10px 0 0}
.submit{float:left}
.require p{clear:none; padding:0}
.gallary-data { margin: 0; width: 98% !important;}
.gallary-data p{min-height:0}
.gallary{width:100%}
.product-info .image{width:94%;height:auto;}
.product-info .image1{width:94%;height:auto;}
.product-info .image4{width:94%;height:auto;}
.product-info .image0{width:94%;height:auto;}
.product-info .image2{width:94%;height:auto;}
.product-info .image5{width:94%;height:auto;}
.product-info .image6{width:94%;height:auto;}
.product-info .image7{width:94%;height:auto;}
.product-info .image8{width:94%;height:auto;}
.product-info .image9{width:94%;height:auto;}
.product-info .image10{width:94%;height:auto;}
.product-info{ background:none;}
.ipad{ padding:0;}
.round1{ display:none;}
.round{ display:none;}
.product-top a {
    color: #800000;
    font-family: 'Cambria-Bold';
    font-size: 15px;
    line-height: 35px;
    text-transform: uppercase;
}
.product-data li:nth-child(4n+0){background:#e7e6e6; border:1px solid #d3cfcf; width:220px; margin-bottom:20px; text-align:center; position:relative; margin-right:18px; margin-left:4px float:left; padding:0; }
.last-info .zoom-top{ display:none;}
.zoom-top { display:none;}
.headshadow {
    height: auto;
    margin-top: 0;
}
}