html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}
  /*
	Variable Grid System.
	Learn more ~ http://www.spry-soft.com/grids/
	Based on 960 Grid System - http://960.gs/

	Licensed under GPL and MIT.
*/


/* Containers
----------------------------------------------------------------------------------------------------*/
.container_20 {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
}

/* Grid >> Global
----------------------------------------------------------------------------------------------------*/

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12,
.grid_13,
.grid_14,
.grid_15,
.grid_16,
.grid_17,
.grid_18,
.grid_19,
.grid_20 {
	display:inline;
	float: left;
	position: relative;
	margin-left: 10px;
	margin-right: 10px;
}

/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
	margin-left: 0;
}

.omega {
	margin-right: 0;
}

/* Grid >> 20 Columns
----------------------------------------------------------------------------------------------------*/

.container_20 .grid_1 {
	width:28px;
}

.container_20 .grid_2 {
	width:76px;
}

.container_20 .grid_3 {
	width:124px;
}

.container_20 .grid_4 {
	width:172px;
}

.container_20 .grid_5 {
	width:220px;
}

.container_20 .grid_6 {
	width:268px;
}

.container_20 .grid_7 {
	width:316px;
}

.container_20 .grid_8 {
	width:364px;
}

.container_20 .grid_9 {
	width:412px;
}

.container_20 .grid_10 {
	width:460px;
}

.container_20 .grid_11 {
	width:508px;
}

.container_20 .grid_12 {
	width:556px;
}

.container_20 .grid_13 {
	width:604px;
}

.container_20 .grid_14 {
	width:652px;
}

.container_20 .grid_15 {
	width:700px;
}

.container_20 .grid_16 {
	width:748px;
}

.container_20 .grid_17 {
	width:796px;
}

.container_20 .grid_18 {
	width:844px;
}

.container_20 .grid_19 {
	width:892px;
}

.container_20 .grid_20 {
	width:940px;
}



/* Prefix Extra Space >> 20 Columns
----------------------------------------------------------------------------------------------------*/

.container_20 .prefix_1 {
	padding-left:48px;
}

.container_20 .prefix_2 {
	padding-left:96px;
}

.container_20 .prefix_3 {
	padding-left:144px;
}

.container_20 .prefix_4 {
	padding-left:192px;
}

.container_20 .prefix_5 {
	padding-left:240px;
}

.container_20 .prefix_6 {
	padding-left:288px;
}

.container_20 .prefix_7 {
	padding-left:336px;
}

.container_20 .prefix_8 {
	padding-left:384px;
}

.container_20 .prefix_9 {
	padding-left:432px;
}

.container_20 .prefix_10 {
	padding-left:480px;
}

.container_20 .prefix_11 {
	padding-left:528px;
}

.container_20 .prefix_12 {
	padding-left:576px;
}

.container_20 .prefix_13 {
	padding-left:624px;
}

.container_20 .prefix_14 {
	padding-left:672px;
}

.container_20 .prefix_15 {
	padding-left:720px;
}

.container_20 .prefix_16 {
	padding-left:768px;
}

.container_20 .prefix_17 {
	padding-left:816px;
}

.container_20 .prefix_18 {
	padding-left:864px;
}

.container_20 .prefix_19 {
	padding-left:912px;
}



/* Suffix Extra Space >> 20 Columns
----------------------------------------------------------------------------------------------------*/

.container_20 .suffix_1 {
	padding-right:48px;
}

.container_20 .suffix_2 {
	padding-right:96px;
}

.container_20 .suffix_3 {
	padding-right:144px;
}

.container_20 .suffix_4 {
	padding-right:192px;
}

.container_20 .suffix_5 {
	padding-right:240px;
}

.container_20 .suffix_6 {
	padding-right:288px;
}

.container_20 .suffix_7 {
	padding-right:336px;
}

.container_20 .suffix_8 {
	padding-right:384px;
}

.container_20 .suffix_9 {
	padding-right:432px;
}

.container_20 .suffix_10 {
	padding-right:480px;
}

.container_20 .suffix_11 {
	padding-right:528px;
}

.container_20 .suffix_12 {
	padding-right:576px;
}

.container_20 .suffix_13 {
	padding-right:624px;
}

.container_20 .suffix_14 {
	padding-right:672px;
}

.container_20 .suffix_15 {
	padding-right:720px;
}

.container_20 .suffix_16 {
	padding-right:768px;
}

.container_20 .suffix_17 {
	padding-right:816px;
}

.container_20 .suffix_18 {
	padding-right:864px;
}

.container_20 .suffix_19 {
	padding-right:912px;
}



/* Push Space >> 20 Columns
----------------------------------------------------------------------------------------------------*/

.container_20 .push_1 {
	left:48px;
}

.container_20 .push_2 {
	left:96px;
}

.container_20 .push_3 {
	left:144px;
}

.container_20 .push_4 {
	left:192px;
}

.container_20 .push_5 {
	left:240px;
}

.container_20 .push_6 {
	left:288px;
}

.container_20 .push_7 {
	left:336px;
}

.container_20 .push_8 {
	left:384px;
}

.container_20 .push_9 {
	left:432px;
}

.container_20 .push_10 {
	left:480px;
}

.container_20 .push_11 {
	left:528px;
}

.container_20 .push_12 {
	left:576px;
}

.container_20 .push_13 {
	left:624px;
}

.container_20 .push_14 {
	left:672px;
}

.container_20 .push_15 {
	left:720px;
}

.container_20 .push_16 {
	left:768px;
}

.container_20 .push_17 {
	left:816px;
}

.container_20 .push_18 {
	left:864px;
}

.container_20 .push_19 {
	left:912px;
}



/* Pull Space >> 20 Columns
----------------------------------------------------------------------------------------------------*/

.container_20 .pull_1 {
	left:-48px;
}

.container_20 .pull_2 {
	left:-96px;
}

.container_20 .pull_3 {
	left:-144px;
}

.container_20 .pull_4 {
	left:-192px;
}

.container_20 .pull_5 {
	left:-240px;
}

.container_20 .pull_6 {
	left:-288px;
}

.container_20 .pull_7 {
	left:-336px;
}

.container_20 .pull_8 {
	left:-384px;
}

.container_20 .pull_9 {
	left:-432px;
}

.container_20 .pull_10 {
	left:-480px;
}

.container_20 .pull_11 {
	left:-528px;
}

.container_20 .pull_12 {
	left:-576px;
}

.container_20 .pull_13 {
	left:-624px;
}

.container_20 .pull_14 {
	left:-672px;
}

.container_20 .pull_15 {
	left:-720px;
}

.container_20 .pull_16 {
	left:-768px;
}

.container_20 .pull_17 {
	left:-816px;
}

.container_20 .pull_18 {
	left:-864px;
}

.container_20 .pull_19 {
	left:-912px;
}




/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}
  
body {
  font-family: Arial, Helvetica, sans-serif;
  font-size:12px;
  color: #939598;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: top center;
}

#wrapper {
  background-color: #fff;
}
.container {
  position:relative;
}

a {
  text-decoration: none;
  color: #0191ce;
}

a:visited {
  color: #0191ce;
}

a:hover {
  text-decoration: none;
}

h1, h2, h3, h4 {
  color:#0191ce;
}

.clearer{
  clear:both;
}

#logo {
  display: block;
  background-image: url(/assets/template-images/gbeye-logo-6.png);
  background-repeat: no-repeat;
  height: 0px;
  margin-top:12px;
  padding-top:89px;
  overflow: hidden;
}

#header {
  margin-top: 0;
  margin-bottom:0;
  padding-top:5px;
  padding-bottom:30px;
  position:relative;
  z-index:1;
  background-color:#fff;
}
.header-top-links {
  text-align:right;
  margin-bottom:10px;
  margin-top:15px;
}

.header-top-links a {
  color: #939598;
  font-size:13px;
}

.header-top-links a.online-store {
  background-image: url(/assets/template-images/button-blue.png);
  background-repeat: no-repeat;
  display:inline-block;
/*  padding:5px 10px 5px 10px;*/
  color:#fff;
  text-align:center;
  padding:0px 0px 0px 0px;
  width:93px;
  line-height:27px;
}

.header-top-links a.online-store.original{
  font-weight:normal;
  height:auto;
}

.header-login {
  display:inline-block;
  margin-left: 20px;
  margin-right: 20px;
}


.header-links a.section {
  display:inline-block;
  color: #78797b;
  background-image: url(/assets/template-images/header-link.png);
  background-repeat: repeat-x;
  width:100px;
  height:26px;
  text-align:center;
  font-size:13px;
  font-weight:bold;
  vertical-align:top;
  margin:0;
  padding:0;
  line-height:26px;
}

#search-bar {
  display:inline-block;
  background-color: #f9f9f9;
  height:20px;
  padding:6px 8px 0px 8px;
  border:0;
  margin:0;
}

#search_input {
  background-color: #f9f9f9;
  font-family: Arial, Helvetica, sans-serif;
  font-size:13px;
  color: #78797b;
  width:296px;
  border:0;
  padding:0;
  margin:0;
  vertical-align:top;
}

/*footer*/

#footer {
  margin-top:30px;
  margin-bottom:30px;
  font-size:10px;
}

#footer a {
  color: #939598;
}
#footer h4 {
  color: #939598;
}

.footer-column {
  display:inline;
  float: left;
  position: relative;
  margin-left: 10px;
  margin-right: 10px;
  width:170px;
}
.footer-column h4 {
  padding:0 0 3px 0;
}
.footer-column a {
  display:inline-block;
  padding:0 0 3px 0;
}

#footer .alpha {
	margin-left: 0px;
}
#footer .omega {
	margin-right: 0px;
}

#footer .footer-socials{
  text-align:center;
  margin:10px 0 20px 0;
}

#footer .footer-socials h3{
  padding-bottom:10px;
  font-size:14px;
}

#footer .footer-socials .social-icon{
  width:30px;
  height:30px;
  overflow:hidden;
  position:relative;
  margin: 0 0 0 10px;
  display:inline-block;
}

#footer .footer-socials .social-icon.facebook{
  margin-left:0;
}

#footer .footer-socials .social-icon img{
  position:absolute;
  left:-30px;
  top:-30px;
}

#footer .footer-socials .social-icon:hover img{
  position:absolute;
  left:-30px;
  top:-30px;
}

#footer .cartevo-footer{
  clear:both;
  text-align:center;
  padding-top:30px;
}

#footer .cartevo-footer a{
  font-size:13px;
  color:#939598;
  text-decoration:none;
}

#footer .cartevo-footer a:hover{
  text-decoration:underline;
}

#breadcrumbs {
  margin: 0px 0 10px 0;
}



/** BANNER **/
#homepage-banner {
  width: 940px;
  height: 266px;
}
#homepage-banner img {
  vertical-align: bottom;
  width: 940px;
  height: 266px;
  position: absolute;
  top: 0;
  left: 0;
}

#banner_control  {
  position:absolute;
  bottom:10px;
  left:15px
}
#banner_control a {
  display:inline-block;
  background-image: url(/assets/template-images/bullet-grey.png);
  background-position:center center;
  background-repeat:no-repeat;
  height:20px;
  width:20px;
  margin:2px;
}
#banner_control a.highlighted {
  background-image: url(/assets/template-images/bullet-blue.png);
}

/** HEADING **/
.heading {
  margin:10px 0px 10px 0px;
  background-image: url(/assets/template-images/blue-line.png);
  background-repeat: repeat-x;
  background-position: left center;
}
.heading h2 {
  display:inline-block;
  color:#0191ce;
  font-size:24px;
  font-weight:normal;
  text-transform:uppercase;
  padding-right:10px;
  background-color:#fff;
}
.heading img {
  background-color:#fff;
  padding-right:10px;
}
.heading .heading_right {
  color:#0191ce;
  font-size:14px;
  float:right;
  padding-left:10px;
  background-color:#fff;
}
.heading .heading_right a {
  display:inline-block;
  padding-top:4px;
}
.heading .heading_right_small {
  color:#0191ce;
  font-size:11px;
  float:right;
  padding-left:6px;
  background-color:#fff;
}
.heading .heading_right_small a {
  display:inline-block;
  margin-top:2px;
  padding-right:6px;
}

.carousel_slider {
  background-color:#e8eae9;
  padding:0 50px 0 50px;
}

.carousel_slider .slider_prev {
  cursor: pointer;
  background-image: url(/assets/template-images/arrow-left.png);
  background-repeat: no-repeat;
  height:100px;
  width:26px;
  position:absolute;
  left:0;
}
.carousel_slider .slider_next {
  cursor: pointer;
  background-image: url(/assets/template-images/arrow-right.png);
  background-repeat: no-repeat;
  height:100px;
  width:26px;
  position:absolute;
  right:0;
}
.carousel_slider ul {
  margin:0;
  padding:0;
}
.carousel_slider li {
}
.jcarousel-clip {
  overflow: hidden;
}


#mycarousel_new_releases .jcarousel-clip-horizontal {
  padding-top:12px;
  width: 840px;
  height: 165px;
}
#mycarousel_new_releases .slider_prev, #mycarousel_new_releases .slider_next {
  margin-top:35px;
}
#mycarousel_new_releases {
  height:178px;
}
#mycarousel_new_releases ul {
  list-style-type: square;
}

#content #mycarousel_new_releases li, #mycarousel_new_releases li {
  width:140px;
  text-align:center;
  margin:0;
  padding:0;
}
#mycarousel_new_releases li .image {
  min-height:150px;
  line-height:150px;
}
#mycarousel_new_releases li .image img {
  vertical-align:middle;
}

#mycarousel_brands{
  padding: 0 30px 0 30px;
}

#mycarousel_brands .jcarousel-clip-horizontal {
  padding-top:15px;
  width: 875px;
  height:110px;
}

#mycarousel_brands2 .jcarousel-clip-horizontal {
  padding-top:15px;
  width: 620px;
  height:110px;
}

#mycarousel_brands .slider_prev, #mycarousel_brands .slider_next,
#mycarousel_brands2 .slider_prev, #mycarousel_brands2 .slider_next  {
  margin-top:12px;
}

#content #mycarousel_brands li, #mycarousel_brands li,
#content #mycarousel_brands2 li, #mycarousel_brands2 li  {
  width:125px;
  text-align:center;
  margin:0px;
  padding:0px;
}
#content #mycarousel_brands li .image, #mycarousel_brands li .image,
#content #mycarousel_brands2 li .image, #mycarousel_brands2 li .image {
  min-height:88px;
  line-height:88px;
}
#content #mycarousel_brands li .image img, #mycarousel_brands li .image img,
#content #mycarousel_brands2 li .image img, #mycarousel_brands2 li .image img {
  vertical-align:middle;
}


#mycarousel_logistics .jcarousel-clip-horizontal {
  padding-top:15px;
  width: 600px;
  height:110px;
}



#mycarousel_logistics.large .jcarousel-clip-horizontal{
  width:650px;
}

#mycarousel_logistics .slider_prev, #mycarousel_logistics .slider_next {
  margin-top:12px;
}
#mycarousel_logistics .carousel_slider {
  height:115px;
}

#content #mycarousel_logistics li, #mycarousel_logistics li {
  width:120px;
  text-align:center;
  margin:0px;
  padding:0px;
}

#content #mycarousel_logistics.large li, #mycarousel_logistics.large li{
  width:130px;
}

#content #mycarousel_logistics li .image {
  min-height:90px;
  line-height:90px;
}
#content #mycarousel_logistics li .image img {
  vertical-align:middle;
}

#large_page_images_wrapper{
  background-color:  #c0c0c0;
  overflow:auto;
}

#large_page_images {
/*  min-height:400px;*/
  height:330px;
  
  position:relative;
  overflow:hidden;
}

#large_page_images.what-we-do-images{
  width:500px;
  float:left;
}

.large_image_text{  
  overflow:hidden;
  height:330px;
}

.large_image_text_inner{
  padding-top:10px;
  padding-right:10px;
}

.large_image_text div{
  /*padding:20px 10px 20px 10px;*/
}

#large_page_images .large_image{
  position:absolute;
  left:0px;
  top:0px;
}

.large_image img{
  max-width:100%;
}

#large_page_image_texts{
  width:238px;
  background-color:#8f8f8f;
  color:white;
  float:left;
  height:330px;
  padding:0px 0px 0px 10px;
}

#large_page_image_texts h2{
  font-size:13px;
  color:white;
}

.half_page_past_project_item {
  border-bottom:1px dashed #9DA6AD;
  padding:8px 0px 0px 0px;
  height:87px;
}

.half_page_past_project_item .image {
  float:left;
  width:100px;
}
.half_page_past_project_item .details {
  padding: 8px 0 8px 0;
}

.homepage-news-item  {
  border-bottom:1px dashed #9DA6AD;
  padding:14px 0px 0px 0px;
  height:26px;
}

.half-page-news-item  {
  border-bottom:1px dashed #9DA6AD;
  padding:8px 0px 0px 0px;
  height:18px;
}

.homepage-news-item.last, .half-page-news-item.last, .half_page_past_project_item.last {
  border-bottom:1px solid #5EB6DE;
}

.homepage-news-item-final, .half-page-news-item-final{
  height:1px;
  border-top:1px solid #8ECBE8;
}


.mini-collection {
  display:inline-block;
  padding:15px 20px 15px 20px;
}


.homepage_row .promotion {
  padding-top:10px;
  padding-bottom:5px;
  text-align:center;
}
.homepage_row .promotion-text {
  margin-top:4px;
  text-align:left;
}
.homepage_row_item {
  margin:30px 0px 30px 0px;
  padding:0px 25px 0px 15px;
  border-right:1px solid #c7c7c7;
  min-height:200px;
}
.homepage_row_item h3 {
  font-size:16px;
  margin-bottom:10px;
  font-weight:normal;
}
.homepage_row_item .image {
  font-size:12px;
  text-align:center;
  padding:10px 0px 10px 0px;
}
.homepage_row_item p {
  font-size:12px;
}
#content .homepage_row_item ul {
  list-style-type: none;
  padding:0px;
  margin:0;
}
#content .homepage_row_item li {
  border-bottom:1px dashed #9AA1A9;
  padding:6px 0 6px 0;
  margin:0px;
}

#content .homepage_row_item li:last-child{
  border:none;
  background: transparent url(/assets/template-images/blue-line.png) repeat-x left bottom;
  padding-bottom:10px;
}

.left_sidebar {
  background-color:#f9f9f9;
  padding:10px 10px 40px 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

.left_sidebar_wrapper{
  position:static !important;
  min-height:540px;
}

.left_sidebar_wrapper .left_sidebar{
  width:152px;
  /*position:absolute;*/
  left:0px;
  top:0px;
  bottom:0px;  
}

.left_sidebar a {
  color: #939598;
}
.left_sidebar p {
  padding: 0px 0 4px 0;
}

.collection-navigation-links a {
  text-transform:uppercase;
  display:block;
  margin-bottom:5px;
}

#collection-navigation h4 {
  margin:10px 0 10px 0;
}

.collection-navigation-links a.selected {
  color:#0191CE;
}
.collection_sub_list {
  margin-left:10px;
}

.product-image-details-wrapper{
  display:grid;
  grid-template-columns: 400px 1fr;
}

.product_image {
  padding: 10px 0px 0px 0;
}

.product .tags {
  height: 1em;
  overflow: hidden;
}

#product-image-thumbnails .image {
  width:90px;
}


/* product filters */
.left_sidebar .filter-options-heading {
  padding:0;
  margin:0;
}
.filter-item {
  display:block;
  margin-left:5px;
  margin-bottom:5px;
}
.filter-item label {
  display:block;
  margin-left:25px;
  margin-top:-15px;
}
.reset-option-choices {
  display:block;

}
.filter-group-heading, .filter-options-heading {
  font-size:12px;
  padding:20px 2px 2px 2px;
}
.filter-heading {
  color:#0191ce;
  text-transform:uppercase;
  font-weight:bold;
}
.filter-reset {
  font-size:8pt;
}
.filter-group {
  margin-bottom:5px;
  margin-top:5px;
  max-height:540px;
  overflow:hidden;
  overflow-y:auto;
}

.filter-group-wrapper{
  padding:10px 0px 10px 0px;
}
.slider {
  width:152px;
  margin:10px 0;
  background-color:#bbb;
  height:2px;
  position: relative;
}
.slider .handle {
  width:4px;
  height:15px;
  background-color:#686868;
  cursor:col-resize;
  position: absolute;
  margin-top: -7px;
}
.slider_value {
  width:156px;
  position:relative;
  text-align:center;
}

#content .promotion {
  margin-bottom:10px;
}

#content p {
  margin:10px 0px 10px 0px;
}

#content .right_sidebar {
  border-left: 1px solid #C7C7C7;
  padding-left:10px;
}

#content .right_sidebar h3 {
  color:#0191ce;
  font-size:24px;
  font-weight:bold;
  text-transform:uppercase;
  margin-bottom:10px;
}

#content .right_sidebar .promotion {
  padding-bottom:10px;
  margin-bottom:20px;
  border-bottom: 1px dotted #C7C7C7;
}

.sorting {
  margin:10px 0px 10px 0px;
  min-height:25px;
  position:relative;
}
.sorting form {
  display:inline-block;
  float:left;
}
.sorting .display_type {
  display:inline-block;
  float:left;
  margin-left:10px;
}

.sorting .display_type:first-child{
  margin-left:0px;
}

.sorting .display_type a {
  color: #939598;
  line-height:20px;
  vertical-align: bottom;
}
.sorting .actions {
  float:right;
}
.sorting .actions a {
  background-image: url(/assets/template-images/button-blue-2.png);
  background-repeat: no-repeat;
  display:inline-block;
  color:#fff;
  text-align:center;
  padding:0px 0px 0px 0px;
  width:109px;
  height:19px;
  line-height:19px;
  font-size:12px;
}
.sorting select {
  background-color:#f9f9f9;
  border:0;
}

.action_submit_blue {
  background-image: url(/assets/template-images/button-blue-2.png);
  background-repeat: no-repeat;
  display:inline-block;
  color:#fff;
  text-align:center;
  padding:0px 0px 0px 0px;
  width:109px;
  height:19px;
  line-height:19px;
  font-size:12px;
  border:0;
  font-family: Arial, Helvetica, sans-serif;
  cursor: pointer;
}


.full-product .rotate_landscape_image {
  transform: rotate(-90deg);
  transform-origin: 0px 0px;
  -ms-transform: rotate(-90deg); /* IE 9 */
  -ms-transform-origin: 0px 0px; /* IE 9 */
  -webkit-transform: rotate(-90deg); /* Safari and Chrome */
  -webkit-transform-origin: 0px 0px; /* Safari and Chrome */
  -moz-transform: rotate(-90deg); /* Firefox */
  -moz-transform-origin: 0px 0px; /* Firefox */
  -o-transform: rotate(-90deg); /* Opera */
  -o-transform-origin: 0px 0px; /* Opera */

   width: 265px;
   top: 265px;
   text-align: right;
   position: relative;
}
.small-product .rotate_landscape_image {
  transform: rotate(-90deg);
  transform-origin: 0px 0px;
  -ms-transform: rotate(-90deg); /* IE 9 */
  -ms-transform-origin: 0px 0px; /* IE 9 */
  -webkit-transform: rotate(-90deg); /* Safari and Chrome */
  -webkit-transform-origin: 0px 0px; /* Safari and Chrome */
  -moz-transform: rotate(-90deg); /* Firefox */
  -moz-transform-origin: 0px 0px; /* Firefox */
  -o-transform: rotate(-90deg); /* Opera */
  -o-transform-origin: 0px 0px; /* Opera */

   width: 180px;
   top: 180px;
   text-align: right;
   position: relative;
}
.slider_product .rotate_landscape_image {
  transform: rotate(-90deg);
  transform-origin: 0px 0px;
  -ms-transform: rotate(-90deg); /* IE 9 */
  -ms-transform-origin: 0px 0px; /* IE 9 */
  -webkit-transform: rotate(-90deg); /* Safari and Chrome */
  -webkit-transform-origin: 0px 0px; /* Safari and Chrome */
  -moz-transform: rotate(-90deg); /* Firefox */
  -moz-transform-origin: 0px 0px; /* Firefox */
  -o-transform: rotate(-90deg); /* Opera */
  -o-transform-origin: 0px 0px; /* Opera */

   width: 154px;
   top: 154px;
   text-align: right;
   position: relative;
}

.full-product .image {
  min-height: 265px;
  padding-bottom:4px;
  text-align:center;
}
#content .full-product {
  font-size:11px;
  margin-bottom:10px;
  height:330px;
  overflow:hidden;
}
#content .full-product .details h4 {
  margin:0;
  padding:0 0 2px 0;
  font-size:13px;
}
#content .list_product .details h4{
  font-size:13px;
}

#content .full-product .details p {
  margin:0;
  padding:0 0 2px 0;
}
.full-product .details {
  min-height:55px;
}
.full-product .product_checkbox {
  float:right;
}
.full-product {
  min-height:330px;
}

.outliner{
  position:absolute;
  left:0px;
  right:0px;
  top:0px;
}

.full-product .outliner{
  height:265px;
}

.small-product .outliner{
  height:182px;
}

.small-product:nth-child(4n+1){
  margin-left:0;
}

.small-product:nth-child(4n+4){
  margin-right:0;
}

.list_product .outliner{
  bottom:0px;
}

.small-product .image {
  min-height: 182px;
  text-align:center;
}

.small-product .blue-sticker-notify{
  position:absolute;
  color:white;
  bottom:5px;
  right:0px;
  width:48px;
  height:48px;
  display:block;
  background-color:rgba(1, 145, 206, 0.95);
  border-radius:24px;
  padding:7px 5px 7px 5px;
  line-height:9px;
  text-transform:uppercase;
  text-align:center;
  font-weight:bold;
  font-size:8px;
  box-sizing:border-box;
}

.small-product .blue-sticker-notify.new{  
  font-size:15px;
  line-height:34px;
}

#content .small-product h4 {
  font-size:13px;
  margin-bottom:2px;
}
.small-product {
  margin-bottom:15px;
  min-height:238px;
}
.small-product .product_checkbox {
  float:right;
}
#content .small-product {
  font-size:10px;
  margin-bottom:10px;
  height:250px;
  overflow:hidden;
}
#content .small-product p {
  margin:0;
  padding:0 0 2px 0;
}

#content .small-product p.strapline{
  width:78px;
}

.list_product {
  min-height:95px;
  padding:6px 10px 6px 10px;
}

.list_product_odd,
.list_product:nth-child(2n+1){
  background-color:#fff;
}
.list_product_even,
.list_product:nth-child(2n+2) {
  background-color:#f4f4f4;
}
.list_product .image {
  float:left;
  width:100px;
  height:100px;
  position:relative;
  display:block;
}

.list_product .image img.main-image{
  position:absolute;
  transform:translate(-50%,-50%);
  top:50%;
  left:50%;
  z-index:0;
}
.list_product .details {
  float:left;
  margin:10px 10px 10px 10px;
}
.list_product .actions {
  float:right;
}

#content .list_product .details p {
  margin:0px;
}

.full-product img.regional_availability {
  position:absolute;
  top:294px;
  right:1px;
}

.full-product:nth-child(3n+1){
  margin-left:0;
}

.full-product:nth-child(1n+3){
  margin-right:0;
}

.list_product img.regional_availability {
  margin-top:6px;
}

.full-product .blue-sticker-notify{
  position:absolute;
  color:white;
  bottom:28px;
  right:0px;
  width:48px;
  height:48px;
  display:block;
  background-color:rgba(1, 145, 206, 0.95);
  border-radius:34px;
  padding:7px 5px 7px 5px;
  line-height:9px;
  text-transform:uppercase;
  text-align:center;
  font-weight:bold;
  font-size:8px;
  box-sizing:border-box;
}


.full-product .blue-sticker-notify.new{
  font-size:15px;
  line-height:34px;
}

.small-product img.regional_availability {
  position:absolute;
  bottom:14px;
  right:2px;
}


.pagination-info {
  float:left;
}

.pagination-links-content {
  float:right;
}

.pagination-links-content .current {
  color:#0191CE;
}

.pagination-links-content a {
  color:#939598;
}

.pagination-links {
  min-height:40px;
  clear:both;
}

.signin_page {
  background-repeat:no-repeat;
  width:840px;
  min-height:400px;
  padding:20px 50px 20px 50px;
  color:#78797B;
}
.signin_page h2 {
  font-size:24px;
  margin-top:20px;
  margin-bottom:20px;
  font-weight:normal;
}
.signin_page .forgotten_password {
  float:left;
  margin-left:150px;
  margin-top:-54px;
}
.signin_page a {
  color:#78797B;
}
.signin_page .text-field, .signin_page .password-field {
  height:40px;
}
.signin_page .text-field .input, .signin_page .password-field .input {
  float:left;
  position:absolute;
  margin-left:120px;
  margin-top:-15px;
}
.signin_page .text-field .input input, .signin_page .password-field .input input{
  width:250px;
}
.signin_page .submit-field .input input {
  line-height:30px;
  font-size:18px;
  background-image: url(/assets/template-images/button-gray-high.png);
  width:136px;
  margin-bottom:30px;

  background-color:transparent;
  background-repeat: no-repeat;
  border:0;
  color:#fff;
  font-weight:bold;
  text-align:center;
  font-family: Arial, Helvetica, sans-serif;
  cursor: pointer;
}
.register_link {
  line-height:35px;
  font-size:18px;
  background-image: url(/assets/template-images/button-gray-high.png);
  width:136px;

  display:block;
  background-repeat: no-repeat;
  border:0;
  color:#fff !important;
  font-weight:bold;
  margin-top: 8px;
  text-align:center;
  text-decoration:none !important;
}
.signin_page_intro {
  width:550px;
  margin:0 0 30px 0;
}


.register_page {
  background-repeat:no-repeat;
  background-position:center bottom;
  width:840px;
  min-height:400px;
  padding:20px 50px 20px 50px;
  color:#78797B;
}

.register_page_intro {
  width:650px;
  margin:0 0 30px 0;
}

.register_page .text-field,
.register_page .password-field,
.register_page .select-field {
  height:30px;
}
.register_page .text-field .input,
.register_page .password-field .input,
.register_page .select-field .input,
.register_page .textarea-field .input {
  margin-left:160px;
  margin-top:-15px;
}
.register_page .text-field .input input,
.register_page .password-field .input input,
.register_page .textarea-field textarea {
  width:250px;
  background-color:#e8eaea;
}
.register_page .submit-field .input input {
  line-height:30px;
  font-size:18px;
  background-image: url(/assets/template-images/button-gray-high.png);
  width:136px;
  margin-bottom:30px;

  background-color:transparent;
  background-repeat: no-repeat;
  border:0;
  color:#fff;
  font-weight:bold;
  text-align:center;
  font-family: Arial, Helvetica, sans-serif;
  cursor: pointer;
}
.register_page .textarea-field {
  margin-bottom:10px;
}
.register_page .textarea-field textarea {
  height:150px;
}

.account-type-radio-fields .radio-field  {
  display:inline-block;
  margin:0 10px 15px 0;
}

.business-type-radio-fields{
  margin:10px 0 0px 0;
}
.business-type-radio-fields .radio-field  {
  margin:-15px 0px 15px 160px;
}
.business-type-radio-fields .radio-field label {
  margin-left:4px;
}

.preferences-checkbox-fields {
  margin:0px 0px 0px 0px;
}
.preferences-checkbox-field {
  height:22px;
  position:relative;
  top:-12px;
}
.preferences-checkbox-field label {
  float: left;
  position: absolute;
  left: 180px;
}
.preferences-checkbox-field input {
  float: left;
  position: absolute;
  left: 160px;
  top:-3px;
}

.product_quantity_select {
  float:left;
  margin-left:350px;
  margin-top:-4px;
}


.receipt_page {
  background-repeat:no-repeat;
  width:840px;
  min-height:400px;
  padding:20px 50px 20px 50px;
  margin:10px 0 10px 0;
  color:#78797B;
}
.receipt_page h1 {
  font-size:22px;
  font-weight:normal;
  margin:0 0 20px 0;
}
.receipt_page p {
  margin:10px 0 10px 0;
}
.receipt_page_content {
  min-height:300px;
  margin-bottom:20px;
}

.blue_button_link, .blue_button_link:visited {
  background-image: url(/assets/template-images/button-blue.png);
  background-repeat: no-repeat;
  display:inline-block;
  color:#fff;
  font-size:14px;
  text-align:center;
  padding:0;
  width:93px;
  line-height:27px;
  font-weight:bold;
}
.blue_button_link_wide, .blue_button_link_wide:visited {
  background-image: url(/assets/template-images/button-blue-wide.png);
  background-repeat: no-repeat;
  display:inline-block;
  color:#fff;
  font-size:14px;
  text-align:center;
  padding:0;
  width:180px;
  line-height:27px;
  font-weight:bold;
}
.receipt_page_links .blue_button_link, .receipt_page_links .blue_button_link_wide {
  margin:10px 10px 10px 0;
}

#downloads_popup {
  background-color:#fff;
  width:505px;
  position:absolute;
  padding:10px;
  min-height:400px;
  border:1px solid #ddd;
  z-index:1;
  bottom:10px;
  left:15px;
}
.catalogues_section .close_download_link  {
  display:block;
  padding:10px;
  position:absolute;
  bottom:0;
  right:0;
  color:#939598;
}
.catalogues_section .catalog_item {
  float:left;
  width:110px;
  padding:8px 8px 0 8px;
  min-height:212px;
  height:220px;
}
.catalogues_section .catalog_item .image {
  min-height:156px;
  margin-bottom:10px;
}

.catalogues_section .catalog_item .name {
  font-size:11px;
  margin-bottom:4px;
}

.catalogues_section .catalog_item .download {
  font-size:11px;
  margin-bottom:2px;
}

#content  .catalogues_section .catalog_item .summary p {
  margin: 0;
  font-size:11px;
  margin-bottom:2px;
}


.sales_sidebar a {
  display:block;
  padding:2px 0px 2px 0px;
}
.sales_sidebar a.selected {
  color:#0191CE;
}
.sales_sidebar h4 {
  color: #939598;
  margin:20px 0px 2px 0px;
}
.sales_sidebar {
  min-height:400px;
  padding:0px 10px 0px 10px;
}

.sales_page {
  color:#fff;
  background-color: rgba(1, 145, 206, 0.8);
  padding:10px 20px 20px 20px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  min-height: 200px;
  margin-bottom: 20px;
  -moz-box-shadow: 1px 1px 10px #444;
  -webkit-box-shadow: 1px 1px 10px #444;
  box-shadow: 1px 1px 10px #444;
}
#content .sales_page h1 {
  color:#fff;
  font-weight:normal;
  font-size:24px;
  padding-top:10px;
}
#content .sales_page a, #content.sales_page a:visited {
  color:#fff;
}
.sales_page_link {
  float:left;
  min-height:70px;
  width:200px;
  padding:10px;
  margin-top:-10px;
}
.sales_page_link h4 {
  font-size:16px;
}
.sales_page_background {
  padding:30px;
  background-repeat:no-repeat;
  padding-bottom:80px;
  margin-top:10px;
  position:relative;
}

.key_contacts .image {
  min-height:130px;
  margin-bottom:10px;
}
.key_contacts .name {
  font-weight:bold;
}
.key_contacts .title {
  margin-bottom:10px;
  font-size:11px;
}

.about_page_background {
  padding:15px 80px 30px 30px;
  background-repeat:no-repeat;
  margin-top:10px;
  margin-bottom:20px;
  position:relative;
}
.about_page {
  color:#fff;
  background-color: rgba(1, 145, 206, 0.8);
  padding:10px 20px 20px 20px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  min-height:100px;
  margin-bottom:20px;
  -moz-box-shadow: 1px 1px 10px #444;
  -webkit-box-shadow: 1px 1px 10px #444;
  box-shadow: 1px 1px 10px #444;
}
#content .about_page h1 {
  color:#fff;
  font-weight:normal;
  font-size:24px;
  padding-top:10px;
}
#content .about_page a, #content .about_page a:visited {
  color:#fff;
}
.about_page_link a {
  display:block;
  float:left;
  margin-left:20px;
  width:200px;
  line-height:19px;
  background-image: url(/assets/template-images/button-gray.png);
  background-repeat: no-repeat;
  color:#fff;
  text-align:center;
  width:108px;
}
#content .about_page li, #content .sales_page li {
  line-height:14px;
  background-image: url(/assets/template-images/bullet-white-dash.png);
  background-repeat: no-repeat;
  background-position: 0px 8px;
  padding-left: 14px;
}
#content .about_page ul, #content .sales_page ul {
  list-style-type: none;
  padding: 0px;
  margin: 0px;
}


.page_item {
  background-color:#f9f9f9;
  margin-bottom:10px;
}
.half_page {
  background-color:#f9f9f9;
  margin-bottom:20px;
}
.page_item img, .half_page img {
  float:left;
  position:relative;
}
.page_item .page_details {
  float:left;
  width:180px;
  padding:10px;
}
.half_page .page_details {
  float:left;
  width:94px;
  padding:10px;
}
.page_item .page_details h2 {
  font-size:20px;
}
.half_page .page_details h2 {
  font-size:16px;
}

.half_page_promo {
  background-color:#f9f9f9;
  margin-bottom:20px;
  position:relative;
}
.half_page_promo h3 {
  position:absolute;
  top:10px;
  left:260px;
  font-size:16px;
  margin-right:8px;
}
.half_page_promo .promotion-text {
  position:absolute;
  top:40px;
  left:260px;
  margin-right:8px;
}

#content li {
  padding:2px 2px 2px 2px;
  margin-left:30px;
}
#content ul {
  list-style-type: square;
}
#content h1 ,
#content h2.h1 {
  padding:20px 0 10px 0;
  font-size: 24px;
  font-weight:normal;
}


/* Staff */
.staff_item .name {
  margin:10px 0 2px 0;
  font-size:18px;
}
.staff_item .title {
  font-size:13px;
}
.staff_item .telephone {
  margin:20px 0 5px 0;
  color:#0191CE;
}
.staff_item .email {
  margin:0;
  color:#0191CE;
}
.staff_item .description {
  line-height:17px;
}
.staff_item {
  padding:0 0 10px 0;
  margin:0 0 10px 0;
  border-bottom: 1px dashed #9DA6AD;
  min-height:124px;
}
.staff_item.last {
  padding:0;
  border-bottom: 0;
}
hr.staff_group_seperator {
  border:0;
  height:4px;
  background-color:#0191CE;
}


/* Product */
#content .product_details {
  color:#939598;
  padding-left:15px;
}
#content .product_details h1 {
  text-transform:uppercase;
  color:#939598;
  padding-top:0;
  padding-bottom:0px;
  margin-bottom:8px;
  font-size:22px;
  font-weight:bold;
}
.product_details .product-sku {
  text-transform:uppercase;
  color:#939598;
  margin-top:10px;
  margin-bottom:8px;
  font-size:22px;
  font-weight:bold;
}
.product_details .product-strapline {
  font-size:22px;
  padding-bottom:10px;
}

.product_details .product_tags h3 {
  color:#939598;
  font-weight:normal;
  margin-bottom:4px;
}

.product_details .product_tags {
  color:#0191CE;
}


.spec_details  {
  margin-bottom:20px;
  margin-bottom:30px;
}
.spec_details ul {
  margin-left:-15px;
}
.spec_details li {
  list-style: disc;
  font-size:16px;
  padding-left:10px;
}

.product_image {
  margin-bottom:10px;
}

.product_details {
  margin-bottom:10px;
}

.product_action {
  display:block;
  margin-bottom:6px;
}


/* Navigation */
#navigation {
  position:relative;
  height:32px;
}
#navigation .dropdown {
  position: absolute;
  z-index: 9999;
  background-color: rgba(1, 145, 206, 0.9);
  top:32px;
  left: 0;
  padding:0 10px 0 10px;
  min-height:220px;
}

#navigation .header-nav{
  overflow:hidden;
  position:relative;
}

#navigation .header-nav:hover{
  overflow:visible;
}

#navigation .header-nav:hover > a{
  background-image: none;
  background-color: #009ed4;
  /*border-bottom:6px solid #009ed4;*/
  color:#fff;
  height:32px;
}

#navigation .header-nav{
  float:left;
  margin-right:3px;
}

#navigation .dropdown{
  position:absolute;
  top:32px;
  left:0px;
}


#navigation .dropdown p {
  margin:0 0 10px 0;
}

#navigation .dropdown a, #collection_add_all_dropdown a, #product_add_dropdown a {
  color:#fff;
  line-height:13px;
  font-size:12px;
  background:none;
  background-color:transparent;
  text-align:left;
  display:block;
  padding:0;
  margin:2px 0 2px 0;
  font-weight:normal;
  height:auto;
  width:auto;
}

#navigation .dropdown h4 {
  color:#fff;
  font-size:13px;
  margin:2px 0 2px 0;
}

#navigation .dropdown h4 a {
  color:#fff;
  font-size:13px;
  margin:2px 0 2px 0;
  font-weight:bold;
}

#navigation .dropdown .grid_3 {
  padding:10px 0 10px 0;
}

#navigation .dropdown a:hover, #navigation .dropdown a.highlighted, #collection_add_all_dropdown a:hover, #product_add_dropdown a:hover {
  background-image: none;
  background-color:transparent;
  border-bottom:none;
  text-decoration:none;
  font-weight:bold;
}



#collection_add_all_dropdown {
  position: absolute;
  z-index: 9999;
  background-color: rgba(1, 145, 206, 0.9);
  top:23px;
  right:0;
  padding: 10px;
  color:#fff;
}

#collection_add_all_dropdown a {
  padding:0px 0 4px 0;
}

.create_new_list_section {
  border-top: 1px solid #fff;
  padding: 5px 0 0 0;
}

.create_new_list_section.preorder input[type="text"]{
  width:50px;
}

.highlighted#collection_add_all,
#collection_add_all:hover {
  /*border-bottom:4px solid #009ed4;*/
  color:#fff;
}

#collection_add_all + div:after{
  width:109px;
  height:6px;
  background:#009ed4;
  display:block;
  position:absolute;
  z-index:100;
  content:'';
  right:0px;
  top:-4px;
}

#collection_add_all:hover + div,
#collection_add_all + div:hover,
#product_add:hover +div,
#product_add +div:hover{
  display:block !important;
}




#product_add_dropdown {
  position: absolute;
  z-index: 9999;
  background-color: rgba(1, 145, 206, 0.9);
  top:27px;
  left:0;
  padding: 10px;
  color: #fff;
}

#product_add_dropdown a {
  padding:0px 0 4px 0;
}
.product_actions form {
  position: relative;
}
.product_actions {
  margin-top:30px;
}

#nav_products_dropdown{
  width:590px;
}

#nav_sales_dropdown {
  
}
#nav_support_dropdown {
  
}
#nav_about_dropdown {
  
}
#navigation .dropdown .popup_border_left {
  border-left:1px solid #fff;
  padding:10px 0px 10px 10px;
}

/* Errors */
#flash {
  clear: both;
  padding: 8px;
  margin: 1em 10px 1em 10px;
}
#flash.error {
  background-color: #aaa;
  color: red;
  font-weight:bold;
}
#flash.notice {
  background-color: #aaa;
  font-weight:bold;
  color:#fff;
}

.tag_preference th {
  width:100px;
}
.tag_preference {
  margin-bottom:20px;
}

/* Tags */
.tag_group_item {
  border-bottom:1px dotted #939598;
  padding-bottom:10px;
  padding-top:10px;
}
.tag_group_item h3 {
  font-size:24px;
}
.tag_group_item a {
  display:inline-block;
  color:#939598;
  padding:0 0 4px 0;
}
a.tag_index_link {
  display:inline-block;
  padding:0 4px 0 4px;
}
#tag_list a {
  display:inline-block;
  padding: 4px 4px 0 4px;
}
#tags_list {
  position: absolute;
  overflow: auto;
}
.tags_list_container {
  position:relative;
  min-height:1500px;
  z-index:0;
  overflow: hidden;
}
.staff_list_container {
  position:relative;
  min-height: 7100px;
  z-index:0;
  overflow: hidden;
}

.grid_4_5 {
	display:inline;
	float: left;
	position: relative;
	margin-left: 10px;
	margin-right: 10px;

	width:190px;
}

/* FAQ */
#faq_search_box {
  display:inline-block;
  background-color: #f9f9f9;
  height:20px;
  padding:6px 8px 0px 8px;
  border:0;
  margin:0;
}
#search_faq {
  margin-bottom:20px;
}
#search_faq input {
  padding:0
}
#search_faq .input {
  display:inline;
  margin-left:10px;
}

.faq_group {
  background-color: #f9f9f9;
  margin-top:10px;
}

.faq_group h2 {
/*  background-color: #f9f9f9;*/
  padding:6px;
  margin-top:5px;
  font-size:18px;
  font-weight:normal
}

.faq_group .show_questions, .faq_group .hide_questions {
  display: block;
  float: right;
  width: 15px;
  height: 0;
  padding-top: 15px;
  background-repeat: no-repeat;
  overflow: hidden;
  margin:6px 12px 0 0;
}

.faq_group .show_questions {
  background-image: url(/assets/template-images/arrow-down.png);
}

.faq_group .hide_questions {
  background-image: url(/assets/template-images/arrow-up.png);
}

.faq_questions {
  margin: 0;
  padding: 0;
}

.faq_questions dt {
  font-size: 120%;
  padding: 15px 15px 0 15px;
}

.faq_questions dd {
  margin: 1em 0 0 0;
  padding: 0 15px 15px 15px;
  border-bottom: 2px solid #939598;
}


/* News */
.latest-news {
  height:125px;
  overflow:hidden;
}
.blog_entry .meta {
  min-height: 30px;
}
.blog_entry h2 {
  font-size:16px;
  min-height:32px;
}
.blog_entry .image_wrapper {
  min-height: 94px;
}
.blog_entry  {
  border-bottom:1px dashed #9DA6AD;
  padding: 0px 0px 10px 0px;
  margin: 0px 0px 10px 0px;
}
.blog_item {
  margin:10px 0 10px 0;
  padding:0 0 10px 0;
  border-bottom:4px solid #0191CE;
}
#content .blog_item  h1 {
  margin-top:0;
  padding-top:0;
  font-weight:bold;
}
.blog_entry.last {
  border-bottom: 4px solid #0191CE;
}

/* Account */
.lists_listing td {
  padding: 5px 10px 2px 0px;
  vertical-align: middle;
}
.list_items_listing {
  width:100%;
}
.list_items_listing td {
  padding: 0px 10px 0px 0px;
  vertical-align: middle;
  line-height:14px;
}
.lists_listing th, .list_items_listing th {
  padding: 2px 10px 2px 0px;
  text-align: left;
  font-size:16px;
}
.list_items_listing .image {
  padding: 6px;
  min-height:100px;
}

.lists_listing tr.preorder td{
  font-weight:bold;
  color:#0191ce;
}

.list_items_listing .available-now{
  color:#0191ce;
  font-weight:bold;
}

/* Search */

.sor_search_popup {
  background-color: #fff;
  width: 350px;
  border: 1px solid #ccc;
  border-bottom-width: 0;
  box-shadow: 2px 2px 12px #888;
  z-index:2;
  left: 596px;
}

.sor_search_popup h3 {
  background-color: #0191CE;
  color: white;
  padding: 4px;
  padding-left: 6px;
  margin: 0;
  font-size: 14px;
}
.sor_search_popup .suggestions_wrapper {
  border-bottom: 1px solid #ccc;
}

.suggestions_wrapper h3 {
  margin-bottom: 6px;
}

.sor_search_popup .result {
  padding: 8px;
  clear: both;
  border-bottom: 1px solid #ccc;
  float: left;
  width: 334px;
  cursor: pointer;
}

.sor_search_popup .no-results {
 display:block;
 padding-left:8px;
 padding-bottom:8px;
}

.sor_search_popup .selected {
  background-color: #DAEEF9;
}

.sor_search_popup .result img {
  float: left;
  margin-right: 5px;
}

.sor_search_popup .suggestion {
  margin-bottom: 8px;
  margin-left: 8px;
}

.sor_search_popup .suggestion .highlighted {
  font-weight:bold;
}


/* Lightbox */
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(/assets/template-images/spacer.gif); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(/assets/template-images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/assets/template-images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }


/* GB Lightbox */
#gblightbox{
	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center;}
#gblightbox .gblightbox_content {
	background-color: #fff;
	width: 500px;
	margin:auto;
}
#gblightbox .gblightbox_content .main {
  min-height:300px;
  padding:30px;
  text-align:left;
}
#gblightbox .gblightbox_content .main p {
  margin-top:10px;
  margin-bottom:10px;
}
#gblightbox .gblightbox_content .main h1 {
  margin-top:10px;
  margin-bottom:10px;
  font-size:20px;
}
#gblightbox .gblighbox_nav {
  padding:10px;
}
#gboverlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }


/*stickers*/

.full-product .image,
.list_product .image,
.small-product .image,
.slider_product,
.slider_product .image,
.list_product_odd .image span,
.list_product_even .image span{
  position:relative;
}

.list_product .image .sticker{
  bottom:2px;
  right:2px;
}

.list_product_odd .image span,
.list_product_even .image span{
  float:left;
}

.slider_product .image,
.jcarousel-item,
.jcarousel-list-horizontal{
  overflow:visible !important;
}

.large_image {
  position:relative;
  text-align:center;
  min-height:400px;
}

.product_image #large-product-images{
  min-height:400px;
  position:relative;
}

.product-image{
  position:absolute;
  top:50%;
  left:50%;  
  transform:translate(-50%,-50%);
  display:inline-block;
  max-width:400px;
  max-height:400px;
}

#product-image-thumbnails{
  margin-top:10px;
}

.sticker{
  position:absolute;
  /*z-index:10;*/
  /*opacity:0.8;
  filter:alpha(opacity=80);*/
}

.sticker_115_product_show{
  bottom:8px;
  right:8px;
}

.sticker_66_collection_small{
  bottom:5px;
  right:7px;
}

.sticker_66_collection_list,
.sticker_66_list_list{
  top:5px;
  right:7px;
}

.sticker_66_collection_full{
  bottom:5px;
  right:7px;
}

.sticker_38_carousel{
  top:3px;
  right:5px;
}

.sticker_92{
  top:6px;
  right:8px;
}

.sticker_62{
  top:5px;
  right:7px;
}

.sticker_52{
  top:5px;
  right:7px;
}

.sticker_25{
  top:2px;
  right:4px;
}

.p-line-height p{
  line-height:16px;  
}


/* homepage bottom text..*/
.text-box-wrapper{
  margin-top:10px;
}

.text-box-wrapper .text-box-header{
  padding:10px 15px 10px 15px;
  background-color:#f2f2f2;
  overflow:auto;
}

.text-box-wrapper .text-box-header h2{
  margin:0px;
  padding:0px;
  color:#0191ce;
  text-transform:uppercase;
  float:left;
  font-size:20px;
  font-weight:normal;
}

.text-box-wrapper .text-box-content{
  background-color: #f8f8f8;
  padding:20px 15px 20px 15px;
}

.text-box-wrapper .text-box-content.collapsed{
  display:none;
  overflow:hidden;
}

.text-box-wrapper .text-box-content.collapsing
.text-box-wrapper .text-box-content.expanding{
  overflow:hidden;
}

.text-box-wrapper a.dropdown-icon{
  background:transparent url(/assets/template-images/dropdown-icon.png) left top;
  display:block;
  width:16px;
  height:16px;
  float:right;
}

.text-box-wrapper a.dropdown-icon.collapsed{
  background-position:left top;
}

.text-box-wrapper a.dropdown-icon.collapsed:hover{
  background-position:right top;  
  cursor:pointer;
}

.text-box-wrapper a.dropdown-icon.expanded{
  background-position:left bottom;

}

.text-box-wrapper a.dropdown-icon.expanded:hover{
  background-position:right bottom;  
  cursor:pointer;
}

.blue-button-big{
  display:inline-block;
  width:266px;
  height:29px;
  color:white !important;
  text-align:center;
  background:#0189c3 url(/assets/template-images/blue-button-big.png) no-repeat left top;
  font-size: 13px;
  font-weight:bold;
  padding-top:13px;
}



.promo-top-promo{
  border-bottom:solid 1px #c0c0c0;
  margin-bottom:10px;
}

.promo-content p:first-child{
  padding:10px 0px 10px 0px;
}

.promo-content h3,
.what-we-do-content h3{
  color:#939598;
  font-size:13px;
}

.what-we-do-content{
  margin-top:35px;
}

.what-we-do-content .leftie{
  float:left;
  width:49%;
}

.what-we-do-content .rightie{
  float:right;
  width:49%;
}

.what-we-do-content p{
  /*line-height:14px;*/
}

.wide-line-spacing,
.wide-line-spacing p{
  line-height:1.4em;
}

/******************calendars*************************/
#activity_calendars{

}

#activity_calendars h1{
  font-size:30px;
  display:inline-block;
  padding:0px;
}

#activity_calendars h1 strong{
  font-weight:bold;
}

#activity_calendars h2{
  font-size:20px;
  border-bottom:solid 1px #0183c1;
  padding-bottom:5px;
  margin-top:50px;
}

#activity_calendars h2:first-child{
  /*margin-top:0px;*/
}

#activity_calendars .events{
  overflow:auto;
}

#activity_calendars .event-box,
#activity_calendars .event-box:visited,
#activity_calendars .event-box:hover{
  border:solid 1px #7c7676;
  width:178px;
  float:left;
  margin-left:10px;
  height:248px;
  margin-top:20px;
  display:block;
  text-decoration:none;
  position:relative;
}

#activity_calendars a.event-box:hover{
  border-color:#0083c7;
}

#activity_calendars .event-box.blue{
  background-color:#0083c7;
  border:solid 1px #0083c7;
  color:white;
}

#activity_calendars .event-box:nth-child(5n+1){
  margin-left:0px;
}

#activity_calendars .event-box .image-box{
  padding:10px 10px 6px 10px;
  height:158px;
  text-align:center;
}

#activity_calendars .event-box .title-box{
  padding:0px 10px 0px 10px;
  font-size:14px;
  color:#565656;
  line-height:17px;
}

#activity_calendars .event-box.blue .title-box{
  color:white;
  font-weight:bold;
  font-size:23px;
  line-height:27px;
  padding:14px 12px 14px 14px;
}

#activity_calendars .event-box.blue .body-box{
  color:white;
  font-weight:normal;
  font-size:20px;
  line-height:23px;
  padding:0px 12px 0px 14px;
}

#activity_calendars .event-box .body-box p,
#activity_calendars .event-box .title-box p{
  margin:0px;
}

#activity_calendars .event-box.blue .view-here{
  color:white;
  font-weight:bold;
  font-size:20px;
  position:absolute;
  bottom:20px;
  left:14px;
}

#activity_calendars .title-container{
  /*overflow:auto;*/
  padding:20px 0px 10px 0px;
  height:30px;
  line-height:30px;
  position:relative;
}

#activity_calendars .next-prev{
  position:absolute;
  right:0px;
  bottom:0px;
}

#activity_calendars .next-prev .next,
#activity_calendars .next-prev .prev{
  color:#565656;
  font-size:14px;
}


#activity_calendars .next-prev .next:hover,
#activity_calendars .next-prev .prev:hover{
  text-decoration:underline;
}

#activity_calendars .next-prev .current{
  font-size:16px;
  text-transform:uppercase;
  font-weight:bold;
  color:#565656;
  cursor:default;
}

#activity_calendars .next-prev .view-all{
  font-size:14px;
}

#activity_calendars .next-prev .view-all:hover{
  text-decoration:underline;
}

#activity_calendars .next-prev .view-all,
#activity_calendars .next-prev .current,
#activity_calendars .next-prev .next,
#activity_calendars .next-prev .prev{
  padding:0px 5px 0px 5px;
}

#activity_calendars .next-prev .view-all:last-child,
#activity_calendars .next-prev .current:last-child,
#activity_calendars .next-prev .next:last-child,
#activity_calendars .next-prev .prev:last-child{
  padding-right:0px;
}

.coming-soon-title{
  height:55px;
  line-height:55px;
  display:block;
  vertical-align:middle;
  margin-top:25px;
}

.coming-soon-title span{
  vertical-align:middle;
  color:#7f7f7f;
  font-size:16px;
  margin-left:35px;
  font-weight:bold;
}

.coming-soon-title img{
  vertical-align:middle;
}

.coming-soon-title .blue-right{
  float:right;
  display:block;
  height:55px;
  line-height:55px;
  vertical-align:middle;
  margin-right:13px;
  font-size:10px;
}

.hp-field{
  display:none;
}

.gb-line{
  border-top:solid 1px #5eb6de;
  border-bottom:solid 1px #8ecbe8;
}


/**************trade or retail popup**************/

#trade-or-retail{  
  display: none;
}

#trade-or-retail.visible{
  display:block;
}

#trade-or-retail > .background{
  background: black;
  opacity:0.8;
  filter:alpha(opacity=80);
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 100;
}


#trade-or-retail > .popup {
  position:fixed;
  z-index:102;
  left:0px;
  top:0px;
  visibility:hidden;
}

#trade-or-retail > .popup > .inner{
  background:white;
  padding:45px;
}



#trade-or-retail .trade-title{
  color:#009ee2;
  font-size:45px;
  padding:0px;
  margin:0px;
  letter-spacing:-1px;
}


#trade-or-retail .trade-question{
  font-size:25px;
  color:#959595;
  padding:45px 0px 30px 0px;
  margin:0px;
  letter-spacing:-1px;
}

#trade-or-retail .buttons{
  font-size:0px;
  height:50px;
  overflow:hidden;
}

#trade-or-retail a.trade-button{
  font-size:20px;
  width:220px;
  height:50px;
  line-height:50px;
  text-align:center;
  color:white;
  font-weight:bold;
  border-radius:6px;
  display:block;
  padding:0px;
  margin:0px;
  float:left;
}

#trade-or-retail a.trade-button:active{
  height:49px;
  padding-top:1px;
}

#trade-or-retail a.trade-blue{
  background:#009ee3;
}

#trade-or-retail a.trade-grey{
  background:#b5b5b5;
}

#trade-or-retail a.trade-button:last-child{
  margin-left:20px;
}


/***********header buttons**********/
div.online-store,
div.gb-promo{
  float:right;
  margin-left:7px;
  margin-top:10px;
}

.online-store,
.gb-promo{
  height:40px;
  color:white !important;
  text-decoration:none !important;
  font-size:13px;
  font-weight:bold;
  text-align:center;
  line-height:40px;
  display:block;
}

.online-store{
  width:190px;
  background-color:#333333;
}

.online-store:hover{
  background-color:#c4017b;
}


.gb-promo{
  width:190px;
  background-color:#67b3e7;
}

.gb-promo:hover{
  background-color:#765d87;
}

/******************new menu******************/


/*delete me*/
/*#header .menu-wrapper .child-bearer:first-child .div-menu-2,
#header .menu-wrapper .child-bearer:last-child .div-menu-2{
  display:none;
}
*/

/* /delete me*/


#header .menu-wrapper{
  height:50px;
}

#header .menu-wrapper .menu-1 > li{
  width:155px;
  margin-left:2px;
  background-color:#999999;
  text-align:center;
  position:relative;
  float:left;
  height:50px;
  line-height:50px;
}

#header .menu-wrapper .menu-1 > li,
#header .menu-wrapper .menu-1 > li > a.menu-link,
#header .menu-wrapper .menu-1 > li > span.menu-text{
  color:white;
  font-size:15px;
  font-weight:bold;
}

#header .menu-wrapper .menu-1 > li > a.menu-link,
#header .menu-wrapper .menu-1 > li > span.menu-text{
  display:block;
  height:50px;
  height:50px;
  line-height:50px;
  text-align:center;
}

#header .menu-wrapper .menu-1 > li > span.menu-text{
  cursor:default;
}

#header .menu-wrapper .menu-1 > li:first-child{
  margin-left:0px;
}

#header .menu-wrapper .menu-1 .div-menu-2{
  visibility:hidden;
}

#header .menu-wrapper.cursor-screen .menu-1 > li:hover .div-menu-2,
#header .menu-wrapper.touch-screen .menu-1 > li.hover .div-menu-2{
  visibility:visible;
}

#header .menu-wrapper .menu-1 .div-menu-2 > .joiner{
  position:absolute;
  top:50px;
  height:15px;
  left:0px;
  background-color:#5fa4dd;  
  width:155px;
}

#header .menu-wrapper .menu-1 .div-menu-2 .menu-2 {
  background-color:#5fa4dd;
  padding:15px 20px 25px 20px;
  float:left;  
  position:absolute;
  z-index:110;
  left:0px;
  top:65px;
}

#header .menu-wrapper .menu-1 > li:nth-child(6n+1) .div-menu-2 > .joiner,
#header .menu-wrapper .menu-1 > li:nth-child(6n+1) .div-menu-2 .menu-2,
#header .menu-wrapper .menu-1 > li:nth-child(6n+1) > a.menu-link:hover,
#header .menu-wrapper .menu-1 > li:nth-child(6n+1) > span.menu-text:hover,
#header .menu-wrapper .menu-1 > li:nth-child(6n+1):hover{
  background-color:#5fa4dd;  
}

#header .menu-wrapper .menu-1 > li:nth-child(6n+2) .div-menu-2 > .joiner,
#header .menu-wrapper .menu-1 > li:nth-child(6n+2) .div-menu-2 .menu-2,
#header .menu-wrapper .menu-1 > li:nth-child(6n+2) > a.menu-link:hover,
#header .menu-wrapper .menu-1 > li:nth-child(6n+2) > span.menu-text:hover,
#header .menu-wrapper .menu-1 > li:nth-child(6n+2):hover {
  background-color:#7d179f;  
}

#header .menu-wrapper .menu-1 > li:nth-child(6n+3) .div-menu-2 > .joiner,
#header .menu-wrapper .menu-1 > li:nth-child(6n+3) .div-menu-2 .menu-2,
#header .menu-wrapper .menu-1 > li:nth-child(6n+3) > a.menu-link:hover,
#header .menu-wrapper .menu-1 > li:nth-child(6n+3) > span.menu-text:hover,
#header .menu-wrapper .menu-1 > li:nth-child(6n+3):hover {
  background-color:#fe2872;  
}

#header .menu-wrapper .menu-1 > li:nth-child(6n+4) .div-menu-2 > .joiner,
#header .menu-wrapper .menu-1 > li:nth-child(6n+4) .div-menu-2 .menu-2,
#header .menu-wrapper .menu-1 > li:nth-child(6n+4) > a.menu-link:hover,
#header .menu-wrapper .menu-1 > li:nth-child(6n+4) > span.menu-text:hover,
#header .menu-wrapper .menu-1 > li:nth-child(6n+4):hover {
  background-color:#e42721;  
}

#header .menu-wrapper .menu-1 > li:nth-child(6n+5) .div-menu-2 > .joiner,
#header .menu-wrapper .menu-1 > li:nth-child(6n+5) .div-menu-2 .menu-2,
#header .menu-wrapper .menu-1 > li:nth-child(6n+5) > a.menu-link:hover,
#header .menu-wrapper .menu-1 > li:nth-child(6n+5) > span.menu-text:hover,
#header .menu-wrapper .menu-1 > li:nth-child(6n+5):hover {
  background-color:#fe881c;  
}

#header .menu-wrapper .menu-1 > li:nth-child(6n+6) .div-menu-2 > .joiner,
#header .menu-wrapper .menu-1 > li:nth-child(6n+6) .div-menu-2 .menu-2,
#header .menu-wrapper .menu-1 > li:nth-child(6n+6) > a.menu-link:hover,
#header .menu-wrapper .menu-1 > li:nth-child(6n+6) > span.menu-text:hover,
#header .menu-wrapper .menu-1 > li:nth-child(6n+6):hover {
  background-color:#1e9d44;  
}


#header .menu-wrapper .menu-1 .div-menu-2.children-columns-1 .menu-2{
  width:150px;
}
#header .menu-wrapper .menu-1 .div-menu-2.children-columns-2 .menu-2{
  width:300px;
}
#header .menu-wrapper .menu-1 .div-menu-2.children-columns-3 .menu-2{
  width:450px;
}
#header .menu-wrapper .menu-1 .div-menu-2.children-columns-4 .menu-2{
  width:600px;
}
#header .menu-wrapper .menu-1 .div-menu-2.children-columns-5 .menu-2{
  width:750px;
}
#header .menu-wrapper .menu-1 .div-menu-2.children-columns-6 .menu-2{
  width:900px;
}
/*these are out of bounds, but need to be visible*/
#header .menu-wrapper .menu-1 .div-menu-2.children-columns-7 .menu-2{
  width:1050px;
}
#header .menu-wrapper .menu-1 .div-menu-2.children-columns-8 .menu-2{
  width:1200px;
}
#header .menu-wrapper .menu-1 .div-menu-2.children-columns-9 .menu-2{
  width:1350px;
}

#header .menu-wrapper .menu-1 .div-menu-2 .menu-2{
  max-width:900px;
  overflow:hidden;
}

#header .menu-wrapper .menu-1 .div-menu-2 .menu-2 > li{
  text-align:left;
  line-height:20px;
}

#header .menu-wrapper .menu-1 .div-menu-2 .menu-2 > li > .menu-text,
#header .menu-wrapper .menu-1 .div-menu-2 .menu-2 > li > .menu-link{
  padding-left:20px;
  display:block;
  line-height:17px;
  height:35px;
  color:white;
}



#header .menu-wrapper .menu-1 .div-menu-2 .menu-2 > li.spacer > .menu-text,
#header .menu-wrapper .menu-1 .div-menu-2 .menu-2 > li.spacer > .menu-link{
  font-size:0;
}

#header .menu-wrapper .menu-1 .div-menu-2 .menu-2 .div-menu-3.columns-1,
#header .menu-wrapper .menu-1 .div-menu-2 .menu-2 > li.inner-columns-1{
  width:150px;
  float:left;
}
#header .menu-wrapper .menu-1 .div-menu-2 .menu-2 .div-menu-3.columns-2,
#header .menu-wrapper .menu-1 .div-menu-2 .menu-2 > li.inner-columns-2{
  width:300px;
  float:left;
}
#header .menu-wrapper .menu-1 .div-menu-2 .menu-2 .div-menu-3.columns-3,
#header .menu-wrapper .menu-1 .div-menu-2 .menu-2 > li.inner-columns-3{
  width:450px;
  float:left;
}
#header .menu-wrapper .menu-1 .div-menu-2 .menu-2 .div-menu-3.columns-4,
#header .menu-wrapper .menu-1 .div-menu-2 .menu-2 > li.inner-columns-4{
  width:600px;
  float:left;
}
#header .menu-wrapper .menu-1 .div-menu-2 .menu-2 .div-menu-3.columns-5,
#header .menu-wrapper .menu-1 .div-menu-2 .menu-2 > li.inner-columns-5{
  width:750px;
  float:left;
}
#header .menu-wrapper .menu-1 .div-menu-2 .menu-2 .div-menu-3.columns-6,
#header .menu-wrapper .menu-1 .div-menu-2 .menu-2 > li.inner-columns-6{
  width:900px;
  float:left;
}

#header .menu-wrapper .menu-1 .div-menu-2 .menu-2 .div-menu-3 .menu-3{
  width:150px;
  float:left;
}

#header .menu-wrapper .menu-1 .div-menu-2 .menu-2 .div-menu-3 .menu-3 > li{
  text-align:left;
  float:left;
  width:150px;
}

#header .menu-wrapper .menu-1 .div-menu-2 .menu-2 .div-menu-3 .menu-3 > li > a.menu-link,
#header .menu-wrapper .menu-1 .div-menu-2 .menu-2 .div-menu-3 .menu-3 > li > span.menu-text{
  color:white;
  font-size:13px;
  font-weight:normal;
  display:block;
  line-height:20px;
  padding-left:20px;
}

#header .menu-wrapper .menu-1 .div-menu-2 li.menu-child-align-right > .menu-text,
#header .menu-wrapper .menu-1 .div-menu-2 li.menu-child-align-right > .menu-link{
  text-align:right !important;
}

#header .menu-wrapper .menu-1 .div-menu-2 li.menu-child-align-right > div > ul > li{
  text-align:right !important;
}

#header .menu-wrapper .menu-1 > li .div-menu-2 .menu-2 > li > .menu-link:hover,
#header .menu-wrapper .menu-1 > li .div-menu-2 .menu-2 .div-menu-3 .menu-3 > li > a.menu-link:hover{
  background-color:#8fd4fd;
}


#header .menu-wrapper .menu-1 > li:nth-child(6n+1) .div-menu-2 .menu-2 > li > .menu-link:hover,
#header .menu-wrapper .menu-1 > li:nth-child(6n+1) .div-menu-2 .menu-2 .div-menu-3 .menu-3 > li > a.menu-link:hover{
  background-color:#8fd4fd;
}

#header .menu-wrapper .menu-1 > li:nth-child(6n+2) .div-menu-2 .menu-2 > li > .menu-link:hover,
#header .menu-wrapper .menu-1 > li:nth-child(6n+2) .div-menu-2 .menu-2 .div-menu-3 .menu-3 > li > a.menu-link:hover{
  background-color:#9d37af;
}

#header .menu-wrapper .menu-1 > li:nth-child(6n+3) .div-menu-2 .menu-2 > li > .menu-link:hover,
#header .menu-wrapper .menu-1 > li:nth-child(6n+3) .div-menu-2 .menu-2 .div-menu-3 .menu-3 > li > a.menu-link:hover{
  background-color:#fe4892;
}

#header .menu-wrapper .menu-1 > li:nth-child(6n+4) .div-menu-2 .menu-2 > li > .menu-link:hover,
#header .menu-wrapper .menu-1 > li:nth-child(6n+4) .div-menu-2 .menu-2 .div-menu-3 .menu-3 > li > a.menu-link:hover{
  background-color:#f44741;
}

#header .menu-wrapper .menu-1 > li:nth-child(6n+5) .div-menu-2 .menu-2 > li > .menu-link:hover,
#header .menu-wrapper .menu-1 > li:nth-child(6n+5) .div-menu-2 .menu-2 .div-menu-3 .menu-3 > li > a.menu-link:hover{
  background-color:#fea83c;
}

#header .menu-wrapper .menu-1 > li:nth-child(6n+6) .div-menu-2 .menu-2 > li > .menu-link:hover,
#header .menu-wrapper .menu-1 > li:nth-child(6n+6) .div-menu-2 .menu-2 .div-menu-3 .menu-3 > li > a.menu-link:hover{
  background-color:#3ebd64;
}

#header .menu-wrapper .menu-1 .div-menu-2 .menu-2 .promo-item .div-menu-3 .menu-3 > li > a.menu-link, 
#header .menu-wrapper .menu-1 .div-menu-2 .menu-2 .promo-item .div-menu-3 .menu-3 > li > span.menu-text{
  font-weight:bold; 
}

#header .menu-wrapper .menu-1 .div-menu-2 .menu-2 .promo-item .div-menu-3 > .menu-text{
  padding-left:20px;
}


#header .menu-wrapper .menu-1 .div-menu-2 .menu-2 .promo-item .div-menu-3 > .menu-text + .menu-3 > li > a{
  font-weight:normal;
}

#header .menu-wrapper .menu-1 > li .div-menu-2 .menu-2 >li > .promotion{
  margin-left:20px;
}

#header .header-tel{
  float:right;
  color:#0191ce;
  margin:10px 10px 0 0;
  font-size:17px;
  line-height:40px;
}

#header .header-tel a{
  font-weight:bold;
}

#header .header-tel img{
  float:left;
  margin-top:7px;
  margin-right:8px;
}

/*.div-menu-2.columns-1.children-columns-5,
.div-menu-2.columns-1.children-columns-6 {
    visibility: visible !important;
}*/



/*****framing collections  page**********/
#frames-collection{

}

#frames-collection .primary-promo .promotion{

}

#frames-collection .primary-promo .promotion img{
  max-width:100%;
}

#frames-collection .secondary-promo{
  margin-top:30px;
  font-size:0;
}

#frames-collection .secondary-promo .promotion{
  display:inline-block;
  width:455px;
  vertical-align:top;
}
#frames-collection .secondary-promo .promotion img{
  max-width:100%;
}

#frames-collection .secondary-promo .promotion:nth-child(2n+2){
  margin-left:30px;
}

#frames-collection .tertiary-promo{
  margin-top:30px;
  font-size:0;
}


#frames-collection .tertiary-promo:empty{
  display:none;
}

#frames-collection .tertiary-promo .promotion{
  margin-left:30px;
  width:212px;
  display:inline-block;
  vertical-align:top;
  text-align:center;
}

#frames-collection .tertiary-promo .promotion img{
  max-width:130px;
}

#frames-collection .tertiary-promo .promotion:nth-child(4n+1){
  margin-left:0;
}

#frames-collection .tertiary-promo .promotion h3,
#frames-collection .tertiary-promo .promotion h3 > a{
  font-size:23px;
  margin-top:10px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight:normal;
  color:#939598;
}

#frames-collection .tertiary-promo .promotion .promotion-text{
  font-size:15px;
  line-height:16px;
  padding:0 10px 10px 10px;
}

#frames-collection .quaternary-promo{
  margin-top:30px;
}

#frames-collection .quaternary-promo .promotion{
  display:inline-block;
  vertical-align:top;
  width:290px;
  height:210px;
  margin-bottom:35px;
}

#frames-collection .quaternary-promo .promotion img{
  max-height:210px;
  max-width:290px;
}

#frames-collection .quaternary-promo .promotion:nth-child(3n+2),
#frames-collection .quaternary-promo .promotion:nth-child(3n+3){
  margin-left:35px;
}


/*********frames index collection page*********/

#frames-collection-index{

}

#frames-collection-index .sidebar{
  float:left;
  width:160px;
}

#frames-collection-index .sidebar #collection-navigation{
  background:#f2f2f2;
  padding:17px 17px 17px 17px;
}

#frames-collection-index .sidebar #collection-navigation .filter-hidden{
  display:none;
}

#frames-collection-index .sidebar #collection-navigation .filter-group{
  margin:10px 0 0 0;
  overflow-y:visible;
  overflow-x:visible;
}

#frames-collection-index .sidebar #collection-navigation .filter-group-wrapper{
  padding:0;
}

#frames-collection-index .sidebar #collection-navigation .filter-group-heading, 
#frames-collection-index .sidebar #collection-navigation .filter-options-heading{
  padding:0;
}

#frames-collection-index .sidebar #collection-navigation .filter-heading{
  text-transform:none;  
  color:#666666;
  font-size:18px;
  line-height:22px;
  font-weight:normal;
}

#frames-collection-index .pagination-links-content{
  float:left;
  margin-top:10px;
}

#frames-collection-index .pagination-links-content span,
#frames-collection-index .pagination-links-content a,
#frames-collection-index .pagination-links-content em{
  color:#666666;
}


#frames-collection-index .pagination-links-content span.current,
#frames-collection-index .pagination-links-content a.current,
#frames-collection-index .pagination-links-content em.current{
  color:#0191ce;
}


#frames-collection-index .sidebar #collection-navigation .filter-item input[type="checkbox"],
#frames-collection-index .sidebar #collection-navigation .filter-item label{
  cursor:pointer;
}

#frames-collection-index .sidebar #collection-navigation .filter-item{
  position:relative;
  margin:8px 0 0 0;
}

#frames-collection-index .sidebar #collection-navigation .filter-item input[type="checkbox"]{
  position:absolute;
  padding:0;
  margin:0;
  left:2px;
  top:1px;
  /*z-index:1;*/
}

#frames-collection-index .sidebar #collection-navigation .filter-item input[type="checkbox"] + label{
  margin:0;
  min-height:16px;
  padding-left:25px;
  /*background: transparent url(/assets/template-images/checkboxes-unchecked.png) no-repeat left top;*/
  color:#666666;
  font-size:14px;
  line-height:16px;
/*  position:absolute;
  left:0;
  top:0;
  z-index:2;*/
}

#frames-collection-index .sidebar #collection-navigation .filter-item input[type="checkbox"]:checked + label{
  /*background: transparent url(/assets/template-images/checkboxes-checked.png) no-repeat left top;  */
}


#frames-collection-index .main-content{
  float:left;
  width:740px;
  margin-left:40px;
}


#frames-collection-index .sidebar #collection-navigation .filter-reset{
  color:#666666;
  text-decoration:underline;
}



#frames-collection-index .sidebar #collection-navigation .filter-show-all{
  color:#666666;
  text-decoration:underline;
  padding:10px 0 10px 0;
  display:block;
}


#frames-collection-index .sidebar #collection-navigation .reset-option-choices{
  margin:0px 0px 8px 0px;
}

#frames-collection-index .main-content .pagination-links{
  font-size:16px;
  color:#666666;
  padding:5px 0 5px 0;
  width:380px;
  float:left;
}

#frames-collection-index .main-content .pagination-links p{
  margin:0;
}


/****the newer, material design style action buttons*****/

.new-actions{
  width:360px;
  float:left;
  height:35px;
  position:relative;
}


.new-actions > a,
.new-actions > input[type="submit"]{
  display:block;
  float:left;
  height:35px;
  width:170px;
  background:#00a4e8;
  color:white;
  cursor:pointer;
  text-align:center;
  line-height:35px;
  font-size:18px;
  border:none;
}

.new-actions > a:first-child,
.new-actions > input[type="submit"]:first-child{
  margin-right:20px;
}

.new-actions #collection_add_all_dropdown,
.new-actions #product_add_dropdown{
  position:absolute;
  top:40px;
  right:0px;
  background:#00a4e8;
  width:340px;
}

.new-actions #collection_add_all_dropdown::before,
.new-actions #product_add_dropdown::before{
  content:'';  
  width:210px;
  top:-5px;
  height:5px;
  background:transparent;
  position:absolute;
  left:0;
}

.new-actions #collection_add_all_dropdown::after,
.new-actions #product_add_dropdown::after{
  content:'';  
  width:170px;
  top:-5px;
  height:5px;
  background:#00a4e8;
  position:absolute;
}

.new-actions #product_add_dropdown::after{
  right:0;
  left:auto;
  width:160px;
}


.new-actions #product_add_dropdown::before{
  right:0;
  left:auto;
}


.new-actions #product_add_dropdown{
  right:0;
  left:auto;
}

.new-actions > input[type="submit"]{
  width:160px;
  display:block;
}


/********product box frame**************/
.product-box-frame-list{
  width:740px;
  font-size:0;
  margin-top:35px;
}

.product-box-frame-list .product-box-frame{
  width:205px;
  margin-left:62px;
  /*background:red;*/
  /*height:497px;*/
  margin-bottom:55px;
  display:inline-block;
  font-size:16px;
}

.product-box-frame-list .product-box-frame:nth-child(3n+1){
  margin-left:0;
}

.product-box-frame-list .product-box-frame .frame-main-image{
  max-height:310px;
  overflow:hidden;
  text-align:center;
}

.product-box-frame-list .product-box-frame .frame-corner-image{
  height:72px;
  overflow:hidden;
  text-align:center;
  margin-top:20px;
}

.product-box-frame-list .product-box-frame .frame-name{
  padding:0 10px 0 10px;
  margin-top:20px;
}

.product-box-frame-list .product-box-frame .frame-name,
.product-box-frame-list .product-box-frame .frame-name a{
  height:50px;
  font-size:20px;
  font-weight:bold;
  line-height:25px;
  color:#666666;
}

.product-box-frame-list .product-box-frame .frame-name a{
  /*width:145px;*/
  display:block;
  float:left;
}

.product-box-frame-list .product-box-frame .frame-sku{
  padding:0 10px 0 10px;
}

.product-box-frame-list .product-box-frame .frame-sku,
.product-box-frame-list .product-box-frame .frame-sku a{
  height:25px;
  line-height:25px;
  font-size:16px;
  text-transform:uppercase;
  color:#666666;
}

.product-box-frame-list .product-box-frame .product_checkbox{
  float:right;
  margin-left:10px;
}

/********product box print**************/
.product-box-print-list{
  width:740px;
  font-size:0;
  margin-top:35px;
}

.product-box-print-list.wide{
  width:940px;
}

.product-box-print-list .product-box-print{
  width:205px;
  margin-left:62px;
  /*background:red;*/
  /*height:497px;*/
  margin-bottom:55px;
  display:inline-block;
  font-size:16px;
  vertical-align:top;
}

.product-box-print-list .product-box-print:nth-child(3n+1){
  margin-left:0;
}




.product-box-print-list.wide .product-box-print,
.product-box-print-list.wide .product-box-print:nth-child(3n+1){
  margin-left:40px;
}


.product-box-print-list.wide .product-box-print:nth-child(4n+1){
  margin-left:0;
}


.product-box-print-list .product-box-print .frame-main-image{
  max-height:310px;
  overflow:hidden;
  text-align:center;
}

.product-box-print-list .product-box-print .frame-corner-image{
  height:72px;
  overflow:hidden;
  text-align:center;
  margin-top:20px;
}

.product-box-print-list .product-box-print .frame-name{
  padding:0 10px 0 10px;
  margin-top:20px;
}

.product-box-print-list .product-box-print .frame-name,
.product-box-print-list .product-box-print .frame-name a{
  height:50px;
  font-size:14px;
  font-weight:bold;
  line-height:16px;
  color:#666666;
}

.product-box-print-list .product-box-print .frame-name a{
  /*width:145px;*/
  display:block;
  float:left;
}

.product-box-print-list .product-box-print .frame-sku{
  padding:0 10px 0 10px;
  position:relative;
}

.product-box-print-list .product-box-print .frame-sku,
.product-box-print-list .product-box-print .frame-sku a{
  height:25px;
  line-height:25px;
  font-size:16px;
  color:#666666;
}


.product-box-print-list .product-box-print .frame-sku.selected,
.product-box-print-list .product-box-print .frame-sku.selected a{
  color:#00a4e8;
}

.product-box-print-list .product-box-print .frame-sku .upper{
  text-transform:uppercase;  
}

.product-box-print-list .product-box-print .frame-sku .print-size-name{
  font-size:0.8em;
  position:absolute;
  right:40px;
  font-weight:bold;
}

.product-box-print-list .product-box-print .product_checkbox{
  float:right;
  margin-left:10px;
}


/*frame product page*/

.frame-product{

}

/*.frame-product .product_action{

}
*/
.frame-product .top{
  /*background:red;*/
  height:405px;
  font-size:0;
}

.frame-product .top .image{
  /*background:blue;*/
  height:405px;
  width:270px;
  padding-left:10px;
  display:inline-block;
  vertical-align:top;
}

.frame-product .top .image img{
  max-height:405px;
  max-width:270px;
}

.frame-product .top .image .inner{
  display:none;
  text-align:center;
}


.frame-product .top .image .inner.selected{
  display:block;
}

.frame-product .top .main-content{
  /*background:green;*/
  display:inline-block;
  width:390px;
  padding-left:25px;
  font-size:15px;
  vertical-align:top;
  margin-top:10px;
}

.frame-product .top .main-content .title h1{
  height:60px;
  line-height:30px;
  font-size:26px !important;
  font-weight:bold;
  color:#939598;
  padding:0 !important;
  overflow:hidden !important;
}

.frame-product .top .main-content .tab-body-wrapper{
  font-size:0;
  margin-top:10px;
}

.frame-product .top .main-content .tab-body-wrapper .tabs .tab{
  display:inline-block;
  width:50%;
  text-align:center;
  color:#f2f2f2;
  font-size:16px;
  line-height:30px;
  height:30px;
  background:#cccccc;
  cursor:pointer;
}

.frame-product .top .main-content .tab-body-wrapper .tabs .tab.selected{
  background:#f2f2f2;
  cursor:default;
  color:#939598;
}


.frame-product .top .main-content .tab-body-wrapper .bodies .body{
  display:none;
  background:#f2f2f2;
  padding:15px 15px 15px 15px;
  font-size:14px;
  line-height:16px;
  color:#939598;
  /*height:130px;*/
}

.frame-product .top .main-content .tab-body-wrapper .bodies .body .inner{
  height:145px;
  overflow-y:auto;
}

.frame-product .top .main-content .tab-body-wrapper .bodies .body ul.specs{
  columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2;
  padding-left:15px;
}

  

.frame-product .top .main-content .tab-body-wrapper .bodies .body ul.specs li{
  list-style-type:disc;
  float:left;
  font-size:12px;
  line-height:14px;
  margin-left:0px !important;
  width:150px;
}

.frame-product .top .main-content .tab-body-wrapper .bodies .body ul.specs li span.newlined{
  display:block;
  padding-left:20px;
  line-height:18px;
}

.frame-product .top .main-content .tab-body-wrapper .bodies .body.selected{
  display:block;
}

.frame-product .top .main-content .images{
  height:90px;
  margin-top:20px;
  /*background:yellow;*/
  font-size:0;
}

.frame-product .top .main-content .images .thumb{
  margin-left:10px;
  /*background:#cccccc;*/
  display:inline-block;
  width:90px;
  height:90px;
  text-align:center;
}

.frame-product .top .main-content .images .thumb .frame-switch{
  cursor:pointer;
}

.frame-product .top .main-content .images .thumb:first-child{
  margin-left:0;
}

.frame-product .top .colours{
  display:inline-block;
  width:210px;
  /*background:orange;*/
  vertical-align:top;
  font-size:18px;
  color:#939598;
  margin-left:34px;
  border-left:solid 1px #666666;
  padding: 10px 0 0 0;
}

.frame-product .top .colours .tag{
  height:32px;
  line-height:32px;
  position:relative;
  border:solid 1px transparent;
  display:block;
  cursor:pointer;
}

.frame-product .top .colours .tag.no-image{
  height:auto;
  line-height:20px;
  margin-bottom:10px;
}

.frame-product .top .colours .tag label{
  cursor:pointer;
}

.frame-product .top .colours .available-colours-title{
  margin-left:30px;
}

.frame-product .top .colours .available-colours-list{  
  padding-left:30px;  
  margin: 10px 0 10px 0;
  max-height: 308px;
  height: 308px;
  overflow-y: auto;
}

.frame-product .top .colours .tag:hover{
  border:solid 1px #0191ce;
}

.frame-product .top .colours .tag input[type=radio]{
  position:absolute;
  right:10px;
  top:7px;
  -webkit-appearance: checkbox; /* Chrome, Safari, Opera */
  -moz-appearance: checkbox;    /* Firefox */
  -ms-appearance: checkbox;     /* not currently supported */
}

.frame-product .top .colours .tag input[type=radio] + label{
  margin-left:60px;
  font-size:16px;
}


.frame-product .top .colours .tag.no-image input[type=radio] + label{
  margin-left:0;
}

.frame-product .top .colours .tag input[type=radio] + label:after{
  position:absolute;
  content:'';
  width:26px;
  height:26px;
  left:6px;
  top:1px;
  /*z-index:10;*/
  background:black;/*the default*/
  border:solid 1px #f2f2f2;
}


.frame-product .top .colours .tag input[type=radio].no-image + label:after{
  display:none !important;
}



.frame-product .top .colours .tag input[type=radio]:checked + label:after,
.frame-product .top .colours .tag:hover input[type=radio] + label:after{
  background:black;/*the default*/
  border:solid 1px #666666;
}

.frame-product .top .colours .tag.beech-frame input[type=radio] + label:after,/*:checked*/
.frame-product .top .colours .tag.beech-frame:hover input[type=radio] + label:after{
  background:black url(/assets/template-images/frame-colours/beech.png) no-repeat left top / 26px 26px;/*the default*/
}


.frame-product .top .colours .tag.black-frame input[type=radio] + label:after,/*:checked*/
.frame-product .top .colours .tag.black-frame:hover input[type=radio] + label:after{
  background:black url(/assets/template-images/frame-colours/black.png) no-repeat left top / 26px 26px;/*the default*/
}

.frame-product .top .colours .tag.gold-frame input[type=radio] + label:after,/*:checked*/
.frame-product .top .colours .tag.gold-frame:hover input[type=radio] + label:after{
  background:black url(/assets/template-images/frame-colours/gold.png) no-repeat left top / 26px 26px;/*the default*/
}

.frame-product .top .colours .tag.oak-frame input[type=radio] + label:after,/*:checked*/
.frame-product .top .colours .tag.oak-frame:hover input[type=radio] + label:after{
  background:black url(/assets/template-images/frame-colours/oak.png) no-repeat left top / 26px 26px;/*the default*/
}

.frame-product .top .colours .tag.silver-frame input[type=radio] + label:after,/*:checked*/
.frame-product .top .colours .tag.silver-frame:hover input[type=radio] + label:after{
  background:black url(/assets/template-images/frame-colours/silver.png) no-repeat left top / 26px 26px;/*the default*/
}

.frame-product .top .colours .tag.walnut-frame input[type=radio] + label:after,/*:checked*/
.frame-product .top .colours .tag.walnut-frame:hover input[type=radio] + label:after{
  background:black url(/assets/template-images/frame-colours/walnut.png) no-repeat left top / 26px 26px;/*the default*/
}

.frame-product .top .colours .tag.white-frame input[type=radio] + label:after,/*:checked*/
.frame-product .top .colours .tag.white-frame:hover input[type=radio] + label:after{
  background:black url(/assets/template-images/frame-colours/white.png) no-repeat left top / 26px 26px;/*the default*/
}

.frame-product .top .colours .tag.aluminium-frame input[type=radio] + label:after,/*:checked*/
.frame-product .top .colours .tag.aluminium-frame:hover input[type=radio] + label:after{
  background:black url(/assets/template-images/frame-colours/aluminium.png) no-repeat left top / 26px 26px;/*the default*/
}

.frame-product .top .colours .tag.pine-frame input[type=radio] + label:after,/*:checked*/
.frame-product .top .colours .tag.pine-frame:hover input[type=radio] + label:after{
  background:black url(/assets/template-images/frame-colours/pine.png) no-repeat left top / 26px 26px;/*the default*/
}

.frame-product .top .colours .tag .spinner{
  position:absolute;
  left:-20px;
  top:10px;
  display:none;
}

.frame-product .top .colours .tag.selected .spinner{
  display:block;
}

.frame-product .mouldings{
  /*background:navy;*/
  margin-top:20px;
  border-top:solid 1px #666666;
  padding:20px 10px 0px 0px;
}

.frame-product .mouldings .available-mouldings-title{
  color:#939598;
  font-size:18px;
  line-height:30px;
  height:30px;
}

.frame-product .mouldings .available-mouldings-list{
  font-size:0;
  margin-top:15px;
  margin-left:10px;
}

.frame-product .mouldings .tag{
  display:inline-block;
  vertical-align:top;
  width:158px;
  height:128px;
  margin-left:15px;
  position:relative;
  cursor:pointer;
  font-size:14px;
  line-height:16px;
  color:#939598;
  border:solid 1px transparent;
  padding:5px;
}


.frame-product .mouldings .tag:nth-child(5n+1){
  margin-left:0px;
}

.frame-product .mouldings .tag:hover{
  border:solid 1px #0191ce;
}

.frame-product .mouldings .tag input[type=radio]{
  position:absolute;
  top:0;
  right:0;
  -webkit-appearance: checkbox; /* Chrome, Safari, Opera */
  -moz-appearance: checkbox;    /* Firefox */
  -ms-appearance: checkbox;     /* not currently supported */
}


.frame-product .mouldings .tag .spinner{
  display:none;
  position:absolute;
  right:3px;
  top:20px;
}

.frame-product .mouldings .tag.selected .spinner{
  display:block;
}


.frame-product .mouldings .tag .image{
  overflow:hidden;
  height:60px;
  margin-top:10px;
}

.frame-product .mouldings .tag .image img{
  max-width:148px;
  max-height:60px;
}
.frame-product .new-actions{
  float:right;
  width:auto;
}

.frame-product .related-products .related-products-title{
  color:#939598;
  font-size:18px;
  line-height:30px;
  height:30px;
}

.frame-product .related-products .heading{
  display:none;
}

.frame-product .related-products .sorting{
  margin:-25px 0 10px 0;
}

.frame-product .related-products .grid_3{
  /*width:auto;*/
}


.frame-product .related-products{
  border-top:solid 1px #666666;
  margin-top:20px;
  padding-top:20px;
}

.frame-product .related-products .clearfix{
  display:none;
}


.frame-product .related-products .small-product:nth-child(7n+1),
.frame-product .related-products .small-product:nth-child(8n+1){
  display:none;
}

.frame-product .related-products .small-product{
  margin:0 0 0 35px !important;
}

.frame-product .related-products .small-product:first-child{
  display:block;
  margin-left:10px !important;
}



/*collections by size*/
.collection-frames-by-size{
}

.collection-frames-by-size h2{
  font-size:24px;
  font-weight:normal;
  margin:15px 0 20px 0;
  color:#939598;
}


.collection-frames-by-size .size-wrapper{
  font-size:0;
}

.collection-frames-by-size .size-wrapper .collection-box{
  display:inline-block;
  margin-left:20px;
  width:300px;
  height:170px;
  font-size:16px;
  background:#67b3e7;
  color:white;
  margin-bottom:20px;
  vertical-align:top;
}


.collection-frames-by-size .size-wrapper .collection-box:nth-child(3n+1){
  margin-left:0;
}


.collection-frames-by-size .size-wrapper .collection-box .text{
  padding:10px;
}

.collection-frames-by-size .size-wrapper .collection-box .image{
  width:300px;
  height:170px;
}

.collection-frames-by-size .size-wrapper .collection-box .image img{
  max-width:300px;
  max-height:170px;  
}


/*frame feature page, used for mouldings etc*/
.frame-feature-page{

}

.frame-feature-page .main-image{
  position:relative;
}

.frame-feature-page .main-image .title-summary{
  position:absolute;
  left:0;
  right:0;
  top:0;
  bottom:0;
  overflow:hidden;
  color:white;
}

.frame-feature-page .main-image .title-summary .title{
  color:white;
  margin:160px 0 0 0 !important;
  padding:0 !important;
  margin-top:160px;
  font-size:34px !important;
  font-weight:bold;
  text-align:center;
}

.frame-feature-page .main-image .title-summary .summary{
  margin-top:20px;
  color:white;
  width:230px;
  margin-left:auto;
  margin-right:auto;
  font-size:14px;
  line-height:18px;
  text-align:center;
}

.frame-feature-page .main-content{
  font-size:14px;
  line-height:18px;
}

.frame-feature-page .images{
  font-size:0;
  margin-top:50px;
  padding-bottom:100px;
  border-bottom:solid 1px #666666;
}

.frame-feature-page .images .image{
  margin-left:35px;
  width:290px;
  height:290px;
  display:inline-block;
  vertical-align:top;
}

.frame-feature-page .images .image:first-child{
  margin-left:0;
}

.frame-feature-page .images .image img{
  max-width:290px;
  max-height:290px;
}

/*frame collection sidebar*/
.frames-by-size-sidebar{
  margin-top:0;
  background:#f2f2f2;
  padding:0 17px 17px 17px;
}

.frames-by-size-sidebar:first-child{
  padding-top:17px;
}

.frames-by-size-sidebar .heading{
  font-size:18px;
  font-weight:normal;
  color:#666666;
  line-height:22px;
  background:none;
  margin:0;
}

.frames-by-size-sidebar .size-tag{
  font-size:14px;
  font-weight:bold;
  color:#666666;
  line-height:18px;   
  margin-top:8px; 
}

.frames-by-size-sidebar a{
  display:block;
  color:#666666;
  padding-left:10px;
  font-size:14px;
  line-height:16px;
  min-height:16px;
  margin-top:8px;
}

.frames-by-size-sidebar a:hover{
  font-weight:bold;
}

/*misc*/

.conditional-show{
  display:block;
}

.conditional-hide{
  display:none !important;
}


/*cookie policy*/
.cookie-policy{
  background:#34393c;
  color:white;
  padding:30px 0 30px 0;
  text-align:center;
  position:relative;
  overflow:hidden;
  width:1100px;
  margin-left:auto;
  margin-right:auto;
}

.cookie-policy.no-top-margin{
  margin-top:-15px;
}

.cookie-policy a{
  font-weight:bold;
}

.cookie-policy a.close{
  font-weight:normal;
  display:block;
  position:absolute;
  right:10px;
  top:10px;
  background:#0191ce;
  color:#34393c;
  font-weight:bold;
  font-size:15px;
  height:20px;
  width:20px;
  text-align:center;
  vertical-align:middle;
  line-height:22px;
  text-decoration:none !important;
}

.cookie-policy.no-top-margin a.close{
  top:25px;
}

.cookie-policy a:hover{
  text-decoration:underline;
}

.cookie-policy a.close:hover{
  text-decoration:none !important;
}


.cookie-policy table{
  margin-left:auto;
  margin-right:auto;
}

/*error details*/
.error-details{
  padding-bottom:20px;
}

/*content*/
.content p{
  font-size:14px;
}

.content h2{
  font-size:20px;
  margin-top:30px;
}

/*contact us page*/
.contact-us-page-intro{
  padding-bottom:10px;
}

/*button*/
.button{
  margin-top:20px;
  display:inline-block;
  border-radius:0;
  background:#0191ce;
  border-radius:0px;
  height:50px;
  line-height:45px;
  text-transform:uppercase;
  color:white !important;
  border:none;
  font-size:14px;
  font-weight:bold;
  padding:0px 20px 0px 20px;
  vertical-align:middle;
  -webkit-appearance: none;
  -moz-appearance: none;
  box-sizing:border-box;
  cursor:pointer;
}

.button.full-width{
  width:100%;
  display:block;
}

/*gb form*/
.gb-form{
  display:inline-block;
}

.gb-form .textarea-field{
  height:auto;
  margin-top:10px;  
}

.gb-form .text-field,
.gb-form .password-field{
  height:auto;
  margin-top:10px;
}

.gb-form .select-field{
  height:auto;  
  margin-top:10px;
}


.gb-form .textarea-field label,
.gb-form .text-field label,
.gb-form .password-field label,
.gb-form .select-field label{
  font-size:15px;
  line-height:17px;
  color:black;
}

.gb-form label strong sup{
  color:#0191ce;
}

.gb-form .textarea-field .input{
  margin:8px 0 0 0;
}

.gb-form .text-field .input,
.gb-form .password-field .input{
  margin:8px 0 0 0;
}

.gb-form .select-field .input{
  margin:8px 0 0 0;
}


.gb-form .text-field input[type="text"],
.gb-form .password-field input[type="password"]{
  height:40px;
  background:white;
  line-height:40px;
  border-radius:0;
  border:solid 1px #b4b4b4;
  padding:0 10px 0 10px;
  box-sizing:border-box;
  width:350px;
}

.gb-form .textarea-field textarea{
  background:white;
  border:solid 1px #b4b4b4;
  padding:10px 10px 10px 10px;
  box-sizing:border-box;
  border-radius:0;
  width:350px;
}


.gb-form .g-recaptcha > div{
  float:right;
}


/*small product box - new & big*/
.small-product-box-list{
  font-size:0;
}

.small-product-box{
  width:175px;
  margin:10px 10px 0 0;
  display:inline-block;
  vertical-align:top;
  background:#f9f9f9;
}

.small-product-box > .image-wrapper{
  width:175px;
  height:175px;
  text-align:center;
  vertical-align:middle;
  line-height:175px;
  position:relative;
  overflow:hidden;
  box-sizing:border-box;
}

.small-product-box > .image-wrapper a{
  display:block;
  height:175px;
}

.small-product-box > .image-wrapper .image{
  position:absolute;
  transform:translate(-50%,-50%);
  top:50%;
  left:50%;
  z-index:0;
}

.small-product-box > .label{
  height:65px;
  display:block;
  padding:10px 25px 10px 10px;
  box-sizing:border-box;
  position:relative;
  cursor:pointer;
}

.small-product-box > .label p{
  font-size:10px;
  color:#939598;
  line-height:12px;
  margin:0 !important;
}

.small-product-box .blue-sticker-notify{
  position:absolute;
  color:white;
  bottom:5px;
  right:0px;
  width:48px;
  height:48px;
  display:block;
  background-color:rgba(1, 145, 206, 0.95);
  border-radius:24px;
  padding:7px 5px 7px 5px;
  line-height:9px;
  text-transform:uppercase;
  text-align:center;
  font-weight:bold;
  font-size:8px;
  box-sizing:border-box;
}

.small-product-box .blue-sticker-notify.new{  
  font-size:15px;
  line-height:34px;
}

.small-product-box > .label .item-name{
  font-size:13px;
  line-height:16px;
}

.small-product-box > .label .product_checkbox{
  position:absolute;
  top:8px;
  right:5px;
  cursor:pointer;
}

.small-product-box > .label .regional_availability{
  position:absolute;
  right:10px;
  bottom:10px;
}



/*full product box - new & big*/
.full-product-box-list{
  font-size:0;
}

.full-product-box{
  width:238px;
  margin:10px 10px 0 0;
  display:inline-block;
  vertical-align:top;
  background:#f9f9f9;
}

.full-product-box > .image-wrapper{
  width:238px;
  height:238px;
  text-align:center;
  vertical-align:middle;
  line-height:238px;
  position:relative;
  overflow:hidden;
  box-sizing:border-box;
}

.full-product-box > .image-wrapper a{
  display:block;
  height:238px;
}

.full-product-box > .image-wrapper .image{
  position:absolute;
  transform:translate(-50%,-50%);
  top:50%;
  left:50%;
  z-index:0;
}

.full-product-box > .label{
  height:65px;
  display:block;  
  padding:10px 25px 10px 10px;
  box-sizing:border-box;
  position:relative;
  cursor:pointer;
}

.full-product-box > .label p{
  font-size:10px;
  color:#939598;
  line-height:12px;
  margin:0 !important;
}

.full-product-box .blue-sticker-notify{
  position:absolute;
  color:white;
  bottom:5px;
  right:0px;
  width:48px;
  height:48px;
  display:block;
  background-color:rgba(1, 145, 206, 0.95);
  border-radius:24px;
  padding:7px 5px 7px 5px;
  line-height:9px;
  text-transform:uppercase;
  text-align:center;
  font-weight:bold;
  font-size:8px;
  box-sizing:border-box;
}

.full-product-box .blue-sticker-notify.new{  
  font-size:15px;
  line-height:34px;
}

.full-product-box > .label .item-name{
  font-size:13px;
  line-height:16px;
}

.full-product-box > .label .product_checkbox{
  position:absolute;
  top:8px;
  right:5px;
  cursor:pointer;
}

.full-product-box > .label .regional_availability{
  position:absolute;
  right:10px;
  bottom:10px;
}
  /*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */

.jspContainer
{
	overflow: hidden;
	position: relative;
}

.jspPane
{
	position: absolute;
}

.jspVerticalBar
{
	position: absolute;
	top: 0;
	right: 0;
	width: 16px;
	height: 100%;
	background: red;
}

.jspHorizontalBar
{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 16px;
	background: red;
}

.jspVerticalBar *,
.jspHorizontalBar *
{
	margin: 0;
	padding: 0;
}

.jspCap
{
	display: none;
}

.jspHorizontalBar .jspCap
{
	float: left;
}

.jspTrack
{
	background: #595959;
	position: relative;
}

.jspDrag
{
	background: #404040;
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
	float: left;
	height: 100%;
}

.jspArrow
{
	background: #50506d;
	text-indent: -20000px;
	display: block;
	cursor: pointer;
}

.jspArrow.jspDisabled
{
	cursor: default;
	background: #80808d;
}

.jspVerticalBar .jspArrow
{
	height: 16px;
}

.jspHorizontalBar .jspArrow
{
	width: 16px;
	float: left;
	height: 100%;
}

.jspVerticalBar .jspArrow:focus
{
	outline: none;
}

.jspCorner
{
	background: #eeeef4;
	float: left;
	height: 100%;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner
{
	margin: 0 -3px 0 0;
}