/*** Editable Styles ----------------------------------------------------- ***/
.cssmenu_iframe {
	display: none !important;	
}
.title {
	/* Title blue 22px */
	color: #006cc8;
	font-size: 1.6em;
	margin: 0 0 10px 0;
}
.title_black {
	/* Title black */
	color: #222;
	font-size: 1.4em;
}
.subtitle {
	/* Subtitle blue 21px */
	color: #006cc8;
	font-size: 1.3em;
}
.subtitle_black {
	 /* Subtitle black */
	color: #222;
	font-size: 1.3em;
}
.subtitle_blue {
	/* Subtitle blue 20px */
	color: #006cc8;
	font-size: 1.4em;
}
.title_dark_blue {
	/* Title dark blue 19px */
	font-size: 19px;
	font-weight: normal;
	color: #006cc8;
}
.picture-frame {
    /* Picture frame */
}
img.picture-frame, p.picture-frame img {
	border: 1px solid #ebebeb;
	border-radius: 8px;
}


/*** End Editable Styles ***/	

/*** Reset --------------------------------------------------------------- ***/
html, body, p, td, th, form, h1, h2, h3, h4 { margin: 0; padding: 0; }
ul, li { list-style: none; }
a { text-decoration: none; }
img { border: none; max-width: 100%; height: auto; }

body { cursor: default; }
a, button { cursor: pointer; }
input, textarea { cursor: auto; }

h1 { font-size: 2em; font-weight: 500;  }
h2 { font-size: 1.6em; color: #006cc8; font-weight: 700; }
h3 { font-size: 1.4em; color: #006cc8; }
h4 { font-size: 1em; }
h5 { font-size: 1.67em; }

table { border-collapse: collapse; border-spacing: 0; }
th { font-weight: bold; vertical-align: bottom; }
td { vertical-align: top; }

button, input, select, textarea { margin: 0; padding: 0; }
button { width: auto; overflow: visible; }
input, textarea, select { padding: 2px; }

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

p, ul, ol { margin: 1em 0; }
p:first-child, ul:first-child, ol:first-child { margin-top: 0; }
ul li { list-style: disc outside none; }
ul ul li { list-style-type: circle; }
ul ul ul li { list-style-type: square; }
ol li { list-style-type: decimal; }
li { margin-bottom: 0.25em; }

.reset, .reset p, .reset ul, .reset ol, .reset li, .listing li { margin: 0; padding: 0; }
.reset li, .reset ul li, .listing li, .listing ul li { list-style-type: none; }
/*** End Reset ***/

/*** Common -------------------------------------------------------------- ***/

body, input, textarea, select, button { font-family: 'Open Sans', sans-serif; font-size: 14px; color: #555555; }
input, textarea, select { border: 1px dotted #8798da; margin-bottom: 4px; color: #333333; }
a { color: #278ce4; }
a:hover { color: #333333; }

/*** End Common ***/

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

p.required { margin: 0 0 0.5em 0; text-align: right; }
button { background: #006cc7; border: none; padding: 9px 25px; font-weight: bold; color: #fff; margin-bottom: 30px; margin-top: 10px; }
td label.label { width: 99%; }

label.auto { width: auto; padding-right: 0; }

.c1-form td { padding: 3px 0; }
#form_errors { padding-bottom: 15px; color: #8f2626; }

.label { color: #333333; text-align: left; line-height: 24px; font-size: 100%; padding: 0; font-weight: 600; }
.radio label.label { padding-left: 0; font-weight: 600; }

/*** End Forms ***/

/*** C1 form styles --------------------------------------------------- ***/

.c1-form textarea, .c1-form input,.c1-form select { border: 1px dotted #bbb; margin-bottom: 4px; padding: 8px; width: 90%; }
.c1-form .radio label input { width: 40px; margin-left: -33px; border: 0px; }
.c1-form h2 { color: #555555; font-size: 1.3em; margin: 10px 0; font-weight: 600; }

/*** End C1 form styles ***/

/*** Asset Listings ------------------------------------------------------ ***/

.listing { border-top: 1px dotted #999999; }
.listing a { display: block; padding: 10px 10px 10px 120px; min-height: 100px; border-bottom: 1px dotted #999999; }
.listing .title { font-size: 1.2em; }
.listing .image { width: 96px; height: 96px; float: left; margin-left: -110px; background: #ffffff none no-repeat scroll center center; }
.listing .teaser, .listing .type { display: block; padding: 0.5em 0; color: #666666; }

/*** End Asset Listings ***/

/*** new styles - header ----------------------***/

.top-section { background: #031c3a; height: 40px; padding: 0; }
.top-nav { padding-top: 10px; z-index: 2; }
.top-nav a { color:#97a1c4; text-transform: uppercase; font-weight: 600; }
.top-nav a:hover { color:#fcfcfc; text-decoration: none; }
.phone .glyphicon { color: #fcfcfc; display: none; }
.top-section .cart { padding-right: 0; }
.cart .glyphicon { color: #fcfcfc; padding-top: 10px; font-size: 17px; }
.cart strong a { color: #fcfcfc; font-size: 12px; font-weight: 600; }
.cart strong a:hover { color: #fff; }
.phone { color: #fcfcfc; font-size: 16px; font-weight: 600; padding-top: 8px; z-index: 2; }
.blue-strip { background: #278ce4; }
.search-box { z-index: 2; }
#navigation .navbar-collapse .top-section-menu { display: none; }

/*** End header ***/

/*** Layout -------------------------------------------------------------- ***/

.empty { height: 20px; display: block; }

/*** Home ---------------------------------------------------------------- ***/

.rotator_functionality { position: relative; }
.waves { background: transparent url("../images/wave-white.png") repeat-x scroll left top; bottom: 0; height: 8px; padding: 0; position: absolute; width: 100%; z-index: 100; }
#home-intro { padding: 50px 0 30px; }
#home-blue { background-color: #268de4; padding: 30px 0; }
#home-featured { background: #ebebeb url(../images/section-bg.png) repeat-x scroll center top; padding: 30px 0; }
#home-video { background-color: #ffffff; padding: 30px 0 10px 0; }
#home-video h2, #home-featured h2 { color: #031c3a; margin-bottom: 20px; }
#home-blue img { vertical-align: top; margin: 10px 5px; }

/*** Navigation ---------------------------------------------------------- ***/

#navigation { height: 130px; position: relative; z-index: 2; }
#navigation li { list-style: none; margin-left: 0; margin-bottom: 0; border-left: 1px solid #ffffff; text-align: center; }
#navigation .square-blue-menu > ul > li > div:first-child a { color: #fefefe; display: block; line-height: 19px; height: 130px; font-weight: 600; font-size: 14px; text-transform: uppercase; display: inline-block; vertical-align: middle; padding: 50px 15px 0; }
#navigation .square-blue-menu > ul > li > div:first-child a:hover { text-decoration: none; }
#navigation li .store, #navigation li .service, #navigation li .quote { background: #006cc7; }
#navigation a.back { width: 150px; height: 50px; position: absolute; top: 0; right: 0; text-align: center; background: url("../images/home_nav.png") no-repeat scroll center top transparent; }
#navigation .square-blue-menu > ul { display: table; width: 100%; }
#navigation .square-blue-menu > ul > li { display: table-cell;  width: 12%; position: relative; }
#navigation .square-blue-menu > ul > li > div+div { position: absolute; left: 0; top: 100%; width: 100%; display: block; }
#navigation .square-blue-menu > ul > li:hover > div+div { display: block; }
#navigation li:hover, #navigation li .on a, #navigation li .active a { background-color: #031c3a; }
#navigation .navbar-collapse { padding-left: 0; padding-right: 0; }

/*** End Navigation ***/

/*** Sub Navigation ------------------------------------------------------ ***/

#navigation .square-blue-menu > ul > li > div+div { margin: 0; padding: 0; list-style-type: none; top: 100%; position: absolute; display: none; }
#navigation .square-blue-menu > ul > li > div+div ul { margin-left: 0; padding-left: 0; }
#navigation .square-blue-menu > ul > li > div+div li { margin: 0; padding: 0; list-style-type: none; background: transparent url(../images/transparent_bg4.png) repeat scroll left top; border-left: 0; }
#navigation .square-blue-menu > ul > li > div+div a { display: block; font-size: 13px; font-weight: bold; padding: 5px 12px 8px 10px; color: #fcfcfc; border-bottom: 1px solid #2a2439; }
#navigation .square-blue-menu > ul > li > div+div a:hover, #navigation .square-blue-menu > ul > li > div+div .active a { background-color: #30373b; color: #c4d2fc; text-decoration: none; }
#navigation .square-blue-menu > ul > li > div+div .arrow { background-image: url(../images/menu_arrow.png); background-repeat: no-repeat; background-position: right center; }

/*** End Sub Navigation ***/

/*** Subpage styles -----------------------------------------------------***/

.middle_main_part { height: auto !important; min-height: 100%; padding-bottom: 80px; }
.top_banner_image { max-height: 400px; overflow: hidden; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
.top_banner_image img { width: 100%; height: auto; }
.breadcrumbs { margin: 20px 0; }
.breadcrumbs a { text-transform: uppercase; color: #006cc7; font-size: 12px; }
.breadcrumbs span { color: #777; font-size: 12px; }
h1.page-title { font-size: 26px; padding-bottom: 22px; color: #031c3a; margin-bottom: 20px; font-weight: 600; text-transform: uppercase; /*border-bottom: 1px solid #c4c4c4;*/ }

/*** End Subpage styles ***/

/*** Footer ---------------------------------------------------------- ***/

footer { /*background: #278ce4;*/ color: #ffffff; margin-top: 30px; padding-top: 15px; background: #278ce4 url(../images/wave.png) repeat-x scroll left top;}
footer .padding { padding: 30px 0; }
footer a { color:#ffffff; }
footer a:hover { color:#202020; text-decoration: none; }
footer .social span { display: block; padding-bottom: 10px; }
footer .footer-logos img { max-width: 100%; }
footer h3 { color: #fff; margin-bottom: 10px; }
.top_header_social a { display: inline-block; background-image: url("../images/social-icons.png"); background-repeat: no-repeat; vertical-align: middle; margin-right: 10px; margin-top: 10px; }
.top_header_social a.twitter { background-position: left top; width: 50px; height: 45px; }
.top_header_social a.facebook { background-position: left -50px; width: 50px; height: 45px; }
.top_header_social a.instagram { background-position:  left -110px; width: 50px; height: 45px; }
.top_header_social a.youtube { background-position: left -170px; width: 55px; height: 45px; }

/*** End Footer ***/

/*** Subscription ----------------------------------------------------------- ***/

#subscribe-m input { width: 98%; background: none; border: 0; }
#subscribe-m input.empty { color: #b0b5d1; background: none; border: 0; font-style: italic; }
#subscribe-m .email { float: left; width: 150px; height: 20px; padding: 2px 2px 2px 4px; border-radius: 4px; background: transparent url(../images/field_bg_mail.png) repeat-x scroll left top; }
#subscribe-m .submit button {float: right;	color: #777777; border: medium none; padding: 2px 6px 3px 6px; border-radius: 4px; line-height: 17px; background: transparent url(../images/field_bg_mail.png) repeat-x scroll left top; }
#subscribe td label.label { text-align: left; font-size: 100%; padding: 0 35px 0 0; }
#subscribe label.label em { position: absolute; right: 0; top: 0; }
#subscribe td input { margin-bottom: 15px; padding: 8px; }
.unsibscribe, #marketing-verify { min-height: 210px; }
.unsibscribe input, #marketing-verify input { border: medium none; height: 38px; padding: 0 15px; border: 1px dotted #bbb; }

/*** End Subscription ***/

/*** Search --------------------------------------------------- ***/

#search-results #search-embedded { position: relative; width: 50%; margin-left: 0; }
#search-embedded input { color: #ffffff; border: medium none; height: 40px; line-height: 28px; padding: 0 5px 0 15px; /*margin-top: -10px;*/ background-color: #2a3e57; margin-bottom: 0; font-size: 13px; width: 100%; }
#search-embedded button { height: 100%; width: 100%; text-align: center; margin: 0; padding: 11px 10px 5px 14px; background: none; font-size: 28px; font-weight: 400; }
#search-embedded .b-search { position: absolute; right: 0; top: 0; height: 50px; display: block;  vertical-align: top; background: #278ce4; border: none; margin-top: -10px; width: 54px; padding: 0; }
#search-results #search-embedded input { background-color: #2a3e57; border: medium none; color: #ffffff; font-size: 13px; height: 50px; line-height: 28px; margin-bottom: 0; padding: 0 5px 0 15px; width: 100%; }
#search-results #search-embedded .b-search { position: absolute; right: 0; top: 0; height: 50px; display: block; margin-top: 0; vertical-align: top; background: #278ce4; border: none; width: 54px; padding: 0; }
#search-results #search-embedded button { height: 100%; width: 100%; text-align: center; margin: 0; padding: 5px 10px 5px 14px; background: none; font-size: 28px; font-weight: 400; }
#search-results .listing a.hover { text-decoration: none; }
#search-results .listing strong.title { font-weight: 600; } 
#search-results .listing span.type { font-style: italic; }
.b-search > span { position: absolute; color: #fcfcfc; font-size: 20px; left: 10px; top: 20px; }
.in-field { position: relative; }
 
.searchbox #search-results #search-embedded { position: relative; width: 74%; margin-left: 77px; }

/*** End Search ***/

/*** Rotator --------------------------------------------------- ***/

.c1-rotator-images .c1-rotator-caption { color: #FFFFFF; font-size: 20px; font-weight: normal !important; left: 30px !important; bottom: 30px !important; padding: 0 !important; max-width: 420px; position: absolute; text-align: left; }
.c1-rotator ul { position: absolute; right: 30px; bottom: 25px; margin-right: 0; line-height: 0; z-index: 15;}
.c1-rotator ul li { float: left; list-style: none; list-style-image: none; margin-left: 7px; }
.c1-rotator ul { margin-bottom: 0; }

/*** End Rotator ***/

/*** Site Map styles ----------------------------------------- ***/

#sitemap ul, #sitemap li { list-style-type: none; list-style-image: none; margin: 0 0 0 20px; }
#sitemap a { font-weight: 600; display: block; width: 55%; padding: 4px 2px; font-size: 14px; }
#sitemap li a.parent { border-bottom: 1px dotted #bbb; color: #031c3a; }
#sitemap li li a.parent { border-bottom: none; border-bottom: 1px dotted #aaa; color: #777; width: 52%; }
#sitemap li li li a.parent { border-bottom: 1px dotted #ddd; width: 50%; color: #278ce4; }
#sitemap ul li ul { margin-left: 10px; }
#sitemap li  li  li a { font-weight: normal; width: 210px; }
#sitemap li a:hover.parent { color: #758ace; }

/*** End Site Map ***/

/*** Aboutus tpl styles ------------------------------------------------ ***/

#google_map { background: #000000; height: 420px; }
.vcard p { margin: 0 !important; }
.vcard .org { font-size: 1.4em; font-weight: normal !important; }
.vcard .adr { font-weight: normal !important; }

/*** End Aboutus tpl styles ***/

/*** Product Catalogue ---------------------------------------------- ***/

#shop-category { width: 100%; }
#shop-category-alt { width: 100%; }
#shop-category .categories { padding: 50px 0; }
#shop-category .categories a.category-image { width: 100%; }
#shop-category .categories a { text-decoration: none; }
#shop-category .categories li span.image { display: block; height: 160px; width: 100%; overflow: hidden; }
#shop-category .categories li span.image img { width: 100%; height: auto; }
#shop-category .categories .title { display: block; line-height: 16px; font-size: 16px; height: 40px; font-weight: 600; text-transform: uppercase; color: #031c3a; }
#shop-category .categories li.hover { display: table; height: 270px; width: 275px; margin: 0 5px 25px; }
#shop-category .categories a.view-range span { display: block; font-size: 13px; padding-top: 10px; font-weight: 600; text-transform: uppercase; }
#shop-category .categories a.view-range { background: #278ce4; display: block; color: white; text-align: center; min-height: 40px; }
#shop-category .products { padding: 50px 0; }
#shop-category .products .title { display: block; line-height: 16px; font-size: 14px; height: 40px; font-weight: 600; }
#shop-category .products a.product-image { width: 100%; }
#shop-category .products li span.image { display: block; height: 160px; width: 100%; overflow: hidden; }
#shop-category .products li:hover span.image { opacity: 0.8; transition: all 0.5s; background-size: 120%;  }
#shop-category .products li span.image img { width: 100%; height: auto; }
#shop-category .products a.quote, #shop-category .products a.more { display: inline-block; font-size: 13px; padding-top: 10px; font-weight: 600; background: none; text-decoration: none; text-transform: uppercase; }
#shop-category .products a.more { color: #278ce4; }
#shop-category .products li.hover { display: table; height: 270px; width: 275px; margin: 0 5px 25px; padding-top: 13px; border: 1px solid #e9e9e9; }

/*** new 2018 style -----------***/

#shop-category .categories ul { padding-left: 0; }

/*** Product Details ---------------------------------------------- ***/

#product form.add-to-cart ul { padding-left: 0; }
#product form.add-to-cart ul li { list-style: outside none none; }
.add-to-cart ul { padding-left: 0; }
.add-to-cart ul li { list-style: outside none none; }
#product .add-to-cart li.submit { text-align: right; }
#product form.add-to-cart { margin: 20px 0; }
#product p.price { font-size: 18px; }

#galleryproduct { clear: both; margin-bottom: 20px; }
.shop_gallery_big { text-align: center; margin-bottom: 15px; }
.shop_gallery_big img { /*width: 100%;*/ max-width: 100%; height: auto; }
.shop_gallery_big a { display: block; max-height: 320px; overflow: hidden; width: 100%;  }

.shop_gallery_main_img img,
.shop_gallery_small a img { max-width: 100%; }
.shop_gallery_small a { /*border: 1px solid #cacaca; padding: 10px;*/ height: 110px; line-height: 77px; margin-left: -15px; text-align: center; display: block; }
.shop_gallery_small a img  { max-height: 100%; }

#product .descr { padding-bottom: 10px;	}

#product .brochure, #news-article .links a 
{ color: #555555; display: block; text-align: left; padding: 20px 0 20px 70px; 
line-height: 20px; font-size: 15px; text-transform: uppercase; font-weight: 600; margin: 0 0 5px 0; 
background: #e4e4e4 url(../images/pdf-symbol.svg) no-repeat scroll 15px 12px; background-size: 35px; }

#product .tick { background: transparent url(../images/tick-icon.png) no-repeat scroll 20px top; background-size: 27px; display: block; line-height: 16px; margin: 3px 0; min-height: 39px; padding: 7px 0 0 65px; }
#product .shared-content ul { margin-left: 15px; }

#product .video {
	color: #555;
	display: block;
	text-align: left;
    padding: 20px 0 20px 70px;
	line-height: 20px;
	font-size: 15px;
	text-transform: uppercase;
    font-weight: 600;
	margin: 0 0 5px 0;
	background: #e4e4e4 url(../images/video.svg) no-repeat scroll 15px 7px;
	background-size: 45px;
}
#product .video a { color: #555; }
#product .spacer { display: block; height: 20px; margin:0; }
#product .additional-content { background: #f2f2f2; padding: 20px; overflow: hidden; font-style: italic; }
#product .additional-content li { margin-left: 15px; }

.gallery .enlarge 
	{ font-family: "Ubuntu", Arial, Helvetica, sans-serif; color: #567ac4; font-weight: bold; border-radius: 8px 0 0 0;
    padding: 5px 10px; font-size: 11px; background: transparent url(../images/enlarge_bg.png) repeat left top; }
.gallery a:hover .enlarge { color: #555555; }
.product-gallery .gallery .gallery-image .image { background-position: center top !important; }

/*** NEW 2018 product styles --------------------------------***/

#product .online-price { font-size: 16px; }
#product .panel-heading { padding: 10px 15px 10px 0; }
/*** Payment Page ***/

#payment-checkout .steps ul { float: left; }
#payment-checkout .steps span { display: block; padding: 1em; line-height: 1em; color: #202020; }
#payment-checkout .steps li { float: left; }
#payment-checkout .steps { height: 3em; margin-bottom: 3em; }
#payment-checkout .steps .active a { padding-right: 1em; font-weight: bold; }
#payment-checkout .steps .active a:hover { text-decoration: none; }
#payment-checkout .steps a { display: block; padding: 1em; line-height: 1em; border-bottom: 4px solid #006cc7; color: #006cc7; }
#payment-checkout #payment-billing h2, #payment-checkout #payment-delivery h2 { margin: 0 0 20px; }
#payment-checkout #payment-contact h2 { margin: 20px 0; }

#payment-checkout label.label { display: block; padding-right: 20px; width: 170px;  position: relative; }
#payment-checkout input, #payment-checkout textarea, #payment-checkout select { padding: 5px; width: 320px; }

#payment-checkout #payment-summary .summary-items .headings { background: #278ce4; width: 100%; padding: 0.8em 0; color: #fff;}

#payment-checkout #payment-summary .summary-items .headings .code { width: 20%; float: left; font-weight: 600; color: #fff; }
#payment-checkout #payment-summary .summary-items .headings .code span { padding: 0 0 0 1em; color: #fff; }
#payment-checkout #payment-summary .summary-items .headings .description { width: 20%; float: left; font-weight: 600; }
#payment-checkout #payment-summary .summary-items .headings .qty { text-align: center; width: 20%; float: left; font-weight: 600; }
#payment-checkout #payment-summary .summary-items .headings .price { text-align: center; width: 20%; float: left; font-weight: 600; }
#payment-checkout #payment-summary .summary-items .headings .total { text-align: center; width: 20%; float: left; font-weight: 600; }

#payment-checkout #payment-summary .summary-items .items { padding: 1em 0; font-size: 0.9em; line-height: 1.4; font-weight: 400; }
#payment-checkout #payment-summary .summary-items .items .headings { display: none; }
#payment-checkout #payment-summary .summary-items .item:first-child { padding-top: 0; }
#payment-checkout #payment-summary .summary-items .item { border-bottom: 1px dotted #E1E1E1; padding: 1em 0; }
#payment-checkout #payment-summary .summary-items .item .code { width: 20%; float: left; }
#payment-checkout #payment-summary .summary-items .item .code span { padding: 0 0 0 1em; color: #515151; }
#payment-checkout #payment-summary .summary-items .item .code strong { display: none; }
#payment-checkout #payment-summary .summary-items .item .description { width: 20%; float: left;}
#payment-checkout #payment-summary .summary-items .item .qty { text-align: center; width: 20%; float: left; }
#payment-checkout #payment-summary .summary-items .item .price { text-align: center; width: 20%; float: left; }
#payment-checkout #payment-summary .summary-items .item .total { width: 20%; float: left; text-align: center; }
#payment-checkout #payment-summary .summary-items .item dl { margin: 0; }
#payment-checkout #payment-summary .summary-items .totals { float: right; font-size: 1.1em; }
#payment-checkout #payment-summary .summary-items .totals div { margin: 0 0 0.1em 0; }
#payment-checkout #payment-summary .summary-items .totals .label { float: left; width: 110px; padding: 0 1em 0 0; text-align: right; }
#payment-checkout #payment-summary .summary-items .totals .currency { float: right; color: #000; }

#payment-checkout input[type="radio"] { background: none; height: auto; border: none; display: inline; float: none; width: 15px !important; padding: 0; margin: 0 15px 0 0; }
#payment-checkout .payment-option-fields img { margin: 0 20px 30px 0; } 

#payment-checkout .back { margin: 0 10px 0 0; display: block; float: left; }
#payment-checkout span.back button { background: #888; border: none; padding: 9px 25px; font-weight: bold; color: #fff; margin-bottom: 30px; margin-top: 10px; } 
#payment-payment .payment-option h3 { margin: 20px 0; }
#payment-payment .payment-option .card_expiry input { width: 154px; }

#payment-summary .summary-items h2 { margin: 20px 0; }
#payment-summary .summary-billing h2, #payment-summary .summary-delivery h2 { margin: 0; }
#payment-summary h1 { font-size: 1.6em; color: #006cc8; font-weight: 700; margin: 20px 0; }
 
/*** Payment Page ***/

/*** Delivery ---------------------------------------------- ***/

#payment-delivery-method td { padding: 7px; }
#payment-delivery-method h3 { margin: 15px 0 10px; }


/*** Cart -------------------------------------------------- ***/ 

#cart .headers { background: #666; width: 100%; padding: 0.8em 0; }
#cart .headers .image { width: 10%; float: left; min-width: 100px; }
#cart li .image { width: 10%; float: left; min-width: 100px; min-height: 1px; }
#cart li .image img { max-width: 80%; }
#cart .headers .name, .headers .price, .headers .qty { width: 20%; float: left; font-weight: 600; color: #fff; }
#cart .headers .price, .headers .qty { text-align: center; }
#cart li .name, #cart li .price, #cart li .qty { text-align: center; }
#cart li { list-style: none; margin: 0; clear: both; position: relative; border-bottom: 1px dotted #E1E1E1; padding: 1.5em 0 1.5em 0; }
#cart li:last-child { border: 0; }
#cart li .detail, #cart li .name, #cart li .price, #cart li .qty { width: 20%; float: left; }
#cart .detail ul { margin: 0; padding-left: 0; }
#cart .special_requests textarea { width: 100%; }

#cart li.least { text-align: right; }
#cart li.least label em img { vertical-align: top; }
#cart li.least label input[type="checkbox"] { margin-right: 4px; }

#cart .item-name { color: #666; font-size: 0.9em; }
#cart input { border: 1px solid #ccc; }
#cart .remove { position: absolute; right: 12px; }
#cart .totals { clear: both; font-size: 1.2em; margin: 2em 0 0 0; }

#cart .totals .price { color: #666; font-weight: 500; }
#cart .description { display: block; color: #666; font-size: 0.9em; line-height: 1.4; font-weight: 300; }
#cart dl.options { margin: 0; font-size: 0.9em; font-weight: 300; }
#cart dl.options dt { line-height: 1.3; }
#cart .options dd { display: block; color: #666; font-size: 0.9em; line-height: 1.4; font-weight: 300; margin: 0; }

#cart .totals .subtotal { float: right; clear: both; }
#cart .totals .subtotal div { float: left; color: #666; font-size: 16px; }
#cart .totals .total { float: right; clear: both; }
#cart .totals .total div { float: left; color: #666; font-size: 16px; }
#cart .totals .delivery { float: right; clear: both; font-size: 0.8em; font-style: italic; margin: 1em 0 0 0; }
#cart .totals .subtotal, #cart .totals .gst { clear: both; float: right; }
#cart .totals .subtotal div, #cart .totals .gst div { color: #666; float: left; font-size: 16px; }
#cart .totals .label { padding: 0 .6em .3em; }

.buttons { float: right; clear: both; }
.bottom .headers { display: none; }

#cart button { font-size: 14px; background: #666; padding: 5px 15px; display: block; text-transform: uppercase; color: #fff; font-weight: 600; float: left; }
#cart button.checkout { background-color: #278ce4; float: left; margin-left: 10px; }
#cart button.checkout span { color: #fff; } 
#cart .remove a.remove { background: url(../images/remove.png) 5px 3px no-repeat; background-size: 17px; width: 22px; height: 21px; font-size: 0px;}

#cart .continue { padding: 20px 0; float: right; }
#cart .back { clear: both; }
#cart .buttons { float: right; padding: 20px 0 0 0; }
.productcart select { margin-top: 11px; }

 /*** END Cart ***/

/*** Related Products ----------------------------------***/

.section h3 { margin-bottom: 30px; }
.section a.product-image { width: 100%; }
.section a { text-decoration: none; }
.section li span.image { display: block; height: 160px; width: 100%; overflow: hidden; }
.section li span.image img { width: 100%; height: auto; }
.section .title { display: block; line-height: 16px; font-size: 14px; height: 40px; font-weight: 600; text-transform: uppercase; color: #031c3a; }
.section li.hover { display: table; height: 270px; width: 275px; margin: 0 5px 25px; }
.section a.quote, .section .products a.more { display: inline-block; font-size: 13px; padding-top: 10px; font-weight: 600; background: none; text-decoration: none; text-transform: uppercase; }
.section a.more { color: #278ce4; }

/*** Product Catalogue - Dynamic Menu ***/

#dynamic-menu ul { margin: 0; padding: 0; }
#dynamic-menu ul li { list-style-type: none; padding: 0; margin: 0 0 1px 0; }
#dynamic-menu ul li.cat-list strong.menuhead { display: block; }
#dynamic-menu ul li.cat-list span.menutitle { display: block; padding: 15px 24px; background: #278ce4; color: #fff; cursor: pointer; line-height: 25px; text-transform: uppercase; }
#dynamic-menu ul li.cat-list span.menutitle span.arrow { display: block; float: right; width: 40px; height: 25px; background-position: center; background-repeat: no-repeat; }
#dynamic-menu ul li.cat-list strong.passive span.arrow { background-image: url(/templates/images/arrow-down.png); background-size: 25px auto; }
#dynamic-menu ul li.cat-list strong.active span.arrow { background-image: url(/templates/images/arrow-up.png); background-size: 25px auto; }
#dynamic-menu ul li.cat-list div.filters { padding: 5px; }

/*** Product Catalogue - Boats Menu ***/

#dynamic-menu ul li.cat-list ul li { padding: 10px 0; border-bottom: 1px dotted #CCCCCC; }
#dynamic-menu ul li.cat-list ul li span.cat_col { display: block; float: left; }
#dynamic-menu ul li.cat-list ul li span.prod-name { padding-left: 24px }
#dynamic-menu ul li.cat-list ul li span.read-more { padding-left: 0; text-align: right; }
#dynamic-menu ul li.cat-list ul li span.request-quote { padding-left: 0; text-align: right; }

/*** Product Catalogue - Filter Form ***/

#dynamic-menu ul li div.shop-filter { padding-bottom: 15px; }
#dynamic-menu ul li ul.fields li { padding-top: 5px; padding-left: 5px; }
#dynamic-menu ul li ul.fields li div label { display: inline-block; padding-bottom: 5px; }
#dynamic-menu ul li ul.fields li div div.options { padding-left: 10px; }
#dynamic-menu li.checkbox label.expandable { padding-left: 10px; }
#dynamic-menu ul li ul.fields li .separator { padding-left: 9px; }

/*** Product Catalogue - Boat Details ***/

#boat-details { padding-bottom: 40px; }
#boat-details div { margin: 0 0 2px 0; padding: 0; }
#boat-details div strong.menuhead { display: block; }
#boat-details div span.menutitle { display: block; padding: 10px 15px; background: #e4e4e4; color: #888; cursor: pointer; line-height: 25px; }
#boat-details div span.menutitle span.arrow { display: block; float: right; width: 25px; height: 25px; background-position: center; background-repeat: no-repeat; }
#boat-details div strong.passive span.arrow { background-image: url(/templates/images/arrow-down.png); background-size: 25px; }
#boat-details div strong.active span.arrow { background-image: url(/templates/images/arrow-up.png); background-size: 25px; }
#boat-details div table { width: 100%; border-collapse: collapse; margin: 2px 0; }
#boat-details div table thead tr { background: #f2f2f2; color: #006cc7; }
#boat-details div table tr th { font-weight: 500; padding: 5px 15px; text-align: left; text-transform: uppercase; }
#boat-details div table tr td { padding: 5px 15px; }
#boat-details div table tr.odd td { border-bottom: 1px dotted #ccc; }
#boat-details div table tr.even td { border-bottom: 1px dotted #ccc; }

/*** Product Catalogue - Restored Engines ***/

#restored { width: 100%; border-collapse: collapse; }
#restored thead tr { border: 1px solid #e4e4e4; background: #e4e4e4; color: #666666; }
#restored tr th { text-align: left; padding: 15px 5px 15px 10px; }
#restored tr td { border-bottom: 1px solid #e4e4e4; padding: 10px 5px 5px 10px; }
#restored tr td .image { display: inline-block; width: 100px; height: 100px; background-image: none; background-repeat: no-repeat; background-position: center; }

/*** Product Catalogue - Add-To-Cart (and Quote) ***/

form.add-to-cart div.button-holder { text-align: right; }
#cart table { width: 100%; }
#cart table.cart-items ul { padding-left: 0; }
#cart table.cart-items li { list-style: outside none none; }
#cart table.cart-items thead tr { background: #e4e4e4; color: #888; }
#cart table.cart-items tbody tr.even { border-top: 1px dotted #ddd;  border-bottom: 1px dotted #ddd; }
#cart table.cart-items th { font-weight: 600; }
#cart table.cart-items th, #cart table.cart-items td, #quote-items table th, #quote-items table td { padding: 12px 15px 12px 0; text-align: left; }
#cart table.cart-items td.image { width: 25%; min-width: 100px; height: auto; }

#cart table.cart-items .detail strong { font-size: 15px; font-weight: 600; }
#cart table.cart-items td { padding-top: 10px; padding-bottom: 10px; }
form.add-to-cart ul.fields li.special_requests { display: block; width: 100%; padding-left: 0; }
form.add-to-cart ul.fields li.special_requests .label { display: block; text-align: left; position: static; color: #666; padding-right: 0; font-weight: 600; }
form.add-to-cart li.submit { padding: 0; }
#cart table.cart-items td ul li.special_requests, #cart table.cart-items td ul li.special_requests textarea { padding-left: 0; width: 100%; }
form.add-to-cart ul.fields li.special_requests textarea { width: 100%; }
form.add-to-cart li.qty { display: none; }
#cart table.cart-items td ul li.special_requests textarea { margin-top: 10px; padding: 8px 15px; }
#cart div.buttons { text-align: right; }
#cart table.cart-items td.qty { padding-top: 49px; }
/*#cart table.cart-items td.remove { padding-top: 49px; }*/

/*** Product Catalogue - Quote - Checkout ***/

#shop-quote #quote-custom { padding-top: 30px !important; margin-left: 15px !important; padding-bottom: 30px !important; }
#shop-quote p.buttons { text-align: right; border-top: 1px dotted #ddd; }
#quote-items table { width: 100%; }
#quote-items table th, #quote-items table td { padding: 12px 15px; }
#quote-items table thead { background-color: #e4e4e4; }
#quote-items table tr td { border-bottom: 1px dotted #ddd; }
#quote-items table.options tr td { border-bottom: none; }

/*** Product Catalogue - Quote ***/

#quote-custom table td { width: 200px; }
#quote-custom select, #quote-custom input, #quote-custom textarea { width: 260px; padding: 8px; margin: 0 0 5px 0; }
#quote-custom input[type="checkbox"] { width: auto !important; margin-right: 4px; }
#quote-custom h2 { margin: 20px 0 10px; }

@media (max-width: 400px) {
	
	#quote-custom select, #quote-custom input, #quote-custom textarea { width: 180px; }
	#quote-custom table td label { font-size: 12px; font-weight: 500; }

}

/*** End Product Catalogue ***/

/*** Facebook section ----------------------------------------------------- ***/

#facebook-home h2 { padding: 0; color: #031c3a; margin-bottom: 25px; }
#facebook-home .fb-feed { margin: 30px 0; }

/*** News Summary on home ------------------------------------------------- ***/

#news-summary ul { margin-bottom: 6px; padding-left: 0; }
#news-summary li { display: block; text-align: left; margin: 0 4px 15px 0; list-style: disc outside none; list-style-type: none; }
#news-summary img { width: 100%; height: 100%; }
#news-summary h2 { padding: 0; color: #031c3a; margin-bottom: 25px; }
#news-summary .title { display: block; font-size: 18px; line-height: 18px; font-weight: 800; color: #031c3a; }
#news-summary .image { display: block; min-height: 100px; min-width: 100px; text-align: center; }
#news-summary a { color: #51575e; }
#news-summary a:hover { text-decoration: none; }
#news-summary .date { display: block; font-size: 14px; line-height: 18px; font-weight: 600; padding: 5px 0; }
#news-summary .more { text-decoration: underline; color: #2d4097; }

.landing h1 { padding-left: 0; margin: 20px 0 30px; color: #031c3a; font-weight: 700; }
.landing h2 { padding-left: 20px; margin: 20px 0 30px; color: #031c3a; font-weight: 700; }
.landing .brand-padding { padding: 0 20px; }
.landing .romb-blue { margin-top: 40px; padding: 0 20px; } 

/*** News Summary on Brands ---------------------------------------------- ***/

#brand-news-summary a { height: 240px; }
#brand-news-summary .brand-news-item { width: 283px; min-height: 305px;}
#brand-news-summary .title { display: block; font-size: 18px; line-height: 18px; font-weight: 800; color: #031c3a; margin-top: 8px; }
#brand-news-summary .image { display: block; min-height: 100px; min-width: 100px; text-align: center; overflow: hidden; height: 180px; }
#brand-news-summary img { width: 100%; }
#brand-news-summary .date { display: block; font-size: 14px; line-height: 18px; font-weight: 600; padding: 5px 0; color: #51575e; }
#brand-news-summary .more { text-decoration: underline; color: #2d4097; margin-bottom: 20px; }

/*** Brand movies -------------------------------------------------------- ***/

#brand_movies a { height: 240px; }
#brand_movies .brand-movie { width: 283px; height: auto; }
#brand_movies .title { display: block; font-size: 18px; line-height: 18px; font-weight: 800; color: #031c3a; margin-top: 8px; }
#brand_movies .image { display: block; width: 100%; text-align: center; overflow: hidden; height: 180px; }
#brand_movies img { width: 100%; }

@media (max-width: 570px) { 
	#brand_movies .brand-movie { width: 230px; height: auto; }
	#brand-news-summary .brand-news-item { width: 230px; height: auto; }
}

@media (max-width: 460px) { 
	#brand_movies .brand-movie { width: 100%; }
	#brand-news-summary .brand-news-item { width: 100%; }
}
	
/*** News List Styles -------------------------------------------------------- ***/

#news-list ul { border: 0; padding-left: 0; }
#news-list ul li a { border-bottom: 1px dotted #bdd8e1; padding: 10px 10px 10px 195px; min-height: 150px; }
#news-list ul li a:hover { text-decoration: none; }
#news-list ul li .image { width: 165px; height: 120px; background-position: center center; margin-left: -185px; background-size: 105%; }
#news-list ul li .title { display: block; margin-bottom: 6px; color: #006cc7; }
#news-list .date { font-style: italic; color: #555; }
#news-list .more { color: #006cc7; }
	
/*** News Detail ------------------------------------------------------------- ***/

#news-article .image { margin: 0; display: block; max-width: 100%; min-width: 300px; max-height: 400px; overflow: hidden; }
#news-article .image a { display: block; }
#news-article img { max-width: 100%; max-height: 100%; }
#news-article ul.links { padding-left: 0; }
#news-article .links li { list-style: none; margin: 0; }
#news-article ul.siblings { border-top: 1px dotted #bdd8e1; margin: 10px 0; padding: 10px 0; }
#news-article ul.siblings li { list-style: none; margin: 0; }
#news-article ul.siblings li.next { float: right; text-align: right; }
#news-article ul.siblings li.prev { float: left; }
	
/*** Brands Asset List Styles -------------------------------------------------------- ***/

#brands-list { text-align: left; }
#brands-list ul { border: 0; margin: 0; }
#brands-list span.more { display: block; text-align: center; }
#brands-list { padding: 50px 0; }
#brands-list li { margin-bottom: 30px; }
#brands-list .title { display: none; line-height: 16px; font-size: 14px; height: 40px; font-weight: 600; text-transform: uppercase; }
#brands-list a.product-image { width: 100%; }
#brands-list li span.image { display: block; height: 135px; width: 100%; overflow: hidden; opacity: 1; transition: all 0.5s; background-size: 100%; text-align: center; }
#brands-list li:hover span.image { opacity: 0.8; transition: all 0.5s; background-size: 110%; }
#brands-list li span.image img { height: auto; width: 180px; min-width: 180px; min-height: auto; }

/*** Product Featured -------------------------------------------------------- ***/

#product-featured { text-align: center; }
#product-featured .featured-item { margin-bottom: 20px; }
#product-featured .hover { padding: 0; }
#product-featured .hover a { text-decoration: none; }
#product-featured li { background: #fff url(../images/featured-bg2.png) no-repeat scroll center top; background-size: 100%; }
#product-featured li span.image { display: block; overflow: hidden; }

#product-featured .bgimage { display: block; /*background: #fff url(../images/featured-bg.png) no-repeat scroll center top; background-size: 100%;*/ }
#product-featured .title { display: block; padding: 15px 25px; text-align: left; font-size: 20px; font-weight: 600; max-width: 90%; min-height: 140px; line-height: 24px; color: #ffffff; }
#product-featured a.more { font-size: 14px; font-weight: 600; text-transform: uppercase; display: inline-block; padding-top: 5px; }
#product-featured a img { /*max-height: 100%;*/ width: 100%; }


/*** Videos on homepage ------------------------------------------------***/

#home-videos ul { padding-left: 0; }
#home_movies .title { display: block; line-height: 16px; font-size: 14px; height: 45px; font-weight: normal; padding: 5px 0; text-transform: uppercase; font-weight: 600; }
#home_movies img { max-width: 100%; max-height: 100%; }	
#home_movies li { list-style: none; display: inline-block; text-align: center; list-style: disc outside none; list-style-type: none;}		
#home_movies a { padding: 5px; display: block; }
#home_movies span { display: block; height: 268px; text-align: center; }

/* Slider */

.internal-slider .item { height: auto; max-height: 760px; }
#rotator { padding: 80px 0 0 0; }
.internal-slider .item { background-size: cover; background-position: center center; }
.internal-slider .caption h1 { font-size: 35px; font-weight: 700; }
#home-slider { top: 155px; margin-bottom: 155px;}
#home-slider.sub-internal-slider { margin-bottom: 0; top: 0;}
#home-slider h1 { margin: 0 auto; width: 40%; color: #fff; }
#home-slider .caption { top: 32%; position: absolute; }
#home-slider .caption p { width: 40%; margin: 0 auto; }
#home-slider .caption .romb { display: block; margin: 0 auto; height: 35px; width: 40%; background: transparent url(../images/romb.png) no-repeat scroll left top; }
#home-slider .fa-angle-down { border: 1px solid #fff; border-radius: 5px; padding: 0.5em 1em 0.5em 0.3em; left: 49.7%; }
#home-slider .carousel-control .flaticon-arrow487, #home-slider .carousel-control .flaticon-arrowhead7 { position: absolute; top: 50%; z-index: 5; display: inline-block; }
#home-slider .carousel-control .flaticon-arrow487 { right: 60px; }
#home-slider .carousel-control .flaticon-arrowhead7 { left: 40px; }

.landing .sub-internal-slider .item { height: auto; max-height: 620px; }
.landing #home-slider img { width: 100%; }
.carousel-control .icon-next, .carousel-control .icon-prev { font-family: "Open Sans",sans-serif; font-size: 65px; }

@media (max-width: 645px) { 
	
	#home-slider .caption { top: 22%; }
	#home-slider h1 { width: 50%; }
	.internal-slider .caption h1 { font-size: 18px; font-weight: 600; }
	#home-slider .caption .romb { width: 50%; }
	.cart strong a { font-size: 12px; }
}

#sub-slider {background: #000; top: 0; height: 500px;}
#sub-page-content,
#sub-container {padding-top: 155px; padding-bottom: 61px;}


/****************** Media Queries ******************/

@media (max-width: 1140px) {
	
	.phone { font-size: 12px; padding-top: 11px; }	
	
}

@media (max-width: 991px) { 
	
	#home-slider .thumbnails { display: none; }
	#home-slider .item { background-image: none !important; height: auto; }		
    #payment-checkout .steps { height: 2.5em; font-size: 0.85em; }
	#payment-checkout .steps ul { height: 2.5em; }
	#payment-checkout .steps span { padding: 0.7em; }
	#payment-checkout .steps a { line-height: .5em; }	
	
}

@media screen and (max-width: 1830px) and (min-width: 1330px) {
	  
	 .main-nav .nav { text-align: center; }
	
}

@media (min-width: 980px) {
	
	.cssmenu_sub { display: none; }
}

@media (max-width: 980px) { 
	
   	.navbar-brand img { width: 100px; }
   	.navbar { min-height: 65px; }
	.navbar-default .navbar-toggle { border: none; background: none; margin-right: 21px; }
	.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover { background: none; }
	.navbar-default .navbar-toggle .icon-bar { background-color: #0397D6; }
	.navbar-collapse { max-height: initial; position: fixed; width: 100%; background: #104B7E; top: 65px; padding-top: 1.5em; }
	.blue .navbar-fixed-top .navbar-collapse { top: 125px; }
	.navbar-toggle { margin-top: 16px; margin-bottom: 16px; margin-right: 30px; }
	#navigation { height: 60px; }
	#navigation li { border-left: 0; }
	#navigation li a { font-size: 13px; text-transform: uppercase; color: #ffffff; font-weight: 600; }
	#navigation li a:hover { color: #0397D6; text-decoration: none; }
	#navigation .square-blue-menu > ul > li { display: block; border-left: none; width: 100%; }
	#navigation .square-blue-menu > ul > li > div:first-child a { line-height: 24px; height: auto; padding-top: 5px; }	
	#navigation .navbar-collapse .top-section-menu { display: block; }
	#navigation .navbar-collapse .top-section-menu a { display: block; }
	#navigation .navbar-collapse .top-section-menu ul li { display: block; }
	#navigation .square-blue-menu > ul > li div + div li { display: block; }
	#navigation li .store, #navigation li .service, #navigation li .quote { background: transparent; }
	
	.main-nav .nav li { display: block; }
	.navbar-default .navbar-nav>li>a { color: #fff; }	
	.full-height { height: 100vh; }
	.navbar-collapse { border: none; }
	.right-buttons { float: none !important; }
	.top-nav .container { padding: 0; }
	.top-nav .search, .top-nav .search-embedded { float: none; padding-left: 0; }
	.top-nav li { font-family: 'Roboto Condensed', sans-serif; text-transform: uppercase; font-size: 1.1em; padding: 0 0 0 15px; }
	.main-nav { background: none; height: auto; padding: 0; }
	.main-nav .container { padding: 0; }
	.main-nav .nav { margin: 0; position: relative; }
	.navbar-nav>li>a, .navbar-collapse li a { padding: 0.8em 0; margin: 0; background: none; }
	.navbar-header { float: none; }
    .navbar-toggle { display: block; background: #031c3a; border-radius: 4px; border: none; padding: 7px 12px; position: relative; z-index: 1000; }
    .navbar-toggle .icon-bar { background-color: #ffffff; }
    .navbar-collapse { background: #031c3a; padding-right: 0; padding-left: 0; top: 0; bottom: 0; left: 0; right: 0; }
    .navbar-collapse.collapse { display: none!important; }
    .navbar-nav { float: none!important; margin: 7.5px 0; }
    .navbar-nav>li { float: none; padding: 0; }
    .navbar-nav>li>a {  }
    .navbar-text { float: none; margin: 15px 0; }
	    
    .navbar-collapse.collapsing, .navbar-collapse.collapse.in { display: block!important; padding: 1.5em 1em; }
    .collapsing { overflow: hidden!important; }

	.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse { max-height: inherit; }

    .dropdown .dropdown-menu { font-size: 0.8em; font-family: sans-serif; text-transform: initial; max-height: 0; overflow: hidden; display: block; border-top: none; border: 1px solid #F4F4F4; opacity: 0; -moz-transition: all 300ms ease; -webkit-transition: all 300ms ease; -o-transition: all 300ms ease; -ms-transition: all 300ms ease; transition: all 300ms ease; }
    .dropdown .dropdown-menu .glyphicon { color: #D6D6D6; font-size: 10px; background: transparent !important; }
    .dropdown-menu>li>a { padding: 6px 10px; }
    .dropdown .ishover.dropdown-menu { opacity: 1; max-height: 1000px; overflow: visible; }
    .dropdown-custom .flaticon-arrow487:before { font-size: 11px; color: #7d0040; }
    
    .navigation{display:none}
    .navbar-toggle {margin-top: 22px; margin-bottom: 16px; margin-right: 13px;}
    .navigation{margin-top: 48px; width: 100%; padding: 15px; background:#278ce4;}
    #cssmenu{padding:0px; width:100%;}
    #cssmenu li{clear: both;}

    #cssmenu li a.arrow span{background: url(../images/menuarrow.png) no-repeat right 6px;     padding-right: 15px; }
    #cssmenu .cssmenu_sub{    position: relative !important;}
    .cssmenu_sub li{}
    #navigation .square-blue-menu > ul > li{ border-bottom:1px solid #1a73c1;     padding: 10px;}
    .cssmenu_sub{border-bottom:0 none}
    #navigation li:hover, #navigation li .on a, #navigation li .active a, #navigation .square-blue-menu > ul > li > div+div li, #navigation .square-blue-menu > ul > li > div+div a, #navigation .square-blue-menu > ul > li > div+div a:hover, #navigation .square-blue-menu > ul > li > div+div .active a{background:none; border-bottom:0 none !important; color:#fff;}
    #navigation .square-blue-menu > ul > li > div+div a{color:#333;}
    #navigation .square-blue-menu > ul > li > div:first-child a{font-size:16px !important;}
    #navigation .square-blue-menu > ul > li > div+div a{padding:0px !important}
    #navigation .square-blue-menu > ul > li > div+div li{padding:5px 12px 8px 10px;}
    .waves{    position: relative; margin-top: -8px; z-index:0}
}
@media only screen and (max-width: 800px) {
 
	/*#payment-checkout input[type="text"], input[type="password"], textarea, select { width: 250px;}*/
	#cart li .top .image { width: 20%; }
	#cart li .top .detail { width: 65%; }
	
	.top, .bottom { width: 100%; clear: both; }
	
	#cart li .top .image { width: 20%; }
	#cart li .top .detail { width: 65%; }
	
	.bottom .headers { display: block; border: none; }
	.headers { display: none; }

	#cart .background { background: none; }
	#cart .background ul { padding: 0; }	
	#cart .headers { background: none; }
	#cart .headers .name, .headers .price, .headers .qty { color: #666; }
	#cart .headers .price, .headers .qty { text-align: left; }
	#cart .totals { margin: 0; border-bottom: 1px solid #ccc; padding-top: 10px; }
	#cart li { margin: 0 0 1em 0; padding: 0; }
	#cart li .detail, #cart li .name, #cart li .price, #cart li .qty { width: 30%; }
	#cart .totals .subtotal, #cart .totals .gst { padding-top: 5px; }
	
	#cart button, #cart button.checkout { width: 100%; margin: 0 0 1em 0; }
	#cart .buttons { float: none; }
	#cart .continue { float: left; }
	
	.headers .price, .headers .qty { text-align: left; }
	#cart li .name, #cart li .price, #cart li .qty { text-align: left; }
	#header-top #cart-top .iyc { display: none; }
	#header-top #cart-top .total { display: none; }
	
	#payment-checkout .steps { height: 2.5em; font-size: 0.85em; }
	#payment-checkout .steps ul { height: 2.5em; }
	#payment-checkout .steps span { padding: 0.7em; }
	#payment-checkout .steps a { line-height: .5em; }
	#payment-checkout #payment-summary .summary-items .headings { display: none; }
	#payment-checkout #payment-summary .summary-items .items .headings { display: block; background: none; color: #666; }
	#payment-checkout #payment-summary .summary-items .item .description { width: auto; color: #006cc8; }
	#payment-checkout #payment-summary .summary-items .item .code { float: right; text-align: right; width: auto; font-style: italic; }
	#payment-checkout #payment-summary .summary-items .item .code strong { display: inline-block; }	
	#payment-checkout #payment-summary .summary-items .item .code span { padding: 0; }
	#payment-checkout #payment-summary .summary-items .item .qty { text-align: left; }
	#payment-checkout #payment-summary .summary-items .item .price { text-align: left; }
	#payment-checkout #payment-summary .summary-items .item .total { text-align: left; }
	#payment-checkout #payment-summary .summary-items .items .description strong.item-name { padding: 0; }
	
	.products li .image { height: 275px; }
	
}

@media (max-width: 890px) {
	
	#navigation li a { font-size: 12px; }

}

@media (max-width: 792px) {
	
	.top-nav { font-size: 12px; }
}

@media (max-width: 768px) {

	#news-summary li { text-align: center; }
	#news-summary img { max-width: 368px; height: auto; }
	#news-summary h2 { text-align: center; }
	.summary-pickup { padding-left: 15px; }
	.internal-slider .caption h1 { font-size: 25px; font-weight: 600; }
	.search-box { display: none; }	
	.phone span { font-size: 11px; }
	.top-nav { font-size: 11px; }
	.header-logo { display: block; overflow: hidden; width: 110px; }
	footer .footer-logos { padding: 15px; }
}

@media (max-width: 600px) {
	
	#product-featured li { background: #fff; background-image: none; }
	#product-featured .title { color: #308bd7;  min-height: 100px; }
	
	.top-nav { display: none; }
	.col-xxs-12 { width: 100%; }
	footer .footer-nav-copyright { text-align: left; padding-bottom: 35px; padding-top: 10px; }
	footer h3 { margin: 10px 0 6px; }
	.text-left { text-align: center; }
	.more { display: block; }

}

 @media (max-width: 500px) {
 
 	#payment-checkout table tr, #payment-checkout table td { display: block; width: 100%; padding: 2px 0; }
 	#payment-checkout input, #payment-checkout textarea, #payment-checkout select { width: 340px; padding: 7px; }
 	.summary-pickup { padding-left: 15px; }
 	.summary-pickup h2 { margin-top: 15px; }
 	
 	#cart table.cart-items td.image a img { width: 100%; }
 	.searchbox #search-results #search-embedded { width: 91%; margin-left: 20px; }
 
 }
 
@media (max-width: 412px) {

	#payment-checkout .steps .active a { padding-right: 1em; }

}

.company-adress-contact { border-bottom: 1px dotted #ccc; margin-bottom: 10px; }
#payment-summary .company-adress-contact h3 { color: black; font-size: 15px; margin-bottom: 10px; }
.company-adress-contact .com-contacts { padding-left: 0; }

/*** Printer Friendly --------------------------------------------------- ***/
@media print {
	body { font-size: 12px; line-height: 22px; }
	footer,
	#payment-checkout .back,
	.print,
	#content-media-section,
	.breadcrumbs,
	.page-title { display: none; }
	.top-section, #navigation { display: none; }
	
	.company-adress-contact { border-bottom: 0; }

	.logo-print { display: block; margin-bottom: 15px; text-align: left; }
	.logo-print img { max-height: 100px; }
	.container h1 { color: black; }
	.container h1.taxinv { display: block; }
	#payment-result { display: none; }
	
	#payment-checkout #payment-summary h1 { color: black; }
	#sub-page-content p,
	td, th { font-size: 12px; }
	@page { margin: 0.5cm }
	#sub-page-content, #sub-container { padding-top: 0; }
	.label { padding: 0; font-weight: 300; font-size: 12px; }
	.label, label { border: none; }
	
	#payment-summary .layout-2c .label { border: 0 none; font-size: 13px; }
	#payment-summary .col1 table td:first-child,
	#payment-summary .col2 table td:first-child,
	#summary-billing table td:first-child,
	.summary-delivery table td:first-child { width: 100px; }
	
	#payment-summary .summary-billing table, 
	#payment-summary .summary-delivery table, 
	#payment-credit table { margin: 0; }
	#payment-summary .summary-items table td, 
	#payment-summary .summary-items thead th, 
	#payment-summary .summary-items tfoot th { height: 15px; padding: 0 10px; } 
	.col-md-6 { width: 40%; float: left; display: inline; }
	.row { width: 100%;}
	
	.summary-items tfoot tr th:first-child { text-align: right; }
	.summary-delivery table { display: none; }
	.intro_breadcrumb { display: none; }
	
	.summary-items .hide-on-mobile { display: block; }
	.summary-items .hide-on-desktop { font-weight: 600; padding-bottom: 10px; padding-left: 0; }
	.right-spots, .left-spots { height: 0; }
	.intro_content_bg { height: 50px; }
	.summary-items .row [class*="col-md-"] { float: left; width: 25%; }
	#payment-checkout #payment-summary .summary-items .totals .label { text-align: left; }
}