/*--------------------------------------------------
version: screen.css - 1.6
created: 07-07-2015
author: Michael Eccleston, Rajeev Miglani ~ GlobalGraphics Associates Ltd.
email: webmaster@globalgraphics.co.uk
website: http://www.globalgraphics.co.uk/
--------------------------------------------------*/

@import url("base.css");
@import url("generic.css");
@import url("fonts.css");

/* LAYOUT */

#header,#wrap,#banner,#footer { width: 100%; }
#banner, #wrap, #footer { clear: both; }
#wrap { background: #fff url("../img/ui/wrap-bg.png") repeat-x; padding: 40px 0; }
#content.semi { float: left; width: 700px; }
#content { width: 940px; }
#aside { float: left; margin-left: 20px; padding-top: 55px; width: 220px; }
.container { display: block; margin: 0 auto; padding: 0 10px; width: 940px; }

/* GENERIC */

body { color: #555; font-family: 'Sinkin Sans', Arial, Helvetica, sans-serif; font-size: 13px; font-weight: 400; }
a,a.active,a:hover,a:visited { color: #39b24a; text-decoration: none; }
a.active,a:hover { color: #ffa500; }
p { color: #555; font-size: 13px; font-weight: 400; line-height: 1.8em; margin-bottom: 1em; }
li p { font-size: 13px; }
span.para { color: #555; display: block; font-size: 12px; line-height: 25px; margin-bottom: 25px; }
h1,strong.title,h2,h3,h4,h5,h6 { color: #39b24a; font-weight: 600; line-height: 1.2em; margin-bottom: 0.8em; }
h1,strong.title { font-size: 27px; }
strong.title { display: block; }
h2 { font-size: 24px; }
h3 { font-size: 21px; }
h4 { font-size: 18px; }
h5 { font-size: 20px; }
h6 { color: #555; font-size: 17px; font-weight: 400; }

/* basic form */
form.basic fieldset { background: none; border: none; padding: 0; }
form.basic ul li input[type="text"] { border: 1px solid #ccc; color: #555; font-family: Arial, Helvetica, sans-serif; font-size: 14px; height: 30px; line-height: 30px; padding-left: 10px; width: 284px; }
form.basic ul li textarea { border: 1px solid #ccc; color: #555; font-family: Arial, Helvetica, sans-serif; font-size: 14px; height: 90px; line-height: 30px; padding-left: 10px; width: 284px; }
form.basic ul li label { color: #555; cursor: text; font-family: Arial, Helvetica, sans-serif; font-size: 14px; left: 11px!important; top: 18px!important; }
.button,.basic input.button { background: #ffa600; border: none; color: #fff; font-family: 'Sinkin Sans', Arial, Helvetica, sans-serif; font-size: 13px; font-weight: 500; height: 40px; line-height: 40px; padding: 0; text-align: center; width: 180px; }
.button:hover,.basic input.button:hover { background: #fc3; }

/* client text */
.client-text img { height: auto; max-width: 100%; }
.client-text ul { font-size: 13px; }
.client-text ol { font-size: 13px; }

/* ENRICHMENT */
.button, .basic input.button, form.basic ul li input[type="text"], form.basic ul li textarea, .pagination ol li a { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }

/* HEADER */

#header { padding: 40px 0 5px; }
#logo { background: url(../img/ui/logo.png) no-repeat; display: block; float: left; height: 31px; margin-bottom: 20px; margin-top: 5px; text-indent: -99999px; width: 228px; }
#info { float: right; }
#info ul li { float: left; margin-left: 20px; }
#info ul li img { display: block; }
#nav { clear: both; }
#nav li { float: left; font-size: 14px; font-weight: 500; margin-right: 35px; }
#nav li a.active,#nav li a:hover { color: #f90; }

/* BANNER */

#banner { height: 450px; overflow: hidden; position: relative; width: 100%; }
#banner .bx-wrapper .bx-viewport { background: none; border: none; left: auto; position: relative; width: 100%; }
#banner .banner { margin-bottom: 0; position: relative; }
#banner .banner li { background-position: top center; background-repeat: no-repeat; background-size: cover; height: 450px; position: relative; }
#banner .banner li, #banner .banner li a { color: #fff; }
#banner .banner li a { height: 100%; width: 100%; }
#banner .banner li a, #banner .banner li span { display: block; }
#banner .banner li span.text-outer { background: -webkit-linear-gradient(rgba(51,102,153,0.0),rgba(51,102,153,0.6)); 
	background: -o-linear-gradient(rgba(51,102,153,0.0),rgba(51,102,153,0.6)); 
	background: -moz-linear-gradient(rgba(51,102,153,0.0),rgba(51,102,153,0.6)); 
	background: linear-gradient(rgba(51,102,153,0.0),rgba(51,102,153,0.6));
	bottom: 0; min-height: 190px; text-align: center; position: absolute; width: 100%; }
#banner .banner li span.text { bottom: 75px; display: block; font-size: 24px; left: 50%; line-height: 1.4em; margin-left: -470px; position: absolute; text-align: center; width: 940px; }
#banner .banner li span.cta { bottom: 20px; display: inline-block; left: 50%;; margin-left: -70px; position: absolute; width: 140px; }
#banner .bx-wrapper .bx-controls-direction a { background: url('../img/ui/prev-next.png') no-repeat; height: 59px; position: absolute; text-indent: -5000px; top: 195px; width: 31px; }
#banner .bx-wrapper .bx-controls-direction a.bx-prev { left: 60px; }
#banner .bx-wrapper .bx-controls-direction a.bx-next { background-position: 0 -59px; right: 60px; }
#banner .bx-wrapper .bx-controls-direction a.disabled { display: none !important; }

/* CONTENT */

#content { min-height: 400px; }
#page-home #content { min-height: inherit; }

/* home */
#page-home #wrap { background: none; padding: 35px 0 25px; }

/* home - callouts */
.callout { border-bottom: 1px solid #eaeff5; margin-bottom: 30px; padding-bottom: 25px; }
.callout li { float: left; margin-right: 20px; text-align: center; width: 300px; }
.callout li strong { color: #39b24a;  font-size: 21px; margin-bottom: 10px; }
.callout li a,.callout li img,.callout li span,.callout li strong { display: block; }
.callout li span.image { margin-bottom: 5px; }
.callout li span.text { color: #535353; font-size: 12px; line-height: 20px; }
.callout li span.cta { color: #39b24a; display: inline-block; font-weight:700; }
.callout li a:hover strong, .callout li a:hover span.cta { color: #ffa500; }

/* home - 2 column list callout */
.callout-list strong.title { display: block; font-size: 21px; margin-bottom: 35px; text-align: center; }
.full.clear .col2 { float: left; margin-right: 60px; width: 460px; }
.full.clear .half { margin-right: 0; width: 420px; }
.half .tick { margin: 0; }
.tick li { background: url("../img/ui/tick.png") left center no-repeat; list-style: none; padding-left: 35px; }

/* sub nav */
.aside-nav li { font-size: 14px; font-weight: 500; line-height: 20px; margin-bottom: 20px; }
.aside-nav li a.active,.aside-nav li a:hover { color: #ffa500; }

/* contact */
#content .triple { float: left; margin: 0 20px 40px 0; width: 300px; }
#content .triple.last { margin: 0; }

/* SECTIONS / PRODUCTS */

.products { margin: 25px 0 0; }
.products li { float: left; margin-bottom: 25px; margin-right: 20px; width: 220px; }
.products li a, .products li span,.products li img { display: block; }
.products li span.item-image { border: 1px solid #ddd; margin-bottom: 5px; }
.products li span.item-title { font-weight: 600; font-size: 15px; }
#sections .products li span.item-title { font-size: 17px; }
.products li a:hover { color: #ffa500; }
.products li a:hover span.item-image { border: 1px solid #ffa500; }

#breadcrumbs ul { margin-bottom: 10px; }
#breadcrumbs ul li { color: #999; }
#breadcrumbs ul li, #breadcrumbs ul li span, #breadcrumbs ul li a { font-weight: 500; font-size: 10px; }

.pagination { margin-top: 0; }
.pagination ol li a { background: #39b34a; font-weight: 500; font-size: 13px; font-weight: 500; height: 40px; line-height: 40px; margin-right: 10px; width: 30px; }
.pagination ol li a.active,.pagination ol li a:hover { background: #eaeff5; color: #369; }
.pagination ol li a.next { margin-right: 0; }

/*#page-product #wrap { padding: 5px 0 40px; }*/
#product-gallery { margin: 0 20px 20px 0; width: 300px; }
#product-gallery li a,#product-gallery li img { display: block; }
#product-gallery li a img { border: 1px solid #ddd; }
#product-gallery li a:hover img { border: 1px solid #ffa500; }
#product-gallery li.focus { margin-bottom: 20px; }
#product-gallery li.thumbs a { float: left; margin: 0 0 20px 20px; width: 140px; }
#product-gallery li.thumbs a:first-child { margin-left: 0; }
#product-detail { width: 620px; }
#product-detail .share-this { margin-bottom: 20px; }
#product-detail .share-this span { float: left; margin-right: 15px; width: 16px; }
#product-detail .share-this .share { font-size: 13px; margin-right: 20px; width: auto; }
#related-products { clear: both; }
/* FOOTER */

#footer { padding-bottom: 50px; }
#newsletter { background: #eaeff5; margin-bottom: 50px; padding: 20px 0; }
#newsletter span { color: #369; float: left; font-size: 12px; font-weight: 600; line-height: 50px; }
#share-this { margin: 0 auto 20px; overflow: hidden; text-align: center; width: 100%; }
#share-this > span { display: inline-block; margin: 0 3px; width: 32px; }
#share-this > span.share { font-size: 11px; margin-right: 10px; width: auto; }
#share-this > span.share span { line-height: 32px; }
#share-this > span span { float: left; }
#copyright { margin: 0 auto; overflow: hidden; text-align: center; width: 100%; }
#copyright li { display: inline-block; font-size: 11px; margin: 0 3px; }
#copyright li a { color: #555; }
#subForm { float: right; }
#subForm legend { display: none; }
#subForm ul { margin-bottom: 0; }
#subForm ul li { float: left; margin-left: 20px; width: auto; }
#subForm ul li input[type="text"] { border: none; height: 32px; width: 162px; }