/* CFM56-3 styles */

/* Colours

Orange: rgb(230,89,1)
Blue:   rgb(36,121,183)
Yellow: rgb(255,190,0)

*/

/* Enable HTML5 elements for older browsers */

header, footer, nav, section, article, hgroup, aside { display:block; }

/* Setup */

body { background-color:rgb(45,45,45); font-family:Helvetica, Arial, sans-serif; font-size:62.5%; }

h1 { font-weight:normal; font-size:3.3em; }
h2 { font-weight:normal; font-size:1.7em; color:rgb(36,121,183); }
h3 { font-weight:normal; }
h4 { font-weight:normal; }
h5 { font-weight:normal; }
h6 { font-weight:normal; }

a { color:rgb(230,89,1); text-decoration:none; }
a:hover { color:rgb(230,89,1); text-decoration:underline; }

p { color:rgb(100,100,100); font-size:1.2em; line-height:1.5em; }

label { font-size:1.2em; margin-right:5px; text-transform:lowercase; }

ul { }
li { }

/* Main */

#container { width:100%; }
#main { width:984px; margin:0 auto 0 auto; position:relative; background-color:white; background-image:url('../images/bkgColumnRight.gif'); background-position:top right; background-repeat:repeat-y; }
#header { color:white; background-color:rgb(38,38,38); background-image:url('../images/bkgHeader.png'); background-repeat:repeat-x; background-position:top left; height:155px; overflow:hidden; }
#header h1 { font-size:5.8em; padding-top:46px; text-align:center; text-transform:none; letter-spacing:-1px; }
#header h2 { font-size:1.6em; text-transform:none; }
.headerTel { position:absolute; top:55px; color:white; }
.officeTitle { font-size:0.8em; background-position:left center; background-repeat:no-repeat; padding-left:25px; line-height:1.8em; }
#ukTel { text-align:left; left:35px; }
#ukTel .officeTitle { background-image:url('../images/flagUK.png'); }
#usaTel { text-align:right; right:35px; }
#usaTel .officeTitle { background-image:url('../images/flagUSA.png'); }
#headerLogos { display:block; margin:6px auto 0 auto; }
.headerLogoSmall { margin-bottom:10px; }
#text { padding:48px 0 48px 48px; margin-right:380px; min-height:500px; overflow:auto; }
#text hgroup { margin-bottom:30px; }
#text hgroup h1 { background-image:url('../images/bkgStarLargeBlue.png'); background-position:left center; background-repeat:no-repeat; padding-left:35px; font-weight:bold; margin-bottom:25px; letter-spacing:-1px; }
#text h2 { line-height:1.2em; }
#text p { margin-bottom:10px; }
.productInfo #text , .categories #text , .brands #text { padding-top:30px; }
.productInfo #text hgroup h1 { text-transform:none; margin-bottom:5px; }
.productInfo #text hgroup h2 { font-size:1.8em; }
#columnRight { float:right; top:189px; right:0; width:300px; background-color:rgb(230,230,230); }
#breadcrumb { margin-bottom:20px; font-size:1.2em; }
.breadcrumbArrow { margin:0 10px 0 10px; }
#specials { background-color:rgb(50,50,50); color:white; }
#specials h1 { font-size:2.2em; text-transform:none; margin-bottom:3px; }
#specials h2 { font-size:1.5em; margin-bottom:5px; }
#specials h3 { font-size:1.3em; }
#specials p { color:white; }
#menuProducts { padding:15px; background-color:rgb(115,115,115); background-image:url('../images/bkgMenuProducts.gif'); background-repeat:repeat-x; background-position:top left; position:relative; }
#menuProducts li { margin-bottom:8px; font-size:1.1em; }
#menuProducts a { color:white; }
.columns { -moz-column-gap:20px; -moz-column-rule:1px solid rgb(140,140,140); -webkit-column-gap:20px; -webkit-column-rule:1px solid rgb(140,140,140); column-gap:20px; column-rule:1px solid rgb(140,140,140); }
#menuProductsListing { height:152px; -webkit-column-count:5; -moz-column-count:5; column-count:5; position:relative; }
.element-invisible {
  position: absolute !important;
  height: 1px; width: 1px; 
  overflow: hidden;
  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
}
#categoriesListing { height:575px; -webkit-column-count:3; -moz-column-count:3; column-count:3; }
#news { padding:48px 48px 60px 25px; }
#news hgroup { margin-bottom:20px; }
#news h1 { font-size:2.6em; display:inline; margin-right:20px; }
#news h2 { font-size:1.5em; display:inline; text-transform:lowercase; }
#categories { margin-top:40px; }
#categories hgroup h1 { background-image:none; padding:0; font-weight:normal; }
#categoriesList { }
#categories hgroup { margin-bottom:20px; }
#categories h1 { font-size:2.6em; display:inline; margin-right:20px; letter-spacing:0; font-weight:normal; background-image:none; padding:0; }
#categories h2 { font-size:1.5em; display:inline; text-transform:lowercase; }
#categories li { margin-bottom:8px; }
#categories li h1 { font-size:1.3em; margin-bottom:2px; display:block; letter-spacing:0; padding:0; }
#categories li h2 { font-size:1.1em; display:block; text-transform:none; }
#categories li h2 a { color:rgb(100,100,100); }
#footer { background-color:black; padding:10px 48px 10px 48px; color:white; text-transform:lowercase; font-size:0.9em; clear:both; }
#footer p { color:white; }
#footer a { color:rgb(41,171,226); text-decoration:none; }
#footer a:hover { text-decoration:underline; }

/* Columizer */
/*
.column { padding:0 8px 0 8px; border-right:1px solid rgb(140,140,140); }
.first { padding:0 8px 0 0; }
.last { padding:0 0 0 8px;  }
*/
/* Menu */

#menu { height:34px; background-color:rgb(230,89,1); background-image:url('../images/bkgOrangeGradient.png'); background-position:bottom left; background-repeat:repeat-x; color:white; }
#menu ul { margin-left:48px; }
#menu li { display:block; line-height:34px; float:left; background-repeat:no-repeat; background-position:center center; font-size:1.2em; text-align:center; color:rgb(115,44,0); padding-left:5px; padding-right:5px;}
#menu li a { display:block; float:left; color:white; text-decoration:none; line-height:34px; padding-left:10px; padding-right:10px; }
#menu li a:hover , .highlighted { background-color:rgb(115,44,0); }

#search { position:relative; padding:0 48px 0 48px; text-align:right; float:right; height:34px; width:204px; line-height:34px; background-image:url('../images/bkgMenuRedSplit.png'); background-position:top left; background-repeat:no-repeat; background-color:rgb(36,121,183); }
#search select { width:150px; }

/* Generic styles */

.boxGrey { background-color:rgb(230,230,230); padding:15px; margin-bottom:20px; }
.boxGrey h1 { background-image:none; font-size:2em; font-weight:normal; text-transform:lowercase; letter-spacing:0; padding:0; margin-bottom:20px; }
.boxGrey p { color:black; }
.row { clear:both; overflow:auto; margin-bottom:10px; }

/* Specific styles */

.contactInfo { margin-bottom:30px; }
.contactInfo h1 { font-size:1.6em; text-transform:none; margin-bottom:10px; }
.contactInfo h2 { font-size:1.5em; text-transform:none; margin-bottom:5px; }
.contactInfo h3 { font-size:1.4em; line-height:1.4em; color:rgb(100,100,100); margin-bottom:5px; }
.contactInfo .contactEmail { font-size:1.4em; line-height:1.4em; }
.contactInfo p { font-size:1.4em; }
#productButtons { float:right; width:120px; }
ul.buttons li { text-align:center; margin-bottom:10px; text-transform:lowercase; font-size:1.4em; color:white; }
ul.buttons li a { display:block; color:white; padding:10px; }
li a.buttonRed { background-color:rgb(153,0,0); }
li a.buttonBlue { background-color:rgb(36,121,183); }
ul.listStandard { list-style:disc; }
ul.listStandard li { font-size:1.2em; margin:0 0 5px 1.5em; list-style-image:url('../images/bkgListStarSmallGrey.png'); }
.productCode { font-size:1em; color:rgb(100,100,100); font-weight:normal; letter-spacing:normal; }
#productPrice { margin:20px 0 10px 0; height:60px; }
#productPrice h1 { float:left; background-image:none; padding:0; color:rgb(153,0,0); font-size:2.5em; font-weight:bold; letter-spacing:-1px; }
#productPrice h2 { float:right; text-transform:lowercase; }
.productOldPrice { color:rgb(100,100,100); margin-left:10px; text-decoration:line-through; font-weight:normal; }
.productStock { color:rgb(153,0,0); }
#productSpecification { margin-right:140px; }
#productExtra { margin-right:140px; }
#text p.productFile { margin:20px 0 0 0; }
.productFile { background-image:url('../images/iconPDF.gif'); background-position:left center; background-repeat:no-repeat; padding-left:45px; line-height:3em; }
.intro { color:black; font-size:1.4em; }
.date { color:rgb(100,100,100); }
#productPicture { background-color:rgb(153,0,0); }
#productPicture .caption { padding:0 15px 5px 15px; color:white; }
#productThumbnails { padding:20px 10px 10px 10px; }
#productThumbnails img { width:120px; display:block; float:left; margin:0 10px 0 10px; }
#text .newsArticle h1 { font-size:2em; background-image:none; padding:0; font-weight:normal; letter-spacing:0; margin:0 0 3px 0; }
#text .newsArticle h2 { color:rgb(100,100,100); font-size:1.5em; }
#text .newsArticle hgroup { margin-bottom:10px; }
#text .newsArticle { margin-bottom:25px; }
#news .newsArticle { margin-bottom:15px; }
#news .newsArticle hgroup { margin-bottom:10px; }
#news .newsArticle h1 { font-size:1.7em; margin-bottom:3px; display:block; }
#news .newsArticle h2 { font-size:1.2em; margin-bottom:10px; display:block; color:rgb(100,100,100); }
.caption { text-align:right; font-size:1.1em; margin-top:5px; color:rgb(100,100,100); }
#columnRight .caption a { color:white; text-decoration:underline; }
.pictureWrapped { float:right; margin:0 0 15px 15px; }
#specialsNavigation { position:relative; background-color:rgb(36,121,183); padding:8px; height:10px; text-align:right; color:rgb(70,70,70); background-image:url('../images/bkgStarSmallWhite.png'); background-position:8px center; background-repeat:no-repeat; }
#specialsProductCarousel { overflow:hidden; position:relative; width:300px; height:420px; }
#specialsProductCarouselContent { position:relative; }
.specialsProductText h2 { color:white; }
#carouselArrows { position:absolute; top:4px; right:10px; }
.carouselArrow { display:inline; top:3px; margin-left:10px; font-weight:bold; font-size:1.5em; }
.carouselArrow a { width:10px; height:10px; cursor:pointer; }
.carouselArrow a:hover { text-decoration:none; }
.specialsProduct { width:300px; height:420px; float:left; display:block; position:relative; }
.specialsProductPicture { width:300px; height:224px; }
.specialsProductText { padding:25px; }
.specialsProductLinks { margin-top:20px; text-transform:lowercase; }
.specialsProductLinks a { color:white; }
#specials h1 a { color:rgb(255,190,0); }
#specials .specialsProductLinks h1 { font-size:1.4em; margin-bottom:5px; text-transform:lowercase; }
#productListings { margin-top:40px; }
.productListing { background-color:rgb(230,230,230); height:112px; margin-bottom:15px; clear:left; position:relative; }
.productListing:hover { cursor:pointer; background-color:rgb(212,238,249); }
#productListings h1 , .productListing h1 { font-size:1.6em; text-transform:none; }
.productListing .productBrand { font-weight:bold; }
.productListing .productName { font-size:1.3em; }
.productListing .productPrice { font-size:1.4em; font-weight:bold; color:rgb(153,0,0); margin-top:10px; }
.productListing .productOldPrice { font-size:0.9em; }
.productListing .productStock { float:right; }
.productListingPicture { float:left; width:150px; }
.productListingPicture img { width:150px; }
.productListingText { margin-left:160px; padding:10px 20px 10px 10px; }
#productEnquiry { margin-top:20px; background-color:rgb(212,238,249); padding:15px; margin-right:140px; }
#productEnquiry h1 { font-size:2em; margin-bottom:25px; }
#productEnquiry label { width:80px; line-height:2em; display:block; float:left; }
#productEnquiry textarea , #productEnquiry input { width:280px; }
#productEnquiry input[type='submit'] { width:auto; margin-left:85px; }
#productEnquiry .message { margin-bottom:20px; font-size:1.1em; color:rgb(230,89,1); }
#productEnquiry .errors { color:rgb(153,0,0); margin-bottom:10px; }
#productEnquiry .errors li { margin-bottom:5px; }
.form-group { margin-bottom:10px; overflow:auto; }
#from_name { width: 280px; height: 15px; }
#from_email { width: 280px; height: 15px; }
#from_tel { width: 150px; height: 15px; }
#enquiry { width: 280px; height: 100px; }
.btn { margin-left:80px; }
#productEnquiry .message { margin-bottom:20px; }
#productEnquiry .errors { color:rgb(153,0,0); }
.european { font-weight:bold; text-transform:uppercase; font-style:italic; letter-spacing:-1px; margin-right:2px; }
#contactAddress { margin-top:30px; }

/* Products */

#productsTable { margin-top:20px; }
.genericTable { width:100%; }
.genericTable th, .genericTable td { border-bottom:1px solid rgb(230,230,230); border-right:1px solid rgb(230,230,230); padding:5px 5px 5px 8px; font-size:1.1em; text-align:left; }
.genericTable th:last-child, .genericTable td:last-child { border-right:0; }
.genericTable th { font-size:1.2em; }
.withRowLinks tr:hover td { cursor:pointer; background-color:rgb(245,245,245); }

/* Product */

#specificationTable { width:auto; }
#specificationTable td { font-size:1.2em; padding-right:15px; font-weight:bold; }
#specificationTable td.specColumnHeading { font-weight:normal; padding-left:0; }

/* Sitemap */

#sitemapListing ul { margin:10px 0 10px 20px; font-size:1.5em; }
#sitemapListing ul ul { font-size:0.9em; }
#sitemapListing ul ul { font-size:0.9em; }
#sitemapListing li { margin-bottom:7px; }

/* Footer */

#footerCompanies { display:inline; }
#footerSitemap { display:inline; margin-left:30px; }
#footerDesign { float:right; }
#footerDesign a { color:rgb(255,130,10); }

/* Mobile CSS */

@media all and (max-width: 768px) {

  h1 { font-size:2.3em; }
  h2 { font-size:1.4em; }
  #main { width:auto; background-image:none; }
  #text { padding-top:30px; padding-right:25px; padding-left:25px; padding-bottom:30px; margin-right:0; min-height:auto; }
  #columnRight { position:static; width:auto; }
  #news { padding-top:30px; padding-bottom:30px; padding-left:48px; }
  #menu { overflow:auto; height:auto; }
  #menu ul { margin-left:0; text-align:center; }
  #menu li { font-size:1.1em; float:none; display:inline-block; }
  #menu li a, .selected { padding-left:10px; padding-right:10px; float:none; }
  #header { padding:25px 15px 25px 15px; height:auto; }
  #header h1 { font-size:4em; padding-top:0; margin-bottom:20px; }
  #header h2 { font-size:1em; text-align:center; margin:0 auto 0 auto; }
  .headerTel { margin-top:20px; position:static; }
  #usaTel { float:left; }
  #ukTel { float:right; }
  .headerLogoSmall { height:20px; }
  #productPicture { background-color:black; text-align:center; }
  #productPicture .caption { background-color:rgb(153,0,0); margin-top:0; padding-top:5px; text-align:left; }
  #productButtons { float:none; width:auto; }
  #productSpecification { margin-right:0; }
  #productEnquiry { margin-right:0; }
  #productEnquiry textarea , #productEnquiry input { width:170px !important; }
  #footer { padding-left:30px; padding-right:30px; }
  .productsColumnTSN , .productsColumnCSN { display:none; }

}

@media all and (max-width: 440px) {

  .pictureWrapped { float:none; margin-left:auto; margin-right:auto; }
.pictureWrapped img { width:100%; }

}