body	{padding:0px 0px 0px 0px;margin:0px;background-color:white;text-align:left;font:11px verdana;}

address, article, aside, figcaption, figure, footer, header, main, nav, section 
{display:block;margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;box-sizing:border-box;}

/* Dont allow browsers like firefox to show the resize text area dragger */
textarea {resize:none;}

/* Initial pagesize settings - possibly depreciated */
/* Removed in 2.16.1
#pagesize
{
width:                          790px;
padding:0px; margin:0px;
margin-left: auto; margin-right: auto;
border:                         2px solid #A0B7DF;
background-color:               transparent;
background-position:            top left;
background-repeat:              no-repeat;
}*/

/* General content style - possibly depreciated */
.content
{
clear:both;
position:                       relative;
text-align:                     left;
z-index:                        5;
background-position:            top left;
background-repeat:              no-repeat;
background-color:               transparent;
}  
* html .content /*IE Float Fix*/
{
height:1%;
}

/* Initial pageheading styles - possibly depreciated */
/* Removed in 2.16.1
#pageheading
{
position:               relative;position:static;
margin:                 0px;
height:                 120px;
background-color:       transparent;
background-position:    top left;
padding: 0px; margin: 0px;
z-index:                3;
text-align:             center;

/* Header needs to be relative or dropdown menus sometimes go behind the content in FF2 */
/*position:relative;*/
/*}
*/

/* Modern clearfix */
#pageheading:after {content:"";display:table;clear:both;}
#pagefooter:after {content:"";display:table;clear:both;}
#column_wrapper:after {content:"";display:table;clear:both;}
#column1:after {content:"";display:table;clear:both;}
#column2:after {content:"";display:table;clear:both;}
#column3:after {content:"";display:table;clear:both;}
#column4:after {content:"";display:table;clear:both;}
#column5:after {content:"";display:table;clear:both;}
[data-divider]:after {content:"";display:table;clear:both;}

/* Attribute for hidden state of toggle areas */
[data-hidden] {display:none;}

/* We dont want forms to effect layout */
form {margin:0px;padding:0px;}
/*input.bs1{background:transparent none no-repeat top left;width:98px;height:25px;margin:0px;padding:0px;border:none;}
input.bs1_small{background:transparent none no-repeat top left;width:78px;height:19px;margin:0px;padding:0px;border:none;}*/

/* Button set sprite styles */
input.bs1 {filter:alpha(opacity=95);opacity:0.90;overflow:visible;margin:1px;border:none;padding:0px;height:25px;width:98px;background:transparent url(../images/sys/buttonset1_sprites.png) no-repeat 0px 0px;}
input.bs1 {padding:1px;box-sizing: border-box;} /* Fix for chrome not showing buttons */
input.bs1:hover{filter:alpha(opacity=100);opacity:1.0;}
input.bs1:active{filter:alpha(opacity=50);opacity:0.5;}

input.bs1.disabled{filter:alpha(opacity=50);opacity:0.5;}
input.bs1.disabled:hover{filter:alpha(opacity=50);opacity:0.5;}
input.bs1.disabled:active{filter:alpha(opacity=50);opacity:0.5;}

input.bs1.login {background-position:0px -0px;}
input.bs1.logout {background-position:0px -50px;}
input.bs1.download {background-position:0px -100px;}
input.bs1.yes {background-position:0px -150px;}
input.bs1.no {background-position:0px -200px;}
input.bs1.iAccept {background-position:0px -250px;}
input.bs1.iDecline {background-position:0px -300px;}
input.bs1.iAgree {background-position:-110px -350px;}
input.bs1.search {background-position:0px -400px;}
input.bs1.submit {background-position:0px -450px;}
input.bs1.send {background-position:0px -500px;}
input.bs1.go {background-position:0px -550px;}
input.bs1.update {background-position:0px -600px;}
input.bs1.acceptQuote {background-position:0px -650px;width:104px;}
input.bs1.declineQuote {background-position:-114px -650px;width:104px;}
input.bs1.iAgreeToTerms {background-position:0px -700px;width:211px;}
input.bs1.un {background-position:0px -750px;}
input.bs1.yes_sml {background-position:0px -800px;width:78px;height:19px;}
input.bs1.view_sml {background-position:-88px -800px;width:78px;height:19px;}
input.bs1.no_sml {background-position:0px -850px;width:78px;height:19px;}
input.bs1.download_sml {background-position:-88px -850px;width:78px;height:19px;}
input.bs1.load_sml {background-position:0px -900px;width:78px;height:19px;}
input.bs1.activate_sml {background-position:-88px -900px;width:78px;height:19px;}
input.bs1.delete_sml {background-position:0px -950px;width:78px;height:19px;}
input.bs1.remove_sml {background-position:0px -1000px;width:78px;height:19px;}
input.bs1.logout_sml {background-position:0px -1050px;width:78px;height:19px;margin:0px;}
input.bs1.addToCart {background-position:0px -1100px;}
input.bs1.moreInfo {background-position:0px -1150px;}
input.bs1.enquire {background-position:0px -1200px;}
input.bs1.customize {background-position:0px -1250px;}
input.bs1.calculate {background-position:0px -1300px;}
input.bs1.saveCart {background-position:0px -1350px;}
input.bs1.printView {background-position:-108px -1350px;}
input.bs1.viewCart {background-position:0px -1400px;}
input.bs1.print {background-position:-108px -1400px;}
input.bs1.updateCart {background-position:0px -1450px;}
input.bs1.viewOrder {background-position:-108px -1450px;}
input.bs1.continue {background-position:0px -1500px;}
input.bs1.checkout {background-position:0px -1550px;}
input.bs1.payNow {background-position:-108px -1550px;}
input.bs1.outOfStock {background-position:0px -1600px;}

input.bs1.startTask {background-position:0px -1650px;}
input.bs1.continueTask {background-position:-108px -1650px;}
input.bs1.nextStage {background-position:0px -1700px;}
input.bs1.previousStage {background-position:-108px -1700px;}
input.bs1.saveStage {background-position:0px -1750px;}
input.bs1.completeTask {background-position:-108px -1750px;}
input.bs1.viewTask {background-position:0px -1800px;}
input.bs1.downloadReport {background-position:0px -1850px;width:157px;}
input.bs1.paypalPayNow {background-position:0px -1900px;width:244px;height:28px;}
input.bs1.securePayCheckout {background-position:0px -1950px;width:214px;height:42px;}
input.bs1.ewayCheckout {background-position:0px -1997px;width:216px;height:57px;}
input.bs1.ewaySaveCard {background-position:0px -2064px;width:216px;height:57px;}
input.bs1.paypalPayflowPayNow {background-position:0px -2131px;width:197px;height:28px;}

/* Preset styles used for rich text formatting, applied to both block and inline span elements */
.small,.small a:link,.small a:visited,.small a:hover{font:9px verdana !important;}
.big, .big a:link,.big a:visited,.big a:hover{font: 20px verdana !important;}
.red_small{font:bold 9px verdana !important;color:red !important;}
.red_small a:link,.red_small a:visited{color:red !important;text-decoration:underline !important;font:bold 9px verdana !important;}
.red_small a:hover{color:white !important;background-color:red !important;}
a:hover .red_small{color:white !important;background-color:red !important;}
.red_medium{font:bold 14px verdana !important;color:red !important;}
.red_medium a:link,.red_medium a:visited{color:red !important;text-decoration:underline !important;font:bold 14px verdana !important;}
.red_medium a:hover{color:white !important;background-color:red !important;}
a:hover .red_medium{color:white !important;background-color:red !important;}
.red_big{font:bold 20px verdana !important;color:red !important;font-size:20px !important;}
.red_big a:link,.red_big a:visited{color:red !important;text-decoration:underline !important;font:bold 20px verdana !important;}
.red_big a:hover{color:white !important;background-color:red !important;}
a:hover .red_big{color:white !important;background-color:red !important;}
.highlight_g{background-color:#24ff00 !important;}
.highlight_y{background-color:#f0ff00 !important;}
.highlight_o{background-color:#ffda80 !important;}
.highlight_p{background-color:#ff80fb !important;}
.cited{font-style:italic !important;}

/* Avoid CMS conflict */
p.deleted,h1.deleted,h2.deleted,h3.deleted,h4.deleted,h5.deleted,h6.deleted,span.deleted{text-decoration:line-through !important;}

/* Search result styles */
span.searchedWord{font-weight:bold;}


/* Media object images for when the movie is not available and the rte */
img.flv,img.flv_lq,img.flv_hq {border:2px solid #ba2325;background: transparent url(/images/sys/ctl_rte_mediaflv.gif) no-repeat center center;}
img.swf,img.swf_lq,img.swf_hq {border:2px solid #ff0000;background: transparent url(/images/sys/ctl_rte_mediaswf.gif) no-repeat center center;}
img.mov,img.mov_lq, img.mov_hq {border:2px solid #00a7e2;background: transparent url(/images/sys/ctl_rte_mediamov.gif) no-repeat center center;}
img.wmv,img.wmv_lq,img.wmv_hq {border:2px solid #f4a80d;background: transparent url(/images/sys/ctl_rte_mediawmv.gif) no-repeat center center;}
img.object {border:2px solid #f0f35c;background: transparent url(/images/sys/ctl_rte_mediaobject.gif) no-repeat center center;}

/* Achor image for rich text */
img.anchor {border:none;background: transparent url(/images/sys/ctl_rte_anchorplaceholder.gif) no-repeat center center;}

/* Form input error styles, used in rich text forms and register forms etc */
.formErrors {background-color:white;border:2px double red;width:85%;font:11px verdana;padding:4px;margin:5px auto;}
.formErrors p{padding:1px;margin:0px;color:red;}
.formErrors ul{padding:0px;margin:0px;padding-left:20px;list-style-type:square;color:red;}
input.error {border:2px solid red;}
textarea.error {border:2px solid red;}
.error {color:red;}
.center.error {color:red;}
td.inputError, span.inputError {background-color:white;color:red;padding:3px 3px 8px 3px;line-height:1.5;}
td.inputError input.text,td.inputError textarea, p.inputError input.text, p.inputError textarea, input.text.inputError{background-color:white;border:2px double red;margin-bottom:0px;color:red;}
td.inputSuccess input.text, td.inputSuccess select, p.inputSuccess textarea,p.inputSuccess input.text, p.inputSuccess select, td.inputSuccess textarea, input.text.inputSuccess{background-color:white;border:2px double #33d300;color:#2eba01;}
p.inputError .error{font:11px verdana;}
input.inputSuccess, textarea.inputSuccess, select.inputSuccess {background-color:white;border:2px double #33d300;color:#2eba01;}
input.inputError, textarea.inputError, select.inputError {background-color:white;border:2px double red;color:red;}
/*.formerror {color:red;}*/

/* Style the member registration and login forms */
/*form.registerMember{font:11px verdana;}*/
form.registerMember th{text-align:right;}
form.registerMember td {padding:3px;}
/*form.registerMember input.text{padding:2px 3px;font:12px verdana;} removed in 2.16.1*/

form.checkoutForm{font:11px verdana;}
form.checkoutForm th{text-align:right;}
form.checkoutForm td {padding:3px;}
form.checkoutForm input.text{padding:2px 3px;font:12px verdana;}

form.loginForm input.text{padding:2px 3px;font:12px verdana;}
form.loginForm th{text-align:right;}
form.loginForm td {padding:3px;}
form.loginForm label{color:black;font:11px verdana;}

form#stageForm label{margin:0px;}

/* General Styles for forms */
form{font:11px verdana;}

/* Alignment styles */
p.center {text-align:center;}
p.hcenter,h1.hcenter,h2.hcenter,h3.hcenter,h4.hcenter, .panelStyleSet1 p.hcenter, .panelStyleSet2 p.hcenter, .panelStyleSet3 p.hcenter {text-align:center !important;}
p.hleft,h1.hleft,h2.hleft,h3.hleft,h4.hleft, .panelStyleSet1 p.hleft, .panelStyleSet2 p.hleft, .panelStyleSet3 p.hleft {text-align:left !important;}
p.hright,h1.hright,h2.hright,h3.hright,h4.hright, .panelStyleSet1 p.hright, .panelStyleSet2 p.hright, .panelStyleSet3 p.hright {text-align:right !important;}
form.center {text-align:center;}
form.center input {text-align:center;}
br.small {font:5px verdana;}
.center {text-align:center;}
.hcenter  {text-align:center;}
.hleft{text-align:left;}
.hright{text-align:right;}
body div div .hright {text-align:right;}
table.hright {margin-left:auto;}
table.hleft {margin-right:auto;}
table.hcenter {margin-left:auto;margin-right:auto;text-align:center;}


.ImageGalleryPanel table.hleft{margin-left:15px;margin-right:auto;}
.ImageGalleryPanel table.hright{margin-left:auto;margin-right:15px;}
.ImageGalleryPanel table.hcenter{margin-left:auto;margin-right:auto;}
.ImageGalleryPanel p.hleft{margin-left:15px;}
.ImageGalleryPanel p.hright{margin-right:15px;}
.ImageGalleryPanel p.hcenter{margin-left:auto;margin-right:auto;}

/* nostyle and nostyleb(for the whole node branc */
p.nostyle, p.nostyleb{margin:0px;padding:0px;border:none;background-color:transparent;}
p.nostyleb img, p.nostyleb a, p.nostyleb a:link,p.nostyleb a:hover,p.nostyleb a:visited {margin:0px;padding:0px;border:none;background-color:transparent;}
a.nostyle,a.nostyle:link,a.nostyle:visited,a.nostyle:hover{margin:0px;padding:0px;border:none;text-decoration:none;font-size:12px;background-color:transparent;}

/* For panel tops/bottoms, need to give it enough scope to override the panelTop/panelBottom style */
body div div .std.hright {text-align:right;}
body div div .std.hcenter {text-align:center;}
body div div .std.hleft {text-align:left;}

/* Google maps*/
div.hright div.dynamicMap {margin-left:auto;}
div.helft div.dynamicMap {margin-right:auto;}
div.hcenter div.dynamicMap {margin-left:auto;margin-right:auto;}
div.dynamicMap div.infoHtml {text-align:left;border:none;color:black;font:11px verdana;padding:0px;margin:0px;line-height:1.2;}
div.dynamicMap div.infoHtml div{padding-left:7px;}
div.dynamicMap div.infoHtml h2{color:#272727;font:bold 16px arial;padding:0px;margin:0px;text-align:left;margin-bottom:7px;}

/* Collapse tables, IE border-collapse is in conditional file */
table {border-spacing:0;}

/* Invisible tables need a high priority */
body table.invisible {border-spacing:0;border:none;}
body table.invisible tr, table.invisible tr td, table.invisible tr th{border:none;}
body table.invisible.center tr, table.invisible.center tr td, table.invisible.center tr th{border:none;}
body table.invisible.center {margin:auto;}

/* Default fonts for invisible talbes can be overriden however */
table.invisible {font:11px verdana;}

/* Rich text indent and list styles */
div.indent{margin:0px;padding:0px;border:none;margin-left:30px;}
ol {list-style-type:decimal}
ol ol{list-style-type:lower-alpha}
ol ol ol{list-style-type:lower-roman}
ol ol ol ol{list-style-type:decimal}

ul {list-style-type:square}
ul ul{list-style-type:circle}
ul ul ul{list-style-type:disc}
ul ul ul ul{list-style-type:square}

/* General image styles */
img {border:none;}
img.nostyle {padding:0px;margin:0px;background-color:transparent;border:none;}
img.none {padding:0px;margin:0px;}
img.right {float:right;} /*padding:8px 0px 8px 8px;*/
img.left {float:left; }/*padding:8px 8px 8px 0px;*/
img.left_image {float:left; } /*padding:8px 8px 8px 0px;*/
img.right_image {float:right; } /*padding:8px 0px 8px 8px;*/

/* Change cursor to be appropriate */
label, button, input.button{cursor:pointer;cursor:hand;}



/* By default all panels will clip content if it is too wide */
/* Width must be set to auto, or custom margins will expand the page width */
/* If they want to scroll content as opposed to clipping it, they will need to enter a width as well, this can be 100% or another value */
.contentPanel,.catalogPanel, .imagePanel,.newsPanel,
.productPanel,.memberPanel,.ecommercePanel,.layoutPanel,
.menuPanel, .columnPanel,.unstyledPanel,
.panelStyle1,.panelStyle2,.panelStyle3,
.panelStyle4,.panelStyle5,.panelStyle6,
.panelStyle7,.panelStyle9,.panelStyle9
{overflow-x:hidden;width:auto;clear:both;}

/* All browsers need this for the horizontal dropdown to work */
.hmenu{overflow-x:visible;}


/* Unstyled is a special type that can not be setup in the template, it has no BPM */
.unstyledPanel{border:none;margin:0px;padding:0px;background-color:transparent;}

/* Each panel type needs to be added here, most of these styles can be overriden in the template */
.contentPanelTop, .contentPanelBottom,
.catalogPanelTop, .catalogPanelBottom,
.imagePanelTop, .imagePanelBottom,
.newsPanelTop, .newsPanelBottom,
.productPanelTop, .productPanelBottom,
.memberPanelTop, .memberPanelBottom,
.ecommercePanelTop, .ecommercePanelBottom,
.layoutPanelTop, .layoutPanelBottom,
.menuPanelTop, .menuPanelBottom,
.columnPanelTop, .columnPanelBottom,
.unstyledPanelTop, .unstyledPanelBottom
{font-size:1px;line-height:0px;margin:0px;padding:0px;border:none;}

/* Specific styles for some panels */
div.loginHorizontalPanel p.center, div.loginHorizontalPanel p.left, div.loginHorizontalPanel p.right {margin:0px;padding:0px 2px 2px 2px;}

/* Panel top and bottom styles */
.panelTop1,.panelTop2,.panelTop3,.panelTop4,.panelTop5,
.panelTop6,.panelTop7,.panelTop8,.panelTop9
 {overflow:hidden;height:auto;}
 .panelBottom1,.panelBottom2,.panelBottom3,.panelBottom4,.panelBottom5,
.panelBottom6,.panelBottom7,.panelBottom8,.panelBottom9
 {overflow:hidden;height:auto;}
.pleft {float:left;}
.pright {float:right;}
.pmid {}

/* Setup the float clear class */
.clearFloat, .clearfloat, .clear, .clr, br.clr{border:none;margin:0px;padding:0px;background:transparent;clear:both;display:block;height:1px;font-size:0px;line-height:0px;float:none;}
ul li.clr{float:none;border:none;margin:0px;padding:0px;background:transparent;clear:both;display:block;height:1px;font-size:0px;line-height:0px;float:none;}
/* 
Panel Styles for menu are either verticalMenuPanel, productMenuPanel, or horizontalMenuPanel and control the styles 
of the tiers and buttons, they are styled in template design and do not control behaviour of the menu

The styles below are behaviour styles (menu types) and control how a menu displays and behaves.

vertical_normal, vertical_open and vertical_dropdown start of with the same behaviour but change individually further down
*/
.vertical_single,.vertical_normal, .vertical_open, .vertical_dropdown {text-decoration:none; width:auto; margin:0px;padding:0px; height: auto; z-index:40; background-color:transparent;top:0px;clear:both;}
.vertical_single,.vertical_normal, .vertical_open, .vertical_dropdown {position:static;}/* This causes the menu pause problem if set to relative */

.vertical_single li,.vertical_normal li, .vertical_open li, .vertical_dropdown li{list-style:none;margin:0px;padding:0px;background-color:transparent;}
.vertical_single ul,.vertical_normal ul, .vertical_open ul, .vertical_dropdown ul{margin:0px;padding:0px;width:100%;}
.vertical_normal ul ul, .vertical_open ul ul, .vertical_dropdown ul ul{margin:0px;padding:0px;width:100%;}

.vertical_normal li ul,.vertical_open li ul,.vertical_dropdown li ul {text-decoration:none; margin:0px;padding:0px;background-color:transparent;}
.vertical_normal li ul li,.vertical_open li ul li,.vertical_dropdown li ul li{margin:0px;padding:0px;background-color: transparent;}

.vertical_dropdown li ul li ul {text-decoration:none; margin:0px;padding:0px;background-color: transparent;}
.vertical_dropdown li ul li ul li{margin:0px;padding:0px;background-color: transparent;}

.vertical_single a, .vertical_single a:link, .vertical_single a:hover, .vertical_single a:visited,
.vertical_normal a, .vertical_normal a:link, .vertical_normal a:hover, .vertical_normal a:visited,
.vertical_open a, .vertical_open a:link, .vertical_open a:hover, .vertical_open a:visited,
.vertical_dropdown a, .vertical_dropdown a:link, .vertical_dropdown a:hover, .vertical_dropdown a:visited
{display:block; height:auto; margin:0px;background-color: transparent;}
/*text-decoration*/

.vertical_normal li ul li a, .vertical_normal li ul li a:link, .vertical_normal li ul li a:hover, .vertical_normal li ul li a:visited,
.vertical_open li ul li a, .vertical_open li ul li a:link, .vertical_open li ul li a:hover, .vertical_open li ul li a:visited,
.vertical_dropdown li ul li a, .vertical_dropdown li ul li a:link, .vertical_dropdown li ul li a:hover, .vertical_dropdown li ul li a:visited
{height:auto;display:block;width:auto;}

.vertical_normal li ul li ul li a, .vertical_normal li ul li ul li a:link, .vertical_normal li ul li ul li a:hover, .vertical_normal li ul li ul li a:visited,
.vertical_open li ul li ul li a, .vertical_open li ul li ul li a:link, .vertical_open li ul li ul li a:hover, .vertical_open li ul li ul li a:visited,
.vertical_dropdown li ul li ul li a, .vertical_dropdown li ul li ul li a:link, .vertical_dropdown li ul li ul li a:hover, .vertical_dropdown li ul li ul li a:visited
{height:auto;}

/* IE 5, 5.5 menu item space fix */
* html .vertical_single li,* html .vertical_normal li,* html .vertical_open li,* html .vertical_dropdown li {height:2px;font-size:0px;line-height:0;margin:0px;padding:0px;} 

/*IE Fix: allows you select the whole menu button instead of just the text*/
* html .vertical_single a,* html .vertical_single a:link,* html .vertical_single a:hover,* html .vertical_single a:visited,
* html .vertical_normal a,* html .vertical_normal a:link,* html .vertical_normal a:hover,* html .vertical_normal a:visited,
* html .vertical_open a,* html .vertical_open a:link,* html .vertical_open a:hover,* html .vertical_open a:visited,
* html .vertical_dropdown a,* html .vertical_dropdown a:link,* html .vertical_dropdown a:hover,* html .vertical_dropdown a:visited 
{height:15px;}

/*IE Fix: allows you select the whole menu button instead of just the text*/
* html .vertical_normal li ul li a,* html .vertical_normal li ul li a:link,* html .vertical_normal li ul li a:hover,* html .vertical_normal li ul li a:visited,
* html .vertical_open li ul li a,* html .vertical_open li ul li a:link,* html .vertical_open li ul li a:hover,* html .vertical_open li ul li a:visited,
* html .vertical_dropdown li ul li a,* html .vertical_dropdown li ul li a:link,* html .vertical_dropdown li ul li a:hover,* html .vertical_dropdown li ul li a:visited 
{height:15px;}

/*IE Fix: allows you select the whole menu button instead of just the text*/
* html .vertical_normal li ul li ul li a,* html .vertical_normal li ul li ul li a:link,* html .vertical_normal li ul li ul li a:hover,* html .vertical_normal li ul li ul li a:visited,
* html .vertical_open li ul li ul li a,* html .vertical_open li ul li ul li a:link,* html .vertical_open li ul li ul li a:hover,* html .vertical_open li ul li ul li a:visited,
* html .vertical_dropdown li ul li ul li a,* html .vertical_dropdown li ul li ul li a:link,* html .vertical_dropdown li ul li ul li a:hover,* html .vertical_dropdown li ul li ul li a:visited
{height:15px;}



/* vertical_dropdown menu behaviour & styles */
.vertical_dropdown a, .vertical_dropdown a:link, .vertical_dropdown a:visited{display:block;height:1%;white-space:normal;position:static;}
.vertical_dropdown a {width:auto;}.vertical_dropdown ul  a, .vertical_dropdown ul  a:link, .vertical_dropdown ul a:visited{/*width:200px;*/white-space:normal;display:block;}
.vertical_dropdown ul ul  a, .vertical_dropdown ul ul  a:link, .vertical_dropdown  ul ul a:visited{/*width:200px;*/white-space:normal;display:block;}
.vertical_dropdown div.hoverzone, .vertical_dropdown ul div.hoverzone{min-width:1px;position:absolute; z-index:1000;padding:0px;margin:0px;background-color:transparent;background-image:url(transparent.gif);top:auto;left:auto;display:none;border:none;margin-top:0px;margin-left:80px;}/*border:2px solid #ff9c00;margin-left:78px;}*/
.vertical_dropdown ul div.hoverzone{margin:0px;border:none;clear:both;margin-top:0px;margin-left:80px;}/*border:2px solid #ffd200;margin-left:78px;}*/
.vertical_dropdown div.minihoverzone{height:40px;width:20px;margin:0px;margin-left:60px;border:none;display:none;position:absolute;z-index:100;background-image:url(transparent.gif);left:auto;top:auto;}
* html .vertical_dropdown ul li {clear:none;float:left;}
.vertical_dropdown li:hover div.hoverzone{display:block;}
.vertical_dropdown li:hover div.minihoverzone{display:block;}
.vertical_dropdown li:hover ul div.hoverzone{display:none;}
.vertical_dropdown li:hover ul div.minihoverzone{display:none;}
.vertical_dropdown li:hover ul ul div.hoverzone{display:none;}
.vertical_dropdown li:hover ul ul div.minihoverzone{display:none;}
.vertical_dropdown li ul li:hover div.hoverzone{display:block;}
.vertical_dropdown li ul li:hover div.minihoverzone{display:block;}
.vertical_dropdown li:hover ul ul div.hoverzone{display:none;}
.vertical_dropdown li:hover ul ul div.minihoverzone{display:none;}
.vertical_dropdown li ul li ul li:hover div.hoverzone{display:block;}
.vertical_dropdown li ul li ul li:hover div.minihoverzone{display:block;}
/*.vertical_dropdown ,.vertical_dropdown ul{list-style:none;height:auto;}*/
/*.vertical_dropdown ul{position:static;z-index:200;}*/
/*.vertical_dropdown div.minihoverzone{margin:0px;margin-left:60px;border:none;}/*border:2px solid #ffd200;}*/
/*.vertical_dropdown div.minihoverzone{width:20px;height:40px;margin:0px;display:none;position:absolute;z-index:100;background-image:url(transparent.gif);left:auto;top:auto;margin-left:60px;border:none;border:2px solid #ff9c00;width:16px;}*/

/* horizontal_dropdown menu behaviour & styles */
.horizontal_single, .horizontal_dropdown {display:block;height:auto;width:auto;background-color:transparent;top:0px;padding:0px;margin:0px;width:100%;}
.horizontal_single, .horizontal_dropdown {width:auto;zoom:1;}/*2.00.10 change*/
.horizontal_single li, .horizontal_dropdown li{list-style:none;padding:0px;margin:0px;width:auto;height:auto;float:left;background-color:transparent;}
.horizontal_single a, .horizontal_dropdown a {width:auto;height:auto;margin:0px;display:block;}

/* horizontal menu alignment */
.menuStyle1,.menuStyle2,.menuStyle3, .menuStyle4, .menuStyle5, .menuStyle6
{position:relative;clear:both;float:left;width:100%;height:auto;position:static;text-align:center;}

.menuStyle1 span.acenter,.menuStyle2 span.acenter,.menuStyle3 span.acenter,.menuStyle4 span.acenter,.menuStyle5 span.acenter,.menuStyle6 span.acenter
{margin:auto;float:none;clear:none;width:auto;display:-moz-inline-box;display:inline-block;border:none;position:static;text-align:center;}

.menuStyle1 span.acenter ul.horizontal_dropdown,.menuStyle2 span.acenter ul.horizontal_dropdown,.menuStyle3 span.acenter ul.horizontal_dropdown,.menuStyle4 span.acenter ul.horizontal_dropdown,.menuStyle5 span.acenter ul.horizontal_dropdown,.menuStyle6 span.acenter ul.horizontal_dropdown,
.menuStyle1 span.acenter ul.horizontal_single,.menuStyle2 span.acenter ul.horizontal_single,.menuStyle3 span.acenter ul.horizontal_single,.menuStyle4 span.acenter ul.horizontal_single,.menuStyle5 span.acenter ul.horizontal_single,.menuStyle6 span.acenter ul.horizontal_single
{clear:both;text-align:center;position:static;zoom:normal;float:left;}

.menuStyle1 span.aleft ul.horizontal_dropdown,.menuStyle2 span.aleft  ul.horizontal_dropdown,.menuStyle3 span.aleft ul.horizontal_dropdown,.menuStyle4 span.aleft ul.horizontal_dropdown,.menuStyle5 span.aleft ul.horizontal_dropdown,.menuStyle6 span.aleft ul.horizontal_dropdown,
.menuStyle1 span.aleft ul.horizontal_single,.menuStyle2 span.aleft  ul.horizontal_single,.menuStyle3 span.aleft ul.horizontal_single,.menuStyle4 span.aleft ul.horizontal_single,.menuStyle5 span.aleft ul.horizontal_single,.menuStyle6 span.aleft ul.horizontal_single
{clear:both;float:left;position:static;text-align:left;}

.menuStyle1 span.aright ul.horizontal_dropdown,.menuStyle2 span.aright ul.horizontal_dropdown,.menuStyle3 span.aright ul.horizontal_dropdown,.menuStyle4 span.aright ul.horizontal_dropdown,.menuStyle5 span.aright ul.horizontal_dropdown,.menuStyle6 span.aright ul.horizontal_dropdown,
.menuStyle1 span.aright ul.horizontal_single,.menuStyle2 span.aright ul.horizontal_single,.menuStyle3 span.aright ul.horizontal_single,.menuStyle4 span.aright ul.horizontal_single,.menuStyle5 span.aright ul.horizontal_single,.menuStyle6 span.aright ul.horizontal_single
{clear:both;float:right;position:static;text-align:right;}

/* Hotfix in 2.07 for menu container changes */
.menuStyle1 div.centerMenu,.menuStyle2 div.centerMenu,.menuStyle3 div.centerMenu,.menuStyle4 div.centerMenu,.menuStyle5 div.centerMenu,.menuStyle6 div.centerMenu
{margin:auto;float:none;clear:none;width:auto;display:-moz-inline-box;display:inline-block;border:none;position:static;text-align:center;}

.menuStyle1 div.centerMenu ul.horizontal_dropdown,.menuStyle2 div.centerMenu ul.horizontal_dropdown,.menuStyle3 div.centerMenu ul.horizontal_dropdown,.menuStyle4 div.centerMenu ul.horizontal_dropdown,.menuStyle5 div.centerMenu ul.horizontal_dropdown,.menuStyle6 div.centerMenu ul.horizontal_dropdown,
.menuStyle1 div.centerMenu ul.horizontal_single,.menuStyle2 div.centerMenu ul.horizontal_single,.menuStyle3 div.centerMenu ul.horizontal_single,.menuStyle4 div.centerMenu ul.horizontal_single,.menuStyle5 div.centerMenu ul.horizontal_single,.menuStyle6 div.centerMenu ul.horizontal_single
{clear:both;text-align:center;position:static;zoom:normal;float:left;}

.menuStyle1 div.leftMenu ul.horizontal_dropdown,.menuStyle2 div.leftMenu  ul.horizontal_dropdown,.menuStyle3 div.leftMenu ul.horizontal_dropdown,.menuStyle4 div.leftMenu ul.horizontal_dropdown,.menuStyle5 div.leftMenu ul.horizontal_dropdown,.menuStyle6 div.leftMenu ul.horizontal_dropdown,
.menuStyle1 div.leftMenu ul.horizontal_single,.menuStyle2 div.leftMenu  ul.horizontal_single,.menuStyle3 div.leftMenu ul.horizontal_single,.menuStyle4 div.leftMenu ul.horizontal_single,.menuStyle5 div.leftMenu ul.horizontal_single,.menuStyle6 div.leftMenu ul.horizontal_single
{clear:both;float:left;position:static;text-align:left;}

.menuStyle1 div.rightMenu ul.horizontal_dropdown,.menuStyle2 div.rightMenu ul.horizontal_dropdown,.menuStyle3 div.rightMenu ul.horizontal_dropdown,.menuStyle4 div.rightMenu ul.horizontal_dropdown,.menuStyle5 div.rightMenu ul.horizontal_dropdown,.menuStyle6 div.rightMenu ul.horizontal_dropdown,
.menuStyle1 div.rightMenu ul.horizontal_single,.menuStyle2 div.rightMenu ul.horizontal_single,.menuStyle3 div.rightMenu ul.horizontal_single,.menuStyle4 div.rightMenu ul.horizontal_single,.menuStyle5 div.rightMenu ul.horizontal_single,.menuStyle6 div.rightMenu ul.horizontal_single
{clear:both;float:right;position:static;text-align:right;}


.horizontal_single a, .horizontal_single a:link, .horizontal_single a:visited,
.horizontal_dropdown a, .horizontal_dropdown a:link, .horizontal_dropdown a:visited
{display:block;height:1%;white-space:nowrap;}

.horizontal_single a, .horizontal_dropdown a {width:auto;}
* html .horizontal_single a, * html .horizontal_dropdown a {width:5px;}
.horizontal_dropdown ul{position:relative; width:auto;z-index:30; height:auto;position:static;}
.horizontal_dropdown ul  a, .horizontal_dropdown ul  a:link, .horizontal_dropdown  ul a:visited{white-space:normal;width:auto;white-space:nowrap;}
.horizontal_dropdown ul ul  a, .horizontal_dropdown ul ul  a:link, .horizontal_dropdown  ul ul a:visited{white-space:normal;width:auto;white-space:nowrap;}
.horizontal_dropdown div.hoverzone, .horizontal_dropdown ul div.hoverzone{position:absolute;z-index:110;padding:0px;background-color:transparent;background-image:url(transparent.gif);display:none;border:none;width:auto;margin:0px;top:auto;left:auto;min-width:50px;margin-top:0px;margin-left:20px;}
.horizontal_dropdown ul div.hoverzone{padding: 20px 20px 20px 5px;padding:0px;left:auto;top:auto;display:none;margin:0px;border:none;min-width:50px;margin-top:-20px;margin-left:148px;}
.horizontal_dropdown div.minihoverzone{width:20px;height:40px;position:absolute;left:100%;z-index:60;background-image:url(transparent.gif);display:none;left:auto;top:auto;border:none;margin:0px;margin-left:130px;}
* html .horizontal_dropdown ul {width:2px;}
.horizontal_dropdown li {list-style:none;float:left;/*font-size:0px;*/line-height:0;margin:0px;padding:0px;}
.horizontal_dropdown ul li {clear:both;float:none;}
*html .horizontal_dropdown ul li {clear:none;float:left;}
.horizontal_dropdown li:hover div.hoverzone{display:block;}
.horizontal_dropdown li:hover ul div.hoverzone{display:none;}
.horizontal_dropdown li:hover ul ul div.hoverzone{display:none;}
.horizontal_dropdown li:hover ul ul div.minihoverzone{display:none;}
.horizontal_dropdown li ul li:hover div.hoverzone{display:block;}
.horizontal_dropdown li ul li:hover div.minihoverzone{display:block;}
.horizontal_dropdown li:hover ul ul div.hoverzone{display:none;}
.horizontal_dropdown li:hover ul ul div.minihoverzone{display:none;}
.horizontal_dropdown li ul li ul li:hover div.hoverzone{display:block;}
.horizontal_dropdown li ul li ul li:hover div.minihoverzone{display:block;}


/* Override styling for next/previous page link and images */
a.refererUrl, a.refererUrl:link, a.refererUrl:visited, a.refererUrl:hover{margin:2px 10px;font-size:11px;}
a.refererUrl img{border:none;}

/* News List panel image styles need to override any template styles for floating, borders etc are control with template style however */
img.newsimage_top {margin:4px 4px;margin:0px;margin-bottom:4px;}
img.newsimage_left {float:left;margin:0px 8px;}
img.newsimage_right {float:right;margin:0px 8px;}

/* Add some styles for extraImages in newsview and productview */
.extraImageContainer.productView{width:245px;margin:auto;margin-top:5px;}
.extraImageContainer.newsView{width:90%;margin:auto;margin-top:5px;}
.extraImageContainer h6{font-size:11px;border-bottom:1px solid black;height:1.5em;}
.extraImageContainer.productView a.alternateImage{height:50px;width:50px;}
.extraImageContainer.newsView a.alternateImage{height:80px;width:80px;}
.extraImageContainer a.alternateImage, .extraImageContainer a.alternateImage:link,.extraImageContainer a.alternateImage:visited,.extraImageContainer a.alternateImage:hover
{border:none;background:transparent none no-repeat center;display:block;margin:5px 5px;float:left;padding:0px;}
.extraImageContainer a.alternateImage:hover{margin:1px 5px 9px 5px;}


/* These are the containers that will have their fixed height calculated, they don't get styled, but the td element within them does.*/
/* See v2_Image Styles.doc */
div.list_image,div.list_productimage{display:block;width:auto;height:50px;background:transparent none no-repeat top center;}
div.icon_image,div.icon_productimage{display:block;width:auto;height:80px;background:transparent none no-repeat top center;}
div.thumb_image,div.thumb_productimage{display:block;width:auto;height:110px;background:transparent none no-repeat top center;}
div.medium_image,div.medium_productimage{display:block;width:auto;height:250px;background:transparent none no-repeat top center;}

/* Line height fix for the white space under the image */
div.list_image a, div.list_image a:link, div.list_image a:hover, div.list_image a:visited{line-height:0;}
div.icon_image a, div.icon_image a:link, div.icon_image a:hover, div.icon_image a:visited{line-height:0;}
div.thumb_image a, div.thumb_image a:link, div.thumb_image a:hover, div.thumb_image a:visited{line-height:0;}
div.medium_image a, div.medium_image a:link, div.medium_image a:hover, div.medium_image a:visited{line-height:0;}
div.list_productimage a, div.list_productimage a:link, div.list_productimage a:hover, div.list_productimage a:visited{line-height:0;}
div.icon_productimage a, div.icon_productimage a:link, div.icon_productimage a:hover, div.icon_productimage a:visited{line-height:0;}
div.thumb_productimage a, div.thumb_productimage a:link, div.thumb_productimage a:hover, div.thumb_productimage a:visited{line-height:0;}
div.medium_productimage a, div.medium_productimage a:link, div.medium_productimage a:hover, div.medium_productimage a:visited{line-height:0;}

/* Style the table that contains the image to be centered */
div.list_image table,div.list_productimage table,
div.icon_image table,div.icon_productimage table,
div.thumb_image table,div.thumb_productimage table,
div.medium_image table,div.medium_productimage table
{margin:0px auto;padding:0px;}

/* Must set width or it might be overriden by other styles */
div.list_image table td,div.list_productimage table td,
div.icon_image table td,div.icon_productimage table td,
div.thumb_image table td,div.thumb_productimage table td,
div.medium_image table td,div.medium_productimage table td
{padding:0px;width:auto;}

/* Alignment for images, it will default to center this will override it */
div.aleft table
{margin:0px auto 0px 0px;}
div.aright table
{margin:0px 0px 0px auto;}
div.acenter table
{margin:0px auto;}
div.aleft,p.aleft,h1.aleft,h2.aleft,h3.aleft,h4.aleft,h5.aleft,h6.aleft{text-align:left;}
div.aright,p.aright,h1.aright,h2.aright,h3.aright,h4.aright,h5.aright,h6.aright{text-align:right;}
div.acenter,p.acenter,h1.acenter,h2.acenter,h3.acenter,h4.acenter,h5.acenter,h6.acenter{text-align:center;}
div.acenter div{margin:auto;}
div.aright div{margin-left:auto;margin-right:0px;}
h3.image_title.acenter,p.image_caption.acenter{text-align:center;}
h3.image_title.aleft,p.image_caption.aleft{text-align:left;}
h3.image_title.aright,p.image_caption.aright{text-align:right;}

.imgtxtfl{display:block;float:left;margin-right:10px;}
.imgtxtfr{display:block;float:right;margin-left:10px;}
div.imgtxtfl div table,div.imgtxtfr div table{margin:0px;}






.imageGallery .box_container .image_box{position:static;float:left;text-align:center;overflow:hidden;}


.productCatalog div.buttons {text-align:center;}
.productCatalog div.buttons button{width:9em;overflow:visible;}

/*.productViewer table.product_properties{margin-left:auto;margin-right:auto;}*/
.productInfoBox {margin:0px;width:auto;float:none;padding:5px 10px;background-color:transparent;}
.productInfoBox {overflow:hidden;} /* This is required to set a new Block Formatting Context so we can clear floats withouting clearing the outside nested floats */
.productProperties {margin-left:auto;margin-right:auto;width:220px;overflow:hidden;}/* Overflow hidden enforces a float clear */
.productProperties dt {float:left;width:100px;margin:0px;padding:0px;clear:left;}
.productProperties dd {width:100px;margin:0px;padding:0px;float:none;float:left;}
.productAttributes {background-color:#f5f5f5;border:1px solid #e2e2e2;margin:auto;color:black;}
.productAttributes .heading{text-decoration:underline;font-weight:bold;font-size:12px;color:#000000;display:block;padding:0px;margin:0px;margin-bottom:10px;}
.productAttributes label{border:none;background-color:transparent;cursor:default;margin:3px;color:#525858;display:inline-block;vertical-align:middle;}

/* Legacy styles moved from inline in 2.16.1 */
.productAttributes td:first-child {padding:10px;}
.productViewer select.addQty {background-color:#fbd247;color:blue;font:bold 14px arial;border:2px solid #5060a0;padding:1px 0px;}


.productCatalog tr.spacer td {border-left:none;border-right:none;background-color:transparent;}


div.buttons {text-align:center;}

.productCatalog .box_container .product_box {position:static;border:1px solid black;float:left;text-align:center;overflow:hidden;}
table.list_container{width:100%;}


p.registration_error {color:red;}

.product_price.onsale, table .product_price.onsale, div .product_price.onsale {text-decoration: line-through;}
.product_price.sale, table .product_price.sale, div .product_price.sale {color:red;}
.strike {text-decoration: line-through;}

.productViewer .productDetails{border-bottom:1px solid black;}
.productViewer .relatedDownloads{border-bottom:1px solid black;}
.productViewer .imageContainer {width:250px;float:left;padding:5px 15px;background-color:transparent;}


table.shopping_cart_panel {width:100%;margin:0px; padding:0px; vertical-align:top;border:none;border-collapse:collapse;}
table.shopping_cart_panel td {text-align:left;vertical-align:middle;margin:0px;padding:2px;font: 11px verdana;}

input.ordernumber {width:100%;background-color:transparent;border:none; font:11px verdana;cursor:pointer;cursor:hand; text-align:left;color:#6aa4db;}


table.pricebox, table#product_detailed table.pricebox {vertical-align:middle;border-collapse:collapse;border:none;margin:auto;}
table.pricebox td, table#product_detailed table.pricebox td {text-align:center;vertical-align:middle;margin:0px;padding:2px;border:none;}

table.product_details {vertical-align:middle;border-collapse:collapse;border:none;font:11px verdana;}
table.product_details td  {text-align:left;vertical-align:middle;margin:0px;padding:2px 5px;border:none;}
table.product_details th {text-align:right;vertical-align:middle;margin:0px;padding:2px 5px;border:none;}

table.new_address {vertical-align:middle;border-collapse:collapse;border:none;font:11px verdana;}
table.new_address td  {text-align:left;vertical-align:middle;margin:0px;padding:2px 5px;border:none;}

table.alternate_addresses {width:95%; vertical-align:top;border-collapse:collapse;border:none;font:11px verdana;}
table.alternate_addresses td  {text-align:left;vertical-align:top;margin:0px;padding:5px 5px;border:none;}





/* Individual cell alignment in tables */
/* We prefix with body to give it a higher importance without having to declare each table class it can effect */
body table td.align_tl, body table th.align_tl {vertical-align:top;text-align:left;}
body table td.align_tr, body table th.align_tr {vertical-align:top;text-align:right;}
body table td.align_tc, body table th.align_tc {vertical-align:top;text-align:center;}
body table td.align_cl, body table th.align_cl {vertical-align:middle;text-align:left;}
body table td.align_cr, body table th.align_cr {vertical-align:middle;text-align:right;}
body table td.align_cc, body table th.align_cc {vertical-align:middle;text-align:center;}




table.mydownloads {font: 11px verdana; width:90%;border-collapse:collapse;border:1px solid red;}
table.mydownloads th {background-color:#dcdcdc;padding:5px;border:1px solid black;}
table.mydownloads td {vertical-align:top;padding:5px;border:1px solid #f1f1f1;}

span.floatClear {clear:both;display:block;}

h2.resourceHeading span{font-size:smaller;}


/* Slideshows and Carousels */
.slideSelector {padding:0px;border:1px solid gray;width:100%;overflow:hidden;overflow-x:scroll;white-space:nowrap;margin:0px;}
.slideSelector a, .slideSelector a:hover, .slideSelector a:link, .slideSelector a:visited {padding:2px 10px;margin:0px;cursor:pointer;cursor:hand;display:table-cell;display:inline-block;overflow:hidden;border:none;background-color:transparent;text-decoration:none;}
.slideSelector a img{margin:0px;padding:0px;border:none;}
.slideSelector a.selected{background-color:transparent;}
.slideSelector a span.reflect{margin:0px;padding:0px;overflow:hidden;}
.slideSelector .bumper {zoom:1;}

.slideShow {position:relative;margin:5px auto;width:500px;padding:0px;background-color:transparent;z-index:1;}
.slideShow div.slideLeft,.slideCarousel div.slideLeft{top:0px;left:0px;cursor:pointer;cursor:hand;position:absolute;display:none;z-index:5010;top:40%;}
.slideShow div.slideRight,.slideCarousel div.slideRight{top:0px;right:0px;cursor:pointer;cursor:hand;position:absolute;display:none;z-index:5010;top:40%;}

.slideCarousel {position:relative;margin:5px auto;width:500px;padding:0px;background-color:transparent;z-index:1;}
.slideCarousel .slideView.thumb{height:140px;border:10px solid orange;}

.slideView {position:relative;width:100%;height:200px;overflow:hidden;color:black;}
.slideView .slide {position:relative;display:block;width:100%;height:100%;text-align:center;margin:0px;}
.slideView .slide a{position:absolute;display:block;top:0px;left:0px;width:10px;height:10px;z-index:300;padding:0px;}
.slideView .slide a.imageLink{height:auto;width:100%;top:auto;bottom:5px;z-index:200;padding:0px;}
.slideView .slide .slideLeft{width:20px;height:auto;top:40%;left:0px;right:auto;z-index:5010;}
.slideView .slide .slideRight{width:20px;height:auto;top:40%;left:auto;right:0px;z-index:5010;}

.slideView .slide .slideLeft{background: transparent url(/images/sys/slideshow_sprites.gif) no-repeat 0px 0px;width:18px;height:22px;filter:alpha(opacity=60);opacity:0.60;}
.slideView .slide .slideRight{background: transparent url(/images/sys/slideshow_sprites.gif) no-repeat -18px 0px;width:18px;height:22px;filter:alpha(opacity=60);opacity:0.60;}
.slideShow div.slideLeft,.slideCarousel div.slideLeft{background: transparent url(/images/sys/slideshow_sprites.gif) no-repeat 0px 0px;width:18px;height:23px;filter:alpha(opacity=60);opacity:0.60;}
.slideShow div.slideRight,.slideCarousel div.slideRight{background: transparent url(/images/sys/slideshow_sprites.gif) no-repeat -18px 0px;width:18px;height:23px;filter:alpha(opacity=60);opacity:0.60;}

.slideView .slide .slideLeft:hover,.slideView .slide .slideRight:hover,
.slideShow div.slideLeft:hover,.slideCarousel div.slideLeft:hover,
.slideShow div.slideRight:hover,.slideCarousel div.slideRight:hover
{filter:alpha(opacity=100);opacity:1.0;}

/* Adjustments for caption types */
.slideView.uCaptions .slide a.imageLink{bottom:45px;bottom:55px;}
.slideView.oCaptions .slide a.imageLink{bottom:0px;}

/* They can style the p element within the caption, even change margins and padding if they like */
.slideView .slide .caption{z-index:500;position:absolute;width:100%;height:45px;bottom:0px;left:0px;overflow:hidden;height:55px;}
.slideView .slide .caption div{z-index:501;position:absolute;width:100%;height:100%;bottom:0px;left:0px;background-color:black;}
.slideView .slide .caption p{z-index:502;position:relative;margin:0px;font:11px verdana;margin:3px;}
.slideView .slide .caption p a{position:static;display:inline;font:bold 12px arial;color:black;}

.slideView .carouselCaption {z-index:5000;text-align:center;height:45px;position:absolute;bottom:0px;left:0px;width:100%;display:none;font:11px verdana;height:55px;}
.slideView .carouselCaption div{z-index:5001;position:absolute;width:100%;height:100%;bottom:0px;left:0px;background-color:black;}
.slideView .carouselCaption p{z-index:5002;position:relative;margin:0px;font:11px verdana;margin:3px;padding:0px;}
.slideView .carouselCaption p a{position:static;display:inline;font:bold 12px arial;color:black;padding:0px;}
.slideView.oCaptions .carouselCaption p{color:white;}
.slideView.oCaptions .carouselCaption p a{color:white;}

/* Give these more importance so the text alignment option works regardless of template style */
body .slideView .carouselCaption p.aleft{text-align:left;}
body .slideView .carouselCaption p.aright{text-align:right;}
body .slideView .carouselCaption p.acenter{text-align:center;}
body .slideView .slide .caption p.aleft{text-align:left;}
body .slideView .slide .caption p.aright{text-align:right;}
body .slideView .slide .caption p.acenter{text-align:center;}

.blackTheme img{border:none;margin:0px;}
.blackTheme {background-color:black;}
.blackTheme .slideView .slide p{color:white;}
.blackTheme .slideView .slide p a{color:white;}
.blackTheme .slideView .slide .slideLeft{color:white;}
.blackTheme .slideView .slide .slideRight{color:white;}
.blackTheme div.slideLeft{color:white;}
.blackTheme div.slideRight{color:white;}
.blackTheme .slideView .slide .caption div{background-color:#303030;filter:alpha(opacity=50);opacity:0.50;}
.blackTheme .slideView .carouselCaption div{background-color:#303030;filter:alpha(opacity=50);opacity:0.50;}
.blackTheme .slideView.uCaptions .carouselCaption p{color:white;font:11px verdana;margin:3px;}
.blackTheme .slideView.uCaptions .carouselCaption p a{color:white;font:bold 12px arial;}
.blackTheme .slideView .slide .slideLeft{background-position:0px -23px;}
.blackTheme .slideView .slide .slideRight{background-position:-18px -23px;}
 .slideShow.blackTheme div.slideLeft, .slideCarousel.blackTheme div.slideLeft{background-position:0px -23px;}
 .slideShow.blackTheme div.slideRight, .slideCarousel.blackTheme div.slideRight{background-position:-18px -23px;}

.whiteTheme img{border:none;margin:0px;}
.whiteTheme {background-color:white;}
.whiteTheme .slideView .slide p{color:black;}
.whiteTheme .slideView .slide p a{color:black;}
.whiteTheme .slideView .slide .slideLeft{color:black;}
.whiteTheme .slideView .slide .slideRight{color:black;}
.whiteTheme div.slideLeft{color:black;}
.whiteTheme div.slideRight{color:black;}
.whiteTheme .slideView .slide .caption div{background-color:#303030;filter:alpha(opacity=50);opacity:0.50;}
.whiteTheme .slideView .carouselCaption div{background-color:#303030;filter:alpha(opacity=50);opacity:0.50;}
.whiteTheme .slideView.oCaptions .slide p{color:white;font:11px verdana;margin:3px;}
.whiteTheme .slideView.oCaptions .slide p a{color:white;font:bold 12px arial;}
.whiteTheme .slideView.uCaptions .carouselCaption p{color:black;}
.whiteTheme .slideView.uCaptions .carouselCaption p a{color:black;}


/* Image margins by size */

img.m0000{margin:0px;}img.m1111{margin:2px;}img.m2222{margin:5px;}img.m3333{margin:10px;}img.m4444{margin:15px;}

img.m0001{margin:0px 0px 0px 2px;}img.m0010{margin:0px 0px 2px 0px;}img.m0011{margin:0px 0px 2px 2px;}img.m0100{margin:0px 2px 0px 0px;}
img.m0101{margin:0px 2px 0px 2px;}img.m0110{margin:0px 2px 2px 0px;}img.m0111{margin:0px 2px 2px 2px;}img.m1000{margin:2px 0px 0px 0px;}
img.m1001{margin:2px 0px 0px 2px;}img.m1010{margin:2px 0px 2px 0px;}img.m1011{margin:2px 0px 2px 2px;}img.m1100{margin:2px 2px 0px 0px;}
img.m1101{margin:2px 2px 0px 2px;}img.m1110{margin:2px 2px 2px 0px;}

img.m0002{margin:0px 0px 0px 5px;}img.m0020{margin:0px 0px 5px 0px;}img.m0022{margin:0px 0px 5px 5px;}img.m0200{margin:0px 5px 0px 0px;}
img.m0202{margin:0px 5px 0px 5px;}img.m0220{margin:0px 5px 5px 0px;}img.m0222{margin:0px 5px 5px 5px;}img.m2000{margin:5px 0px 0px 0px;}
img.m2002{margin:5px 0px 0px 5px;}img.m2020{margin:5px 0px 5px 0px;}img.m2022{margin:5px 0px 5px 5px;}img.m2200{margin:5px 5px 0px 0px;}
img.m2202{margin:5px 5px 0px 5px;}img.m2220{margin:5px 5px 5px 0px;}

img.m0003{margin:0px 0px 0px 10px;}img.m0030{margin:0px 0px 10px 0px;}img.m0033{margin:0px 0px 10px 10px;}img.m0300{margin:0px 10px 0px 0px;}
img.m0303{margin:0px 10px 0px 10px;}img.m0330{margin:0px 10px 10px 0px;}img.m0333{margin:0px 10px 10px 10px;}img.m3000{margin:10px 0px 0px 0px;}
img.m3003{margin:10px 0px 0px 10px;}img.m3030{margin:10px 0px 10px 0px;}img.m3033{margin:10px 0px 10px 10px;}img.m3300{margin:10px 10px 0px 0px;}
img.m3303{margin:10px 10px 0px 10px;}img.m3330{margin:10px 10px 10px 0px;}

img.m0004{margin:0px 0px 0px 15px;}img.m0040{margin:0px 0px 15px 0px;}img.m0044{margin:0px 0px 15px 15px;}img.m0400{margin:0px 15px 0px 0px;}
img.m0404{margin:0px 15px 0px 15px;}img.m0440{margin:0px 15px 15px 0px;}img.m0444{margin:0px 15px 15px 15px;}img.m4000{margin:15px 0px 0px 0px;}
img.m4004{margin:15px 0px 0px 15px;}img.m4040{margin:15px 0px 15px 0px;}img.m4044{margin:15px 0px 15px 15px;}img.m4400{margin:15px 15px 0px 0px;}
img.m4404{margin:15px 15px 0px 15px;}img.m4440{margin:15px 15px 15px 0px;}

.flvPlayerContainer {text-align:center;padding:0px;border:none;position:relative;}
.flvPlayerContainer object{padding:0px;margin:0px;}
.flvPlayerContainer div{text-align:center;padding:0px;background:#000000 url(/images/sys/flvplayer.gif) no-repeat left bottom;border:4px solid #4b4b4b;padding-bottom:30px;top:0px;bottom:0px;position:absolute;left:0px;right:0px;}
.flvPlayerContainer img{border:none;padding:none;margin:none;vertical-align:middle;}
.flvPlayerContainer h6,.flvPlayerContainer h6 a:link,.flvPlayerContainer h6 a:visited,.flvPlayerContainer h6 a:hover{font:bold 18px Arial, Helvetica, sans-serif;color:white;text-align:center;margin:10px 3px;}
.flvPlayerContainer h6 a:link,.flvPlayerContainer h6 a:visited {text-decoration:underline;}
.flvPlayerContainer h6 a:hover {text-decoration:underline;color:orange;}
.flvPlayerContainer p{font:11px Verdana, Geneva, sans-serif;color:white;text-align:center;margin:5px;}
.flvPlayerContainer a:link,.flvPlayerContainer a:visited{font:10px Verdana, Geneva, sans-serif;color:#008def;text-align:center;text-decoration:none;}
.flvPlayerContainer a:hover{color:#0072c2;}

.contactForm {}
.contactForm.aleft {margin-left:5px;margin-right:auto;text-align:left;}
.contactForm.aright {margin-left:auto;margin-right:5px;text-align:left;}
.contactForm.acenter {margin:auto;margin-right:auto;text-align:left;}
.contactForm table tr{vertical-align:top;}
.contactForm label{margin:2px;padding:3px;margin-top:8px;display:inline-block;}
.contactForm textarea{vertical-align:bottom;margin-bottom:3px;}
.contactForm select {margin-bottom:2px;}
.contactForm.style1left, .contactForm.style1top {width:535px;}
.contactForm.style2left, .contactForm.style2top {width:635px;}
.contactForm.style3left, .contactForm.style3top {width:690px;}
.contactForm.style1left label{display:inline-block;width:160px;vertical-align:middle;margin:2px;padding:5px;}
.contactForm.style2left label{display:inline-block;width:60px;vertical-align:middle;margin:2px;padding:5px;}
.contactForm.style3left label{display:inline-block;width:80px;vertical-align:middle;margin:2px;padding:5px;}
.contactForm.style1left label.ta {vertical-align:top;}
.contactForm.style2left label.ta {vertical-align:top;}
.contactForm.style3left label.ta {vertical-align:top;}
.contactForm.style2top table td.col2{padding-left:30px;}
.contactForm.style3top table {width:100%;}
.contactForm.style3top table td{width:50%;}
.contactForm input.antiSpam{height:29px;font:bold 24px arial;text-align:center;vertical-align:bottom;}
.contactForm img.antiSpam{vertical-align:bottom;}
.contactForm .submitButton {margin-top:20px;text-align:right;text-align:center;float:right;}

table.customForm {margin:auto;}
table.customForm.aleft {margin-left:5px;margin-right:auto;}
table.customForm.aright {margin-left:auto;margin-right:5px;}
table.customForm.acenter {margin:auto;margin-right:auto;}
.customForm td {padding:5px 10px 5px 5px;vertical-align:top;}
.customForm input {margin:0px;vertical-align:middle;}
.customForm label{margin:2px;padding:3px;margin-top:8px;display:inline-block;}
.customForm label.itemlabel{vertical-align:middle;}
.customForm label.aleft{display:inline-block;width:160px;vertical-align:middle;margin:2px;padding:5px;}
.customForm label.aleft.w50{width:50px;}
.customForm label.aleft.w80{width:80px;}
.customForm label.aleft.w110{width:110px;}
.customForm label.aleft.w180{width:180px;}
.customForm label.aleft.w220{width:220px;}
.customForm label.aleft.w290{width:290px;}
.customForm label.aleft.w350{width:350px;}
.customForm label.aleft.w400{width:400px;}
.customForm label.top {vertical-align:top;}
.customForm span.groupbox {display:inline-block;vertical-align:middle;;}
.customForm input.antiSpam{height:29px;font:bold 24px arial;text-align:center;vertical-align:bottom;}
.customForm img.antiSpam{vertical-align:bottom;}
.customForm h2.hcenter  {text-align:center;}
.customForm h2.hleft {text-align:left;}
.customForm h2.hright{text-align:right;}

table.images_2c,table.images_3c,table.images_4c,table.images_5c,table.images_6c,table.images_7c,table.images_8c,table.images_9c,table.images_10c {margin:auto;}
/*table.images_2c h3,table.images_3c h3,table.images_4c h3,table.images_5c h3 {margin-bottom:0px;margin-top:0px;padding-bottom:0px;padding-top:0px;}*/
table.images_2c td{width:48%;vertical-align:top;}
table.images_3c td{width:32%;vertical-align:top;}
table.images_4c td{width:24%;vertical-align:top;}
table.images_5c td{width:19%;vertical-align:top;}
table.images_6c td{width:16%;vertical-align:top;}
table.images_7c td{width:14%;vertical-align:top;}
table.images_8c td{width:12%;vertical-align:top;}
table.images_9c td{width:11%;vertical-align:top;}
table.images_10c td{width:9%;vertical-align:top;}

/* Tooltip container must be static so that the absolute positioned tip is not cut off by overflow hidden column */
body div a.tooltip
{
border:none;color: #000000;outline:none;text-decoration:none;position:relative;
display:inline-block;width:15px;height:15px;
vertical-align:middle;cursor:help;margin:0px 3px 0px 5px;padding:0px;position:static;
}
body div span.groupbox a.tooltip{float:right;margin:2px 0px 0px 5px;}
body div  a.tooltip:hover {z-index:9999;}
	
body div  a.tooltip span 
{
margin-left: -9999px;position:absolute;width:250px;display:block;font-size:14px;font-family: Calibri, Tahoma, Geneva, sans-serif;
color:black;padding: 9px 30px 9px 9px;margin-top:20px;
border-radius: 5px 5px; -moz-border-radius: 5px;box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
}
		
body div  a.tooltip span.w200{width:200px;}
body div  a.tooltip span.w150{width:150px;}
body div  a.tooltip span.w100{width:100px;}
body div  a.tooltip span.w50{width:50px;}

body div  a.tooltip:hover span {margin-left:-125px;z-index:50;}
body div  a.tooltip:hover span.w200{margin-left:-100px;}
body div  a.tooltip:hover span.w150{margin-left:-75px;}
body div  a.tooltip:hover span.w100{margin-left:-50px;}
body div  a.tooltip:hover span.w50{margin-left:-25px;}
body div  a.tooltip:hover img {border:none;position:absolute;right:-20px;left:auto;top:-10px;margin:0px;}
body div  a.tooltip.tipStyle1 {background:transparent url(../images/sys/tip-style1icon.png) no-repeat right center;}
body div  a.tooltip.tipStyle1 span{background: #d1dffc; border: 2px solid #306ce6;	}
body div  a.tooltip.tipStyle2 {background:transparent url(../images/sys/tip-style2icon.png) no-repeat right center;}
body div  a.tooltip.tipStyle2 span{background: #ffe2bf; border: 2px solid #f7962e;	}
body div  a.tooltip.tipStyle3 {background:transparent url(../images/sys/tip-style3icon.png) no-repeat right center;}
body div  a.tooltip.tipStyle3 span{background: #b2feb5; border: 2px solid #009f03;	}
body div  a.tooltip.tipStyle4 {background:transparent url(../images/sys/tip-style4icon.png) no-repeat right center;}
body div  a.tooltip.tipStyle4 span{background: #e9e9e9; border: 2px solid #5c5c5c;	}
body div  a.tooltip.tipStyle5 {background:transparent url(../images/sys/tip-style5icon.png) no-repeat right center;}
body div  a.tooltip.tipStyle5 span{background: #ffd9d9; border: 2px solid #ef3737;	}
body div  a.tooltip.tipStyle6 {background:transparent url(../images/sys/tip-style6icon.png) no-repeat right center;}
body div  a.tooltip.tipStyle6 span{background: #ffd9f5; border: 2px solid #ee55c5;	}

/* Built in table styles */
table.scmsBlue {border:1px solid #4f81bd;background-color:white;}
table.scmsBlue td{border:1px solid #4f81bd;padding:2px;color:black;}
table.scmsBlue th{border:1px solid #4f81bd;background-color:#4f81bd;padding:2px;font-weight:bold;color:white;}
table.scmsOrange {border:1px solid #ff8400;background-color:white;}
table.scmsOrange td{border:1px solid #ff8400;padding:2px;color:black;}
table.scmsOrange th{border:1px solid #ff8400;background-color:#ff8400;padding:2px;font-weight:bold;color:white;}
table.scmsGreen {border:1px solid #008403;background-color:white;}
table.scmsGreen td{border:1px solid #008403;padding:2px;color:black;}
table.scmsGreen th{border:1px solid #008403;background-color:#008403;padding:2px;font-weight:bold;color:white;}
table.scmsRed {border:1px solid #ed1f24;background-color:white;}
table.scmsRed td{border:1px solid #ed1f24;padding:2px;color:black;}
table.scmsRed th{border:1px solid #ed1f24;background-color:#ed1f24;padding:2px;font-weight:bold;color:white;}
table.scmsPink {border:1px solid #f812b9;background-color:white;}
table.scmsPink td{border:1px solid #f812b9;padding:2px;color:black;}
table.scmsPink th{border:1px solid #f812b9;background-color:#f812b9;padding:2px;font-weight:bold;color:white;}
table.scmsSilver {border:1px solid #d4d4d4;background-color:white;}
table.scmsSilver td{border:1px solid #d4d4d4;padding:2px;color:black;}
table.scmsSilver th{border:1px solid #d4d4d4;background-color:#d4d4d4;padding:2px;font-weight:bold;color:black;}
table.scmsGrey {border:1px solid #8c8c8c;background-color:white;}
table.scmsGrey td{border:1px solid #8c8c8c;padding:2px;color:black;}
table.scmsGrey th{border:1px solid #8c8c8c;background-color:#8c8c8c;padding:2px;font-weight:bold;color:white;}
table.scmsCharcoal {border:1px solid #3f3f3f;background-color:white;}
table.scmsCharcoal td{border:1px solid #3f3f3f;padding:2px;color:#3f3f3f;}
table.scmsCharcoal th{border:1px solid #3f3f3f;background-color:#3f3f3f;padding:2px;font-weight:bold;color:white;}
table.scmsBlack {border:1px solid black;background-color:white;}
table.scmsBlack td{border:1px solid black;padding:2px;color:black;}
table.scmsBlack th{border:1px solid black;background-color:black;padding:2px;font-weight:bold;color:white;}


/* Rounded table corners, we also need to turn off borders and round backgrounds of cells that will overlap outside the corner*/
table.rnd{-moz-border-radius:6px;border-radius:6px;}
table.rnd thead tr:first-child th:first-child{-moz-border-radius-topleft:5px;border-top-left-radius:5px;}
table.rnd thead tr:first-child th:last-child{-moz-border-radius-topright:5px;border-top-right-radius:5px;}
table.rnd tbody tr:last-child th:first-child{-moz-border-radius-bottomleft:5px;border-bottom-left-radius:5px;}
table.rnd tbody tr:last-child th:last-child{-moz-border-radius-bottomright:5px;border-bottom-right-radius:5px;}
table.rnd tr:first-child th,table.rnd tr:first-child td{border-top:none;}
table.rnd tr:last-child th,table.rnd tr:last-child td{border-bottom:none;}
table.rnd th:first-child, table.rnd td:first-child{border-left:none;}
table.rnd th:last-child, table.rnd td:last-child{border-right:none;}

table.shdw{box-shadow: 6px 6px 6px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 6px 6px rgba(0, 0, 0, 0.3); -moz-box-shadow: 6px 6px rgba(0, 0, 0, 0.3)}

img.rnd{-moz-border-radius:6px;border-radius:6px;}
img.shdw{box-shadow: 6px 6px 6px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 6px 6px rgba(0, 0, 0, 0.3); -moz-box-shadow: 6px 6px rgba(0, 0, 0, 0.3)}
img.shdwout{-moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.8);-webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.8);box-shadow: 0 0 6px rgba(0, 0, 0, 0.8);}

.checkoutWrapperA {position:relative;overflow:hidden;margin-bottom:20px;}
.checkoutWrapperB {float:left;left:50%;position:relative;}
.checkoutStages {float:left;left:-50%;position:relative;}
.checkoutStages .stageName {display:inline-block;position:relative;}
.checkoutStages .stageNumber {display:inline;position:absolute;}
.checkoutStages .stageArrow {display:inline;position:absolute;}

.checkoutStages a, .checkoutStages a:link, .checkoutStages a:hover, .checkoutStages a:visited{background-color:transparent;text-decoration:none;font-weight:normal;border:none;padding:0px;margin:0px;line-height:1.0;}
.checkoutStages a:hover{cursor:pointer;cursor:hand;}

.stageComplete .stageNumber{background-color:#4cdf38;}
.stageComplete .stageName{background-color:#4cdf38;}

.cartHorizontalBox {white-space:nowrap;}
.cartHorizontalBox .cartDataBox{display:-moz-inline-stack;display:inline-block;vertical-align:middle;}
.cartHorizontalBox .cartButtonBox{display:-moz-inline-stack;display:inline-block;vertical-align:middle;}

/* IE7 inline block fixes */
.cartHorizontalBox .cartDataBox{zoom:1;*display:inline;}
.cartHorizontalBox .cartButtonBox{zoom:1;*display:inline;}

/* Search style 1*/
.search1 {text-align:center;}
.search1 label {padding:0px;vertical-align:middle;margin-right:5px;}
.search1 input {vertical-align:middle;}
.search1 .options {text-align:center;margin:0px;padding:0px;}

.search1 .submit{cursor:pointer;filter:alpha(opacity=95);opacity:0.90;overflow:visible;margin:1px;border:none;padding:0px;height:25px;width:98px;background:transparent url(../images/sys/search-style1-sprites.png) no-repeat 0px 0px;}
.search1 .submit:hover{filter:alpha(opacity=100);opacity:1.0;}
.search1 .submit:active{filter:alpha(opacity=50);opacity:0.5;}

.search1 .submit.disabled{filter:alpha(opacity=50);opacity:0.5;}
.search1 .submit.disabled:hover{filter:alpha(opacity=50);opacity:0.5;}
.search1 .submit.disabled:active{filter:alpha(opacity=50);opacity:0.5;}

.search1 .submit.white{background-position:0px 0px;}
.search1 .submit.silver{background-position:0px -25px;}
.search1 .submit.black{background-position:0px -50px;}
.search1 .submit.blue{background-position:0px -75px;}
.search1 .submit.cyan{background-position:0px -100px;}
.search1 .submit.green{background-position:0px -125px;}
.search1 .submit.lime{background-position:0px -150px;}
.search1 .submit.yellow{background-position:0px -175px;}
.search1 .submit.orange{background-position:0px -200px;}
.search1 .submit.red{background-position:0px -225px;}
.search1 .submit.pink{background-position:0px -250px;}
.search1 .submit.purple{background-position:0px -275px;}

/* Search style 2 */
.search2 {position:relative;padding:0px;margin:0px;height:auto;}
.search2 .searchLeft {z-index:1;height:50px;background:transparent url(../images/sys/search-style2-sprites.png) no-repeat 0px 0px;position:absolute;left:0px;top:0px;right:50px;}
.search2 .searchRight {z-index:1;height:50px;background:transparent url(../images/sys/search-style2-sprites.png) no-repeat 0px -60px;position:absolute;right:0px;top:0px;width:50px;}
.search2 form {position:relative;z-index:2;margin-right:0px;width:auto;}
.search2 form input.text {padding:0;margin:18px 0px 0px 0px;border:none;background:none;width:100%;}
.search2 form input.submit {z-index:2;position:absolute;top:9px;right:9px;cursor:pointer;margin:0px;position:absolute;width:30px;height:30px;}
.search2 form label {padding:0px;vertical-align:middle;margin-right:5px;}
.search2 form input {vertical-align:middle;}
/*IE7 inherit margin bug fix*/ .search2 form input.text { *margin-left: -14px; }
.search2 .query {height:50px;margin:0px 50px 0px 14px;}
.search2 .options {text-align:center;margin:0px;padding:0px;}
.search2.white .searchLeft{background-position:0px -50px;}
.search2.silver .searchLeft{background-position:0px -100px;}
.search2.black .searchLeft{background-position:0px -150px;}
.search2.blue .searchLeft{background-position:0px -200px;}
.search2.cyan .searchLeft{background-position:0px -250px;}
.search2.green .searchLeft{background-position:0px -300px;}
.search2.lime .searchLeft{background-position:0px -350px;}
.search2.yellow .searchLeft{background-position:0px -400px;}
.search2.orange .searchLeft{background-position:0px -450px;}
.search2.red .searchLeft{background-position:0px -500px;}
.search2.pink .searchLeft{background-position:0px -550px;}
.search2.purple .searchLeft{background-position:0px -600px;}
.search2.white .searchRight{background-position:0px 0px;}
.search2.silver .searchRight{background-position:-50px 0px;}
.search2.black .searchRight{background-position:-100px 0px;}
.search2.blue .searchRight{background-position:-150px 0px;}
.search2.cyan .searchRight{background-position:-200px 0px;}
.search2.green .searchRight{background-position:-250px 0px;}
.search2.lime .searchRight{background-position:-300px 0px;}
.search2.yellow .searchRight{background-position:-350px 0px;}
.search2.orange .searchRight{background-position:-400px 0px;}
.search2.red .searchRight{background-position:-450px 0px;}
.search2.pink .searchRight{background-position:-500px 0px;}
.search2.purple .searchRight{background-position:-550px 0px;}
			
.search3{position:relative;padding:0px;margin:0px;height:auto;}
.search3 .searchLeft {z-index:1;height:38px;background:transparent url(../images/sys/search-style3-sprites.png) no-repeat 0px 0px;position:absolute;left:0px;top:0px;right:74px;}
.search3 .searchRight {z-index:1;height:38px;background:transparent url(../images/sys/search-style3-sprites.png) no-repeat 0px -38px;position:absolute;right:0px;top:0px;width:74px;}
.search3 form {position:relative;z-index:2;margin:0px;width:auto;}
.search3 form input.text {padding:0;margin:11px 0px 0px 0px;border:none;background:none;width:100%;}
.search3 form input.submit {z-index:2;position:absolute;cursor:pointer;margin:0px;position:absolute;top:4px;right:4px;width:66px;height:30px;}
.search3 form label {padding:0px;vertical-align:middle;margin-right:5px;}
.search3 form input {vertical-align:middle;}
/*IE7 inherit margin bug fix*/ .search3 form input.text { *margin-left: -34px; }
.search3 .query {height:38px;margin:0px 80px 0px 34px;}
.search3 .options {text-align:center;margin:0px;padding:0px;}
.search3.white .searchRight{background-position:0px -38px;}
.search3.silver .searchRight{background-position:-74px -38px;}
.search3.black .searchRight{background-position:-148px -38px;}
.search3.blue .searchRight{background-position:-222px -38px;}
.search3.cyan .searchRight{background-position:-296px -38px;}
.search3.green .searchRight{background-position:-370px -38px;}
.search3.lime .searchRight{background-position:-444px -38px;}
.search3.yellow .searchRight{background-position:-518px -38px;}
.search3.orange .searchRight{background-position:-592px -38px;}
.search3.red .searchRight{background-position:-666px -38px;}
.search3.pink .searchRight{background-position:-740px -38px;}
.search3.purple .searchRight{background-position:-814px -38px;}

div.checkoutTerms {text-align:center;} 
div.checkoutTerms input{vertical-align:middle;}
div.checkoutTerms label{vertical-align:middle;}
div.checkoutTerms div{text-align:left;width:90%;margin:auto;height:auto;max-height:200px;overflow-y:auto;background-color:white;border:1px solid black;color:black;font:12px Courier New;padding:8px;}


.shareBar {background-color:transparent;padding:0px;margin:0px;}
.shareBar.hleft{margin-right:auto;}
.shareBar.hright{margin-left:auto;}
.shareBar.hcenter{margin:auto;}

.shareBar div{background-color:white;padding:2px 1px 2px 1px;}
.shareBar div.style1{border-radius:4px;-moz-border-radius:4px;}
.shareBar div.style2{border-radius:3px;-moz-border-radius:3px;}
/*
.shareBar td{background-color:white;padding:2px 2px 5px;}
*/
.shareBar span{vertical-align:middle;font:12px verdana;color:#525252;margin-left:5px;}
.shareBar a,.shareBar a:link,.shareBar a:visited,.shareBar a:hover{margin:0px 1px;vertical-align:middle;display:inline-block;cursor:pointer;background:transparent url(../images/sys/sharebar-sprites.png) no-repeat 0px 0px;}
.shareBar .style1 .twitter{width:32px;height:32px;background-position:0px 0px;}
.shareBar .style1 .facebook{width:32px;height:32px;background-position:-32px 0px;}
.shareBar .style1 .linkedin{width:32px;height:32px;background-position:-64px 0px;}
.shareBar .style1 .delicious{width:32px;height:32px;background-position:-96px 0px;}
.shareBar .style1 .email{width:32px;height:32px;background-position:-128px 0px;}
.shareBar .style1 .pintrest{width:32px;height:32px;background-position:-160px 0px;}

.shareBar .style2 .twitter{width:59px;height:20px;background-position:0px -33px;}
.shareBar .style2 .facebook{width:59px;height:20px;background-position:-59px -33px;}
.shareBar .style2 .linkedin{width:59px;height:20px;background-position:-118px -33px;}
.shareBar .style2 .delicious{width:59px;height:20px;background-position:-177px -33px;}
.shareBar .style2 .email{width:59px;height:20px;background-position:-236px -33px;}
.shareBar .style2 .pintrest{width:59px;height:20px;background-position:-295px -33px;}

.newsViewer .dataBox1{float:right;text-align:right;padding:0px;margin:0px;font-style:italic;font-size:90%;}
.newsViewer .dataBox2{float:left;padding:0px;margin:0px 8px;font-style:italic;font-size:90%;}

.searchResults img{margin:0px 8px 5px 0px;}

.ccForm {background-color:white;border:2px solid blue;padding:10px;border:none;margin:20px;font:11px verdana;color:black;}
.ccForm {border-radius:6px;-moz-border-radius:6px;}
.ccForm {-moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.8);-webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.8);box-shadow: 0 0 6px rgba(0, 0, 0, 0.8);}
.ccForm p{color:black;}
.ccForm table{width:300px;border:1px solid green;float:left;color:black;margin:0px 10px 0px 0px;border:none;}
.ccForm table table{width:auto;margin:0px;}
.ccForm td{text-align:left;color:black;}
.ccForm form{text-align:left;color:black;}
.ccForm div.ccMessage {border:1px solid red;font:12px verdana;color:black;margin:0px 0px 10px 0px;border:none;}
.ccForm div.ccAmount {color:black;font:18px arial;text-align:center;}

table#checkoutGuestOption .guestBox {padding:5px;border:1px solid silver;background-color:white;}
table#checkoutGuestOption .loginBox {padding:5px;border:1px solid silver;background-color:white;}
table#checkoutGuestOption .or {padding:20px;}

/* Layout divider columns */
.dividerColumn {/*overflow-y:hidden;*/margin:0px;float:left;min-height:12px;}
[data-divider-flex] .dividerColumn {float:none;}

/* Generic widths of layout dividers */
.width5 {width:5%;}
.width10 {width:10%;}
.width15 {width:15%;}
.width16 {width:16%;}
.width17 {width:17%;}
.width20 {width:20%;}
.width25 {width:25%;}
.width30 {width:30%;}
.width33 {width:33%;}
.width33-33{width:33.33%;}
.width34 {width:34%;}
.width35 {width:35%;}
.width40 {width:40%;}
.width45 {width:45%;}
.width50 {width:50%;}
.width55 {width:55%;}
.width60 {width:60%;}
.width65 {width:65%;}
.width66 {width:66%;}
.width66-67{width:66.67%;}
.width67 {width:67%;}
.width70 {width:70%;}
.width75 {width:75%;}
.width80 {width:80%;}
.width85 {width:85%;}
.width90 {width:90%;}
.width95 {width:95%;}
.width100 {width:100%;}

/* Flex for divider columns added in 2.16.1 */
[data-divider-flex] {display:flex;}
.flex {}
.flex-1-1-0 {flex:1 1 0;}
.flex-2-1-0 {flex:2 1 0;}
.flex-3-1-0 {flex:3 1 0;}
.flex-0-0-auto {flex:0 0 auto;}
.flex-1-1-auto {flex:1 1 auto;}
.flex-2-1-auto {flex:2 1 auto;}
.flex-3-1-auto {flex:3 1 auto;}

/* Default styles for multiCurrency feature in product viewer*/
.productViewer .productInfoBox .multiCurrencyBox {margin-top:15px;}
.productViewer .productInfoBox .multiCurrencyBox .currencyItem {display:inline-block;min-width:50px;padding:3px;margin:6px;}

/* Default styles for shipping quote features on my cart page */
.shippingQuote {background-color:#F1F1F1;border-radius:6px;margin:10px auto;padding:10px;box-sizing:border-box;width:400px;max-width:100%;border:2px solid white;}
.shippingQuote h3 {color:black;margin:0;padding:0;margin-bottom:6px;}
.shippingQuote h4 {color:black;margin:0;padding:0;margin-bottom:5px;}
.shippingQuote ul {margin:0;}
.shippingQuote ul li{margin:0 0 0 15px;color:black;}
.shippingQuote ul li + li {margin-top:6px;}
.shippingQuote > div {padding:8px 10px;margin:0 10px;background-color:#F9F9F9;border-radius:4px;border:1px solid #E6E6E6;float:none;}
.shippingQuote select {margin-bottom:5px;max-width:100%;}
.shippingQuote input[type="submit"] {margin-top:10px;}


.subscriptionCheckout .stage1 .billingDetails {max-width:350px;width:90%;}
.subscriptionCheckout .stage1 .billingDetails .inputWrapper {display:inline-block;vertical-align:top;}
.subscriptionCheckout .stage1 .billingDetails .inputWrapper.firstName {width:48%;}
.subscriptionCheckout .stage1 .billingDetails .inputWrapper.lastName {margin-left:4%;width:48%;}
.subscriptionCheckout .stage1 .billingDetails .inputWrapper.suburb {width:66%;}
.subscriptionCheckout .stage1 .billingDetails .inputWrapper.postcode {margin-left:4%;width:30%;}
.subscriptionCheckout .stage1 .billingDetails input[type="text"] {width:100%;box-sizing:border-box;}
.subscriptionCheckout .stage2 .checkoutTerms div.scrollingTerms {max-height:150px;overflow-y:auto;}

/*.subscriptionCheckout .stage2 {max-width:600px;margin:auto;}*/

.subscriptionInvoice {background-color:white;box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);border-radius:4px;padding:10px;font:14px arial;max-width:600px;margin:15px auto;}
.subscriptionInvoice .detailBox {border:1px solid #4f4f4f;text-align:left;display:inline-block;vertical-align:top;min-height:110px;box-sizing:border-box;}
.subscriptionInvoice .detailBox h2{background-color:#4f4f4f;color:white;padding:5px;margin:0;text-align:left;font:inherit;}
.subscriptionInvoice .detailBox p {text-align:left;font:14px arial;margin:6px;padding:0;line-height:1.1;font:inherit;}
.subscriptionInvoice .detailBox {width:48%;}
.subscriptionInvoice .detailBox + .detailBox {margin-left:4%;}
.subscriptionInvoice .lineItems {margin-top:10px;padding:0;box-sizing:border-box;width:100%;}
.subscriptionInvoice .lineItems table {border:1px solid #4f4f4f;width:100%;font:inherit;margin:0;}
.subscriptionInvoice .lineItems table th{background-color:#4f4f4f;color:white;padding:5px;font:inherit;font-weight:bold;}
.subscriptionInvoice .lineItems table td {padding:5px;color:black;font:inherit;}
.subscriptionInvoice .lineItems table th:nth-child(1) {text-align:left;}
.subscriptionInvoice .lineItems table td:nth-child(1) {text-align:left;}
.subscriptionInvoice .lineItems table th:nth-child(2) {text-align:center;}
.subscriptionInvoice .lineItems table td:nth-child(2) {text-align:center;}
.subscriptionInvoice .lineItems table th:nth-child(3) {text-align:center;}
.subscriptionInvoice .lineItems table td:nth-child(3) {text-align:center;}
.subscriptionInvoice .lineItems table th:nth-child(4) {text-align:right;}
.subscriptionInvoice .lineItems table td:nth-child(4) {text-align:right;}
.subscriptionInvoice .lineItems table th:nth-child(5) {text-align:right;}
.subscriptionInvoice .lineItems table td:nth-child(5) {text-align:right;}
.subscriptionInvoice .lineItems.noRef table th:nth-child(2) {display:none;}
.subscriptionInvoice .lineItems.noRef table td:nth-child(2) {display:none;}
.subscriptionInvoice .priceSummary table {margin:10px 0 10px auto;width:210px;max-width:100%;color:black;}
.subscriptionInvoice .priceSummary table th {text-align:right;font:inherit;font-weight:bold;}
.subscriptionInvoice .priceSummary table td {text-align:right;font:inherit;}

.MySubscriptions .subscriptionList {background-color:white;box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);border-radius:4px;padding:10px;font:14px arial;margin:15px 10px;}
.MySubscriptions .subscriptionList table {width:100%;}
.MySubscriptions .subscriptionList table th {text-align:center;background-color:#4f4f4f;color:white;padding:5px;font:inherit;font-weight:bold;}
.MySubscriptions .subscriptionList table td {text-align:center;padding:5px;color:black;font:inherit;}
.MySubscriptions .subscriptionList table th:nth-child(1) {text-align:left;}
.MySubscriptions .subscriptionList table td:nth-child(1) {text-align:left;}
.MySubscriptions .subscriptionList table th:nth-child(2) {text-align:left;}
.MySubscriptions .subscriptionList table td:nth-child(2) {text-align:left;}

.MySubscriptions .paymentMethods {margin-top:20px;}

.MySubscriptions .invoiceList {background-color:white;box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);border-radius:4px;padding:10px;font:14px arial;margin:15px 10px;}
.MySubscriptions .invoiceList table {width:100%;}
.MySubscriptions .invoiceList table th {text-align:center;background-color:#4f4f4f;color:white;padding:5px;font:inherit;font-weight:bold;vertical-align:top;}
.MySubscriptions .invoiceList table td {text-align:center;padding:5px;color:black;font:inherit;}
.MySubscriptions .invoiceList table th:nth-child(1) {text-align:center;}
.MySubscriptions .invoiceList table td:nth-child(1) {text-align:center;}
.MySubscriptions .invoiceList table th:nth-child(2) {text-align:center;}
.MySubscriptions .invoiceList table td:nth-child(2) {text-align:center;}
.MySubscriptions .invoiceList table th:nth-child(3) {text-align:center;}
.MySubscriptions .invoiceList table td:nth-child(3) {text-align:center;}
.MySubscriptions .invoiceList table th:nth-child(4) {text-align:center;}
.MySubscriptions .invoiceList table td:nth-child(4) {text-align:center;}
.MySubscriptions .invoiceList table th:nth-child(5) {text-align:center;}
.MySubscriptions .invoiceList table td:nth-child(5) {text-align:center;}
.MySubscriptions button.linkButton {background:none !important;border:none;padding:0 !important;font:inherit;border-bottom:1px solid #444;cursor:pointer;}

.MySubscriptions .ViewSubscription h2.subscriptionFamily{}
.MySubscriptions .ViewSubscription h3.subscriptionName{font-style:italic;}

.ViewSubscriptionInvoice .paymentButtons {text-align:center;}

.globalLoginForm {background-color:white;box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.5);border-radius:3px;padding:10px;font:14px arial;margin:15px 10px;max-width:330px;}
.globalLoginForm label {display:inline-block;width:100px;text-align:right;}
.globalLoginForm input {margin:5px 5px;}
.globalLoginForm .buttons {text-align:center;}
.globalLoginForm p.signInMessage {margin:0 0 10px 0;padding:0;}


#blogPanel {box-sizing:border-box;display:flex;}
#blogPanel * {box-sizing:border-box;}
#blogPanel div.main {flex:1 auto;}
#blogPanel .pages {display:flex;}
#blogPanel .pages .numbers {display:flex;flex:1 auto;}
#blogPanel .pages a {display:inline-flex;align-items:center;justify-content:center;}

/* Auto fill up to 6 numbers, but have a maximum width for when there are less than 6 numbers to show */
#blogPanel .pages a.num {flex:1 auto;max-width:17%;}

#blogCategoryPanel {box-sizing:border-box;display:flex;}
#blogCategoryPanel * {box-sizing:border-box;}
#blogCategoryPanel div.main {flex:1 auto;}
#blogCategoryPanel .pages {display:flex;}
#blogCategoryPanel .pages .numbers {display:flex;flex:1 auto;}
#blogCategoryPanel .pages a {display:inline-flex;align-items:center;justify-content:center;}

/* Auto fill up to 6 numbers, but have a maximum width for when there are less than 6 numbers to show */
#blogCategoryPanel .pages a.num {flex:1 auto;max-width:17%;}

#blogPostPanel {box-sizing:border-box;display:flex;}
#blogPostPanel * {box-sizing:border-box;}
#blogPostPanel div.main {flex:1 auto;}
#blogPostPanel div.main article.mainPost {overflow:auto;}

#authorPanel{box-sizing:border-box;}
#authorPanel * {box-sizing:border-box;}
#authorPanel article.author {display:flex;overflow:auto;}
#authorPanel div.authorPosts {overflow:auto;}

#pagesize {display:block;width:1300px;margin-left:auto;margin-right:auto;}
#pageheading {display:block;height:auto;}
#pagefooter {display:block;height:auto;}
#block1_wrapper {z-index:150;float:left;width:1300px;margin-left:0px;}
* html #block1_wrapper {display: inline;}
#block2_wrapper {float:left;width:0px;display:none;z-index:50;}
#block3_wrapper {float:left;width:0px;display:none;z-index:50;}
#block4_wrapper {float:left;width:0px;display:none;z-index:50;}
#block5_wrapper {float:left;width:0px;display:none;z-index:50;}
#block1_wrapper, #block2_wrapper, #block3_wrapper, #block4_wrapper, #block5_wrapper{overflow:visible;}
*html #block1_wrapper, #block2_wrapper, #block3_wrapper, #block4_wrapper, #block5_wrapper{overflow:hidden;}
.verticalalign{position: absolute;bottom: 0;}
#column_wrapper {position: relative;overflow: visible;}
#column_wrapper:after {display: block; height: 0; clear: both; visibility: hidden;}
#column_wrapper {display: inline-block;}
/*\*/#column_wrapper {display: block;}
/* Reset styles updated in June 2017, loosely based on normalize.css and Eric Meyers */
html {
  line-height: 1.15; }

html * {
  box-sizing: border-box; }

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

td {
  vertical-align: middle; }

body {
  line-height: 1.2; }

article, aside, details, footer, header, menu, nav, section, figcaption, figure, main {
  display: block; }

ol, ul {
  list-style: none; }

ol li, ul li {
  list-style-type: inherit; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

b, strong {
  font-weight: inherit;
  font-weight: bolder; }

small {
  font-size: 80%; }

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

audio, video {
  display: inline-block; }

img {
  border-style: none; }

button, input, optgroup, select, textarea {
  font-family: sans-serif;
  font-size: 100%;
  line-height: 1.15;
  margin: 0; }

button, input {
  overflow: visible; }

button, select {
  text-transform: none; }
/* Remove the inner border and padding in Firefox. */
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0; }

button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText; }

fieldset {
  padding: 0.35em 0.75em 0.625em; }

textarea {
  overflow: auto; }

#pagesize {
  margin-left: auto;
  margin-right: auto;
  background-color: transparent;
  width: 100%;
  background-repeat: no-repeat;
  background-position: top left; }

#column_wrapper {
  width: 100%; }

#column_wrapper {
  max-width: 100%; }

#pageheading {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  background-repeat: no-repeat;
  background-position: top left; }

#pageheading {
  max-width: 100%; }

#pagefooter {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  background-repeat: no-repeat;
  background-position: top left; }

#pagefooter {
  max-width: 100%; }

body.frontend, #dpe_pageContainer {
  background-color: #7e7976;
  background-repeat: no-repeat;
  background-position: top left; }

#header1-outer {
  background-repeat: no-repeat;
  background-position: top left; }

#footer1-outer {
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: top left; }

ul {
  margin-left: 20px;
  padding-left: 20px;
  list-style-type: disc; }

ul li {
  list-style-type: inherit; }

ol {
  margin-left: 20px;
  padding-left: 20px;
  list-style-type: decimal; }

ol li {
  list-style-type: inherit; }

.panelStyleSet1 ul {
  margin-left: 40px;
  padding-left: 40px; }

.panelStyleSet1 ul li {
  list-style-type: disc; }

.panelStyleSet1 ol {
  margin-left: 40px;
  padding-left: 40px; }

.panelStyleSet1 ol li {
  list-style-type: decimal; }

.panelStyleSet2 ul {
  margin-left: 40px;
  padding-left: 40px; }

.panelStyleSet2 ul li {
  list-style-type: disc; }

.panelStyleSet2 ol {
  margin-left: 40px;
  padding-left: 40px; }

.panelStyleSet2 ol li {
  list-style-type: decimal; }

.panelStyleSet3 ul {
  margin-left: 40px;
  padding-left: 40px; }

.panelStyleSet3 ul li {
  list-style-type: disc; }

.panelStyleSet3 ol {
  margin-left: 40px;
  padding-left: 40px; }

.panelStyleSet3 ol li {
  list-style-type: decimal; }

table.ts1 {
  width: 90%;
  height: auto; }

table.ts2 {
  width: 90%;
  height: auto; }

table.ts3 {
  width: 90%;
  height: auto; }

.menuStyle1 {
  width: 100%;
  height: auto; }

.menuStyle1 .leftcap {
  background-color: blue;
  width: 25px;
  height: 25px; }

.menuStyle1 .separator {
  background-color: blue;
  width: 25px;
  height: 25px; }

.menuStyle1 .rightcap {
  background-color: blue;
  width: 25px;
  height: 25px; }

.menuStyle1 li ul {
  padding: 10px;
  background-color: #fff;
  border-radius: 2px;
  -moz-border-radius: 2px;
  background-repeat: no-repeat;
  background-position: top left; }

.menuStyle1 li ul {
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.5); }

.menuStyle1 ul a, .menuStyle1 ul a {
  font-size: 20px;
  font-weight: 600;
  color: #7e7976;
  margin-left: 12px;
  margin-right: 12px;
  padding: 12px 5px 5px 5px;
  background-repeat: no-repeat;
  background-position: top left; }

.menuStyle1 ul a, .menuStyle1 ul a {
  text-transform: uppercase;
  letter-spacing: 3px; }

.menuStyle1 ul a.currentButton, .menuStyle1 ul a.currentButton:link, .menuStyle1 ul a.currentButton:visited {
  color: #afc97e;
  background-repeat: no-repeat;
  background-position: top left; }

.menuStyle1 ul a:hover, .menuStyle1 ul a.currentButton:hover {
  color: #ff9f58;
  background-repeat: no-repeat;
  background-position: top left; }

.menuStyle1 ul li ul a, .menuStyle1 ul li ul a {
  font-size: 16px;
  line-height: 1.1;
  text-align: left;
  margin: 2px;
  padding: 5px;
  background-repeat: no-repeat;
  background-position: top left; }

.menuStyle1 ul li ul a:hover {
  color: #ff9f58;
  background-repeat: no-repeat;
  background-position: top left; }

.menuStyle2 {
  width: 100%;
  height: auto; }

.menuStyle2 .leftcap {
  background-color: blue;
  width: 25px;
  height: 25px; }

.menuStyle2 .separator {
  background-color: blue;
  width: 25px;
  height: 25px; }

.menuStyle2 .rightcap {
  background-color: blue;
  width: 25px;
  height: 25px; }

.menuStyle3 {
  width: 100%;
  height: auto; }

.menuStyle3 .leftcap {
  background-color: blue;
  width: 25px;
  height: 25px; }

.menuStyle3 .separator {
  background-color: blue;
  width: 25px;
  height: 25px; }

.menuStyle3 .rightcap {
  background-color: blue;
  width: 25px;
  height: 25px; }

.menuStyle4 {
  width: 100%;
  height: auto; }

.menuStyle4 .leftcap {
  background-color: blue;
  width: 25px;
  height: 25px; }

.menuStyle4 .separator {
  background-color: blue;
  width: 25px;
  height: 25px; }

.menuStyle4 .rightcap {
  background-color: blue;
  width: 25px;
  height: 25px; }

.menuStyle5 {
  width: 100%;
  height: auto; }

.menuStyle5 .leftcap {
  background-color: blue;
  width: 25px;
  height: 25px; }

.menuStyle5 .separator {
  background-color: blue;
  width: 25px;
  height: 25px; }

.menuStyle5 .rightcap {
  background-color: blue;
  width: 25px;
  height: 25px; }

.menuStyle6 {
  width: 100%;
  height: auto; }

.menuStyle6 .leftcap {
  background-color: blue;
  width: 25px;
  height: 25px; }

.menuStyle6 .separator {
  background-color: blue;
  width: 25px;
  height: 25px; }

.menuStyle6 .rightcap {
  background-color: blue;
  width: 25px;
  height: 25px; }

div table.product_properties, div table table.product_properties {
  width: auto;
  height: auto; }

table.product_pagenumbers {
  width: auto;
  height: auto; }

table.productSubcatTableList {
  width: 90%;
  margin: auto; }

table.list_container {
  width: 90%;
  height: auto; }

table.split_container {
  width: 90%;
  height: auto; }

table.bulkPriceList {
  width: auto;
  height: auto;
  margin-left: auto;
  margin-right: auto; }

.productViewer .productDetails {
  font-weight: bold;
  font-size: 12px;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: #000;
  color: #000; }

.productViewer .relatedDownloads {
  font-weight: bold;
  font-size: 12px;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: #000;
  color: #000; }

.productInfoBox {
  width: auto;
  float: none;
  padding: 5px 10px;
  background-color: transparent; }

.productViewer .enlargeImageBox {
  width: auto;
  float: none;
  padding: 2px 4px;
  background-color: transparent;
  text-align: center; }

.productProperties {
  width: 220px;
  margin-left: auto;
  margin-right: auto; }

.productProperties dt {
  width: 100px;
  height: auto; }

.productProperties dd {
  width: 100px;
  height: auto; }

.productAttributes {
  background-color: #f5f5f5;
  margin-left: auto;
  margin-right: auto;
  color: black;
  border-left-color: #e2e2e2;
  border-right-color: #e2e2e2;
  border-bottom-color: #e2e2e2;
  border-top-color: #e2e2e2;
  border-bottom-width: 1px;
  border-top-width: 1px;
  border-left-width: 1px;
  border-right-width: 1px; }

.productAttributes .heading {
  text-decoration: underline;
  font-weight: bold;
  font-size: 12px;
  color: #000;
  margin-bottom: 10px; }

.productAttributes label {
  height: auto;
  width: auto;
  background-color: transparent;
  margin: 3px;
  color: #525858; }

.slideTheme1 {
  margin: 5px auto; }

.slideTheme1 .slideView .slide .caption div, .slideTheme1 .slideView .carouselCaption div {
  height: 45px;
  width: 100%; }

.slideTheme1 .slideSelector {
  background-color: #fff;
  height: auto;
  width: 100%; }

.slideTheme2 {
  margin: 5px auto; }

.slideTheme2 .slideView .slide .caption div, .slideTheme2 .slideView .carouselCaption div {
  height: 45px;
  width: 100%; }

.slideTheme2 .slideSelector {
  background-color: #fff;
  height: auto;
  width: 100%; }

.slideTheme3 {
  margin: 5px auto; }

.slideTheme3 .slideView .slide .caption div, .slideTheme3 .slideView .carouselCaption div {
  height: 45px;
  width: 100%; }

.slideTheme3 .slideSelector {
  background-color: #fff;
  height: auto;
  width: 100%; }

.orderSnapshot {
  background-color: white;
  border: 1px solid #000;
  margin: 10px;
  padding-top: 10px;
  padding-bottom: 10px; }

.orderSnapshot p {
  color: #000; }

table.shoppingCart {
  width: 100%;
  margin-left: auto;
  margin-right: 10px; }

table.shoppingCart td {
  padding: 5px; }

table.shoppingCart th {
  background-color: #81b7d9;
  font-weight: bold;
  padding: 3px; }

table.shoppingCartDetails {
  width: 100%;
  margin-left: auto;
  margin-right: 10px; }

table.shoppingCartDetails td {
  padding: 5px; }

table.shoppingCartDetails th {
  background-color: #81b7d9;
  color: #fff;
  font-weight: bold;
  padding: 3px; }

table.shoppingCartPrices {
  width: auto;
  margin-left: auto;
  margin-right: 10px; }

table.shoppingCartPrices td {
  padding: 5px; }

table.shoppingCartPrices th {
  padding: 5px; }

.checkoutStages {
  width: auto;
  height: auto;
  border-radius: 15px;
  -moz-border-radius: 15px;
  background-color: #bfbfbf;
  padding-top: 10px;
  padding-left: 0px;
  padding-right: 0px;
  padding-bottom: 10px;
  margin-top: 10px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 8px; }

.checkoutStages .stageName {
  width: auto;
  height: auto;
  padding-top: 1px;
  padding-right: 10px;
  padding-bottom: 1px;
  padding-left: 50px;
  margin-left: 10px;
  margin-right: 10px;
  -moz-box-shadow: 0 0 6px #3e3e3e;
  -webkit-box-shadow: 0 0 6px #3e3e3e;
  box-shadow: 0 0 6px #3e3e3e;
  border-radius: 6px;
  -moz-border-radius: 6px;
  color: #313131;
  background-color: #ffde00;
  font-size: 12px;
  font-family: verdana;
  text-align: center; }

.checkoutStages .stageComplete .stageName {
  width: auto;
  height: auto;
  padding-top: 1px;
  padding-right: 10px;
  padding-bottom: 1px;
  padding-left: 50px;
  margin-left: 10px;
  margin-right: 10px;
  -moz-box-shadow: 0 0 6px #3e3e3e;
  -webkit-box-shadow: 0 0 6px #3e3e3e;
  box-shadow: 0 0 6px #3e3e3e;
  border-radius: 6px;
  -moz-border-radius: 6px;
  color: #313131;
  background-color: #4cdf38;
  font-size: 12px;
  font-family: verdana;
  text-align: center; }

.checkoutStages .stageNumber {
  text-align: center;
  height: auto;
  left: -2px;
  top: -6px;
  width: 15px;
  padding-top: 6px;
  padding-right: 11px;
  padding-bottom: 6px;
  padding-left: 11px;
  -moz-box-shadow: 0 0 6px #3e3e3e;
  -webkit-box-shadow: 0 0 6px #3e3e3e;
  box-shadow: 0 0 6px #3e3e3e;
  border-radius: 15px;
  -moz-border-radius: 15px;
  color: #313131;
  background-color: #ffde00;
  font-size: 12px;
  font-family: verdana;
  font-weight: bold; }

.checkoutStages .stageComplete .stageNumber {
  text-align: center;
  height: auto;
  left: -2px;
  top: -6px;
  width: 15px;
  padding-top: 6px;
  padding-right: 11px;
  padding-bottom: 6px;
  padding-left: 11px;
  -moz-box-shadow: 0 0 6px #3e3e3e;
  -webkit-box-shadow: 0 0 6px #3e3e3e;
  box-shadow: 0 0 6px #3e3e3e;
  border-radius: 15px;
  -moz-border-radius: 15px;
  color: #313131;
  background-color: #4cdf38;
  font-size: 12px;
  font-family: verdana;
  font-weight: bold; }

.checkoutStages .stageArrow {
  left: 50%;
  top: 20px;
  margin-left: 12px;
  height: 20px;
  width: 5px;
  background-color: #4cdf38;
  border-radius: 5px;
  -moz-border-radius: 5px;
  border: 1px solid #3e3e3e; }

.cartHorizontalBox {
  font-family: inherit;
  font-size: inherit;
  text-align: inherit;
  line-height: inherit; }

.cartHorizontalBox .cartDataBox {
  font-family: inherit;
  font-size: inherit;
  text-align: inherit;
  line-height: inherit; }

.cartHorizontalBox .cartButtonBox {
  font-family: inherit;
  font-size: inherit;
  text-align: inherit;
  line-height: inherit; }

.cartHorizontalBox .cartQuantity {
  font-family: inherit;
  font-size: inherit;
  text-align: inherit;
  line-height: inherit; }

.cartHorizontalBox .cartPrice {
  font-family: inherit;
  font-size: inherit;
  text-align: inherit;
  line-height: inherit; }

span.searchedWord {
  font-weight: bold; }

.panelTop1 .pleft {
  width: 30px;
  height: 30px; }

.panelTop1 .pmid {
  background-repeat: repeat-x;
  width: auto;
  height: 30px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-right: 27px;
  margin-left: 27px; }

.panelTop1 .pright {
  width: 30px;
  height: 30px; }

.panelBottom1 .pleft {
  width: 30px;
  height: 30px; }

.panelBottom1 .pmid {
  background-repeat: repeat-x;
  width: auto;
  height: 30px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-right: 27px;
  margin-left: 27px; }

.panelBottom1 .pright {
  width: 30px;
  height: 30px; }

.panelTop2 .pleft {
  width: 30px;
  height: 30px; }

.panelTop2 .pmid {
  background-repeat: repeat-x;
  width: auto;
  height: 30px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-right: 27px;
  margin-left: 27px; }

.panelTop2 .pright {
  width: 30px;
  height: 30px; }

.panelBottom2 .pleft {
  width: 30px;
  height: 30px; }

.panelBottom2 .pmid {
  background-repeat: repeat-x;
  width: auto;
  height: 30px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-right: 27px;
  margin-left: 27px; }

.panelBottom2 .pright {
  width: 30px;
  height: 30px; }

.panelTop3 .pleft {
  width: 30px;
  height: 30px; }

.panelTop3 .pmid {
  background-repeat: repeat-x;
  width: auto;
  height: 30px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-right: 27px;
  margin-left: 27px; }

.panelTop3 .pright {
  width: 30px;
  height: 30px; }

.panelBottom3 .pleft {
  width: 30px;
  height: 30px; }

.panelBottom3 .pmid {
  background-repeat: repeat-x;
  width: auto;
  height: 30px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-right: 27px;
  margin-left: 27px; }

.panelBottom3 .pright {
  width: 30px;
  height: 30px; }

.panelTop4 .pleft {
  width: 30px;
  height: 30px; }

.panelTop4 .pmid {
  background-repeat: repeat-x;
  width: auto;
  height: 30px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-right: 27px;
  margin-left: 27px; }

.panelTop4 .pright {
  width: 30px;
  height: 30px; }

.panelBottom4 .pleft {
  width: 30px;
  height: 30px; }

.panelBottom4 .pmid {
  background-repeat: repeat-x;
  width: auto;
  height: 30px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-right: 27px;
  margin-left: 27px; }

.panelBottom4 .pright {
  width: 30px;
  height: 30px; }

.panelTop5 .pleft {
  width: 30px;
  height: 30px; }

.panelTop5 .pmid {
  background-repeat: repeat-x;
  width: auto;
  height: 30px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-right: 27px;
  margin-left: 27px; }

.panelTop5 .pright {
  width: 30px;
  height: 30px; }

.panelBottom5 .pleft {
  width: 30px;
  height: 30px; }

.panelBottom5 .pmid {
  background-repeat: repeat-x;
  width: auto;
  height: 30px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-right: 27px;
  margin-left: 27px; }

.panelBottom5 .pright {
  width: 30px;
  height: 30px; }

.panelTop6 .pleft {
  width: 30px;
  height: 30px; }

.panelTop6 .pmid {
  background-repeat: repeat-x;
  width: auto;
  height: 30px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-right: 27px;
  margin-left: 27px; }

.panelTop6 .pright {
  width: 30px;
  height: 30px; }

.panelBottom6 .pleft {
  width: 30px;
  height: 30px; }

.panelBottom6 .pmid {
  background-repeat: repeat-x;
  width: auto;
  height: 30px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-right: 27px;
  margin-left: 27px; }

.panelBottom6 .pright {
  width: 30px;
  height: 30px; }

.panelTop7 .pleft {
  width: 30px;
  height: 30px; }

.panelTop7 .pmid {
  background-repeat: repeat-x;
  width: auto;
  height: 30px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-right: 27px;
  margin-left: 27px; }

.panelTop7 .pright {
  width: 30px;
  height: 30px; }

.panelBottom7 .pleft {
  width: 30px;
  height: 30px; }

.panelBottom7 .pmid {
  background-repeat: repeat-x;
  width: auto;
  height: 30px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-right: 27px;
  margin-left: 27px; }

.panelBottom7 .pright {
  width: 30px;
  height: 30px; }

.panelTop8 .pleft {
  width: 30px;
  height: 30px; }

.panelTop8 .pmid {
  background-repeat: repeat-x;
  width: auto;
  height: 30px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-right: 27px;
  margin-left: 27px; }

.panelTop8 .pright {
  width: 30px;
  height: 30px; }

.panelBottom8 .pleft {
  width: 30px;
  height: 30px; }

.panelBottom8 .pmid {
  background-repeat: repeat-x;
  width: auto;
  height: 30px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-right: 27px;
  margin-left: 27px; }

.panelBottom8 .pright {
  width: 30px;
  height: 30px; }

.panelTop9 .pleft {
  width: 30px;
  height: 30px; }

.panelTop9 .pmid {
  background-repeat: repeat-x;
  width: auto;
  height: 30px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-right: 27px;
  margin-left: 27px; }

.panelTop9 .pright {
  width: 30px;
  height: 30px; }

.panelBottom9 .pleft {
  width: 30px;
  height: 30px; }

.panelBottom9 .pmid {
  background-repeat: repeat-x;
  width: auto;
  height: 30px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-right: 27px;
  margin-left: 27px; }

.panelBottom9 .pright {
  width: 30px;
  height: 30px; }

table.taskListTable {
  width: 80%; }

table.stageQuestionTable {
  width: 90%; }

table.stageQuestionTable th {
  width: 120px; }

#blogPanel .blogPostList article a {
  display: block; }

#blogPanel .blogPostList article img {
  display: block; }

#blogPanel .pages {
  height: 30px; }

#blogPanel .pages a.dir {
  width: 120px; }

#blogCategoryPanel .blogPostList article a {
  display: block; }

#blogCategoryPanel .blogPostList article img {
  display: block; }

#blogCategoryPanel .pages {
  height: 30px; }

#blogCategoryPanel .pages a.dir {
  width: 120px; }

#blogPostPanel aside.relatedSidebar article img {
  display: inline-block;
  vertical-align: top; }

#blogPostPanel aside.relatedSidebar article a.heading {
  display: inline-block;
  vertical-align: top; }

#blogPostPanel aside.relatedFooter article {
  display: inline-block; }

#blogPostPanel aside.relatedFooter article img {
  display: block; }

#blogPostPanel aside.relatedFooter article a.heading {
  display: block; }

#authorPanel .authorPosts article {
  display: inline-block; }

#authorPanel .authorPosts article a.heading {
  display: block; }

#authorPanel .authorPosts article img {
  display: block; }

div.list_productimage {
  height: 50px; }

div.icon_productimage {
  height: 80px; }

div.thumb_productimage {
  height: 110px; }

div.medium_productimage {
  height: 250px; }

div.list_image {
  height: 50px; }

div.icon_image {
  height: 80px; }

div.thumb_image {
  height: 110px; }

div.medium_image {
  height: 250px; }
/* 
 DEFAULTS FOR THIS SITE 
 */
body, p, h1, h2, h3, h4, h5, h6, input, label, button {
  font-family: "Raleway", "Century Gothic", "arial"; }

b, strong {
  font-weight: 600; }
/*p, h1, h2, h3, h4, h5, h6, ul {overflow:hidden;line-height:1.5}*/
a {
  text-decoration: none;
  color: inherit; }
/* Content area is full width */
#block1_wrapper {
  width: 100%;
  float: none; }
/* Prevent scrollbar */
.columnPanel {
  line-height: 1.5; }

[data-divider] {
  line-height: 1.4; }

[data-divider-flex] {
  line-height: 1.4; }
/* Override the auto default that flex gives to containers */
[data-divider-flex] .dividerColumn {
  min-width: 0;
  max-width: 100%; }
/* Common inputs */
input[type="text"], input[type="password"], select, textarea {
  padding: 5px;
  border-radius: 3px;
  border: 1px solid silver;
  font-size: 14px; }

input[type="radio"] {
  vertical-align: middle;
  margin: 5px; }
/*
 PAGE
 */
#pagesize {
  width: 100%;
  max-width: 1920px;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
  background-color: white; }
/*
 HEADER
 */
.header1 {
  width: 100%;
  background-color: #bdbfb4;
  padding: 25px 0 10px 0; }

.header1 .split {
  width: 1650px;
  max-width: 95%;
  margin: auto;
  align-items: flex-end; }

.header1 .split .logo {
  color: white;
  font-size: 28px;
  letter-spacing: 5px;
  text-transform: uppercase; }

.header1 .split .logo a {
  vertical-align: middle;
  margin-right: 10px; }

.header1 .split .phone {
  flex: 0 0 270px;
  color: white;
  text-align: right;
  font-size: 32px;
  letter-spacing: 4px;
  white-space: nowrap; }

.header2 {
  width: 100%;
  background-color: white;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2); }

.header2 .split {
  width: 1650px;
  max-width: 99%;
  margin: auto;
  align-items: center; }

.header2 .search {
  width: 270px; }

.header {
  align-items: center;
  padding: 20px 0; }

.header-menu ul {
  display: flex;
  justify-content: space-between;
  margin-right: 10%; }

.header-menu ul li {
  float: none;
  line-height: inherit; }

.header-menu ul ul {
  display: block; }

.header-menu li:first-child li[data-pid="51"] {
  border-top: 1px dashed silver;
  margin-top: 8px;
  padding-top: 6px; }

.header-search br {
  display: none; }

.header-search input[type="text"] {
  width: 100%;
  border-radius: 3px 0 0 3px;
  display: inline-block;
  height: 36px;
  border: 2px solid #e9e9e9;
  padding: 2px 0 0 8px;
  font-size: 18px; }

.header-search input[type="submit"] {
  width: 40px;
  border: none;
  font-size: 16px;
  display: inline-block;
  height: 36px;
  margin-left: -43px;
  cursor: pointer;
  vertical-align: bottom;
  background-image: url(/images/7/search-button.png);
  background-repeat: no-repeat;
  background-position: center;
  background-color: transparent; }

.header-search input[type="text"]::placeholder {
  color: #d8d5d5; }
/*
 FOOTER
 */
a.top-link {
  display: block;
  padding: 10px;
  margin: 15px auto;
  text-align: center;
  width: 150px;
  border: 1px solid #aac866;
  font-size: 16px;
  text-transform: uppercase;
  color: #aac866;
  font-weight: 600; }

.footer-top {
  width: 100%;
  margin: 90px 0 30px 0; }

.footer-top .split {
  width: 1500px;
  max-width: 90%;
  margin: auto;
  align-items: center; }

.footer-top .spacer {
  width: 20%; }

.footer-top .social {
  width: 60%;
  text-align: center; }

.footer-top .social img {
  margin: 0 10px; }

.footer-top .logo {
  width: 20%;
  text-align: right; }

.footer-bottom {
  background-color: #aac866;
  width: 100%;
  padding: 35px 0 35px 0;
  color: white; }

.footer-bottom .split {
  width: 1400px;
  max-width: 90%;
  margin: auto;
  align-items: flex-end; }

.footer-bottom .split .copyright {
  text-align: right; }

.footer-bottom .split .copyright a {
  color: #4d4d4d;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 20px; }

.footer-bottom .logo img {
  max-width: 100%; }

.footer-bottom2 {
  background-color: #94b152;
  width: 100%;
  padding: 35px 0 35px 0;
  color: white; }

.footer-bottom2 .footer-info {
  width: 1400px;
  max-width: 90%;
  margin: auto;
  justify-content: space-between; }

.footer-bottom2 .footer-info h3 {
  font-weight: bold;
  font-size: 18px;
  margin-bottom: 6px; }

.footer-bottom2 .footer-info ul {
  margin: 0;
  padding: 0; }

.footer-bottom2 .footer-info ul li {
  list-style-type: none;
  margin: 3px 0;
  padding: 2px 0; }

.footer-bottom2 .footer-info .col-about p {
  width: 400px;
  max-width: 80%; }

.footer-bottom2 .footer-info .col-products {
  flex: 0 1 450px; }

.footer-bottom2 .footer-info .col-services {
  flex: 0 1 310px; }

.footer-bottom2 .footer-info .col-resources {
  flex: 0 1 150px; }

.footer-bottom2 .footer-info .col-company {
  flex: 0 1 100px;
  text-align: right; }

.footer-bottom2 .footer-info .col-products ul {
  display: flex;
  flex-wrap: wrap; }

.footer-bottom2 .footer-info .col-products ul li {
  flex: 0 0 150px; }

.footer-bottom2 .footer-info .col-services ul {
  display: flex;
  flex-wrap: wrap; }

.footer-bottom2 .footer-info .col-services ul li {
  flex: 0 0 150px; }

.footer-bottom2 .footer-info p + p {
  margin-top: 15px; }
/*
 .footer-agency {text-align:right;margin:10px 0 0 0;}
 .footer-agency p {color:#ebf9cc;font-size:14px;}
 .footer-agency a {color:inherit;font-size:inherit;text-decoration:underline;}
 .footer-agency a:hover {color:inherit;}
 */
/*
 NEW MAIN CONTENT
 */
main h2 {
  margin-bottom: 20px;
  color: #cdcdcc;
  text-transform: uppercase;
  letter-spacing: 1.2rem;
  font-size: 36px;
  text-align: center; }

main header h1 {
  color: #cdcdcc;
  text-align: center;
  font-size: 84px;
  text-transform: uppercase;
  letter-spacing: 1.2rem;
  margin-top: 25px; }

main header p {
  font-size: 18px;
  text-align: center;
  color: #444343;
  margin-top: 10px; }
/*
 GENERAL CONTENT PAGES
 */
.main .heading {
  padding: 15px 0; }

.main .heading h1 {
  color: #cdcdcc;
  text-align: center;
  font-size: 84px;
  text-transform: uppercase;
  letter-spacing: 1.2rem;
  margin-top: 25px; }

.main .text {
  color: #555654;
  width: 900px;
  max-width: 95%;
  margin: 30px auto; }

.main .text a {
  color: #ff7800; }

.main .text.centre {
  text-align: center; }

.main p {
  font-size: 16px; }

.main h2 {
  font-size: 22px;
  color: #054794;
  text-transform: uppercase; }

.main * + p {
  margin-top: 15px; }

.main * + ul {
  margin-top: 15px; }

.main * + h2 {
  margin-top: 25px; }

.main * + h3 {
  margin-top: 20px; }

.main .wrap-left {
  float: right;
  margin-left: 5px;
  margin-bottom: 5px; }
/*
 HOME
 */
.home-hex-menu {
  margin-top: 70px; }

.home-featured {
  width: 1300px;
  max-width: 99%;
  margin: 70px auto 0 auto; }

.home-featured img {
  display: block;
  max-width: 100%; }

.home-featured .main {
  margin-bottom: 1.5%; }

.home-featured .sub {
  display: flex;
  justify-content: space-between; }

.home-featured .sub a {
  display: block; }

.home-featured .sub a {
  margin-left: 1.5%; }

.home-featured .sub a:first-child {
  margin: 0; }

.home-featured .quote {
  margin-top: 1vw; }

.home-gallery {
  margin-top: 70px; }

.home-gallery .gallery {
  width: 1440px;
  max-width: 100%;
  margin: auto;
  display: flex;
  flex-wrap: wrap; }

.home-gallery .gallery a {
  display: block;
  margin: 0.66%;
  cursor: pointer; }

.home-gallery .gallery img {
  margin: 0;
  cursor: pointer; }

.home-gallery .gallery img:hover {
  transform: scale(1.05);
  transition: all 0.1s ease-in;
  z-index: 5;
  filter: drop-shadow(0 0 20px rgba(255, 255, 255, 1.0));
  outline: 1px solid white; }
/*
 FABRIC
 */
main.fabric .supplier-gallery {
  margin-top: 70px;
  margin-bottom: 70px; }

main.fabric .supplier-gallery .gallery {
  width: 1100px;
  max-width: 100%;
  margin: auto;
  display: grid;
  grid-template-columns: 33.3% 33.3% 33.3%;
  justify-items: center;
  align-items: center; }

main.fabric .supplier-gallery .gallery a {
  display: block;
  margin: 20px;
  cursor: pointer; }

main.fabric .supplier-gallery .gallery img {
  margin: 0;
  cursor: pointer;
  max-width: 100%; }

main.fabric .supplier-gallery .gallery img:hover {
  transform: scale(1.05);
  transition: all 0.1s ease-in;
  z-index: 5;
  filter: drop-shadow(0 0 20px rgba(255, 255, 255, 1.0));
  outline: 1px solid white; }

main.fabric .swatch-gallery {
  margin-top: 70px; }

main.fabric .swatch-gallery .gallery {
  width: 1100px;
  max-width: 100%;
  margin: auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: center; }

main.fabric .swatch-gallery .gallery div {
  display: block;
  margin: 20px;
  width: 150px; }

main.fabric .swatch-gallery .gallery span {
  display: block;
  text-align: center;
  font-size: 18px; }

main.fabric .swatch-gallery .gallery img {
  margin: 0;
  max-width: 100%; }
/*
 SLIDESHOWS
 */
.slideshow {
  position: relative; }

.slideshow .back {
  position: absolute;
  top: calc(50% - 2vw);
  left: 15px;
  z-index: 5;
  cursor: pointer;
  opacity: 0.8; }

.slideshow .back {
  border-bottom: 2px solid white;
  border-right: 2px solid white;
  width: 2vw;
  height: 2vw;
  transform: rotate(135deg); }

.slideshow .forward {
  position: absolute;
  top: calc(50% - 2vw);
  right: 15px;
  z-index: 5;
  cursor: pointer;
  opacity: 0.8; }

.slideshow .forward {
  border-bottom: 2px solid white;
  border-right: 2px solid white;
  width: 2vw;
  height: 2vw;
  transform: rotate(-45deg); }

.slides {
  margin: 0 auto;
  width: 1920px;
  padding-bottom: 30%;
  position: relative;
  max-width: 100%; }

.slides img {
  transition: opacity 0.8s;
  display: block;
  position: absolute;
  opacity: 0;
  width: 100%;
  transition-delay: 0.01s;
  transition-property: opacity; }
/* top image fades in */
.slides img.top {
  z-index: 2;
  opacity: 1; }

.slides img.bottom {
  z-index: 1;
  opacity: 1; }
/*
 HEX MENU Version 1
 Uses images only, no transforms involved
 Means that the linked area overlaps the hexagon which is not as nice
 */
.hex-menu ul {
  display: flex;
  flex-wrap: wrap;
  width: 1100px;
  margin: auto;
  padding: 0; }

.hex-menu ul li {
  list-style-type: none;
  margin: 5px;
  margin-top: -50px;
  transition: all 0.2s ease-in-out; }

.hex-menu ul li:nth-child(1) {
  margin-top: 0; }

.hex-menu ul li:nth-child(2) {
  margin-top: 0;
  margin-left: 400px;
  margin-right: 250px; }

.hex-menu ul li:nth-child(3) {
  margin-left: 103px; }

.hex-menu ul li:nth-child(13) {
  margin-left: 300px; }

.hex-menu ul li:nth-child(17) {
  margin-left: 400px; }

.hex-menu ul li:hover {
  transform: scale(1.1);
  transition: all 0.2s ease-in-out;
  filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.9)); }

.hex-menu ul li:nth-child(1):hover, .hex-menu ul li:nth-child(2):hover, .hex-menu ul li:nth-child(5):hover, .hex-menu ul li:nth-child(6):hover {
  transform: none;
  drop-shadow: none; }
/*
 HEX MENU Version 2 
 This gives us proper link areas but you need to keep content outside of the link, anything within the transform gets blurry
 Images are used outside the link to reduce blurryness
 */
.hex-menu2 ul {
  display: flex;
  flex-wrap: wrap;
  width: 1100px;
  min-width: 410px;
  margin: 50px auto;
  overflow: hidden;
  list-style-type: none;
  padding: 0; }

.hex-menu2 ul li {
  margin: 5px;
  width: 186px;
  position: relative;
  visibility: hidden;
  outline: 1px solid transparent;
  transition: all 0.1s ease-out; }

.hex-menu2 ul li::after {
  content: '';
  display: block;
  padding-bottom: 86.602%;
  padding-bottom: 145px; }

.hex-menu2 ul li em {
  position: absolute;
  width: 96%;
  padding-bottom: 110.851%;
  margin: 0 2%;
  overflow: hidden;
  visibility: hidden;
  outline: 1px solid transparent;
  -webkit-transform: rotate3d(0, 0, 1, -60deg) skewY(30deg);
  -ms-transform: rotate3d(0, 0, 1, -60deg) skewY(30deg);
  transform: rotate3d(0, 0, 1, -60deg) skewY(30deg);
  z-index: 2; }

.hex-menu2 ul li em * {
  position: absolute;
  visibility: visible;
  outline: 1px solid transparent; }

.hex-menu2 ul li em a, .hex-menu2 ul li em b {
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
  color: #fff;
  overflow: hidden;
  -webkit-transform: skewY(-30deg) rotate3d(0, 0, 1, 60deg);
  -ms-transform: skewY(-30deg) rotate3d(0, 0, 1, 60deg);
  transform: skewY(-30deg) rotate3d(0, 0, 1, 60deg); }

.hex-menu2 ul li img {
  position: absolute;
  z-index: 1;
  visibility: visible;
  top: 0;
  left: 0;
  pointer-events: none; }

.hex-menu2 ul li:nth-child(1) {
  margin-left: 103px; }

.hex-menu2 ul li:nth-child(11) {
  margin-left: 279px;
  margin-left: 300px; }

.hex-menu2 ul li:nth-child(15) {
  margin-left: 370px;
  margin-left: 398px; }

.hex-menu2 ul li:last-child {
  padding-bottom: 60px; }

.hex-menu2 ul li:hover {
  transform: scale(1.05);
  transition: all 0.1s ease-in;
  z-index: 5;
  filter: drop-shadow(0 0 20px rgba(255, 255, 255, 1.0)); }

.hex-menu2 ul li:nth-child(3):hover, .hex-menu2 ul li:nth-child(4):hover, .hex-menu2 ul li:nth-child(15):hover {
  transform: none;
  drop-shadow: none;
  filter: none; }
/*
 Service Page HEX MENU based on version 2 hex menu
 */
.service-hex-menu ul {
  display: flex;
  flex-wrap: wrap;
  width: 1440px;
  margin: 50px auto 0 auto;
  overflow: hidden;
  list-style-type: none;
  padding: 0;
  max-width: 100%; }

.service-hex-menu ul li {
  margin: 5px;
  width: 348px;
  position: relative;
  visibility: hidden;
  outline: 1px solid transparent;
  transition: all 0.1s ease-out; }

.service-hex-menu ul li {
  width: calc(25% - 10px); }

.service-hex-menu ul li::after {
  content: '';
  display: block;
  padding-bottom: 86.602%;
  padding-bottom: 295px;
  padding-bottom: 83%; }

.service-hex-menu ul li em {
  position: absolute;
  width: 96%;
  padding-bottom: 110.851%;
  margin: 0 2%;
  overflow: hidden;
  visibility: hidden;
  outline: 1px solid transparent;
  -webkit-transform: rotate3d(0, 0, 1, -60deg) skewY(30deg);
  -ms-transform: rotate3d(0, 0, 1, -60deg) skewY(30deg);
  transform: rotate3d(0, 0, 1, -60deg) skewY(30deg);
  z-index: 2; }

.service-hex-menu ul li em * {
  position: absolute;
  visibility: visible;
  outline: 1px solid transparent; }

.service-hex-menu ul li em a, .hex-menu2 ul li em b {
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
  color: #fff;
  overflow: hidden;
  -webkit-transform: skewY(-30deg) rotate3d(0, 0, 1, 60deg);
  -ms-transform: skewY(-30deg) rotate3d(0, 0, 1, 60deg);
  transform: skewY(-30deg) rotate3d(0, 0, 1, 60deg); }

.service-hex-menu ul li img {
  position: absolute;
  z-index: 1;
  visibility: visible;
  top: 0;
  left: 0;
  pointer-events: none;
  max-width: 100%; }

.service-hex-menu ul li:nth-child(5) {
  margin-left: 185px;
  margin-left: 12.8%; }

.service-hex-menu ul li:nth-child(6) {
  margin-left: 365px;
  margin-left: 25.6%; }

.service-hex-menu ul li:last-child {
  padding-bottom: 100px; }

.service-hex-menu ul li:hover {
  z-index: 5;
  filter: drop-shadow(0 0 3px rgba(0, 0, 0, 0.4)); }
/*
 ABOUT
 */
.main.about .text.layers {
  text-align: center; }

.main.about .text.layers p {
  color: #444343;
  font-size: 18px;
  line-height: 1.4; }

.main.about .text.layers h2 {
  color: #76a82d;
  font-size: 50px;
  padding: 0;
  letter-spacing: 8px;
  font-weight: bold;
  margin-top: 30px; }

.main.about .text.layers h2:before {
  content: "";
  border-top: 3px double #5f5d5d;
  width: 300px;
  display: block;
  height: 25px;
  margin: auto; }

.main.about .text.layers h3 {
  color: #949493; }

.main.about .text.layers h2 + p {
  color: #9a9b99;
  font-size: 22px;
  margin: 0 0 30px 0;
  padding: 0; }

.main.about .text.layers p:last-child:after {
  content: "";
  border-bottom: 3px double #5f5d5d;
  width: 300px;
  display: block;
  height: 30px;
  margin: auto; }

.main.about .text.layers p + p {
  margin-top: 25px; }

main.about .header {
  position: relative;
  z-index: 11;
  margin: 0;
  padding: 0; }

main.about .header img {
  width: 100%; }

main.about .content-outer {
  position: relative; }

main.about .content-outer .overlay {
  margin-top: -1182px;
  z-index: 10;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: url(/images/3770/chair-silhouette.png) top right no-repeat;
  background-size: 100%;
  padding-bottom: 61.5%;
  margin-top: -61.5%; }

main.about .content-outer .intro {
  z-index: 11;
  position: relative;
  width: 75%;
  margin: 40px auto; }

main.about .content-outer .intro h2 {
  color: black;
  text-align: left;
  font-size: 25px;
  text-transform: none;
  letter-spacing: unset;
  font-weight: bold; }

main.about .content-outer .intro p {
  font-size: 25px; }

main.about .content-outer .intro h3 {
  font-size: 46px;
  font-weight: bold; }

main.about .content-outer .intro h3 em {
  font-weight: normal; }

main.about .content-outer .intro * + p {
  margin-top: 35px; }

main.about .content-outer .intro * + h3 {
  margin-top: 45px; }

main.about .content-outer .create {
  position: relative;
  background: url(/images/3773/wall-background.jpg) top right no-repeat;
  padding-bottom: 78%;
  background-size: 100%; }

main.about .content-outer .create .inner {
  z-index: 11;
  position: absolute;
  width: 80%;
  margin: 0 auto;
  top: 50px;
  left: 10%; }

main.about .content-outer .create h2 {
  color: black;
  text-align: right;
  font-size: 35px;
  text-transform: none;
  letter-spacing: unset;
  font-weight: 600;
  margin-left: auto;
  margin-right: 22%;
  color: #6f6f6f;
  margin-bottom: 50px; }

main.about .content-outer .create p {
  font-size: 25px; }

main.about .content-outer .create * + p {
  margin-top: 30px; }

main.about .content-outer .create img {
  max-width: 100%; }
/*
 SERVICES
 */
main.services .text {
  padding: 80px 20px; }

main.services .text h2 {
  color: #cac6bf;
  width: 84%;
  margin: auto;
  text-align: left;
  font-size: 50px; }

main.services .text h3 {
  color: white;
  font-size: 32px;
  width: 84%;
  margin: auto; }

main.services .text p {
  color: white;
  font-size: 25px;
  width: 84%;
  margin: auto; }

main.services .text * + p {
  margin-top: 30px; }

main.services .text * + h3 {
  margin-top: 20px; }

main.services .text * + h2 {
  margin-top: 85px; }

main.services .hex-header {
  background: url(/images/3793/services-header.jpg) top center no-repeat;
  padding-top: 25px;
  background-size: cover; }

main.services .hex-header h1 {
  color: #a0a0a0;
  text-align: center;
  font-size: 124px;
  text-transform: uppercase;
  letter-spacing: 2.6rem; }

main.services .consultation {
  background: url(/images/3787/consultation-bg.jpg) top center no-repeat;
  min-height: 1000px; }

main.services .consultation .text {
  background-color: rgba(70, 71, 65, 0.83); }

main.services .design {
  background: url(/images/3788/design-bg.jpg) top right no-repeat;
  min-height: 984px; }

main.services .design .text {
  background-color: rgba(155, 160, 140, 0.95); }

main.services .design .text h2 {
  text-align: right;
  color: #eceae7; }

main.services .logistics {
  background: url(/images/3789/logistics-bg.jpg) top right no-repeat;
  min-height: 1040px; }

main.services .logistics .text {
  background-color: rgba(98, 98, 83, 0.86);
  min-height: 530px; }

main.services .repairs {
  background: url(/images/3791/repairs-bg.jpg) top left no-repeat;
  min-height: 1000px; }

main.services .repairs .text {
  background-color: rgba(98, 98, 83, 0.86); }

main.services .repairs .text h2 {
  color: white;
  text-align: right; }

main.services .reupholstery {
  background: url(/images/3792/reupholstery-bg.jpg) bottom center no-repeat;
  min-height: 924px; }

main.services .reupholstery .text {
  background-color: rgba(155, 160, 140, 0.95); }

main.services .reupholstery .text h2 {
  color: #eceae7; }

main.services .try {
  background: url(/images/3790/try-bg.jpg) bottom center no-repeat;
  min-height: 1059px; }

main.services .try .text {
  background-color: rgba(98, 98, 83, 0.86);
  min-height: 500px; }

main.services .try .text h2 {
  color: white;
  text-align: right; }
/*
 DOWNLOADS
 */
main.resources .catalog-list {
  margin-top: 70px;
  margin-bottom: 70px; }

main.resources .catalog-list header {
  width: 920px;
  margin: auto;
  max-width: 95%; }

main.resources .catalog-list header h3 {
  font-size: 16px;
  font-weight: bold; }
/*main.resources .catalog-list .gallery {width:1100px;max-width:100%;margin:auto;display:grid;grid-template-columns:25% 25% 25% 25%;justify-items:center;align-items:center;}*/
main.resources .catalog-list .gallery {
  width: 960px;
  max-width: 100%;
  margin: auto;
  display: flex;
  flex-wrap: wrap; }

main.resources .catalog-list .gallery a {
  display: block;
  margin: 20px;
  cursor: pointer;
  font-size: 18px;
  text-transform: uppercase; }

main.resources .catalog-list .gallery img {
  margin: 0;
  cursor: pointer;
  max-width: 100%; }

main.resources .catalog-list .gallery img:hover {
  transform: scale(1.05);
  transition: all 0.1s ease-in;
  z-index: 5;
  filter: drop-shadow(0 0 20px rgba(255, 255, 255, 1.0));
  outline: 1px solid white; }

.download-list {
  color: #555654;
  width: 900px;
  max-width: 95%;
  margin: 60px auto; }

.download-list h3 {
  font-size: 16px;
  font-weight: bold; }

.download-list .fileCatalog {
  display: flex;
  flex-wrap: wrap;
  width: 900px;
  max-width: 95%; }

.download-list .fileCatalog br {
  display: none; }

.download-list .fileCatalog a {
  display: block;
  height: 40px;
  line-height: 40px;
  width: 280px;
  background: url(/images/8/pdf-icon.png) no-repeat left;
  padding-left: 50px;
  text-transform: uppercase;
  font-size: 18px;
  justify-content: space-between;
  margin: 10px 0;
  cursor: pointer; }

.download-list .page-numbers {
  margin: 20px 0; }

.download-list .page-numbers tbody tr {
  display: flex;
  flex-direction: row;
  align-items: center; }

.download-list .page-numbers td {
  font-size: 20px; }

.download-list .page-numbers td a {
  display: block;
  height: 35px;
  width: 50px;
  padding: 3px 10px;
  font-size: inherit;
  background-color: #f1f1f1;
  margin: 0 2px;
  border-radius: 2px;
  text-align: center; }

.download-list .page-numbers td a:hover {
  background-color: #e6f3bf; }

.download-list .page-numbers td a:empty {
  background-color: unset; }

.download-list .page-numbers td a.currentPage {
  background-color: #94b152;
  color: white; }

.download-list .page-numbers td:first-of-type {
  color: silver;
  padding-right: 10px;
  width: auto; }
/* AFRDI Page*/
main.afrdi .categories {
  width: 800px;
  max-width: 100%;
  margin: 20px auto;
  justify-content: center;
  display: flex;
  flex-wrap: wrap; }

main.afrdi .categories a {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 0 0 33%; }

main.afrdi .categories a img {
  display: block;
  max-width: 100%; }

main.afrdi .categories a h2 {
  text-align: center;
  text-transform: uppercase;
  color: #6c6d6a;
  font-size: 20px;
  margin-top: 10px;
  letter-spacing: unset; }

main.afrdi .text {
  padding: 80px 20px;
  color: white;
  font-size: 25px; }

main.afrdi .text h2 {
  text-align: left;
  color: inherit;
  width: 84%;
  margin: auto;
  text-align: left;
  font-size: 36px;
  letter-spacing: unset;
  text-transform: unset; }

main.afrdi .text p {
  color: inherit;
  font-size: inherit;
  width: 84%;
  margin: auto; }

main.afrdi .text ul {
  color: inherit;
  font-size: inherit;
  width: 84%;
  margin: auto;
  list-style-type: none;
  padding: 0; }

main.afrdi .text * + p {
  margin-top: 30px; }

main.afrdi .text * + ul {
  margin-top: 30px; }

main.afrdi .text * + li {
  margin-top: 8px; }

main.afrdi .text * + h2 {
  margin-top: 35px; }

main.afrdi .text img.wrap-left {
  margin: 0 0 15px 15px;
  float: right; }

main.afrdi .text table {
  color: inherit;
  font-size: inherit;
  margin: auto;
  margin-left: 8%;
  margin-top: 35px; }

main.afrdi .text table th {
  white-space: nowrap;
  font-weight: 600;
  padding: 3px 0; }

main.afrdi .text table td {
  padding: 3px 0; }

main.afrdi .text table tr:nth-child(even) {
  background-color: rgba(255, 255, 255, 0.1); }

main.afrdi .image img {
  max-width: 100%; }

main.afrdi .intro {
  background: #223a94 url(/images/3871/blue-panel.png) top right no-repeat;
  min-height: 600px; }

main.afrdi .bluetick {
  color: #193ec7; }

main.afrdi .load {
  background: #ee5b27 url(/images/3874/orange-panel.png) top right no-repeat;
  min-height: 600px; }

main.afrdi .green {
  background: #89aa32 url(/images/4212/green-panel.png) top right no-repeat;
  min-height: 600px; }

main.afrdi .ender {
  color: black;
  background: white url(/images/3877/afrdi-page-image.jpg) top left no-repeat;
  min-height: 1000px; }

main.afrdi .ender h2 {
  margin: 0 auto; }

main.afrdi .ender p {
  margin: 0 auto; }

main.afrdi .ender p a {
  font-weight: bold; }
/*
 PRODUCT SUB CATEGORIES
 */
.productSubCategoryList {
  display: flex;
  flex-wrap: wrap;
  width: 1250px;
  max-width: 100%;
  margin: auto; }

.productSubCategoryList .subCategoryBox {
  width: 250px;
  height: 260px;
  text-align: center;
  margin: 20px 0; }

.productSubCategoryList .subCategoryBox h2 {
  text-align: center;
  text-transform: uppercase;
  color: #6c6d6a;
  font-size: 20px;
  margin-top: 10px; }
/*
 PRODUCT CATALOG (WITH DETAIL)
 BOX mode used for chairs
 LIST mode used for accessories
 */
h1.product_category {
  font-size: 84px;
  text-align: center;
  color: #d6d6d5;
  text-transform: uppercase;
  margin-bottom: 0;
  line-height: 1;
  letter-spacing: 1.2rem;
  margin-top: 25px; }

.productTrail {
  text-align: center;
  color: silver;
  margin-bottom: 35px; }

.productTrail a:last-child {
  color: #afc97e; }

.productTrail a:hover {
  text-decoration: underline; }

[data-page="productcatalog"] .rich-desc-below:before {
  content: "Variants & Options";
  display: block;
  width: 100%;
  font-size: 26px;
  font-family: "Raleway", "Century Gothic", "arial";
  text-transform: uppercase;
  color: #d6d6d5;
  letter-spacing: 2px; }

[data-page="productcatalog"] .rich-desc-below {
  display: flex;
  list-style-type: none;
  flex-direction: row;
  flex-wrap: wrap;
  width: 990px;
  margin: 55px auto 10px auto; }

[data-page="productcatalog"] .rich-desc-below blockquote {
  display: flex;
  flex-direction: column;
  margin: 12px; }

[data-page="productcatalog"] .rich-desc-below h3 {
  border: 1px solid black;
  font-family: "Raleway", "Century Gothic", "arial";
  text-transform: uppercase;
  font-size: 18px;
  padding: 6px 6px;
  letter-spacing: 2px;
  text-align: center; }

[data-page="productcatalog"] .rich-desc-below blockquote p:nth-child(2) {
  border: 1px solid black;
  font-family: "Raleway", "Century Gothic", "arial";
  text-transform: uppercase;
  font-size: 18px;
  padding: 6px 6px;
  letter-spacing: 2px;
  text-align: center; }

[data-catalog-type="box"] .product-box .product-details {
  display: flex;
  width: 1000px;
  margin: auto;
  max-width: 99%;
  position: relative; }

[data-catalog-type="box"] .product-box .product-details {
  width: auto;
  left: calc(50% - 520px); }

[data-catalog-type="box"] .product-box .product-details h2 {
  font-size: 24px;
  text-transform: uppercase;
  color: #242222;
  letter-spacing: 2px;
  margin-bottom: 15px; }

[data-catalog-type="box"] .product-box .product-details .property {
  display: flex;
  margin: 0 0 20px 0; }

[data-catalog-type="box"] .product-box .product-details .property h4 {
  margin: 0 20px 0 0;
  text-transform: uppercase;
  color: #595959;
  font-size: 16px;
  flex: 0 0 100px;
  font-weight: bold; }

[data-catalog-type="box"] .product-box .product-details .property p {
  color: #595959;
  font-size: 16px;
  line-height: 1.4; }

[data-catalog-type="box"] .product-box .product-details img {
  cursor: zoom-in;
  max-width: 100%;
  display: block;
  margin: auto; }

[data-catalog-type="box"] .product-box .product-details .image-col {
  flex: 0 0 500px; }

[data-catalog-type="box"] .product-box .product-details .details-col {
  max-width: 500px; }

[data-catalog-type="box"] .product-box .product-details .details-col {
  max-width: unset;
  flex: 0 1 540px; }

[data-catalog-type="box"] .product-box .product-details .afrdi {
  width: 87px;
  height: 133px;
  position: absolute;
  right: 0;
  top: 0;
  background-image: url(/images/516/chair-afrdi-tick.png);
  position: static;
  float: right;
  margin-left: 10px; }

[data-catalog-type="box"] .product-box .product-details .property table.dims th {
  padding: 3px 5px;
  text-align: left;
  font-weight: 600;
  color: #595959; }

[data-catalog-type="box"] .product-box .product-details .property table.dims td {
  padding: 3px 30px 3px 5px;
  text-align: left;
  white-space: nowrap; }

[data-catalog-type="box"] .product-box .product-details .property table.dims tr:first-child th:first-child {
  width: 120px;
  text-transform: uppercase;
  color: #595959;
  font-size: 16px;
  font-weight: bold; }

[data-catalog-type="box"] .product-box .product-details .property table.dims th:first-child {
  padding-left: 0; }

[data-catalog-type="box"] .product-box .product-details .property table.dims td:first-child {
  padding-left: 0; }

[data-catalog-type="box"] .product-box .product-details .property table.dims tr.prop14 td {
  padding-bottom: 0px; }

[data-catalog-type="box"] .product-box .product-details .property table.dims tr.prop14 th {
  padding-bottom: 0px; }

[data-catalog-type="box"] .product-box .product-details .property table.dims tr.prop15 th {
  text-indent: 42px;
  padding-top: 0; }

[data-catalog-type="box"] .product-box .product-details .property table.dims tr.prop15 td {
  padding-top: 0; }

[data-catalog-type="box"] .product-box .product-details .property table.dims tr.prop16 td {
  padding-bottom: 0px; }

[data-catalog-type="box"] .product-box .product-details .property table.dims tr.prop16 th {
  padding-bottom: 0px; }

[data-catalog-type="box"] .product-box .product-details .property table.dims tr.prop17 th {
  text-indent: 42px;
  padding-top: 0; }

[data-catalog-type="box"] .product-box .product-details .property table.dims tr.prop17 td {
  padding-top: 0; }

[data-catalog-type="box"] .product-box .product-details .property p.dim-notes {
  margin-left: 120px; }

[data-catalog-type="box"] .product-box .extra-images-outer {
  background-color: #eeeeec;
  padding: 15px 0;
  margin: 15px 0; }

[data-catalog-type="box"] .product-box .extra-images {
  display: flex;
  width: 1000px;
  margin: auto;
  justify-content: space-between;
  max-width: 100%; }

[data-catalog-type="box"] .product-box .extra-images img {
  width: 100%;
  height: 100%; }

[data-catalog-type="box"] .product-box .extra-images.trio img {
  width: 33%;
  height: 100%; }

[data-catalog-type="box"] .product-box .downloads {
  text-align: right;
  color: #afc97e;
  font-size: 24px;
  text-transform: uppercase; }

[data-catalog-type="box"] .product-box + .product-box {
  margin-top: 60px; }

.productCatalog[data-catalog-type="list"] {
  width: 1300px;
  margin: auto;
  max-width: 95%; }

.productCatalog[data-catalog-type="list"] img {
  cursor: zoom-in; }

[data-catalog-type="list"] section {
  border: 1px solid #e9f1d2;
  margin: 40px 0;
  border-radius: 6px; }

[data-catalog-type="list"] section header h1 {
  color: #afc97e;
  font-size: 24px;
  text-transform: uppercase;
  margin-left: 20px; }

[data-catalog-type="list"] .products {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row; }

[data-catalog-type="list"] .product-box {
  width: 50%;
  padding: 15px; }

[data-catalog-type="list"] .product-box .product-details {
  display: flex;
  margin: auto; }

[data-catalog-type="list"] .product-box .product-details h2 {
  font-size: 20px;
  text-transform: uppercase;
  color: #242222;
  letter-spacing: 1px;
  margin-bottom: 15px; }

[data-catalog-type="list"] .product-box .product-details .property {
  display: flex;
  margin: 0 0 20px 0; }

[data-catalog-type="list"] .product-box .product-details .property h4 {
  margin: 0 20px 0 0;
  text-transform: uppercase;
  color: #595959;
  font-size: 16px;
  width: 100px; }

[data-catalog-type="list"] .product-box .product-details .property p {
  color: #595959;
  font-size: 16px;
  line-height: 1.4; }

.productCatalog figure {
  width: 220px;
  height: 220px;
  background-repeat: no-repeat;
  margin: auto; }

.productCatalog figure.zoom {
  position: relative;
  overflow: hidden;
  cursor: zoom-in; }

.productCatalog figure.zoom > div {
  height: 220px;
  width: 220px;
  background-color: white;
  transition: opacity 0.5s;
  display: flex;
  align-items: center;
  justify-content: center; }

.productCatalog figure.zoom > div:hover {
  opacity: 0; }

.productCatalog figure.zoom img {
  display: block; }
/* Related categories shown at end of a category page */
ul.related-categories {
  display: flex;
  flex-wrap: wrap;
  list-style-type: none;
  width: 1000px;
  margin: 20px auto;
  max-width: 90%;
  justify-content: space-evenly;
  position: relative;
  padding-top: 40px; }

ul.related-categories:before {
  content: "Variants & Accessories";
  font-size: 22px;
  color: silver;
  position: absolute;
  top: 0; }

ul.related-categories li {
  text-align: center;
  display: flex;
  flex-direction: column;
  width: 150px; }

ul.related-categories li a:nth-child(2) {
  color: grey;
  border: 1px solid grey;
  text-transform: uppercase;
  font-size: 18px;
  letter-spacing: 2px;
  text-align: left;
  display: block;
  padding: 3px 0 3px 6px; }
/*
 Image Box for popup image viewing
 */
#ImageBoxMask {
  z-index: 10;
  user-select: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: black;
  opacity: 0.3; }

#ImageBoxMask[data-closed] {
  display: none; }

#ImageBox {
  z-index: 11;
  user-select: none;
  position: fixed;
  top: 50%;
  left: 50%;
  width: 700px;
  overflow: hidden;
  border: 2px solid #bfbfbf;
  border-radius: 4px;
  background-color: white;
  transform: translate(-50%, -50%);
  max-width: 90%;
  max-height: 90%;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  min-height: 200px; }

#ImageBox img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  margin: auto; }

#ImageBox button {
  background-color: grey;
  color: white;
  border: none;
  padding: 6px;
  opacity: 0.6;
  cursor: pointer; }

#ImageBox button.close {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  padding: 2px 10px;
  border-radius: 0 0 0 3px; }

#ImageBox button.next {
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  padding: 20px 10px;
  margin-top: -15px;
  border-radius: 3px 0 0 3px; }

#ImageBox button.prev {
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  padding: 20px 10px;
  margin-top: -15px;
  border-radius: 0 3px 3px 0; }

#ImageBox button:hover {
  opacity: 1; }

#ImageBox[data-closed] {
  display: none; }

#ImageBox .inner {
  width: 100%;
  padding-bottom: 100%;
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center; }

#ImageBox.single1500 {
  width: 1500px; }
/*
 SEARCH PAGE
 */
.sSearch h3.panelHeading {
  color: #cdcdcc;
  text-align: center;
  font-size: 84px;
  text-transform: uppercase;
  letter-spacing: 1.2rem;
  margin-top: 25px; }

.sSearch h3 {
  color: #cdcdcc;
  font-size: 18px;
  text-align: center;
  marign-top: 30px; }

.sSearch ul.searchResults {
  width: 1000px;
  max-width: 90%;
  margin: 20px auto;
  display: flex;
  flex-wrap: wrap; }

.sSearch ul.searchResults li {
  display: flex;
  margin: 10px;
  flex: 0 0 calc(50% - 20px); }

.sSearch ul.searchResults li img {
  margin-right: 10px; }

.sSearch ul.searchResults li a {
  text-transform: uppercase;
  font-weight: bold;
  color: #afc97e; }

.sSearch ul.searchResults[data-item-type="page"] li {
  flex-direction: column; }

.sSearch .searchTips {
  width: 900px;
  max-width: 90%;
  margin: 20px auto; }

.sSearch .searchTips h2 {
  text-align: left;
  color: gray; }
/*
 CONTACT PAGE
 */
.main.contact span.item {
  display: inline-block;
  width: 60px; }

.main.contact p {
  line-height: 1.6; }

.googleMapsPanel {
  width: 1000px;
  max-width: 100%;
  margin: auto; }
/* 
 Terms Page
 */
main.terms {
  background-image: url('/images/4899/terms-chair-background.png');
  background-position-x: right;
  background-position-y: 70px;
  background-repeat: no-repeat; }

main.terms header {
  width: 1000px;
  max-width: 90%;
  margin: 40px auto 20px auto;
  text-align: left; }

main.terms header h1 {
  font-size: 44px;
  text-align: left;
  letter-spacing: 6px;
  margin-bottom: 35px; }

main.terms header h2 {
  font-size: 18px;
  font-weight: bold;
  letter-spacing: unset;
  color: black;
  text-align: left; }

main.terms .content h3 {
  font-size: 18px;
  font-weight: bold; }

main.terms .content p {
  font-size: 18px;
  line-height: 1.4; }

main.terms .content * + p {
  margin-top: 25px; }

main.terms .content * + h3 {
  margin-top: 30px; }

main.terms .content {
  width: 1000px;
  max-width: 90%;
  margin: 20px auto; }

main.terms .footer-image img {
  max-width: 100%; }

@media (max-width: 1450px) {
  .home-gallery .gallery {
    width: 1180px; } }

@media (max-width: 1360px) {
  .header1 .split .logo {
    font-size: 22px; }

  .header1 .split .logo a {
    display: block;
    margin-right: 0; }

  .header-phone {
    font-size: 26px; }

  .productSubCategoryList {
    width: 1000px; } }

@media (max-width: 1300px) {
  main.about .content-outer .intro p {
    font-size: 20px; }

  main.about .content-outer .create .inner {
    top: 20px; }

  main.about .content-outer .create h2 {
    font-size: 30px;
    text-align: center;
    margin: 0 auto 20px auto; }

  main.about .content-outer .create p {
    font-size: 20px;
    text-align: center; }

  main.about .content-outer .create * + p {
    margin-top: 20px; } }

@media (max-width: 1220px) {
  .menuStyle1 ul a {
    font-size: 16px;
    letter-spacing: 1px; }

  .header2 .search {
    width: 230px; }

  .main .heading h1 {
    font-size: 60px; }

  main header h1 {
    font-size: 60px; }

  h1.product_category {
    font-size: 60px; } }

@media (max-width: 1200px) {
  .home-gallery .gallery {
    width: 930px; } }

@media (max-width: 1100px) {
  .hex-menu2 ul {
    width: 990px; }

  .hex-menu2 ul li:nth-child(10) {
    margin-left: 103px; }

  .hex-menu2 ul li:nth-child(11) {
    margin-left: 5px; }

  .hex-menu2 ul li:nth-child(15) {
    margin-left: 5px; }

  .productSubCategoryList {
    width: 750px; } }

@media (max-width: 1000px) {
  [data-catalog-type="box"] .product-box .product-details .image-col {
    flex: auto; }

  .header2 .split {
    flex-wrap: wrap;
    padding-bottom: 5px; }

  .header2 .split .dividerColumn {
    flex: auto; }

  .header2 .search {
    margin-top: 8px; }

  .header-search {
    width: 85%;
    margin: auto; }

  .header-menu ul {
    margin: 0; }

  .main .heading h1 {
    font-size: 46px;
    letter-spacing: 0.9rem; }

  main header h1 {
    font-size: 46px;
    letter-spacing: 0.9rem; }

  h1.product_category {
    font-size: 46px;
    letter-spacing: 0.9rem; }

  [data-catalog-type="list"] .product-box {
    width: 100%; }

  main.terms {
    background-size: 70%; } }

@media (max-width: 990px) {
  .hex-menu2 ul {
    width: 890px; }

  .hex-menu2 ul li:nth-child(9) {
    margin-left: 103px; }

  .hex-menu2 ul li:nth-child(10) {
    margin-left: 5px; }

  main.services .hex-header h1 {
    font-size: 60px; }

  main.services .text h2 {
    font-size: 36px;
    letter-spacing: 1px; }

  main.services .text h3 {
    font-size: 26px; }

  main.services .text p {
    font-size: 20px; } }

@media (max-width: 950px) {
  .home-gallery .gallery {
    width: 690px; }

  main.about .content-outer .create .inner {
    background-color: rgba(255, 255, 255, 0.7);
    padding: 10px; } }

@media (max-width: 900px) {
  [data-catalog-type="box"] .product-box .product-details {
    left: unset; } }

@media (max-width: 890px) {
  .hex-menu2 ul {
    width: 790px; }

  .hex-menu2 ul li:nth-child(8) {
    margin-left: 103px; }

  .hex-menu2 ul li:nth-child(9) {
    margin-left: 5px; }

  .hex-menu2 ul li:nth-child(15) {
    margin-left: 103px; } }

@media (max-width: 790px) {
  .hex-menu2 ul {
    width: 690px; }

  .hex-menu2 ul li:nth-child(7) {
    margin-left: 103px; }

  .hex-menu2 ul li:nth-child(8) {
    margin-left: 5px; }

  .hex-menu2 ul li:nth-child(13) {
    margin-left: 103px; }

  .hex-menu2 ul li:nth-child(15) {
    margin-left: 5px; }

  .footer-bottom .split {
    flex-wrap: wrap; }

  .footer-bottom .split .dividerColumn {
    flex: auto;
    text-align: center; }

  .footer-bottom2 .footer-info {
    flex-wrap: wrap; }

  .footer-bottom2 .footer-info .dividerColumn {
    flex: auto;
    text-align: center;
    margin: 15px auto;
    width: 90%; }

  .footer-bottom2 .footer-info .col-about p {
    text-align: center;
    margin-left: auto;
    margin-right: auto; }

  .footer-bottom2 .footer-info .col-products ul li {
    flex: 0 0 33%; }

  .header1 {
    padding-bottom: 0; }

  .header1 .split {
    flex-wrap: wrap;
    max-width: 100%; }

  .header1 .split .dividerColumn {
    flex: 0 0 100%;
    text-align: center; }

  .header1 .split .logo {
    font-size: 20px;
    letter-spacing: 0.2rem; }

  .header1 .split .phone {
    background-color: #aaaba5;
    padding: 5px 0; }

  .footer-top .spacer {
    display: none; }

  .home-gallery .gallery {
    width: 465px; }

  .productSubCategoryList {
    width: 500px; } }

@media (max-width: 720px) {
  main.about .content-outer .create {
    padding: 20px 0;
    background-size: cover; }

  main.about .content-outer .overlay {
    display: none; }

  main.about .content-outer .create .inner {
    position: static;
    left: auto;
    width: 90%;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.2); }

  main.afrdi .text h2 {
    font-size: 26px; }

  main.afrdi .text {
    font-size: 18px; }

  main.afrdi .text img.wrap-left {
    width: 30%; }

  main.services .text h2 {
    font-size: 26px;
    letter-spacing: unset;
    text-align: left !important; }

  main.services .text h3 {
    font-size: 22px; }

  main.services .text p {
    font-size: 18px; }

  main.services .hex-header h1 {
    font-size: 50px;
    letter-spacing: 1px; }

  [data-catalog-type="box"] .product-box .product-details {
    flex-wrap: wrap;
    max-width: 95%; }

  [data-catalog-type="box"] .product-box .product-details .image-col {
    width: 100%; }

  [data-catalog-type="box"] .product-box .product-details .details-col {
    width: 90%;
    margin: auto; }

  [data-catalog-type="box"] .product-box .product-details h2 {
    text-align: center; }

  [data-catalog-type="box"] .product-box .product-details .property {
    flex-direction: column; }

  [data-catalog-type="box"] .product-box .product-details .property h4 {
    font-weight: bold;
    flex: auto; } }

@media (max-width: 690px) {
  .hex-menu2 ul {
    width: 590px; }

  .hex-menu2 ul li:nth-child(6) {
    margin-left: 103px; }

  .hex-menu2 ul li:nth-child(7) {
    margin-left: 5px; }

  .hex-menu2 ul li:nth-child(11) {
    margin-left: 103px; }

  .hex-menu2 ul li:nth-child(13) {
    margin-left: 5px; }

  .hex-menu2 ul li:nth-child(16) {
    margin-left: 103px; }

  main.terms header h1 {
    font-size: 34px;
    letter-spacing: 3px; } }

@media (max-width: 675px) {
  .menuStyle1 ul a {
    margin-left: 5px;
    margin-right: 5px; }

  .header-menu ul {
    flex-wrap: wrap;
    justify-content: flex-start;
    background-color: #f7f7f7; }

  .header-menu ul li {
    flex: 0 0 33%;
    border: 1px solid white; }

  .header-menu ul li:nth-child(4) {
    flex: auto; }

  .header-menu ul li:nth-child(5) {
    flex: auto; }

  .main .heading h1 {
    font-size: 40px;
    letter-spacing: 0.2rem; }

  main header h1 {
    font-size: 40px;
    letter-spacing: 0.2rem; }

  h1.product_category {
    font-size: 40px;
    letter-spacing: 0.2rem; }

  .main.about .text.layers h2 {
    font-size: 40px;
    letter-spacing: 0.2rem; }

  .service-hex-menu ul li {
    width: calc(33% - 10px); }

  .service-hex-menu ul li:nth-child(4) {
    margin-left: 17.8%; }

  .service-hex-menu ul li:nth-child(5) {
    margin-left: 5px; }

  .service-hex-menu ul li:nth-child(6) {
    margin-left: 34.6%; } }

@media (max-width: 590px) {
  .header-menu ul ul {
    display: none !important; }

  .hex-menu2 ul {
    width: 490px; }

  .hex-menu2 ul li:nth-child(5) {
    margin-left: 103px; }

  .hex-menu2 ul li:nth-child(6) {
    margin-left: 5px; }

  .hex-menu2 ul li:nth-child(9) {
    margin-left: 103px; }

  .hex-menu2 ul li:nth-child(11) {
    margin-left: 5px; }

  .hex-menu2 ul li:nth-child(13) {
    margin-left: 103px; }

  .hex-menu2 ul li:nth-child(16) {
    margin-left: 5px; }

  .productSubCategoryList {
    width: 250px; }

  [data-catalog-type="list"] .product-box .image-col {
    flex: 0 0 30%; }

  [data-catalog-type="list"] .product-box .image-col img {
    max-width: 100%; }

  main.fabric .supplier-gallery .gallery {
    grid-template-columns: 50% 50%; } }

@media (max-width: 490px) {
  .hex-menu2 ul {
    width: 390px; }

  .hex-menu2 ul li:nth-child(4) {
    margin-left: 103px; }

  .hex-menu2 ul li:nth-child(5) {
    margin-left: 5px; }

  .hex-menu2 ul li:nth-child(7) {
    margin-left: 103px; }

  .hex-menu2 ul li:nth-child(9) {
    margin-left: 5px; }

  .hex-menu2 ul li:nth-child(10) {
    margin-left: 103px; }

  .hex-menu2 ul li:nth-child(13) {
    margin-left: 103px; }

  .hex-menu2 ul li:nth-child(16) {
    margin-left: 103px; }

  .service-hex-menu ul li {
    width: calc(50% - 10px); }

  .service-hex-menu ul li:nth-child(3) {
    margin-left: 26.8%; }

  .service-hex-menu ul li:nth-child(4) {
    margin-left: 5px; }

  .service-hex-menu ul li:nth-child(5) {
    margin-left: 5px; }

  .service-hex-menu ul li:nth-child(6) {
    margin-left: 26.8%; } }

@media (max-width: 470px) {
  .header-menu ul li {
    flex: 0 0 50%; }

  .header-menu ul li:nth-child(4) {
    flex: 0 0 50%; }

  .header-menu ul li:nth-child(5) {
    flex: auto; }

  .home-gallery .gallery {
    width: 220px; }

  main.afrdi .categories a h2 {
    font-size: 16px; } }

@media (max-width: 420px) {
  main.fabric .swatch-gallery .gallery div {
    margin: 5px; } }
/* Raleway Light */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 200;
  src: local('Raleway Light'), local('Raleway-Light'), url('/_customfonts/Raleway-Light.ttf') format('truetype');
  /* Safari, Android, iOS */ }
/* Raleway Regular */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: local('Raleway'), local('Raleway'), url('/_customfonts/Raleway-Regular.ttf') format('truetype');
  /* Safari, Android, iOS */ }
/* Raleway Semibold */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 600;
  src: local('Raleway SemiBold'), local('Raleway-SemiBold'), url('/_customfonts/Raleway-SemiBold.ttf') format('truetype'); }
/* Raleway Bold */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 700;
  src: local('Raleway ExtraBold'), local('Raleway-ExtraBold'), url('/_customfonts/Raleway-ExtraBold.ttf') format('truetype'); }
/* Muli Light */
@font-face {
  font-family: 'Muli';
  font-style: normal;
  font-weight: 200;
  src: local('Muli Light'), local('Muli-Light'), url('/_customfonts/Muli-Light.ttf') format('truetype');
  /* Safari, Android, iOS */ }
/* Muli Regular */
@font-face {
  font-family: 'Muli';
  font-style: normal;
  font-weight: 400;
  src: local('Muli'), local('Muli'), url('/_customfonts/Muli.ttf') format('truetype');
  /* Safari, Android, iOS */ }
/* Muli Semibold */
@font-face {
  font-family: 'Muli';
  font-style: normal;
  font-weight: 600;
  src: local('Muli SemiBold'), local('Muli-SemiBold'), url('/_customfonts/Muli-SemiBold.ttf') format('truetype'); }
/* Muli Bold */
@font-face {
  font-family: 'Muli';
  font-style: normal;
  font-weight: 700;
  src: local('Muli ExtraBold'), local('Muli-ExtraBold'), url('/_customfonts/Muli-ExtraBold.ttf') format('truetype'); }
