/* ==========================================================================
   RESET & NORMALIZE (RESETING ALL BROWSERS TO A STANDARD)
   ========================================================================== */
   
/*! normalize.css v1.1.0 | MIT License | git.io/normalize */
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,dialog,div,dl,dt,em,embed,fieldset,figcaption,figure,
font,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,hr,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,meter,nav,object,ol,output,p,pre,progress,q,rp,rt,ruby,s,samp,section,
small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video,xmp {border:0; margin:0; padding:0; font-size:100%;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, main, nav, section, summary {display: block;}
audio, canvas, video {display: inline-block;}
audio:not([controls]) {display: none; height:0;}
[hidden] {display:none;}
html {font-family:sans-serif; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; height:auto;}
body {margin:0; height:auto;}
a:focus {outline: thin dotted;}
a:active, a:hover {outline: 0;}
h1 {font-size:2em; margin:0.67em 0;}
li ul ol{list-style:none;}
abbr[title] { border-bottom:1px dotted;}
b, strong {font-weight:bold;}
dfn {font-style:italic;}
hr {-moz-box-sizing:content-box; box-sizing:content-box; height:0;}
mark {background:#ff0; color:#000;}
code, kbd, pre, samp {font-family:monospace, serif; font-size:1em;}
pre {white-space:pre-wrap;}
th,td,caption {font-weight:normal; vertical-align:top; text-align:left;}
q:before,q:after {content: ''; content:none;}
q {quotes: "\201C" "\201D" "\2018" "\2019";}
small {font-size: 80%;}
sub, sup {font-size:75%; line-height:0; position:relative; vertical-align:baseline;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
img {color:transparent; font-size:0; vertical-align:middle;  -ms-interpolation-mode:bicubic; border:0;}
svg:not(:root) {overflow:hidden;}
figure {margin:0;}
fieldset {border:1px solid #c0c0c0; margin:0 2px; padding:0.35em 0.625em 0.75em;}
legend {border: 0; padding:0;}
button, input, select, textarea {font-family:inherit; font-size:100%; margin:0;}
button, input {line-height:normal;}
button, select {text-transform:none;}
button, html input[type="button"], input[type="reset"], input[type="submit"] {-webkit-appearance:button; cursor:pointer;}
button[disabled],
html input[disabled] {cursor: default;}
input[type="checkbox"], input[type="radio"] {box-sizing:border-box; padding:0;}
input[type="search"] {-webkit-appearance: extfield; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; box-sizing:content-box;}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {-webkit-appearance:none;}
button::-moz-focus-inner, input::-moz-focus-inner {border:0; padding:0;}
textarea {overflow:auto; vertical-align:top;}
table {border-collapse:collapse; border-spacing:0;}


/* ==========================================================================
   MAIN SECTION
   ========================================================================== */

   /* =======================================
   FONTFACE DECLARATION
   ======================================= */
   

@font-face {
    font-family: 'DroidSansRegular';
    src: url('fonts/DroidSans-webfont.eot');
    src: url('fonts/DroidSans-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/DroidSans-webfont.woff') format('woff'),
         url('fonts/DroidSans-webfont.ttf') format('truetype'),
         url('fonts/DroidSans-webfont.svg#DroidSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'DroidSansBold';
    src: url('fonts/DroidSans-Bold-webfont.eot');
    src: url('fonts/DroidSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/DroidSans-Bold-webfont.woff') format('woff'),
         url('fonts/DroidSans-Bold-webfont.ttf') format('truetype'),
         url('fonts/DroidSans-Bold-webfont.svg#DroidSansBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* =======================================
   FONT SETUP
   ======================================= */
   
body{color:#000; background:#f8f8f7; font-family:"DroidSansRegular", Arial, Helvetica, sans-serif; }

h1, h2 {font-family:"DroidSansBold", Arial, Helvetica, sans-serif;}

p{line-height:140%;margin-bottom:8px; margin-top:3%; margin-bottom:3%; font-size:16px;}
h1{font-size: 36px; margin-bottom:10px; font-weight:lighter;}
h2{font-size: 23px; margin-bottom:8px; color:#0fdef5;}
h3{font-size: 21px; margin-bottom:8px; margin-top:30px;}
h4{font-size: 20px; margin-bottom:6px;}
h5{font-size: 17px; margin-bottom:4px;}
h6{font-size: 6px; margin-bottom:8px; font-weight:lighter;}

a{color:#0fdef5; text-decoration:none;} /* All Links */
a:link{} /*Unvisited*/
a:visited{} /*visited*/
a:hover{color:#999;} /*Mouse Over*/
a:active{} /*Selected*/
ul{}
li{}
.centertext {text-align:center !important;}


/* ==========================================================================
   GLOBAL SECTIONS (FONTS, COLOURS)
   ========================================================================== */

nav { width:100%; min-height:45px; background:#0fdef5;}
nav h3{}
nav h4{}
nav h5{}
nav h6{} /*Footer Sign Off*/
nav p{}
nav a{} /* All Links */
nav a:link{} /*Unvisited*/
nav a:visited{} /*visited*/
nav a:hover{} /*Mouse Over*/
nav a:active{} /*Selected*/
nav ul{}
nav li{}

article{}
article h1{} /*SEO TITLE - ONCE PER PAGE*/
article h2{} /*SEO SUB-TITLE - NOT IN ASIDE*/ 
article h3{}
article h4{}
article h5{}
article h6{}
article p{}
article a{} /* All Links */
article a:link{} /*Unvisited*/
article a:visited{} /*visited*/
article a:hover{} /*Mouse Over*/
article a:active{} /*Selected*/
article ul{}
article li{}

aside{}
aisde h2{} /*SEO SUB-TITLE - NOT IN ASIDE*/ 
aside h3{}
aside h4{}
aside h5{}
aside h6{}
aside p{}
aside a{} /* All Links */
aside a:link{} /*Unvisited*/
aside a:visited{} /*visited*/
aside a:hover{} /*Mouse Over*/
aside a:active{} /*Selected*/
aside ul{}
aside li{}

section{}
/*
section:nth-child(odd){background-color:#333; height:100px;}
section:nth-child(even){background-color:#777; height:100px;}
*/
section h2{} /*SEO SUB-TITLE - NOT IN ASIDE*/
section h3{}
section h4{}
section h5{}
section h6{}
section p{}
section a{} /* All Links */
section a:link{} /*Unvisited*/
section a:visited{} /*visited*/
section a:hover{} /*Mouse Over*/
section a:active{} /*Selected*/
section ul{}
section li{}


/* =======================================
   HEADER SECTION (SIZES AND COLOURS)
   ======================================= */
   
header{width:100%; min-height:200px; background-color:transparent;}
header h3{}
header h4{}
header h5{}
header h6{}
header p{}
header a{ cursor:pointer;} /* All Links */
header a:link{} /*Unvisited*/
header a:visited{} /*visited*/
header a:hover{} /*Mouse Over*/
header a:active{} /*Selected*/
header ul{}
header li{}

header nav { background:#0fdef5;}
header nav h3{}
header nav h4{}
header nav h5{}
header nav h6{}
header nav p{}
header nav a{} /* All Links */
header nav a:link{} /*Unvisited*/
header nav a:visited{} /*visited*/
header nav a:hover{} /*Mouse Over*/
header nav a:active{} /*Selected*/
header nav ul{ list-style:none; margin:0; padding:0;}
header nav li a { text-transform:uppercase; color:#FFFFFF;}
header nav.full-nav div div > ul > li{ display:block; float:left; font-family:"DroidSansBold", Arial, Helvetica, sans-serif; position:relative; }

header nav.full-nav .top-nav > li > a { display:block; padding:15px 30px; border-right:#0fcadf solid 1px; }
header nav.full-nav .top-nav > li:first-child a {border-left:#0fcadf solid 1px; }

header nav.full-nav ul li:first-child { margin-left:0;} 
header nav ul li .sub { padding-top:15px; display:none; position:absolute; top:65px; z-index:9999; border:1px #ececec solid; background:#FFF;}
header nav ul li .sub ul li { padding:0px 15px 15px 15px; text-align:center;}

/* =======================================
   FOOTER SECTION (SIZES AND COLOURS)
   ======================================= */

footer {width:100%; min-height:200px; background-color:#292929; color:#fff;}
footer h3{ color:#FFF; text-transform:uppercase;}
footer h4{}
footer h5{font-size:10px; line-height:14px; font-weight:lighter;}
footer h6{font-size:16px;} /*Footer Sign Off*/ 
footer p{font-size:16px;}
footer a{color:#0fdef5; text-decoration:none; font-size:16px;} /* All Links */
footer a:link{} /*Unvisited*/
footer a:visited{} /*visited*/
footer a:hover{color:#fff;} /*Mouse Over*/
footer a:active{} /*Selected*/
footer ul{list-style:none;}
footer li{}

footer nav {}
footer nav h3{}
footer nav h4{}
footer nav h5{}
footer nav h6{ } /*Footer Sign Off*/ 
footer nav p{}
footer nav a{} /* All Links */
footer nav a:link{} /*Unvisited*/
footer nav a:visited{} /*visited*/
footer nav a:hover{} /*Mouse Over*/
footer nav a:active{} /*Selected*/
footer nav ul{list-style:none;}
footer nav li{}


/* ==========================================================================
   DEFINED DETAILS (THESE ARE DETAILS DEFINED WE USE ALL THE TIME)
   ========================================================================== */

.pagenation{height:auto; width:auto; padding:0;	float:left;	clear:left; margin:20px 0 30px 0;}
.pagenation ul{margin:0; padding:0; list-style:none;}
.pagenation ul li.inactive, .pagenation ul li.inactive:hover{background-color:#ededed; color:#666; border:1px solid #bababa; cursor:default;}
.pagenation ul li{list-style: none; float:left; border:1px solid #999; padding:2px 6px 0px 6px; margin:0 3px 0 3px; color:#f4f4f4; font-weight:bold; background-color:#666;}
.pagenation ul li:hover{background-color:#CCC; cursor:pointer;}
.pagenation ul li.currpage { background:#0FDEF5;}


/* ==========================================================================
   CUSTOM STYLES (THINK DO YOU REALLY NEED THEM?)
   ========================================================================== */

   
/* =======
   HEADER
   ======= */
	.compact-nav { display:none;}
	header .details { text-align:right;}
	header .details h3 { margin:0; color:#0fdef5; font-size:36px;}
	header .details a { font-size:16px; color:#000000; font-weight:bold;}
	
	
	header nav ul li .sub { top:48px; }
	header nav ul li .sub ul li { margin-left:0; float:none; text-align:left;}   
	header nav ul li .sub ul li a { color:#333333; }
    header nav ul li .sub ul li a:hover { color:#0fdef5;}
	
	header .social { width:100%; font-family:"DroidSansBold", Arial, Helvetica, sans-serif; padding:15px 0px 15px 0px; background:#FFFFFF;}
	
	.social_cont .icon { background-image:url(../img/socialicons.png); height:30px; width:30px; display:block;}
	.share_box { margin-top:20px; margin-bottom:30px;}
	.share_box a {font-family:"DroidSansBold", Arial, Helvetica, sans-serif; color:#000000; }
	.index-img .share_box img { width:auto;}
	header .social_cont div { float:left; margin:6px 0 0 16px;}
    header .social_cont > a { float:left;}
	header .social_cont div a { color:#000000;}
	header .social_cont div:first-child { margin:0 0 0 0;}
	
	header .social_cont.news .icon, .social_cont.news .icon { background-position:-30px 0px;}
	
	.contact .main-body .social_cont { float:left; margin-right:8px;}
	
/* =======
   INDEX
   ======= */	
   
   .banner { width:100%; min-height:430px; background:#292929; position:relative;}
   .banner .banner_item { display:none; height:430px; width:100%; overflow:hidden; }
   .banner .banner-full-img img { width:100%;}
   .banner .banner-img { background:url(../img/banner-comp.png) no-repeat; width:388px; height:301px; position:relative; margin-top:50px;}
   .banner .banner-img img { display:block; max-width:335px; max-height:175px; position:relative; top:30px;  margin:auto;}
   
   .banner .banner-info { position:absolute; top:20px; right:216px; z-index:1000; text-align:left; width:462px; padding:30px 0px 30px 0px;}
   .banner .banner-info h2 { color:#FFF; font-size:36px;}
   .banner .banner-info p { color:#FFF; font-size:18px; font-weight:bold;}
   .banner .banner-info a { padding:10px 20px 10px 20px; background:#0fdef5; color:#ffffff; font-weight:bold; text-transform:uppercase; text-align:center;}
   .banner .banner-info a:hover { background:#999; color:#FFF;}   
   
   .banner .banner-arrows { position:absolute; width:54px; top:200px; right:0px; cursor:pointer; z-index:9999; }
   .banner .banner-arrows div { background-image:url(../img/banner-arrows.png); background-color:#f4f4f4; background-repeat:no-repeat; height:70px; width:54px;}
   .banner .banner-arrows div:hover {background-color:#666;}
   .banner .banner-arrows div.arrow_l { background-position:0px -70px;}
   
   .product-arrows { position:absolute; width:54px; right:0; bottom:60px; cursor:pointer; z-index:999; }
   .product-arrows div { background:url(../img/carousel-arrows.png) no-repeat;  height:70px; width:54px;}
   .product-arrows div:hover {background-color:#666;}
   .product-arrows div.arrow_l { background-position:0px -70px;}
      
   .banner .bows-cont { position:absolute; top:410px; left:104px; z-index:999; }
   .banner .bows-cont .bow { display:block; background:url(../img/indexbow.png) no-repeat center; height:171px;}
   .banner .bows-cont .bow span { display:block; color:#FFFFFF; font-weight:bold; padding:0 38px 0 38px; text-align:center; margin:45px 0 0 0; letter-spacing:1px; line-height:115%;}
	
   
   .prod-block { width:192px; height:200px; float:left; margin-left:16px; overflow:hidden;}
   .prod-block:first-child { margin-left:0;}
   .prod-block p {font-size:12px; text-align:center;}
   .prod-block p a { color:#000;}
	
	.news-block { width:297px; height:495px; float:left; margin-left:12px;  }
	.news-block p {font-size:16px;}
	.news-block:first-child {margin-left:0;}
	
/* =======
   PRODUCTS
   ======= */
   
   .products .top { border:1px solid #E9E9E9; margin-top:30px;}	
   .products .top > .content { padding:10px 40px 30px 40px; float:left;}
   
   .products .sub-pics img { max-width:90px;}
   .products .sub-pics div { float:left; margin:16px 16px 0 0; border:solid 1px #bdbdbc; }
   .products .feat-img img { border:solid 1px #bdbdbc; }
   
   .products.single h1 { font-size:18px;}	
   
   .products.single .link_btn {font-weight:bold;}
   .products.single .link_btn:first-child { margin-right:20px;}
   
   .content_bottom { margin:0 30px 0 30px;}
	.content_bottom ul li { margin-top:10px;}
   
/* =======
   NEWS
   ======= */   
   .news .top { border:1px solid #E9E9E9; margin-top:30px;}	
   .news .top > .content { padding:10px 40px 30px 40px; float:left;}
   .news .post-item-cont { margin-top:40px;} 
   .news .post-item-cont:first-child { margin-top:0;}  
   .news .post_text h3 { margin-top:0;}
   .news .post_text div { margin-top:15px;}
   .news.single .post-media div { float:left; max-width:297px; margin-top:12px; margin-right:12px;}	  
   .news.single .post-media div:first-child {}
   .news.single .post-media div a img { max-width:100%;}
   
/* =======
   GALLERY
   ======= */  
   .gallery-cont { padding:20px 0px 20px 20px;} 
   .gallery-cont div { float:left; border:#bebebd 1px solid; margin:0px 16px 16px 0px; max-width:296px;}
   .gallery-cont div img { width:100%;} 
   .gallery .pagenation { margin-left:20px; }
   .gallery-cont div { background:#0fdef5;}
   .gallery-cont div:hover img { opacity:0.5;}
   
/* ============
   CONTACT FORM
   ============ */ 
   #message_inp { min-height:200px; resize:none;}
   .contact-form { padding:20px 12px 12px 12px;}
   .contact-form label { font-weight:bold; margin-bottom:5px; display:block;}
   .contact-form select { padding:10px; font-weight:bold; width:97%;}
   .contact .contact-form input, .contact .contact-form textarea { width:90%; font-size:16px; padding:10px; border:#e6e6e6 solid 1px;}
   
   .contact .contact-form .input-wrapper { padding:1em 0 1em 0;}
   
   .contact .contact-form input[type=button] { width:auto;}
   
   .contact-form .quote, .contact-form .adhesive_other, .contact-form .finish_other, .fanfolded_inp, .sheets_inp, .cores_other, .material_other { display:none;}
   .contact-form .message-cont { width:100%; float:left;}
   
   .google_map { margin:0 30px 30px 30px;}
   .google_map iframe{ width:100%; min-height:400px;}
/* =======
   GLOBAL
   ======= */	
  .main-body { z-index:0; overflow:hidden;}
  .grey_border { border:#e9e9e9 solid 1px;}
  .border_no_top { border:#e9e9e9 solid 1px; border-top:none;}
  .border_index { border-left:#e9e9e9 solid 1px; border-right:#e9e9e9 solid 1px; padding-top:200px; }
  .white_bg { background:#FFFFFF;}
  .offwhite_bg { background:#fdfdfc;}
  
  .link_btn { display:block; padding:10px 20px 10px 20px; background:#0fdef5; color:#ffffff; float:left;}
  .link_btn:hover { background:#999; color:#ffffff;}
  
  .border-corners-cont { position:relative;}
  .border-corners { position:absolute;  bottom:-1px;  background:url(../img/border-corners.png); width:23px; height:22px;}
  .border-corners.left {left:-23px;}
  .border-corners.right { background-position:-23px 0px; right:-23px;}
   
  div.featured_products { margin-left:32px; position:relative;} 
 
 
  footer .social_cont { float:left; margin-left:0px;} 
  footer .social_cont.facebook .icon { background-position:-90px 0px;}
  footer .social_cont.twitter .icon { background-position:-60px 0px;}
  
  .contact-ftr > div { float:left; margin:54px 0 0 25px;}
  .contact-ftr div:first-child { margin:0;}
  
  .signoff { float:left; width:100%; margin-top:40px;}
  .signoff > div { float:right;}
  .signoff > div:first-child { float:left;}
   
  /*LEFT MENU*/	
  .main-body .left-menu { margin:30px 0 30px 30px; letter-spacing:1px;}
  .left-menu.bottom { display:none; }
  .left-menu h4 { background:#0fdef5; color:#FFFFFF; padding:15px 15px 12px 30px; text-transform:uppercase; font-size:18px; }
  .left-menu ul { margin:0; padding:0 0 0 0px; list-style:none;}
  .left-menu ul li a { color:#FFFFFF; display:block; padding:9px 0px 6px 30px;}
  .left-menu ul li a:hover { color:#FFF;}
  .left-menu ul li {  background:#292929; color:#FFF; border-top:solid 1px #FFF; font-size:13px; font-weight:lighter;}	
  .left-menu ul li:hover, .left-menu ul li.selected { background:#0fdef5; cursor:pointer;}
  .products .prod-block { margin:10px 10px 0 0; cursor:pointer;}	
  
  .feat-img img { max-width:100%;}
  
  /* ========================
	 COMPACT NAV 
	 ======================== */
   .compact-nav {position:relative; display:none; background:#0fdef5; text-align:center; margin-top:20px;}   
  
   .compact-hdr { font-size:20px; padding:20px;  color:#FFFFFF; text-transform:uppercase; font-weight:bold; cursor:pointer;}
   .compact-nav ul li { float:none; border:1px dashed #636363; border-top:none; background:#0fdef5; padding:0; margin:0;}
   .compact-nav ul li a {color:#FFF; font-weight:bold; display:block; padding:20px; text-align:center; cursor:pointer;}
   .compact-nav ul li a:hover { color:#d3d488;}
   #toggle-nav { display:none;  position:absolute; left:0px; top:63px; width:100%; z-index:9999;}
   .compact-details { display:none; background:#202020; text-align:center; padding:20px; font-weight:bold; color:#FFF;}  
   .compact-details .tel-comp { font-size:24px;} 
   
  /* ========================
	 CLIENT LOGIN
	 ======================== */   
	 
  	input[type=text],input[type=password] { padding:6px; width:90%;}
   .input-wrapper  {padding:1em 1em 1em 0; overflow:hidden;  } 
   .error { display:none; color:#FF0000; margin-top:10px;}
   .input-wrapper #loginBtn, .input-wrapper #resetPassBtn {
	  	background: none repeat scroll 0 0 #0FCADF;
		color: #FFFFFF;
		padding: 8px 30px;	   
	}
	.input-wrapper a { font-weight:bold;}
	.reset { display:none;}

	.mandatory { color:#F00;}	
   
 /*=======================================
   OVERIDES
   ======================================= */  

  .float_l { float:left !important;}
  .float_r { float:right !important;}
  .float_none { float:none !important;}
  .clear_l { clear:left !important;}
  .clear_r { clear:right !important;}
  .clear_both { clear:both !important;}
  .textalign_r { text-align:right !important;}
  .textalign_l { text-align:left !important;}
  .textalign_c { text-align:center !important;}
  .nomargin_t { margin-top:0 !important;}
  .nomargin_b { margin-bottom:0 !important;}
  .nomargin_l { margin-left:0 !important;}
  .nomargin_r { margin-right:0 !important;}
  
  .marginlr_auto { margin-left: auto !important; margin-right:auto !important;}
  .noborder_l { border-left:none !important;}	
  .noborder_r { border-right:none !important;}

/* ==========================================================================
   GRID SYSTEM (ADDING BACKGROUND ONLY
   ========================================================================== */

.top_100 {margin-top:100px;}
.top_90 {margin-top:90px;}
.top_80 {margin-top:80px;}
.top_70 {margin-top:70px;}
.top_60 {margin-top:60px;}
.top_50 {margin-top:50px;}
.top_40 {margin-top:40px;}
.top_30 {margin-top:30px;}
.top_20 {margin-top:20px;}
.top_10 {margin-top:10px;}

.bottom_100 {margin-bottom:100px;}
.bottom_90 {margin-bottom:90px;}
.bottom_80 {margin-bottom:80px;}
.bottom_70 {margin-bottom:70px;}
.bottom_60 {margin-bottom:60px;}
.bottom_50 {margin-bottom:50px;}
.bottom_40 {margin-bottom:40px;}
.bottom_30 {margin-bottom:30px;}
.bottom_20 {margin-bottom:20px;}
.bottom_10 {margin-bottom:10px;}

.clear {clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0;}
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }  
.clearfix { zoom: 1; }

.container, .container_larger { position:relative;}

/* ========================
   XMINI - 320PX - 479PX (CONTAINER 276PX + 22PX EITHER SIDE)+(6 GRIDS @ 30PX + 8PX EITHER SIDE)
   ======================== */

@media screen and (min-width:0px) and (max-width:479px){
.container{width:276px; margin:auto;}
.container_larger { width:308px; margin:auto; }

.xmini-grid1, .xmini-grid2, .xmini-grid3, .xmini-grid4, .xmini-grid5, .xmini-grid6 {float:left; margin-left:8px; margin-right:8px;}
.xmini-grid1{width:30px;}
.xmini-grid2{width:76px;}
.xmini-grid3{width:122px;}
.xmini-grid4{width:168px;}
.xmini-grid5{width:214px;}
.xmini-grid6{width:260px;}

/* ===== MOVE LEFT AND RIGHT ==== */

.xmini-left-nudge, .xmini-left1, .xmini-left2, .xmini-left3, .xmini-left4, .xmini-left5, .xmini-left6, 
.xmini-right-nudge, .xmini-right1, .xmini-right2, .xmini-right3, .xmini-right4, .xmini-right5, .xmini-right6{position:relative;}
.xmini-left-nudge{left:-23px;}	.xmini-right-nudge{left:23px;}
.xmini-left1{left:-46px;} 		.xmini-right1{left:46px;}
.xmini-left2{left:-92px;}		.xmini-right2{left:92px;}
.xmini-left3{left:-138px;}		.xmini-right3{left:138px;}
.xmini-left4{left:-184px;}		.xmini-right4{left:184px;}
.xmini-left5{left:-230px;}		.xmini-right5{left:230px;}
.xmini-left6{left:-276px;}		.xmini-right6{left:276px;}


/* ========
   CUSTOM
   =========*/

	.logo img { width:100%;}
	header .details h3 { font-size:20px;}
	header nav.full-nav .top-nav > li a { font-size:14px; padding:15px 20px;}
	
	.full-nav { display:none;}
	.compact-nav { display:block;}
	header .details { display:none;}
	.compact-details { display:block;} 	   
	.banner { height:auto; min-height:inherit;}
	.banner .container { width:100%;}
	.banner .banner_item { height:auto;}
	.banner .banner_item .banner-img { position:relative !important; top:20px !important; margin:auto;}
	.banner .banner_item .banner-full-img { top:0 !important;}
	.banner .banner-info { position:static; clear:both; width:100%; text-align:center;}	
   .banner #banner-intro { padding:0px 30px 0 30px;}
	
	header .social .container { width:100%;}
	header .social_cont { margin-left:20px; float:left;}
	
	.banner .bows-cont { display:none;}
	.border_index { padding-top:40px; text-align:center;}
	.border_index > div { padding:0px 25px 0px 25px;}
	.border_index .border-corners { padding:0;}
	footer .contact-ftr div { margin:0;}
	.signoff > div { float:none; text-align:left;}
 	.signoff > div:first-child { float:none;}
	.link_btn { float:none;}
	.index-img img { width:100%;}
	
	.left-menu.bottom { display:block;}
	.left-menu.side { display:none;}	
	.main-body .left-menu { margin-right:30px;}
	.margin_30 { margin:30px;}	
	
	.news-block { width:260px;}
	.news.single .post-media div { max-width:100%;}	
	
	.products.single .link_btn:first-child { margin-right:0;}	
	.link_btn { margin:0 0 10px 0; margin-right:0; }	
}
      

/* ========================
   MINI - 480PX - 679PX (CONTAINER 432PX + 24PX EITHER SIDE)+(6 GRIDS @ 56PX + 8PX EITHER SIDE)
   ======================== */

@media screen and (min-width:480px) and (max-width:679px){
.container{width:432px; margin:auto;}
.container_larger { width:464px; margin:auto; }

.mini-grid1, .mini-grid2, .mini-grid3, .mini-grid4, .mini-grid5, .mini-grid6{float:left; margin-left:8px; margin-right:8px;}
.mini-grid1{width:56px;}
.mini-grid2{width:128px;}
.mini-grid3{width:200px;}
.mini-grid4{width:272px;}
.mini-grid5{width:344px;}
.mini-grid6{width:416px;}

/* ===== MOVE LEFT AND RIGHT ==== */

.mini-left-nudge, .mini-left1, .mini-left2, .mini-left3, .mini-left4, .mini-left5, .mini-left6, 
.mini-right-nudge, .mini-right1, .mini-right2, .mini-right3, .mini-right4, .mini-right5, .mini-right6{position:relative;}
.mini-left-nudge{left:-36px;}	.mini-right-nudge{left:36px;}
.mini-left1{left:-72px;} 		.mini-right1{left:72px;}
.mini-left2{left:-144px;}		.mini-right2{left:144px;}
.mini-left3{left:-216px;}		.mini-right3{left:216px;}
.mini-left4{left:-288px;}		.mini-right4{left:288px;}
.mini-left5{left:-360px;}		.mini-right5{left:360px;}
.mini-left6{left:-432px;}		.mini-right6{left:432px;}


/* ========
   CUSTOM
   =========*/

    .logo img { width:100%;}
 	header .details h3 { font-size:20px;}
	header nav.full-nav .top-nav > li a { font-size:14px; padding:15px 20px;}
	
	.full-nav { display:none;}
	.compact-nav { display:block;}
	header .details { display:none;}
	.compact-details { display:block;} 	   
   .banner { height:auto; min-height:inherit;}
   .banner .container { width:100%;}
   .banner .banner_item { height:auto;}
   .banner .banner_item .banner-img { position:relative !important; top:20px !important; margin:auto;}
   .banner .banner_item .banner-full-img { top:0 !important;}
   .banner #banner-link a { display:block;}
   .banner .banner-info { position:static; clear:both; width:100%; text-align:center;}	
   .banner #banner-intro { padding:0px 30px 0 30px;}
    header .social_cont { margin-left:20px; float:left;}

	.banner .bows-cont { display:none;}
	.border_index { padding-top:40px; text-align:center;}
	.border_index > div { padding:0px 25px 0px 25px;}
	.border_index .border-corners { padding:0;}
	.index-img img { width:100%;}
	
	
	.signoff > div { float:none; text-align:left;}
	.signoff > div:first-child { float:none;}
	.link_btn { float:none;}

	.main-body .left-menu { margin-right:30px;}
	.left-menu.bottom { display:block;}
	.left-menu.side { display:none;}
	.margin_30 { margin:30px;}	
	.gallery-cont div { width:202px;}
	.products.single .link_btn:first-child { margin-right:0;}	
	.link_btn { margin:0 0 10px 0; margin-right:0; }
	.contact-ftr > div { margin-left:15px;}
}


/* ========================
   SMALL - 680PX - 899PX (CONTAINER 640PX + 20PX EITHER SIDE)+(8 GRIDS @ 64PX + 8PX EITHER SIDE)
   ======================== */

@media screen and (min-width:680px) and (max-width:899px){
.container{width:640px; margin:auto;}
.container_larger { width:672px; margin:auto; }

.small-grid1, .small-grid2, .small-grid3, .small-grid4, .small-grid5, .small-grid6, .small-grid7, .small-grid8{float:left; margin-left:8px; margin-right:8px;}
.small-grid1{width:64px;}
.small-grid2{width:144px;}
.small-grid3{width:224px;}
.small-grid4{width:304px;}
.small-grid5{width:384px;}
.small-grid6{width:464px;}
.small-grid7{width:544px;}
.small-grid8{width:624px;}

/* ===== MOVE LEFT AND RIGHT ==== */

.small-left-nudge, .small-left1, .small-left2, .small-left3, .small-left4, .small-left5, .small-left6, .small-left7, .small-left8, 
.small-right-nudge, .small-right1, .small-right2, .small-right3, .small-right4, .small-right5, .small-right6, .small-right7, .small-right8{position:relative;}
.small-left-nudge{left:-40px;}	.small-right-nudge{left:40px;}
.small-left1{left:-80px;} 		.small-right1{left:80px;}
.small-left2{left:-160px;}		.small-right2{left:160px;}
.small-left3{left:-240px;}		.small-right3{left:240px;}
.small-left4{left:-320px;}		.small-right4{left:320px;}
.small-left5{left:-400px;}		.small-right5{left:400px;}
.small-left6{left:-480px;}		.small-right6{left:480px;}
.small-left7{left:-560px;}		.small-right7{left:560px;}
.small-left8{left:-640px;}		.small-right8{left:640px;}

/* ========
   CUSTOM
   =========*/

    .logo img { width:100%;}
 	header .details h3 { font-size:20px;}
	header nav.full-nav .top-nav > li a { font-size:14px; padding:15px 20px;}
	
	.full-nav { display:none;}
	.compact-nav { display:block;}
	   
   .banner { height:auto; min-height:430px;}
   .banner .banner_item { height:auto;}
   .banner .banner_item .banner-img { position:relative !important; top:20px !important; margin:auto;}
   .banner .banner_item .banner-full-img { top:0 !important;}
   .banner .banner-info { position:static; clear:both; width:100%; text-align:center;}	

	.banner .bows-cont { display:none;}
	.border_index { padding-top:40px; text-align:center;}
	.border_index > div { padding:0px 25px 0px 25px;}
	.border_index .border-corners { padding:0;}
	footer .contact-ftr div {}
	.link_btn { float:none;}
	.signoff > div { float:none; text-align:left;}
 	.signoff > div:first-child { float:none;}	
	.main-body .left-menu { margin-right:30px;}
	.margin_30 { margin:30px;}
	.left-menu.bottom { display:block;}
	.left-menu.side { display:none;}	
	.gallery-cont div { width:144px;}
	
	.products.single .link_btn:first-child { margin-right:0;}	
	.link_btn { margin:0 0 10px 0; margin-right:0; }
}


/* ========================
   NORMAL - 900PX - 1279PX (CONTAINER 640PX + 18PX EITHER SIDE)+(12 GRIDS @ 56PX + 8PX EITHER SIDE)
   ======================== */

@media screen and (min-width:900px) and (max-width:1279px){
.container{width:864px; margin:auto;}
.container_larger { width:896px; margin:auto; }

.normal-grid1, .normal-grid2, .normal-grid3, .normal-grid4, .normal-grid5, .normal-grid6, .normal-grid7, .normal-grid8, 
.normal-grid9, .normal-grid10, .normal-grid11, .normal-grid12{float:left; margin-left:8px; margin-right:8px;}
.normal-grid1{width:56px;}
.normal-grid2{width:128px;}
.normal-grid3{width:200px;}
.normal-grid4{width:272px;}
.normal-grid5{width:344px;}
.normal-grid6{width:416px;}
.normal-grid7{width:488px;}
.normal-grid8{width:560px;}
.normal-grid9{width:632px;}
.normal-grid10{width:704px;}
.normal-grid11{width:776px;}
.normal-grid12{width:848px;}

/* ===== MOVE LEFT AND RIGHT ==== */

.normal-left-nudge, .normal-left1, .normal-left2, .normal-left3, .normal-left4, .normal-left5, .normal-left6, .normal-left7, .normal-left8, .normal-left9, .normal-left10, .normal-left11, .normal-left12, 
.normal-right-nudge, .normal-right1, .normal-right2, .normal-right3, .normal-right4, .normal-right5, .normal-right6, .normal-right7, .normal-right8, .normal-right9, .normal-right10, .normal-right11, .normal-right12{position:relative;}
.normal-left-nudge{left:-36px;}	.normal-right-nudge{left:36px;}
.normal-left1{left:-72px;} 		.normal-right1{left:72px;}
.normal-left2{left:-144px;}		.normal-right2{left:144px;}
.normal-left3{left:-216px;}		.normal-right3{left:216px;}
.normal-left4{left:-288px;}		.normal-right4{left:288px;}
.normal-left5{left:-360px;}		.normal-right5{left:360px;}
.normal-left6{left:-432px;}		.normal-right6{left:432px;}
.normal-left7{left:-504px;}		.normal-right7{left:504px;}
.normal-left8{left:-576px;}		.normal-right8{left:576px;}
.normal-left9{left:-648px;}		.normal-right9{left:648px;}
.normal-left10{left:-720px;}	.normal-right10{left:720px;}
.normal-left11{left:-792px;}	.normal-right11{left:792px;}
.normal-left12{left:-864px;}	.normal-right12{left:864px;}

/* ========
   CUSTOM
   =========*/
 
	header nav.full-nav .top-nav > li a { font-size:14px; padding:15px 19px;}
	.banner .bows-cont { display:none;}
	.banner .banner-info { left:400px;}	
	.border_index { padding-top:40px;}
	footer .contact-ftr div { margin:0;}
	
	.main-body .left-menu { margin-right:30px;}
	.margin_30 { margin:30px;}
	.gallery-cont div { width:200px;}
	.left-menu.bottom { display:block;}
	.left-menu.side { display:none;}
}

/* ========================
   LARGE - 1280PX - MAX (CONTAINER 1248PX + 16PX EITHER SIDE)+(24 GRIDS @ 36PX + 8PX EITHER SIDE)
   ======================== */

@media screen and (min-width:1280px){
.container{width:1248px; margin:auto;}
.container_larger { width:1280px; margin:auto; }

.large-grid1, .large-grid2, .large-grid3, .large-grid4, .large-grid5, .large-grid6, .large-grid7, .large-grid8, .large-grid9, .large-grid10, .large-grid11, .large-grid12, .large-grid13, 
.large-grid14, .large-grid15, .large-grid16, .large-grid17, .large-grid18, .large-grid19, .large-grid20, .large-grid21, .large-grid22, .large-grid23, .large-grid24{float:left; margin-left:8px; margin-right:8px;}
.large-grid1{width:36px;}
.large-grid2{width:88px;}
.large-grid3{width:140px;}
.large-grid4{width:192px;}
.large-grid5{width:244px;}
.large-grid6{width:296px;}
.large-grid7{width:348px;}
.large-grid8{width:400px;}
.large-grid9{width:452px;}
.large-grid10{width:504px;}
.large-grid11{width:556px;}
.large-grid12{width:608px;}
.large-grid13{width:660px;}
.large-grid14{width:712px;}
.large-grid15{width:764px;}
.large-grid16{width:816px;}
.large-grid17{width:868px;}
.large-grid18{width:920px;}
.large-grid19{width:972px;}
.large-grid20{width:1024px;}
.large-grid21{width:1076px;}
.large-grid22{width:1128px;}
.large-grid23{width:1180px;}
.large-grid24{width:1232px;}

/* ===== MOVE LEFT AND RIGHT ==== */

.large-left-nudge, .large-left1, .large-left2, .large-left3, .large-left4, .large-left5, .large-left6, .large-left7, .large-left8, .large-left9, .large-left10, .large-left11, .large-left12, 
.large-left13, .large-left14, .large-left15, .large-left16, .large-left17, .large-left18, .large-left19, .large-left20, .large-left21, .large-left22, .large-left23, .large-left24, 
.large-right-nudge, .large-right1, .large-right2, .large-right3, .large-right4, .large-right5, .large-right6, .large-right7, .large-right8, .large-right9, .large-right10, .large-right11, .large-right12, 
.large-right13, .large-right14, .large-right15, .large-right16, .large-right17, .large-right18, .large-right19, .large-right20, .large-right21, .large-right22, .large-right23, .large-right24{position:relative;}
.large-left-nudge{left:-26px;}	.large-right-nudge{left:26px;}
.large-left1{left:-52px;} 		.large-right1{left:52px;}
.large-left2{left:-104px;}		.large-right2{left:104px;}
.large-left3{left:-156px;}		.large-right3{left:156px;}
.large-left4{left:-208px;}		.large-right4{left:208px;}
.large-left5{left:-360px;}		.large-right5{left:360px;}
.large-left6{left:-312px;}		.large-right6{left:312px;}
.large-left7{left:-364px;}		.large-right7{left:464px;}
.large-left8{left:-416px;}		.large-right8{left:416px;}
.large-left9{left:-468px;}		.large-right9{left:468px;}
.large-left10{left:-520px;}		.large-right10{left:520px;}
.large-left11{left:-572px;}		.large-right11{left:572px;}
.large-left12{left:-624px;}		.large-right12{left:624px;}
.large-left13{left:-676px;}		.large-right13{left:676px;}
.large-left14{left:-728px;}		.large-right14{left:728px;}
.large-left15{left:-780px;}		.large-right15{left:780px;}
.large-left16{left:-832px;}		.large-right16{left:832px;}
.large-left17{left:-884px;}		.large-right17{left:884px;}
.large-left18{left:-936px;}		.large-right18{left:936px;}
.large-left19{left:-988px;}		.large-right19{left:988px;}
.large-left20{left:-1040px;}	.large-right20{left:1040px;}
.large-left21{left:-1092px;}	.large-right21{left:1092px;}
.large-left22{left:-1144px;}	.large-right22{left:1144px;}
.large-left23{left:-1196px;}	.large-right23{left:1196px;}
.large-left24{left:-1248px;}	.large-right24{left:1248px;}

.content_bottom { margin:0;}
}


/* ============================================================================================================================
   MEDIA PRINT
   ============================================================================================================================ */

@media print {
* {background:transparent !important; color:black !important; box-shadow:none !important; text-shadow:none !important; filter:none !important; -ms-filter:none !important;} 
a, a:visited {text-decoration:underline;}
a[href]:after {content:" (" attr(href) ")";}
abbr[title]:after {content:" (" attr(title) ")";}
.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {content: "";} 
pre, blockquote {border:1px solid #999; page-break-inside:avoid;}
thead {display:table-header-group;} 
tr, img {page-break-inside:avoid;}
img {max-width:100% !important;}
@page {margin:0.5cm;}
p, h2, h3 {orphans:3; widows:3;}
h2, h3 {page-break-after:avoid;}
}


/* ============================================================================================================================
   Cookies Policies
   ============================================================================================================================ */

.cc-cookies {position:fixed; width:90%; left:0; top:0; padding:0.5em 5%; background:#565656; background:rgba(86,86,86,0.95); color:#fff; font-size:13px; font-weight:700; text-shadow:0 -1px 0 rgba(0,0,0,0.35); z-index:99999; text-align:center; color:#fff;}
.cc-cookies a, .cc-cookies a:hover {color:#fff; text-decoration:underline;}
.cc-cookies a:hover {text-decoration:none;}
.cc-overlay {height:100%; padding-top:25%;}
.cc-cookies-error {float:left; width:90%; text-align:center; margin:1em 0 2em 0; background:#fff; padding:2em 5%; border:1px solid #ccc; font-size:18px; color:#333;}
.cc-cookies a.cc-cookie-accept, .cc-cookies-error a.cc-cookie-accept, .cc-cookies a.cc-cookie-decline, .cc-cookies-error a.cc-cookie-decline, .cc-cookies a.cc-cookie-reset {display:inline-block; color:#fff; text-decoration:none; background:#7DAF3B; padding:0.5em 0.75em; border-radius:3px; box-shadow:0 0 2px rgba(0,0,0,0.25); text-shadow:0 -1px 0 rgba(0,0,0,0.35); -o-transition: background 0.5s ease-in; -webkit-transition:background 0.25s ease-in; -moz-transition:background 0.25s ease-in;}
.cc-cookies a.cc-cookie-decline, .cc-cookies-error a.cc-cookie-decline {background:#af3b3b; margin-left:0.5em;}
.cc-cookies a.cc-cookie-reset {background:#f15b00;}
.cc-cookies a:hover.cc-cookie-accept, .cc-cookies-error a:hover.cc-cookie-accept, .cc-cookies a:hover.cc-cookie-decline, .cc-cookies-error a:hover.cc-cookie-decline, .cc-cookies a:hover.cc-cookie-reset  {background:#000; -o-transition: background 0.5s ease-in; -webkit-transition:background 0.25s ease-in; -moz-transition:background 0.25s ease-in;}
.cc-cookies-error a.cc-cookie-accept, .cc-cookies-error a.cc-cookie-decline {display:block; margin-top:1em;}
.cc-cookies.cc-discreet {width:auto; padding:0.5em 1em; left:auto; top:auto;}
.cc-cookies.cc-discreet a.cc-cookie-reset {background:none; text-shadow:none; padding:0; text-decoration:underline;}
.cc-cookies.cc-discreet a:hover.cc-cookie-reset {text-decoration:none;}


/* ============================================================================================================================
   Fancy Box
   ============================================================================================================================ */

   /*! fancyBox v2.1.3 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp{
	padding:0;
	margin:0;
	border:0;
	outline:none;
	vertical-align:top;
}

.fancybox-wrap {
	position:absolute;
	top:0;
	left:0;
	z-index:8020;
}

.fancybox-skin {
	position:relative;
	background:#f9f9f9;
	color:#444;
	text-shadow:none;
	-webkit-border-radius:4px;
	   -moz-border-radius:4px;
	        border-radius:4px;
}

.fancybox-opened {
	z-index:8030;
}

.fancybox-opened .fancybox-skin {
	-webkit-box-shadow:0 10px 25px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow:0 10px 25px rgba(0, 0, 0, 0.5);
	        box-shadow:0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
	position:relative;
}

.fancybox-inner {
	overflow:hidden;
}

.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}

.fancybox-error {
	color:#444;
	font:14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	margin:0;
	padding:15px;
	white-space:nowrap;
}

.fancybox-image, .fancybox-iframe {
	display:block;
	width:100%;
	height:100%;
}

.fancybox-image {
	max-width:100%;
	max-height:100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image:url('../img/fancybox/fancybox_sprite.png');
}

#fancybox-loading {
	position:fixed;
	top:50%;
	left:50%;
	margin-top:-22px;
	margin-left:-22px;
	background-position:0 -108px;
	opacity:0.8;
	cursor:pointer;
	z-index:8060;
}

#fancybox-loading div {
	width:44px;
	height:44px;
	background:url('../img/fancybox/fancybox_loading.gif') center center no-repeat;
}

.fancybox-close {
	position:absolute;
	top:-18px;
	right:-18px;
	width:36px;
	height:36px;
	cursor:pointer;
	z-index:8040;
}

.fancybox-nav {
	position:absolute;
	top:0;
	width:40%;
	height:100%;
	cursor:pointer;
	text-decoration:none;
	background:transparent url('../img/fancybox/blank.gif'); /* helps IE */
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	z-index:8040;
}

.fancybox-prev {
	left:0;
}

.fancybox-next {
	right:0;
}

.fancybox-nav span {
	position:absolute;
	top:50%;
	width:36px;
	height:34px;
	margin-top:-18px;
	cursor:pointer;
	z-index:8040;
	visibility:hidden;
}

.fancybox-prev span {
	left:10px;
	background-position:0 -36px;
}

.fancybox-next span {
	right:10px;
	background-position:0 -72px;
}

.fancybox-nav:hover span {
	visibility:visible;
}

.fancybox-tmp {
	position:absolute;
	top:-99999px;
	left:-99999px;
	visibility:hidden;
	max-width:99999px;
	max-height:99999px;
	overflow:visible !important;
}

/* Overlay helper */
.fancybox-lock {
	overflow:hidden;
}

.fancybox-overlay {
	position:absolute;
	top:0;
	left:0;
	overflow:hidden;
	display:none;
	z-index:8010;
	background:url('../img/fancybox/fancybox_overlay.png');
}

.fancybox-overlay-fixed {
	position:fixed;
	bottom:0;
	right:0;
}

.fancybox-lock .fancybox-overlay {
	overflow:auto;
	overflow-y:scroll;
}

/* Title helper */
.fancybox-title {
	visibility:hidden;
	font:normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	position:relative;
	text-shadow:none;
	z-index:8050;
}

.fancybox-opened .fancybox-title {
	visibility:visible;
}

.fancybox-title-float-wrap {
	position:absolute;
	bottom:0;
	right:50%;
	margin-bottom:-35px;
	z-index:8050;
	text-align:center;
}

.fancybox-title-float-wrap .child {
	display:inline-block;
	margin-right:-100%;
	padding:2px 20px;
	background:transparent; /* Fallback for web browsers that doesn't support RGBa */
	background:rgba(0, 0, 0, 0.8);
	-webkit-border-radius:15px;
	   -moz-border-radius:15px;
	        border-radius:15px;
	text-shadow:0 1px 2px #222;
	color:#FFF;
	font-weight:bold;
	line-height:24px;
	white-space:nowrap;
}

.fancybox-title-outside-wrap {
	position:relative;
	margin-top:10px;
	color:#fff;
}

.fancybox-title-inside-wrap {
	padding-top:10px;
}

.fancybox-title-over-wrap {
	position:absolute;
	bottom:0;
	left:0;
	color:#fff;
	padding:10px;
	background:#000;
	background:rgba(0, 0, 0, .8);
}