/* HTML5 ✰ Boilerplate
 * ==|== normalize ==========================================================
 */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { margin: 0; font-size: 13px; line-height: 1.231; }
body, button, input, select, textarea { font-family: sans-serif; color: #7B7168; }

::-moz-selection { background: #ECEBE7; text-shadow: none; }
::selection { background: #ECEBE7; text-shadow: none; }

abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; *overflow: visible; }
table button, table input { *overflow: auto; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }


/* ==|== primary styles =====================================================
   ========================================================================== */

/* CSS to support IE7 and up */

/*
    Colours
        red                 #AF1E2D (old red #C4112F)
        dark grey/brown     #7B7168 (footer, selected menu, search buttons)
        light grey/brown    #C5BEB6 (bread crumb)
        lighter grey        #ECEBE7 (left menu sub items)
        really light grey   #FBFBFB (product listing product code box)
        menu dark grey      #ABA299
        borders/seperators  #D6D6D6        
*/


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

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

}

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

}

article, footer, header, nav, section { clear: both; }

section                 { background-color: #FFF; }
non-text-anchor         { text-decoration: none; }

a { color: #AF1E2D; text-decoration: none; }
a:hover { text-decoration: underline; }
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }
li { color: #AF1E2D; text-decoration: none; }
li:hover { text-decoration: underline; }
li:focus { outline: thin dotted; }
li:hover, a:active { outline: 0; }

input,
input[type="text"],
textarea                { border: 1px solid #d0c7c2; padding: 1px 4px; }  /* Whats this colour? */

button,
input[type="reset"],
input[type="button"],
input[type="submit"]    { padding: 2px 5px; }
input[type="text"]      { height: 20px; }

h1, h2, h3, h4, h5      { font-family: 'FrutigerLTStd45Light'; font-weight: normal; font-size: 1em; margin: 1em 0; }

.search-box             { margin: 5px 5px 0 0; text-align: right; float: right; width: 300px; }
.search-button          { border: none; width: 24px; height: 24px; background: #7B7168 url(/css/images/magnifyingGlass.png) no-repeat center center; vertical-align: bottom; }
.search-input           { width: 220px; vertical-align: bottom; }

.product-search         { margin: 10px 33px 0 0; }

.header-content,
.section-content,
.footer-content         { width: 938px; margin: 0 auto; border-style: solid; border-width: 0 1px; }
.footer-website-by      { clear: both; text-align: right; font-size:0.85em;}
.footer-website-by a    { color: #FFF; }

.header-content,
.section-content        { border-color: #D6D6D6; }
.section-content        { padding-bottom: 30px; }
.section-content p      { margin: 10px 33px; }
.footer-content         { border-color: #7B7168; }

header                  { border-top: 2px solid #AF1E2D; background: #FFF url(/css/images/headerGrad.png) repeat-x bottom; }

header .logo-anchor     { display: block; float:left; width: 156px; height: 116px; }
header .logo-anchor img { display: block; margin: 44px 0 0 26px; width: 267px; height: 34px; }

nav                     { clear: both; color: #FFF; }

.main-menu              { clear: both; color: #000; margin: 0; height: 28px; background-color: #ABA299;}

.main-menu a                        { color: #FFF; display: block; }
.main-menu a:hover                  { text-decoration: none; }
.primary-menu                       { margin: 0; padding:0;  }
.primary-menu h4                    { margin: 0; font-size: 1.1em; line-height: 18px; }
.primary-menu-item.current>a,
.primary-menu-item.current:hover>a  { background-color: #AF1E2D; }
.primary-menu-item                  { list-style-type: none; float: left; width: auto; position: relative; border-right: 1px solid #FFF; }
.IE6 .primary-menu-item             { width: 0; white-space:nowrap; }
.IE7 .primary-menu-item             { width: 110px; }
.primary-menu-item>a                { background-color: #ABA299; padding: 5px 20px 5px 20px; }
.IE6 .primary-menu-item a           { background-color: #ABA299; padding: 5px 20px 5px 20px; }
.IE7 .primary-menu-item a           { padding: 5px 0 5px 20px; }
.primary-menu-item:hover>a          { background-color: #7B7168; }

.secondary-menu-separator           { visibility:hidden; height: 8px; background-color: #7B7168; border-color: #FFF; border-style: solid; border-width: 1px 0; border-radius: 2px; line-height: 0; }
.primary-menu-item:hover .secondary-menu-container  { visibility: visible; }
.primary-menu-item:hover .secondary-menu-separator  { visibility: visible; }

.primary-menu-home a                { padding: 6px 6px 7px 6px; display: block; width: 15px; height: 15px; }
.primary-menu-home a img            { display: block; width: 15px; height: 15px; }
.IE7 .primary-menu-home             { width: 27px; }
.IE7 .primary-menu-home a           { margin:0; padding: 6px 6px 7px 6px;}
.secondary-menu-container           { visibility:hidden; position: absolute; top: 38px; left: 0; background-color: #7B7168; border-radius: 2px; min-height: 110px; width: 1000px; }
/* Note the large width above is so secondary-menu items can flow and size properly, so their width can be calculated in js.  The width is then set explicity for each container. */

.secondary-menu                     { float: left; width: auto; }
.secondary-menu h5                  { margin: 0; }
.secondary-menu-item                { float: none; position: static; background-color: transparent; border: 0; margin: 2px; }
.secondary-menu-item a              { padding: 4px 18px; border-radius: 2px;}
.secondary-menu-item img            { position:absolute; display: none; top: 10px; right: 10px; }
.secondary-menu-item:hover img,
.secondary-menu-item.current img    { display: block; }
.secondary-menu-item:hover img      { z-index: 1000; } 
.secondary-menu-item.current>a,
.secondary-menu-item.current:hover>a { background-color: #ABA299; }

.breadcrumb-trail       { clear:both; background-color: #C5BEB6; height: 16px; margin-top: 8px; padding: 1px 0 3px 4px; }
.breadcrumb-trail a     { color: #FFF; }
.breadcrumb-trail .CMSBreadCrumbsCurrentItem    { color: #AF1E2D; }

.home-row1,
.home-row2          { margin-bottom: 20px; }
.home-row2,
.home-row3          { clear: both; }
.home-row1-col1,
.home-row2-col1, .home-row2-col2, .home-row2-col3,
.home-row3-col1, .home-row3-col1, .home-row3-col1  { border-style: solid; border-color: #D6D6D6; }
.home-row2 div,
.home-row3 div      { float: left; width: 298px; }
.home-row2-col1,
.home-row2-col2,
.home-row3-col1,
.home-row3-col2     { margin-right: 20px; }
.home-row1-col1     { border-width: 0 0 1px 0; }
.home-row2-col1     { border-width: 1px 1px 1px 0; }
.home-row2-col2     { border-width: 1px 1px 1px 1px; }
.home-row2-col3     { border-width: 1px 0 1px 1px; }
.home-row3-col1     { border-width: 1px 1px 0 0; }
.home-row3-col2     { border-width: 1px 1px 0 1px; }
.home-row3-col3     { border-width: 1px 0 0 1px; }

.product-category-header-container  { border-bottom: 1px solid #D6D6D6; }
.product-category-header            { margin: 30px 32px; border-bottom: 10px solid #D6D6D6; padding-bottom: 10px; }
.product-category-header h2         { font-size: 1.9em; }
.product-category-header .editable-html { width: 600px; }
.product-category                   { clear: both; margin-top: 18px;  }

.product-preview        { position: relative; width: 300px; height: 146px; color: #7B7168; border: 1px solid #D6D6D6; background-color: #fff; margin: 0 16px 20px 0; overflow: hidden; cursor: pointer; float:left; display:inline;}
.product-preview img    { display:block; margin: 10px; }
.product-preview-image  { width:219px; float: left; }
.product-preview-info   { width: 80px; float: right; height:146px; border-left:1px solid #D6D6D6; background-color:#FBFBFB}
.product-preview-info .product-code { margin:10px 5px 0 5px; word-wrap: break-word; font-size:0.769230769em; }
.product-preview-more   { position: absolute; bottom: 0; right: 0; padding-top:10px; background-color:#ECEBE7; color:#AF1E2D; height:25px; width:80px; vertical-align:middle; text-align:center;font-weight: bold;}

.left-menu      { width: 218px; border: 1px solid #D6D6D6; float: left;}
.left-menu h3   { margin: 0; padding: 12px 20px; font-size: 1.4em; }
.left-menu ul   { padding: 0; margin: 0; }
.left-menu li   { list-style-type: none; }

.left-primary-menu-item         { color:#FFF; background-color:#ABA299; }
.left-primary-menu-item a       { color:#FFF; vertical-align:middle; }
.left-secondary-menu-container  { border-top:1px solid #FFF; }
.current .left-secondary-menu-container  { border-bottom:1px solid #FFF; }
.left-secondary-menu-item, 
.left-tertiary-menu-item       { background-color:#ECEBE7; list-style-type:none; list-style-position: inside; padding:1px 0 1px 22px; border-bottom:1px solid #FFF; display: none; }
.left-secondary-menu-item a,
.left-tertiary-menu a     { color:#333; }
.left-secondary-menu .current   { background-color:#ECEBE7 !important; list-style-type:none; border-bottom:1px solid #FFF; list-style-position: inside; }
.left-secondary-menu .current a { color:#AF1E2D; }
.left-primary-menu .current     { background-color:#AF1E2D; }
.left-primary-menu .current .left-secondary-menu-item { display:list-item; }
.left-secondary-menu .left-tertiary-menu .left-tertiary-menu-item { display:list-item; }

.left-tertiary-menu {}
.left-tertiary-menu-item{ padding-left:44px;}

.retailer-results{ margin-top:23px;}
.retailer-item{width:280px; height:175px; float:left; margin:0px 0px 30px 10px; display:inline;}

.product-list           { width: 700px; float: right;}
.product-list h2        { clear: both; border: 0; margin:0 0 5px 0;  font-size: 1.8em; }
.product-list h3        { clear: both; border-bottom: 10px solid #D6D6D6; margin: 0 0 20px 0; font-size: 1.4em; width:620px; padding-bottom:10px; } 
.product-detail         { margin-top:10px; }
.product-detail h3      { clear: both; border: 0; margin:0 0 0 0;  font-size: 1.4em; width:auto;  padding-bottom:0px;}
.product-detail-body    { margin-top:0px !important; }

.product-detail-header          { width:620px; }
.product-detail-header-top      { width:500px; }
.product-detail-header-lower    { width:620px; margin-bottom:10px; min-height:25px; }
.product-detail-code            { float:left; }

.product-detail .product-detail-code h3 {font-size:1.2em;}

hr.wide-separator               { border-top: 8px solid #D6D6D6; margin:20px 0; }
.product-where-to-buy           { height:100%; float:right; }
.product-where-to-buy h4        { margin: 0; font-size: 1.1em; }
.product-where-to-buy a         { color:#FFF; background-color:#AF1E2D; padding-top:5px;padding-bottom:5px; padding-right:15px; padding-left:15px; border:1px solid #D6D6D6; }
.product-where-to-buy a:hover   { text-decoration:none; }

.product-tabs           { position: relative; width: 620px; margin-top: 75px; margin-bottom:30px; }
.product-tab            { position: absolute; top: 0; left: 0; width: 620px; }
.product-tab h3         { position: absolute; top: -54px; margin: 0; width: 153px; line-height: 20px; padding-top: 16px; padding-bottom:16px; border: 1px solid #D6D6D6; cursor: pointer; text-align:center; }
.tab-key-features h3    { left: 0px; background-color:#EAEAEA }
.tab-specifications h3  { left: 154px; background-color:#EAE9E8 }
.tab-optional-extra h3  { left: 308px; background-color:#EAEAEA; width: 155px; }
.tab-downloads h3       { left: 464px; background-color:#EDEDED; width: 154px; }
.tab-selected           { background-color:White !important; border-bottom-color:White !important; }
.tab-content            { display: none; padding:20px 5px 20px 20px; border-left: 1px solid #D6D6D6; border-right: 1px solid #D6D6D6; border-bottom: 1px solid #D6D6D6; }
.download-list li       { margin: 10px 0; list-style-type: none; }
.product-icons          { margin-bottom:5px; }
.product-images         { width:618px; text-align:center; border-left:1px solid #D6D6D6; border-bottom:1px solid #D6D6D6; border-right:1px solid #D6D6D6; height:119px}
.product-media-viewer   { width: 618px; height: 278px; border: 1px solid #D6D6D6; background-color: transparent; background-position: top left; background-repeat: no-repeat; text-align: center; position: relative; }
.product-image-thumbnail        { margin:20px 10px 20px 10px }
.product-image-thumbnail-link, .product-image-thumbnail-link:hover { text-decoration: none; }
.media-viewer-controls  { position: absolute; right: 15px; width: 34px; height: 102px; }
.media-zoom-button,
.media-video-button,
.media-flash-button     { display: block; width: 34px; height: 34px; text-decoration: none; background-repeat: no-repeat; }
.media-flash-button:hover { text-decoration: none; }
.media-zoom-button      { background-image: url(Images/zoomButton.png);  }
.media-video-button     { background-image: url(Images/videoButton.png); }
.media-flash-button     { background-image: url(Images/cursorButton.png);}
.video-full-viewer a, 
.image-full-viewer a,
.flash-full-viewer a   { text-decoration: none; right:15px; position:absolute; width:30px; height: 30px; line-height: 30px; background: transparent url(Images/closeButton.png) no-repeat center center; z-index:2; }

.image-full-viewer, 
.video-full-viewer,
.flash-full-viewer  { position: absolute; top: -1px; left: -1px; width: 618px; height: 398px; border: 1px solid #D6D6D6; display: none; background-color: #FFF; z-index:5; }
.flash-container    { overflow:hidden; width:525px; height:350px; margin:30px auto; }

.image-full-viewer {overflow:hidden;}
.image-full-viewer img {position:absolute; top:0; left:0;}
.image-full-viewer #drag-message {z-index:6; position:absolute; left:240px; padding:4px 4px 4px 4px; background-color:#eee; width:140px}

.video-full-viewer #video_wrapper { margin: 33px auto; }
.video-full-viewer #video { margin: 33px auto; }

.SearchResult           { margin: 0 0 0 33px; width:570px; }
.CMSSearchResultsNoResultsLabel { margin: 0 0 0 33px;}
.PagerControl           { margin:20px 0 0 33px; }
.SearchResultSeparator  { color:#D6D6D6; background-color:#D6D6D6; width:870px; height:2px; border:none; margin:10px auto; clear:both; opacity:0.8; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); }

.ResultDescription {}
.ResultLeft  { width:410px; float:left; padding-right:10px; }
.ResultRight { float:right; }

.site-map {}
.site-map a { color:#7B7168; }
.site-map .CMSSiteMapList { padding:0; margin:5px 0 5px 33px; list-style-position:inside; font-weight:bold; }
.site-map .CMSSiteMapList .CMSSiteMapList { font-weight:normal; }
.site-map .CMSSiteMapList .CMSSiteMapList .CMSSiteMapList { font-style:italic; }
.site-map .CMSSiteMapListItem { padding:0; margin:0; }

.contact-form-container { padding-left:33px; }
.contact-form-container td  { padding: 6px 10px; }
.contact-form-container input[type="text"],
.contact-form-container textarea    { width: 100%; }
.EditingFormErrorLabel  {color: #AF1E2D; margin-bottom:10px; }
.required-field,
.contact-form-container .ErrorLabel    {color: #AF1E2D; }

footer                  { color: #FFF; border-top: 8px solid #C5BEB6; padding-bottom: 40px; }

 h1.basic-template { font-size:1.8em; margin-left:33px; }
 .basic-template-left-menu-body { margin-top:10px; }

.more-link          { color: #AF1E2D; font-family: 'FrutigerLTStd65Bold'; }
span.more-arrow     { font-size: 1.4em;  }

/* ==|== non-semantic helper classes ======================================== */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }


/* ==|== media queries ====================================================== */

@media only screen and (min-width: 480px) {


}

@media only screen and (min-width: 768px) {

}


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