/* Global GSE styles */

/* Colours

Red: rgb(153,0,0)
Dark red: rgb(80,0,0)
Blue: rgb(19,41,160)
Light blue: rgb(212,238,249)
Bright blue: rgb(41,171,226)
Light grey: rgb(200,200,200)
Mid grey: rgb(80,80,80)
Grey: rgb(50,50,50)
Orange: rgb(255,130,10)
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(30,30,30); 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; }
h3 { font-weight:normal; }
h4 { font-weight:normal; }
h5 { font-weight:normal; }
h6 { font-weight:normal; }

a { color:rgb(19,41,160); text-decoration:none; }
a:hover { 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; height:155px; overflow:hidden; }
#header h1 { font-size:1.6em; text-align:left; position:absolute; top:73px; left:48px; text-transform:lowercase; }
#header h2 { font-size:1.6em; text-align:right; position:absolute; top:73px; right:48px; text-transform:lowercase; }
#text { padding:48px 0 48px 48px; margin-right:380px; min-height:500px; }
#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; }
#text.productInfo , .categories #text , .brands #text { padding-top:30px; }
#text.productInfo hgroup h1 { text-transform:none; margin-bottom:5px; }
#text.productInfo hgroup h2 { font-size:1.8em; }
#columnRight { float:right; 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 { -webkit-column-count:2; -moz-column-count:2; column-count:2; column-gap:40px; }
#categoriesListing li { display:block; border-bottom:1px solid rgb(140,140,140); padding-top:15px; padding-bottom:15px; width:100%; }
#categoriesListing li p { margin-top:10px; margin-bottom:0; }
#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; display:inline-block; }
#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:rgb(50,50,50); 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(153,0,0); color:white; }
#menu ul { margin-left:48px; }
#menu li { display:block; margin-left:-16px; line-height:34px; float:left; width:100px; background-repeat:no-repeat; background-position:center center; font-size:1.2em; text-align:center; text-transform:lowercase; }
#menu li.active { background-image:url('../images/bkgMenuDarkRedSelected.png'); }
#menu li a { display:block; float:left; color:white; text-decoration:none; line-height:34px; width:100px; }
#menu li a:hover , .highlighted , .menuProducts:hover { background-image:url('../images/bkgMenuGreySelected.png'); text-decoration:underline; }
.menuProducts { cursor:pointer; }

#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(19,41,160); }
#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; }

/* 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(19,41,160); }
ul.listStandard { list-style:disc; }
.boxGrey li , 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; }
.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(255,190,0); padding:8px; height:10px; text-align:right; color:rgb(50,50,50); background-image:url('../images/bkgStarSmallGrey.png'); background-position:8px center; background-repeat:no-repeat; }
#specialsProductCarousel { overflow:hidden; position:relative; width:300px; height:420px; }
#specialsProductCarouselContent { position:relative; }
#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; overflow:hidden; position:relative; }
.specialsProductPicture img {
    position: absolute;
    left: -1000%;
    right: -1000%;
    top: -1000%;
    bottom: -1000%;
    margin: auto;
    min-height: 100%;
    min-width: 100%;
}
.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); min-height:112px; margin-bottom:15px; clear:left; overflow:auto; }
.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; height:112px; position:relative; overflow:hidden; }
.productListingPicture img {
    position: absolute;
    left: -1000%;
    right: -1000%;
    top: -1000%;
    bottom: -1000%;
    margin: auto;
    min-height: 100%;
    min-width: 100%;
}
.productListingText { margin-left:160px; padding:10px 20px 10px 10px; }
.productCategoryIntro { margin-top:20px; }
#productEnquiry { margin-top:20px; background-color:rgb(212,238,249); padding:15px; margin-right:140px; }
#productEnquiry h1 { font-size:2em; margin-bottom:25px; }
#productEnquiry td { padding-bottom:10px; vertical-align:top; }
#productEnquiry label { width:80px; display:block; float:left; }
.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; }
.alert { color:white; background-color:rgb(153,0,0); margin-bottom:30px; padding:15px; }
.alert p.form-error { color:white; }
.alert p.form-error:last-child { margin-bottom:0 !important; }
.alert .close { display:none; }
.alert-success { background-color:rgb(19,41,160); }
.collapsedText { height:auto; overflow:hidden; opacity:1; transition: all 0s, opacity 0.5s linear; }
.collapsedText.collapsed { height:0; opacity: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; width:auto;  margin-left:0; }
  #menu li a, .selected { padding-left:5px; padding-right:5px; float:none; width:auto; }
  #menu li a:hover { background-image:none; }
  #header { height:155px; background-image:url('../images/bannerGlobalGSE.jpg'); background-position:center center; background-repeat:no-repeat; background-size:cover; }
  #header img { display:none; }
  #header h1 { font-size:1.1em; padding-top:0; margin-bottom:0; top:130px; left:20px; }
  #header h2 { font-size:1.1em; margin:0 auto 0 auto; top:130px; right:20px; }
  #header a { color:white; }
  .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; }
  .specialsProductPicture { width:auto; }
  #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; }
  #search { background-image:none; float:none; width:auto; text-align:center; }
  #categoriesListing { -webkit-column-count:2; -moz-column-count:2; column-count:2; height:auto; }
  #menuProductsListing { height:auto; -webkit-column-count:3; -moz-column-count:3; column-count:3; }

}

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

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

}