@charset "UTF-8";
/* CSS Document */

div {  /*border: 1px solid #F00;*/ }

body { background:#FFF url(../images/bg/wood2.jpg) repeat-x top; padding:0px; margin:0px; }

#googletranslate { margin:8px 0; color:#222; /*border:1px solid #FD0;*/ }
#googletranslate ul, #googletranslate ul li { margin:0; padding:0px; color:#222; /*border:1px solid #FD0;*/ }
#google_translate_element { padding:13px 0px 0px 0; margin:0; color:#222; /*border:1px solid #F00;*/ }
#google_translate_element img { height:16px; background:none; display:none;  }
#google_translate_element, #google_translate_element a, #google_translate_element span, #google_translate_element p { color:#666; }
.goog-te-gadget { width:100%; /*border:1px solid #FF0;*/ } 
#google_translate_element select { margin: 0px 0; border: 1px solid #111; background: transparent; width: 200px; padding: 5px 35px 5px 5px; font-size: 14px;
border: 1px solid #ccc; height: 34px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(../images/icons/expand.png) 93% / 7% no-repeat #eee !important; } 
/*target Internet Explorer 9 and Internet Explorer 10:*/
@media screen and (min-width:0\0) { 
#google_translate_element select {
        background:none;
        padding: 5px;
    }
}

#evologo { padding:15px 0px 15px 20px; text-align:center; margin:0; float:left; /*border:1px solid #F00;*/ }
#evologo img { height:40px; margin:0; }
#evologo img.logo1 { display:block; }
#evologo img.logo2 { display:none; }


#desktopmessage { float:left; width:100%; height:35px; padding:0px 0px; margin:0px 0 40px 0; background:#00B3CF; }
#desktopmessage ul { float:left; width:100%; padding:0px 0 0 0; margin:0px; list-style-type:none; }
#desktopmessage ul li.text { float:left; padding:8px 20px; margin:0px; color:#FFF; font-size:14px; }
#desktopmessage ul li.close { float:right; padding:8px 20px; background:#00889D; }
#desktopmessage ul li a { color:#FFF; font-size:14px; cursor:pointer; text-decoration:underline; }
#desktopmessage ul li a:hover { text-decoration:none; }

.navstyle {
	background-image: linear-gradient(bottom, #DDD 0%, #FFF 100%) !important;
	background-image: -o-linear-gradient(bottom, #DDD 0%, #FFF 100%) !important;
	background-image: -moz-linear-gradient(bottom, #DDD 0%, #FFF 100%) !important;
	background-image: -webkit-linear-gradient(bottom, #DDD 0%, #FFF 100%) !important;
	background-image: -ms-linear-gradient(bottom, #DDD 0%, #FFF 100%) !important;
	background-color: #DDD !important;
}

/* MAPS
======================================*/
#mapinfo { margin:0 0 20px 0px; padding:0px; float:left; /*border:1px solid #F00;*/ }
#mapinfo li { list-style:none }
.usrepsmap img { background:none; padding-bottom:10px; border-bottom:1px solid #CCC; margin-bottom:10px; }
.canrepsmap img { background:none; padding-bottom:10px; border-bottom:1px solid #CCC; margin-bottom:10px; }
.maptext { text-align:center; font-size:14px; font-family:Arial, Helvetica, sans-serif; line-height:22px; font-weight:normal; color:#333 !important; text-decoration:none; background:#FFF; padding:10px 10px; margin-bottom:30px; }
.repcolour span { width:30px; height:30px !important; display:block; }
.repcolour span.brown { background-color:#cf8a5b; }
.repcolour span.aqua { background-color:#29b39e; }
.repcolour span.grey { background-color:#b1b1b1; }
.repcolour span.blue { background-color:#3946d2; }
.repcolour span.red { background-color:#ff312b; }
.repcolour span.l-blue { background-color:#18b6dc; }
.repcolour span.coral { background-color:#d3686c; }
.repcolour span.purple { background-color:#ab10d2; }
.repcolour span.l-green { background-color:#b6e857; }
.repcolour span.orange { background-color:#ff7e00; }
.repcolour span.yellow { background-color:#ffd200; }
.repcolour span.green { background-color:#00a23c; }
.repcolour span.burgundy { background-color:#a41d21; }
.repcolour span.maroon { background-color:#8f0000; }
.repcolour span.canblue { background-color:#2daae1; }
.repcolour span.canorange { background-color:#ea5b0c; }

.reptable { margin:auto; }
.reptable h5 { list-style:none; font-family:'A-Love-of-Thunder', Arial, Helvetica, sans-serif; font-weight:bold; font-size:16px; color:#000; margin: 0px; padding: 0px; padding-left:5px; line-height:20px; text-decoration:none; color:#000 !important; }
.reptable h5 a { text-decoration:underline; color:#F70; }
.reptable h6 { font-size:16px; font-family: Arial, Helvetica, sans-serif; margin: 10px 0 0 0px; padding: 0px; line-height:20px; color:#666; padding-left:5px; }
.reptable p { font-size:14px; font-family: Arial, Helvetica, sans-serif;  line-height:20px; color:#000; font-weight:400; padding-left:5px; }
.reptable p a.emailbutton { font-size:16px; line-height:40px; width:130px; padding:5px 10px; margin-top:15px; background:#999; color:#FFF; }
.reptable p span.seperator { border-bottom:1px solid #CCC; width:250px; height:1px; display:block; }
.reptablesize { width:355px; }
.reptablesize:first-child { padding-right:15px; margin-right:10px; }
.reptable h5 a :hover { text-decoration:none; }

/* IMAGE TITLES
======================================*/
img.title { margin:0px auto 0 auto; width:300px; } 
img.title2 { margin:0px auto 20px auto; width:500px; padding-top:0px; } 
img.maintitle { margin:10px auto 30px auto; }

/* BUTTONS / FILTERS - PRODUCT RANGE
======================================*/
button.button { display: inline-block; padding:0px; border: none; cursor: pointer; border: 0px solid; border-radius: 0px; background:#FFF; }
button.button:active,
button.button.is-checked { background:#EEE;}
button.button:active { background:#EEE; }

.boxshadow1 { box-shadow:0px 5px 5px #666; } 

/* ARROWS / TRANGLES
==========================*/
.arrow-up { width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #F00; }
.arrow-right { width: 0; height: 0; border-top: 60px solid transparent; border-bottom: 60px solid transparent; border-left: 60px solid #F00; }
.arrow-down { width: 0; height: 0; border-left: 60px solid transparent; border-right: 60px solid transparent; border-top: 60px solid #333; }
.arrow-left { width: 0; height: 0; border-top: 60px solid transparent; border-bottom: 60px solid transparent; border-right:60px solid #F00; }
.center { margin:0 auto; }
.center img { margin:0 auto; }
.fixed { position:fixed; }

#arrowrange { width:100%; height:60px; margin:0px auto 0 auto; cursor:pointer; z-index:9998; background:#FFF; position:relative; border: 1px solid #CCC;*/ }
#arrowrange .center { width:270px; height:37px; text-align:left; font-weight:normal; color:#777; padding:20px 0 0 35px; font-size:14px; background: url(../images/icons/goback.png) left center / 15px no-repeat; /*border: 1px solid #F00;*/ }

/* ARROWS / TRANGLES
==========================*/
#gradient1 { width:100%; height:100px; background:url(../images/bg/gradient1.png) repeat-x; /*border:1px solid #F00;*/ }
#gradient2 { width:100%; height:100px; background:url(../images/bg/gradient2.png) repeat-x bottom; margin:0px; padding:0px; /*border:1px solid #F00;*/ }


/* RANGE
==========================*/
#ranges { width:100%; background:#FFF; padding-top:40px; } 
#ranges h1, #youtube h2 { font-family:'A-Love-of-Thunder', Helvetica, Arial, sans-serif; font-size:75px; text-align:center; line-height:70px; color:#000; text-transform:uppercase; font-weight:800; width:450px; margin:0 auto 30px auto; letter-spacing:-1px; /*border:1px solid #F00;*/ } 
#ranges h2 { font-family: Arial, sans-serif; font-size:20px; text-align:center; line-height:24px; color:#000; } 
#ranges h3 { font-family: Arial, sans-serif; font-size:18px; text-align:center; line-height:24px; color:#666; font-weight:400; } 
#ranges h4 { font-family: Arial, sans-serif; font-size:20px; text-align:center !important; line-height:24px; font-weight:600; color:#000; padding:40px 0 0 0; } 
.storefinder h4 { font-family: Arial, sans-serif; font-size:20px; text-align:center !important; line-height:24px; font-weight:600; color:#000; padding:0px 0 0 0; } 

.ui-group { margin-top:30px; }
.range_selection { padding:0px 0px 40px 0;  /*border:1px solid #F00;*/ }
.range_links {  }
.range_links h5 { font-family: 'A-Love-of-Thunder', Helvetica, Arial, sans-serif; text-transform:uppercase; font-weight: 800; letter-spacing:0px; margin:5px 0 0 0; }
.range_links h6 { font-family: Arial, sans-serif;  font-weight: 400;  /*border:1px solid #F00;*/ }
.range_links p { font-size: 12px; line-height: 20px; color: #444; font-family: Arial, sans-serif; font-weight: normal; padding: 0px 30px; margin:0px; text-align:center; display:none; /*border:1px solid #F00;*/ }
.range_links h5.color-steel { color:#09F; } 
.range_links h5.color-build { color:#F70; } 
.range_links h5.color-project { color:#6C0; } 

/*#range_steel button, #range_build button, #range_project button { height:200px; }*/
#range_steel, #range_build, #range_project {  /*box-shadow: 0 5px 10px #666;*/ padding:240px 0 0 0; /*border:1px solid #F00;*/ }
#range_steel { background:url(../images/range/steel1.jpg) no-repeat top center; background-size:100%; /*border:1px solid #F00;*/  }
#range_build { background:url(../images/range/build1.jpg) no-repeat top center; background-size:100%; }
#range_project { background:url(../images/range/project1.jpg) no-repeat top center; background-size:100%; }
.range_links {
	background-image: linear-gradient(bottom, #DDD 0%, #FFF 100%) !important;
	background-image: -o-linear-gradient(bottom, #DDD 0%, #FFF 100%) !important;
	background-image: -moz-linear-gradient(bottom, #DDD 0%, #FFF 100%) !important;
	background-image: -webkit-linear-gradient(bottom, #DDD 0%, #FFF 100%) !important;
	background-image: -ms-linear-gradient(bottom, #DDD 0%, #FFF 100%) !important;
	background-color: #DDD !important;
	border:1px solid #AAA;*/ }
.range_links h5 { font-size: 28px; line-height: 20px; padding: 15px 0px 7px 18px !important; text-align:left; /*border:1px solid #F00;*/ }
.range_links h6 { font-size: 13px !important; line-height: 18px !important; padding: 0px 40px 17px 20px !important; text-align:left;
background:url(../images/icons/expand.png) 95% 80% / 5% no-repeat; /*border:1px solid #F00;*/ }


/*
#range_steel, #range_build, #range_project {  height:100px; width:100px; box-shadow: 0 0px 0px; float:left; padding:0px; margin:0px 0px 0 0; /*border:1px solid #F00; }
#range_steel { background:url(../images/range/steel1.jpg) top center / 100px no-repeat; /*border:1px solid #F00; }
#range_build { background:url(../images/range/build1.jpg) top center / 100px no-repeat; /*border:1px solid #F00; }
#range_project { background:url(../images/range/project1.jpg) top center / 100px no-repeat;/*border:1px solid #F00; }
.range_links { }
*/

#stores { width:100%;  } 
.storefinder { padding-top:0px; padding-bottom:0px; } 
.storefinder h4 { font-size:25px; line-height:28px; padding:20px 0px 20px 0px; margin:0px; } 

/* COUNTRY FILTERS
==========================*/
#sorts { width:170px; float: left; display: inline; margin-left: 10px; margin-right: 10px; padding-bottom: 15px; line-height: 24px; margin-top:0px; /*border:1px solid #F00;*/ }
#sorts ul { width:100%; float:left; padding:0px; /*border:1px solid #F00;*/ }
#sorts ul li { float:left; width:100%; padding:0px 0 0 0px; margin:0px; text-align:left; border-bottom:1px solid #EEE; }
#sorts button { width:170px; float:left; color: #777; font-size: 12px; line-height:16px; padding: 10px 0px 10px 0px; font-weight:400; text-align:left; margin:0px; /*border:1px solid #F00;*/ }
#sorts button:hover { color: #000; }
.selected { background: #FF7700 !important; color: #FFF !important; }
.selected:hover { color: #fff !important; }

.filter_all { background:#000; color:#FFF; border-top:1px solid #EEE; }
.filter_all button { text-align:center; }
#filters span { width:200px; float:left; margin-top:30px; font-size: 14px; line-height:16px; padding: 8px 0px 8px 20px; background:#000; color:#FFF; /*border:1px solid #F00;*/ }
#filters span:hover { background:#000; color:#FFF; }
#filters li {}
#filters li a { text-decoration:none; text-align:left; font-family:Arial, Helvetica, sans-serif; color:#666; font-size:14px; /*border:1px solid #F00;*/ }
#sorts .filter_continent button { color:#777; text-align:left; border:0px; }
#sorts .filter_continent button:hover { color: #000; }
#sorts img.country { width:20px; float:left; padding:0px; margin:-2px 8px 0 10px; }
#sorts img.expand { width:14px; float:left; padding:0px; margin:2px 12px 0 13px; }

.grid { width:910px !important; padding:0px 0 0 20px; margin:0px 0 0 0px; /*border:1px solid #FD0;*/ }
.grid:after { content: ''; float:left; }
#steel-dealers { width:100%; height:100%; /*border:1px solid #F00;*/ }
#build-dealers { width:100%; height:100%; /*border:1px solid #F70;*/ }
#project-dealers { width:100%; height:100%; /*border:1px solid #F00;*/ }



/* DEALER INFO
==========================*/
#dealerinfo { min-height:223px; margin-top:0px; margin-bottom:20px; padding:0px; /*border:1px solid #F00;*/ }
.dealerlinks { margin: 0 0 20px 0; }
.dealerlinks h5 { width:100%; font-size: 13px; color: #000; background:#DDD; font-family: Arial, sans-serif; font-weight: bold; line-height: 16px; padding: 8px 0 8px 0px; margin:0px; letter-spacing: 0; text-align:left; /*border:1px solid #FFF;*/ }
.dealerlinks h5 span { display: block; color: #000; font-weight: normal; margin-top: 3px; }
.dealerlinks a { padding:5px 0px 0px 0px; margin:0px 0 5px 0; float:left; width:78px; text-align:center; color:#444; font-size:12px; line-height:15px; font-weight:bold; /*border:1px solid #F00;*/  }
.dealerlinks a.single { padding:5px 0px 0px 0px; margin:0px 0 5px 0; float:left; width:159px; text-align:center; color:#444; font-size:12px; line-height:15px; font-weight:bold; /*border:1px solid #F00;*/  }
.dealerlinks a:hover { color:#888; }
.dealerlinks p { color: #555; }
.dealerlinks ul { width:100%; padding:5px 0 5px 0; margin:0px 0 0px 0; float:left; border-top:1px solid #FFF; border-top:0px solid #FFF; box-shadow: 0px 2px 2px #888888;
background-image: linear-gradient(bottom, #DDD 0%, #FFF 100%) !important; background-image: -o-linear-gradient(bottom, #DDD 0%, #FFF 100%) !important; 
background-image: -moz-linear-gradient(bottom, #DDD 0%, #FFF 100%) !important; background-image: -webkit-linear-gradient(bottom, #DDD 0%, #FFF 100%) !important; 
background-image: -ms-linear-gradient(bottom, #DDD 0%, #FFF 100%) !important; background-color: #DDD !important; /*border:1px solid #F00;*//*border:1px solid #F00;*/  }
.dealerlinks ul li { padding:0px 0px; margin:0px; float:left; /*border:1px solid #F00;*/ }
.dealerlinks ul li:last-child { border-left:1px solid #CCC; }
.dealerlinks ul li img { padding:0px; margin:0px auto 6px auto; width:40px; text-align:center; /*border:1px solid #F00;*/ }

.dealerlogo { position: relative; box-shadow: 0px 5px 5px #888888; }
.dealerlogo img { width: 100%; height: auto; margin:0px 0 0px 0; padding:0px; /*border:1px solid #FFF;*/ border-bottom:0px; }
.dealerlinks img.flags { width:20px; float:left; padding:0px; margin:-2px 5px 0 10px; line-height:inherit !important; }
.mobileshow { display:none; }


#top-info-uk { height:100px; float:left; padding:0px; margin:0px; border-top:1px solid #EEE;*/ }
#top-info-uk .notices { background:#FFF; padding:15px 0px 5px 0; margin:0px 5px; font-size:14px; font-weight:normal; float:left; /*border:1px solid #EEE;*/  }
#top-info-uk .notices strong { font-size:15px; line-height:20px;  }
#top-info-uk .notices b { font-weight:bold;  }
#top-info-uk .notices span { width:260px; float:left; padding:0px 0px 0px 0; }
#top-info-uk .notices img { padding:0px 0 0px 0; margin:10px 20px 30px 20px; width:40px; float:left; /*border:1px solid #C09;*/  }




/* Higher than 960 (desktop devices) */
@media only screen and (min-width: 960px) {

}

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {
	
.repcolour span { width:30px; height:30px !important; display:block; margin-right:8px; }
.reptable p span.seperator { width:220px; }
.reptablesize { width:270px; /*border:1px solid #F00;*/  }		
.reptable p a.button { font-size:14px; }
.mobileshow { display:none; }

}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {

.range_selection { padding:0px 0px 40px 0; /*border:1px solid #F00;*/ }
#ranges h3 { font-size:16px; line-height:28px; } 

/*#range_steel button, #range_build button, #range_project button { height:200px; }*/
#range_steel, #range_build, #range_project {  /*box-shadow: 0 5px 10px #666;*/ padding:190px 0 0 0; /*border:1px solid #F00;*/ }
#range_steel { background:url(../images/range/steel1.jpg) no-repeat top center; background-size:100%; }
#range_build { background:url(../images/range/build1.jpg) no-repeat top center; background-size:100%; }
#range_project { background:url(../images/range/project1.jpg) no-repeat top center; background-size:100%; }
.range_links {
	background-image: linear-gradient(bottom, #DDD 0%, #FFF 100%) !important;
	background-image: -o-linear-gradient(bottom, #DDD 0%, #FFF 100%) !important;
	background-image: -moz-linear-gradient(bottom, #DDD 0%, #FFF 100%) !important;
	background-image: -webkit-linear-gradient(bottom, #DDD 0%, #FFF 100%) !important;
	background-image: -ms-linear-gradient(bottom, #DDD 0%, #FFF 100%) !important;
	background-color: #DDD !important;
	border:1px solid #AAA;*/ }
.range_links h5 { font-size: 24px; line-height: 20px; padding: 15px 0px 5px 15px !important; text-align:left; width:210px; /*border:1px solid #F00;*/ }
.range_links h6 { font-size: 12px !important; line-height: 18px !important; padding: 5px 15px 17px 15px !important; text-align:left;
background:url(../images/icons/expand.png) 95% 80% / 5% no-repeat; /*border:1px solid #F00;*/ }

.range_links p { padding: 0px 10px;/*border:1px solid #F00;*/ }

#sorts { width:124px; float: left; display: inline; margin-left: 10px; margin-right: 10px; padding-bottom: 15px; line-height: 24px; margin-top:20px; /* border:1px solid #F00;*/ }
#sorts ul { float:left; padding:0px; /*border:1px solid #F00;*/ }
#sorts ul li {  float:left; padding:0px 0 0 0px; margin:0px; text-align:left; border-bottom:1px solid #EEE; background:#FFF; /*border:1px solid #F00;*/ }
#sorts button { width:124px; float:left; color: #777; font-size: 14px; line-height:16px; padding: 12px 0px 12px 0px; font-weight:400; background:none; text-align:left; margin:0px; /*border:1px solid #F00;*/ }
#sorts button:hover { color: #000; }
#sorts img.country { width:20px; float:left; padding:0px; margin:-2px 8px 0 5px; }

#filters li a, #filters li button { font-size:13px; /*border:1px solid #F00;*/ }
#filters li button img.expand { margin-bottom:20px; }

.grid { width:748px !important; padding:0px 0 0 0px; margin:0px 0 0 0px; /*border:1px solid #FD0;*/ }
#dealerinfo { width:176px; min-height:223px; margin:0 5px 20px 5px; padding:0px; border:1px solid #FD0;*/ }
.dealerlinks a { padding:5px 0px 0px 0px; margin:0px 0 5px 0; float:left; width:85px; text-align:center; color:#444; font-size:12px; line-height:15px; font-weight:bold; /*border:1px solid #F00;*/  }
.dealerlinks a.single { padding:5px 0px 0px 0px; margin:0px 0 5px 0; float:left; width:174px; text-align:center; color:#444; font-size:12px; line-height:15px; font-weight:bold; /*border:1px solid #F00;*/  }
.mobileshow { display:none; }

#top-info-uk { height:100px; float:left; padding:0px; margin:0px; /*border:1px solid #FD0;*/ }
#top-info-uk .notices { background:#FFF; padding:15px 0px 5px 0; margin:0px 5px; font-size:14px; font-weight:normal; float:left; }
#top-info-uk .notices strong { font-size:15px; line-height:20px;  }
#top-info-uk .notices b { font-weight:bold;  }
#top-info-uk .notices span { width:260px; float:left; padding:0px 0px 0px 0; }
#top-info-uk .notices img { padding:0px 0 0px 0; margin:10px 20px 30px 20px; width:40px; float:left; /*border:1px solid #C09;*/  }


}


/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {

#ranges { width:100%; padding-top:25px; } 
.range_selection { padding:0px 0px 0px 0; margin-top:0px; /*border:1px solid #F00;*/ }
.range_links { margin-bottom:50px; }
.range_links h5 { width:100%; font-size: 30px; line-height: 30px; padding: 20px 0 7px 0px; margin:0px; text-align:center; }
.range_links h6 { font-size: 16px; line-height: 22px; padding: 0px 50px 0px 50px; /*border:1px solid #F00;*/ }
.range_links p {  display:none; /*border:1px solid #F00;*/ }

#ranges h1, #youtube h2  { font-size:52px; line-height:45px; width:290px; margin:0 auto 30px auto; /*border:1px solid #F00;*/ } 
#ranges h1 { display:none; } 
#ranges h2 { display:none; } 
#ranges h3 { display:none; } 
#ranges h4 { font-size:25px; line-height:28px; padding:0px 20px 0 20px; margin:0px; } 
.mobileshow { display:none; }


}
	


/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (min-width: 320px) and (max-width: 767px) {
/*******************  section_menu.php *******************/

#evologo { width:50px; float:left; /*border:1px solid #F00;*/ }
#evologo img.logo1 { display:none; }
#evologo img.logo2 { display:block; }
#menu-space { display:none; }
#google_translate_element { width:190px; float:right; padding:15px 0 10px 0px; /*border:1px solid #FD0;*/ }
#google_translate_element, #google_translate_element a, #google_translate_element span, #google_translate_element p { color:#666; }

.goog-te-gadget { width:190px; /*border:1px solid #FF0;*/ } 
/*******************  section_menu.php *******************/


#desktopmessage { display:none; }

#arrowrange { width:300px; height:60px; margin:10px auto 0 auto; cursor:pointer; z-index:9998; background:#FFF; position:relative; color:#777 !important; border: 1px solid #AAA;*/ }
#arrowrange .center { width:270px; height:30px; text-align:left; font-weight:normal; color:#777; padding:23px 0 0 35px; font-size:14px; background: url(../images/icons/goback.png) 10px 23px / 15px no-repeat; /*border: 1px solid #F00;*/ }
#arrowrange:hover { background-color:#FFF; }


/*******************  section_productranges.php *******************/

.portfolio-item { padding:0px !important; margin:5px 0 5px 0 !important; float:left; height:100px !important; 
background-image: linear-gradient(bottom, #DDD 0%, #FFF 100%) !important;
background-image: -o-linear-gradient(bottom, #DDD 0%, #FFF 100%) !important;
background-image: -moz-linear-gradient(bottom, #DDD 0%, #FFF 100%) !important;
background-image: -webkit-linear-gradient(bottom, #DDD 0%, #FFF 100%) !important;
background-image: -ms-linear-gradient(bottom, #DDD 0%, #FFF 100%) !important;
background-color: #DDD !important; border:1px solid #AAA;*/ }
.ui-group { float:left; padding:0px; margin:10px 0 0 0px; /*border:1px solid #F00;*/ }
#ranges { width:100%; background:#FFF url(../images/bg/wood1.jpg) repeat-x top; padding:15px 0 0 0; /*border:1px solid #F00;*/ } 
.range_selection { padding:0px 0px 0px 0;/*border:1px solid #F00;*/ }
#ranges h1, #youtube h2  { font-size:52px; line-height:45px; width:290px; margin:0 auto 30px auto; /*border:1px solid #F00;*/ } 
#ranges h4 { font-size:18px; text-align:center !important; line-height:24px; padding:0px; margin:0px; /*border:1px solid #F00;*/ } 

/*#range_steel button, #range_build button, #range_project button { height:100px; width:100px; /*border:1px solid #F00; }*/
#range_steel, #range_build, #range_project {  height:100px; width:100px; float:left; padding:0px; margin:0px 0px 0 0; /*border:1px solid #F00;*/ }
#range_steel { background:url(../images/range/steel1.jpg) no-repeat / 100% top center; padding:0px; margin:0px; border:none; }
#range_build { background:url(../images/range/build1.jpg) no-repeat / 100% top center; padding:0px; margin:0px; border:none; }
#range_project { background:url(../images/range/project1.jpg) no-repeat / 100% top center; padding:0px; margin:0px; border:none; }
.range_links { background:none !important; border:none; }
.range_links h5 { font-size: 21px; line-height: 20px; padding: 15px 0px 0px 8px !important; text-align:left; margin-left:102px; width:188px; /*border:1px solid #F00;*/ }
.range_links h6 { font-size: 12px !important; line-height: 16px !important; padding: 5px 40px 10px 8px !important; margin-left:102px; text-align:left; width:148px; 
background:url(../images/icons/expand.png) 97% 94% / 7% no-repeat; /*border:1px solid #F00;*/ }

/****************** section_productranges.php *******************/

.storefinder h4 { font-size:18px; text-align:center !important; line-height:24px; padding:0px; margin:0px 0 10px 0; /*border:1px solid #F00;*/ } 

#sorts { width: 300px; float: left; display: inline; margin-left: 0px; margin-right: 0px; padding-bottom: 0px; line-height: 24px; margin-top:0px; /*border:1px solid #F00;*/ }
#sorts ul { float:left; padding:0px; /*border:1px solid #F00;*/ }
#sorts ul li { width:97px; float:left; padding:0px 0px 0 0px; margin:0px 1px 1px 0; text-align:left; 
background-image: linear-gradient(bottom, #DDD 0%, #FFF 100%) !important; background-image: -o-linear-gradient(bottom, #DDD 0%, #FFF 100%) !important; 
background-image: -moz-linear-gradient(bottom, #DDD 0%, #FFF 100%) !important; background-image: -webkit-linear-gradient(bottom, #DDD 0%, #FFF 100%) !important; 
background-image: -ms-linear-gradient(bottom, #DDD 0%, #FFF 100%) !important; background-color: #DDD !important; /*border:1px solid #F00;*//*border:1px solid #F00;*/ border:1px solid #AAA;*/ }
#sorts ul li a { padding-bottom:15px; background:url(../images/icons/expand.png) bottom center / 10px no-repeat; }
#sorts button { width:100px; float:none !important; color: #777; font-size: 11px; line-height:16px; font-weight:400; background:none; padding:5px 0 0 0; margin:0px auto; /*border:1px solid #F00;*/ }
#sorts button:hover { color: #000; }
#sorts img.country { width:60px; float:none !important; padding:0px; margin:auto; 	/*border:1px solid #F00;*/ }
#sorts .filter_continent { width:298px; max-height:46px; text-align:left; border:0px; padding: 0px 0px; margin:0px 0 0px 0; border:1px solid #AAA; }
#sorts .filter_continent button { width:298px; text-align:left; border:0px; margin-bottom:0px; padding: 15px 0px; font-size:13px; }
#filters li a { width:100px !important; float:left !important; text-decoration:none; text-align:center !important; margin:0px auto !important; font-family:Arial, Helvetica, sans-serif; color:#666; font-size:11px; }

.storefinder { padding-top:10px; /*background:#F00; /*border:1px solid #F00;*/ } 

.grid { width:300px !important; padding:0px 0 0 0px; margin:0px 0 0 0px; /*border:1px solid #FD0;*/ }
#dealerinfo { width:140px; padding:0px 4px; margin:0 5px 10px 5px !important; background:none !important; border:0px; /*border:1px solid #F00;*/ }
.dealerlinks h5 { font-size:11px; font-weight:normal; /*border:1px solid #F00;*/  }
.dealerlinks a { padding:5px 0px 0px 0px; margin:0px 0 5px 0; float:left; width:68px; text-align:center; color:#444; font-size:12px; line-height:15px; font-weight:normal; /*border:1px solid #F00;*/  }
.dealerlinks a.single { padding:5px 0px 0px 0px; margin:0px 0 5px 0; float:left; width:140px; text-align:center; color:#444; font-size:12px; line-height:15px; font-weight:normal;  /*border:1px solid #F00;*/  }

#top-info-uk { height:260px; float:left; padding:0px; margin:0px; /*border:1px solid #FD0;*/ }
#top-info-uk .notices { background:#FFF; padding:20px 0px 10px 0; margin:5px 0px; font-size:14px; font-weight:normal; float:left; }
#top-info-uk .notices strong { font-size:15px; line-height:20px;  }
#top-info-uk .notices b { font-weight:bold;  }
#top-info-uk .notices span { width:190px; float:left; padding:0px 0px 0px 0; }
#top-info-uk .notices img { padding:0px 0 0px 0; margin:10px 20px 40px 20px; width:40px; float:left; /*border:1px solid #C09;*/  }

.usrepsmap img { background:none; /*border:1px solid #F00;*/  }
.canrepsmap img { background:none; }
#mapinfo { margin-top:0px; margin-bottom:20px; height:1650px !important; background:none !important; float:left; padding:0px; border:0px !important; }
.maptext { text-align:center; font-size:14px; font-family:Arial, Helvetica, sans-serif; line-height:22px; font-weight:normal; color:#333 !important; text-decoration:none; background:#FFF; padding:10px 10px; margin-bottom:30px; height:80px; }
.repcolour span { width:15px; height:15px !important; display:block; margin-right:4px; }
.reptable h5 { font-size:12px; line-height:14px; width:130px; }
.reptable h6 { font-size:11px; line-height:13px; width:130px; padding-bottom:5px; }
.reptable p { font-size:12px; line-height:16px; width:130px; }
.reptable p a.button { line-height:40px;  margin-top:10px;  }
.reptable p span.seperator { width:110px; }
.reptablesize { width:140px; /*border:1px solid #F00;*/  }


}