

/* STYLES */

* {font-family: 'Open Sans',Arial, sans-serif;font-weight:400;}

body {
  background: #FFFFFF url(/content/1/skin/bg_site.jpg) repeat-x left top ;
  margin:0;
  padding:0;
  text-align:center;
  font-family: 'Open Sans',Arial, sans-serif;
  font-size: 10pt;
  color: #333333;
  }

b, strong {font-weight: 600;}

p {
  color: #333333;
  margin:5px 0 10px 0;
  padding:0;
  line-height: 130%;
  }

a {color: #333333;}
a:hover {color:#CC0000;}
img {border: none;}
hr {
  clear:both;
  border: 0;
  width: 100%;
  color: #FFFFFF;
  height: 1px;
  margin: 0 0 5px 0;

  border-top: solid 1px #CCCCCC;
  border-bottom: solid 1px #FFFFFF;
  }


h1 {
  margin:0 0 10px 0;
  padding:0;
  font-weight: normal;
  font-size: 20pt;
  color: #2C6592;
  line-height: 100%;
}

h2 {
  margin:0 0 10px 0;
  padding:0;
  font-weight: normal;
  font-size: 13pt;
  color: #2C6592;
}

h3 {
  margin:0 0 5px 0;
  padding:0;
  font-weight: normal;
  font-size: 13pt;
  color: #333333;
}


h4 {
  margin:0 0 5px 0;
  padding:0;
  font-weight: normal;
  font-size: 11pt;
  color: #333333;
}

h5 {
  margin:5px 0 0 0;
  padding:0;
  font-weight: normal;
  font-size: 10pt;
  color: #333333;
}

ul li {
  list-style-image: url(/content/1/skin/bullet_small.gif);
  padding: 0 0 5px 0;
}

ol {
 margin:0 0 15px 25px;
 padding:0;
}

ol li {
  padding: 0 0 1px 0;
  font-size: 10px;
}

.bullet_list li {
 padding: 0 0 3px 0;
 line-height: 100%;
}


textarea {
  font-size: 90%;
  }

.columnrow {clear:both;overflow:auto;box-sizing:border-box;}
.column {padding:0;margin:0;}
.column.half {width:50%;}
.column-threequarter { width: 75%; float: left;}
.column-quarter {width: 25%;float: left;}
.column-third {width: 33.3%;float: left;}
.column.third {width: 33.3%;float: left;}
.fleft {float:left;}
.fright {float:right;}
.posright {right: 10px;}


.popbox {
    display: none;
    width: auto;
    border: solid 1px #CCCCCC;
    padding: 5px;
    background: #FFF;
    text-align: left;
    position: absolute;
    z-index: 9999;
    }


/*  ----- BUTTONS ----- */

.alerticon {position:relative;top:2px;}
.buttonnorm {border: 1px Solid #FFFFFF;}
.buttonhlight {background-color:#CC0000;border: 1px Solid #F23539;}
.button_confirm {color:#CC0000;font-weight:bold;font-size:12px;padding:5px;}

a.button, input.button, button.button {
  display: inline-block;
  color: #000000;
  text-decoration: none;
  font-weight: normal;
  padding: 5px 12px;
  margin: 5px 0 0 0;
  background: #D8D8D8;
  position:relative;
  -webkit-appearance: none;
  border: none;
  cursor:pointer;
}

a.button:hover, input.button:hover {
  color: #000000;
  text-decoration: underline;
  background: #C3C3C3;
  }

.button.small {font-size:80%;padding: 3px;}



.addit.button, .addit-multi.button {
  display: inline-block;
  color: #fff;
  text-decoration: none;
  font-weight: normal;
  padding: 5px 8px 6px 8px;
  margin: 5px 0 0 0;
  border:1px solid #468ec9;
  border-radius: 5px;
  box-shadow: inset 0 1px 0 #3AB4D9,0 1px 1px rgba(0,0,0,0.3);
  background: #468ec9;
  background: -moz-linear-gradient(top,  #468ec9 0%, #2c6592 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#468ec9), color-stop(100%,#2c6592));
  background: -webkit-linear-gradient(top,  #468ec9 0%,#2c6592 100%);
  background: -o-linear-gradient(top,  #468ec9 0%,#2c6592 100%);
  background: -ms-linear-gradient(top,  #468ec9 0%,#2c6592 100%);
  background: linear-gradient(to bottom,  #468ec9 0%,#2c6592 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#468ec9', endColorstr='#2c6592',GradientType=0 );

  -webkit-appearance: none;
}

.addit.button.buy, .addit-multi.button.buy {padding:5px 20px 6px 20px;}

.addit.button:hover, .addit-multi.button:hover {
 color: #fff;
 cursor: pointer;
 background: #59a3db;
 background: -moz-linear-gradient(top,  #59a3db 0%, #2273c9 100%);
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#59a3db), color-stop(100%,#2273c9));
 background: -webkit-linear-gradient(top,  #59a3db 0%,#2273c9 100%);
 background: -o-linear-gradient(top,  #59a3db 0%,#2273c9 100%);
 background: -ms-linear-gradient(top,  #59a3db 0%,#2273c9 100%);
 background: linear-gradient(to bottom,  #59a3db 0%,#2273c9 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#59a3db', endColorstr='#2273c9',GradientType=0 );
 text-decoration:none;
 -webkit-appearance: none;
}

.button.checkout {
  display: inline-block;
  color: #FFF;
  text-decoration: none;
  font-weight: normal;
  font-size:130%;
  padding: 10px 12px;
  margin: 5px 0 0 0;
  background: #2C6592;
  border:none;
  -webkit-appearance: none;

transition: color 300ms ease-in-out, background-color 300ms ease-in-out;
-moz-transition: color 300ms ease-in-out, background-color 300ms ease-in-out;
-webkit-transition: color 300ms ease-in-out, background-color 300ms ease-in-out;
-o-transition: color 300ms ease-in-out, background-color 300ms ease-in-out;
 border-radius: 5px;
}

.button.checkout:hover {
  background: #0088EC;
  color: #fff;
  cursor: pointer;
  text-decoration: none;
  -webkit-appearance: none;

transition: color 300ms ease-in-out, background-color 300ms ease-in-out;
-moz-transition: color 300ms ease-in-out, background-color 300ms ease-in-out;
-webkit-transition: color 300ms ease-in-out, background-color 300ms ease-in-out;
-o-transition: color 300ms ease-in-out, background-color 300ms ease-in-out;
}

.help {display:inline-block;padding:10px;}

.button.full {width:100%;padding: 5px 0 5px 5px; box-sizing: border-box;}
.button.log {}
.button.close {background:#CCCCCC;font-size:80%;}
.button_hilite {font-weight: bold;color: #009933;}
.button_hilite:hover {font-weight: bold;color: #CC0000;}
.button_small {font-size: 10px;}

.button.addFav {
  padding:10px 20px 10px 40px;
  margin:0;
  border:1px solid #CCCCCC;
  border-radius: 5px;
  box-shadow: inset 0 1px 0 #FFFFFF,0 1px 1px rgba(0,0,0,0.3);
  background: #f5f5f5 ;
  background: -moz-linear-gradient(top,  #f5f5f5 0%, #dddddd 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#dddddd));
  background: -webkit-linear-gradient(top,  #f5f5f5 0%,#dddddd 100%);
  background: -o-linear-gradient(top,  #f5f5f5 0%,#dddddd 100%);
  background: -ms-linear-gradient(top,  #f5f5f5 0%,#dddddd 100%);
  background: url(/content/1/skin/addfavourite.png) 3px 3px no-repeat, linear-gradient(to bottom,  #f5f5f5 0%,#dddddd 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#dddddd',GradientType=0 );
}
.button.addFav.button:hover {
  color: #000000;
  text-decoration: none;
  background: url(/content/1/skin/addfavourite.png) 3px 3px no-repeat, #C3C3C3;
  }

.download-button {min-height:30px;padding:10px 0 0 0;margin:10px 0;}
.download-button img {float:left;height:35px;margin:-10px 10px 0 0;}
.download-button a {text-decoration:none;}
.button.small {font-size:80%;padding: 3px;}
/*p a.button {margin:5px 0 0 0;line-height:100%;}*/

/* ***************************************************** */

.container {
  background: none;
  width: 1024px;
  margin:0 auto 0 auto;
  overflow: visible;
  }

.nothing{
  border-top: 0px #FFFFFF solid;
  border-left: 2px #FFFFFF solid;
  border-right: 2px #FFFFFF solid;
  border-bottom: 1px #FFFFFF solid;
  }

/* ***************************************************** */
/* HEADER */

.mob-menu{display:none;width:98%;background: #2C6592;min-height:18px;padding:5px;}
.mob-menu .col{}
.mob-menu .col img{padding:5px;}
.mob-menu .col.one{float:left;}
.mob-menu .col.two{float:right;}

#head_top {
  float:none;
  position:fixed;
  height: 30px;
  width: 100%;
  background: #2C6592;
  overflow:hidden;
  z-index: 999999;
  top:0;
  color:#FFF;
  }

.site-head-top {padding:4px 1px;color:#FFF;}

#header {
  position:relative;
  height: 90px;
  width: 100%;
  background: #EEEEEE;
  overflow:hidden;
  margin-top:30px;
  }

#head_left {
  float:left;
  height:90px;
  padding:0;
  margin:0;
  overflow:hidden;
  color:#333333;
  width:40%;
  text-align:left;
  }
#head_center {
  display:none;
  float:left;
  height:90px;
  padding:0;
  margin:0;
  overflow:hidden;
  color:#333333;
  width:50%;
  }

.logo {text-align: left; margin:0 auto; padding:20px 0 0 0;width:100%;}
.logo img{text-align: left; margin:0;}

#head_right {
  float:right;
  height:90px;
  padding:0;
  margin:0;
  overflow:hidden;
  width:60%;
  text-align:right;
  }

.head_links {width: auto;margin: 0 2px 0 0;text-align: right;position:relative;color:#FFF;}
.head_links a {text-decoration:none;color:#FFF;}
.head_buttons {padding:2px 0;float:right;}
.head_buttons .head_btn1, .head_buttons .head_btn2 {float:right;}
.head_buttons a{padding: 0 5px;}
.head_cart {}
.head_caption {text-transform: uppercase;color:#000;letter-spacing: 2px;font-size: 90%;text-align:right;}
.cart_summary {width:auto; float:right;margin: 0 0 0 15px;}
.cart_summary a {display:inline-block;background: url(/content/1/skin/head-link-basket.png) no-repeat left 3px;padding:2px 0 0 25px;margin:0;}
.cart_summary a:hover {text-decoration:underline;}
.cart_text {}
.cart_count {}
.cart_link {float:left;background: url(/content/1/skin/fill_topnav_over.jpg) repeat-x left top;padding:10px;}
.cart_link a {color:#FFF;}

.welcome {text-align: right;margin:-4px auto 0 auto;padding:3px 0;width:100%;font-weight:normal;color:#000;font-size:10px;right:12px;}
.welcome span {display:block;}

.itemadded {
position:fixed;
width: 250px;
/*height:15px;*/
min-height: 50px;
padding:20px;
margin-top: 0;
margin-left: -150px;
background: #1D6DF3 url(/images/preloading.gif) no-repeat 120px bottom;
border: solid 2px #FFF;
font-weight:bold;
font-size:9pt;
color:#FFF;
text-align:center;
top: 35px;
/*left: 485px;*/
left: 50%;
z-index:99999;
-moz-box-shadow: 3px 3px 10px #888;
-webkit-box-shadow: 3px 3px 10px #888;
box-shadow: 3px 3px 10px #888;
}

.itemalert {
position:fixed;
width: 250px;
/*height:15px;*/
min-height: 50px;
padding:20px;
margin-top: 0;
margin-left: -150px;
background: #FF0000 url(/images/preloading_alert.gif) no-repeat 120px bottom;
border: solid 2px #FFF;
font-weight:bold;
font-size:9pt;
color:#FFF;
text-align:center;
top: 35px;
/*left: 485px;*/
left: 50%;
z-index:99999;
-moz-box-shadow: 3px 3px 10px #888;
-webkit-box-shadow: 3px 3px 10px #888;
box-shadow: 3px 3px 10px #888;
}

.boxalert {
position:fixed;
width: 250px;
/*height:15px;*/
min-height: 50px;
padding:20px;
margin-top: 0;
margin-left: -150px;
background: #FF0000;
border: solid 2px #FFF;
font-weight:bold;
font-size:9pt;
color:#FFF;
text-align:center;
top: 35px;
/*left: 485px;*/
left: 50%;
z-index:99999;
-moz-box-shadow: 3px 3px 10px #888;
-webkit-box-shadow: 3px 3px 10px #888;
box-shadow: 3px 3px 10px #888;
}

/* ***************************************************** */
/* TOP NAV */

#topnavbar {
  width: 100%;
  height: 50px;
  background: #EEEEEE;
  padding: 0;
  z-index: 99;
  }
.tnbar {position:relative;}
.fixtnbar {position: fixed; top:25px; left:0; width: 100%; }
#topnavrow {position:relative;width: 1024px;height: 50px; text-align:left;}
ul#topnav  {
  margin: 0 auto;
  padding: 0;
  z-index: 999;
  float:none;
  width:auto;
  position: relative;
  background:#EEEEEE;
  display:inline-block;
  }

ul#topnav li {
  margin: 0;
  padding: 0;
  list-style: none;
  float: left;
  font-weight: normal;
  font-size: 11pt;
  text-transform: uppercase;
  height:50px;
  background:#EEEEEE;
  /*position: relative;*/

  }
ul#topnav li:hover {
  background:#E2E2E2;
  }
ul#topnav li.last {border-right:none;}

ul#topnav li a {
  display: block;
  margin: 0 1px 0 0;
  padding: 16px 10px 18px 10px;
  font-size: 11pt;
  font-weight: normal;
  text-transform: uppercase;
  color: #555555;
  text-align: center;
  text-decoration: none;
  position:relative;
  }

ul#topnav li a:hover {
  color: #000000;
  text-decoration: none;
  }
ul#topnav li.home {border-left:none;}
ul#topnav li.home a{}
ul#topnav li.home a:hover {}
ul#topnav li.fr {float:right;}

/* Hover intent sub menu */

ul#topnav li.hometab {margin:4px 130px 0 0; }
ul#topnav li.droptab a {padding-right: 15px; background: url(/content/1/skin/tnav_arrow.gif) no-repeat right 5px;}
ul#topnav li.droptab a:hover {background: url(/content/1/skin/tnav_arrow_over.gif) no-repeat right 5px;}
ul#topnav li ul.row { /*--If needed to break out into rows--*/
	clear: both;
	float: left;
	width: 100%;
	margin-bottom: 10px;
    }

/* Sub menu */

.tnsub {
  position: absolute;
  top: 50px; left: 0px;
  z-index: 9999;
  background: #F3F3F3;
  padding: 20px;
  float: left;
  width: 100%;
  text-align:left;

  border: 1px solid #CCCCCC;
  border-top: none;
  box-sizing: border-box;

  display: none; /*--Hidden for those with js turned off--*/
}


.tnsub .col{
	list-style: none;
	margin: 0;
    padding: 0;
	width: auto;
	float: left;
    background: none;
    width:25%;
    }

.tnav-linkblock{
    padding: 10px;
    width:100%;
    box-sizing: border-box;
    }

.tnsub .col h2, .tnsub .col h2 a {
	padding: 0;  margin: 0;
    font-family: 'Roboto Slab', sans-serif;
    font-weight: 400;
	font-size: 12pt;
    background: none;
    color: #2C6592;
    text-align: left;
    text-shadow: none;
    text-transform:capitalize;
    text-decoration:none;
    }
.tnsub .col h2 a:hover {color:#CC0000;text-decoration:none }
.tnsub .col h2:hover {  }

.tnsub ul{
	margin: 0;
    padding: 0;
	width: 100%;
	float: left;
}
.tnsub ul li {
	width: 100%; /*--Override parent list item--*/
    height: auto;
	color: #333333;
    border: none;
    text-align: left;
    padding: 3px 0;
    margin: 0;
    background: none;
    font-size:9pt;
    text-transform:capitalize;
    list-style: none;
    list-style-type: none;
}

.tnsub ul li a {
	float: none;
	text-indent: 0; /*--Override text-indent from parent list item--*/
	height: auto; /*--Override height from parent list item--*/
	background: none;
    padding: 0; margin: 0;
	display: block;
	text-decoration: none;
    font-size:9pt;
    font-weight:normal;
	color: #333333;
    text-align: left;
    text-shadow: none;
}
.tnsub ul li:hover {
     color: #CC0000;
     text-decoration: underline;
     background: none;
     }
.tnsub ul li a:hover {
	color: #CC0000;
	background: none;
    text-decoration: underline;
}

ul#topnav li.droptab .smenu {height:auto;margin:-3px 0 10px 0;}
ul#topnav li.droptab .smenu a {
	float: left;
	text-indent: 0; /*--Override text-indent from parent list item--*/
	height: auto; /*--Override height from parent list item--*/
	background: url(/content/1/skin/dnav_arrow.gif) no-repeat 20px 7px;
	padding: 3px 0 3px 28px;
    margin: 0;
	display: block;
	text-decoration: none;
	color: #333333;
    text-align: left;
    width: 192px;
    font-size: 85%;
}

ul#topnav li.droptab .smenu a:hover {
  background:none;
  color: #FFFFFF;
  background: #C2272D url(/content/1/skin/dnav_arrow_over.gif) no-repeat 14px 9px;
}

a.nolink {text-decoration:none;cursor:pointer;}
ul#topnav li.droptab a.nolink:hover {text-decoration:none;cursor:pointer;}
ul#topnav li.droptab .smenu a.nolink:hover {text-decoration:none;cursor:pointer;}

.tnsub .lev2 {
  position:absolute;
  z-index: 99991;
  background: #FFFFFF;
  display: none;
  padding:10px;
  border-left: 2px solid #FFFFFF;
  border-right: 2px solid #FFFFFF;
  border-bottom: 2px solid #FFFFFF;

  -moz-box-shadow: 4px 8px 10px rgba(50,50,50,0.5);
  -webkit-box-shadow: 4px 8px 10px rgba(50,50,50,0.5);
  box-shadow: 4px 8px 10px rgba(50,50,50,0.5);

  }
.tnsub div.lev2 ul {float:left;margin:0 20px 0 0;}
.tnsub div.lev2 li {margin:5px 0 0 0;}
.tnsub div.lev2 li.drp {margin:5px 0 0 0;background:none;}
.tnsub div.lev2 li:hover {background:none;}
.tnsub div.lev2 li.drp:hover {background:none;}

.tnsub div.lev2 div.lev3 {
  position:absolute;
  left:221px;
  margin:-23px 0 0 0;
  padding:5px;
  background:#EEEEEE;
  display:none;

  border-top: 2px solid #FFFFFF;
  border-right: 2px solid #FFFFFF;
  border-bottom: 2px solid #FFFFFF;

  -moz-box-shadow: 4px 8px 10px rgba(50,50,50,0.5);
  -webkit-box-shadow: 4px 8px 10px rgba(50,50,50,0.5);
  box-shadow: 4px 8px 10px rgba(50,50,50,0.5);

  }
.tnsub div.lev2 div.lev3 li {margin:0;}
.tnsub div.lev2 .lev3 li a {font-size:10pt;padding:2px 5px;margin:0;}
.tnsub div.lev2 .lev4 li a {font-size:10pt;padding:2px 5px;margin:0;}

.opaque {
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; // first!
	filter: alpha(opacity=0);					// second!
}

.close-nav {display:none;width:0px;height:0px;}
/* ***************************************************** */
/* PAGE AREA */


#pagearea {
  width: 1024px;
  min-height: 330px;
  height:auto !important;
  height: 330px;
  text-align:left;
  background: #FFFFFF url(/content/1/skin/bg_pagetop.jpg) no-repeat left top;
  display: inline-block;
  padding: 8px 0 0 0;
  }

#pagearea_full {
  width: 1024px;
  min-height: 630px;
  height:auto !important;
  height: 630px;
  text-align:left;
  background: #FFFFFF url(/content/1/skin/bg_pagetop.jpg) no-repeat left top;
  padding: 8px 0 0 0;
  }

/* ***************************************************** */
/* SIDE NAV */

#sidenav {
	clear:both;
    float: left;
	text-align:left;
	padding:0 0 5px 0;
	margin:0 10px 20px 0px;
    width:190px;
	}


.navtableft {
	float:left;
	width:60px;
	height:21px;
	margin:0 2px 0 0;
	padding:0;
    background: url(/content/1/skin/fill_navtableft.jpg) repeat-x top left;
	}

.navtabcenter {
	float:left;
	width:59px;
	height:21px;
	margin:0 2px 0 0;
	padding:0;
    background: url(/content/1/skin/fill_navtabcentre.jpg) repeat-x top left;
	}

.navtabright {
	float:right;
	width:59px;
	height:21px;
	margin:0;
	padding:0;
    background: url(/content/1/skin/fill_navtabright.jpg) repeat-x top left;
	}

.navtabsingle {
	float:left;
	width:100%;
	height:21px;
	margin:0 2px 0 0;
	padding:0;
    background: url(/content/1/skin/fill_navtableft.jpg) repeat-x top left;
	}

.navtab {
	height:21px;
	margin:0;
	padding:0;
	text-align:center;

    font-size:10pt;
	color:#FFFFFF;
	text-decoration:none;

	}

.navtab ul {
	list-style:none;
	padding:0;
	margin:0;
	}

.navtab li {
	display:inline;
	padding:5px 0 0 0;
	margin:0;
	text-align:center;
	}

.navtab li a {
    font-size:10pt;
	color:#FFFFFF;
	text-decoration:none;
	}
.navtab li a:hover {
	color:#FFFFFF;
    text-decoration:underline;
	}

.navtab2 {
	height:21px;
	margin:0;
	padding:0;
	text-align:center;
	/* background-color:#2C6592; */
	}

.navtab2 ul {
	list-style:none;
	padding:0;
	margin:0;
	}

.navtab2 li {
	display:inline;
	padding:5px 0 0 0;
	margin:0;
	}

.navtab2 li a {
	font-size:10pt;
	color:#FFFFFF;
	text-decoration:none;
	}

.navtab2 li a:hover {
    color:#FFFFFF;
    text-decoration:underline;
	}

/* ********* SEARCH ************* */

.searchbox {
	width:auto;
    background: none;
    margin: 0;
	}

.searchbox form {
    margin: 0;
    padding: 0;
    }

.searchbox h5 {
    font-weight: bold;
    font-size: 13pt;
    color: #333333;
    margin:0;
    padding:0 0 3px 0;
    }

.searchbox .txt_search{
	font-size: 10px;
    width: 105px;
	}

.searchbox .btn_search{
	font-size: 10px;
    padding: 0px;
    float: right;
	}

.btn_small{
	font-size: 10px;
    padding: 0px;
	}

.closenav {
  display: inline-block;
  color: #000000;
  text-decoration: none;
  font-weight: normal;
  font-size:11pt;
  line-height:11pt;
  padding: 2px 4px 0px 4px;
  margin: 0 5px 0 0;
  background: #666;
  position:relative;
  -webkit-appearance: none;
  float:right;
  cursor:pointer;
}
.closenav:hover {background:#2C6592;}

#head_right .searchbox {margin:10px 0 0 0;}
#head_right .searchbox .txt_search{
  width:200px;
  padding:5px;
  font-size:11pt;
  color:#000;
  background:#FFF;
  border: 1px solid #999999;
  border-radius: 5px 0px 0px 5px;
  position:relative;
  float:right;
  }
#head_right .searchbox .btn_search{
  padding:5px;
  margin: 0;
  font-size:11pt;
  color:#CCCCCC;
  background:#333;
  border: 1px solid #999999;
  border-radius: 0px 5px 5px 0px;
  position:relative;
  float:right;
  top:0px;
}
#head_right .searchbox .btn_search:hover{
  background:#2C6592 url(/content/1/skin/fill_topnav_over.jpg) repeat-x left top;
}

.mob-menu .searchbox{display:none;}

/* ********* SIDE NAV LINKS ************* */

.sidenavlinks {
 clear:left;
 background: #EEEEEE;
}

.sidenavlinks .head {
    width:185px;
    /*height:20px; */
    background: #EEEEEE;
    font-size:9pt;
    text-transform:capitalize;
    line-height:22px;
	font-weight:bold;
	color:#333333;
	padding:0 0 0 5px;
    margin:0;
    border-top:1px solid #FFFFFF;
    border-bottom:1px solid #CCCCCC;
    text-align:left;
    cursor:pointer;
	}

.sidenavlinks .head:hover {  background: #FFFFFF;  }
.sidenavlinks .head a {color:#333333;text-decoration: none;}
.sidenavlinks .head a:hover {color:#CC0000;text-decoration: underline;}

.sidenavlinks ul {margin:0;padding:0;}
.sidenavlinks li {list-style-image:none;list-style:none;}
.sidenavlinks li a {text-decoration:none;}
.sidenavlinks li a:hover {color:#CC0000;text-decoration: underline;}

.sidenavlinks ul.sub {padding:0 0 10px 0;display:none;background:#E0E0E0;}
.sidenavlinks ul.sub li {padding:2px 0 0 10px;text-transform:capitalize;fonr-size:9pt;}

.separator {
  height: 1px;
  overflow: hidden;
  font-size: 1%;
  border: none;
  margin: 5px 0 0 0;
  }


/* ********* SIDE GLOBAL ************* */

.global_left {
    clear: both;
    width: 166px;
    padding: 10px 10px 10px 15px;
    }

.global_right {
    clear: both;
    width: 166px;
    padding: 10px 10px 10px 15px;
    }

#globalfooter {width: 1024px;}
.global_footer {
  width:auto;
  background: #FFFFFF;
  padding: 20px 0;
  margin-top: -2px;
  border-top: solid 1px #CCCCCC;
    }
.ftlogo{float:left;margin:0;padding:0;}
.ftlogo img{width:80%;
-moz-opacity:0.4;
-webkit-opacity:0.4;
 filter: alpha(opacity=40);
}

/* ***************************************************** */
/* CONTENT */

#hero {
  float:left;
  margin: 0 0 10px 9px;
  }

#pagehero {
  position:relative;
  float:none;
  background: #FFF;
  margin: 15px 0 10px 0;
  width:100%;
  }

/***********************************************/
/* SLIDESHOW                                   */
/***********************************************/

#slideshow {
    position:relative;
    height:360px;
    padding: 10px;
}

#slideshow IMG {
    width: 1006px;
    height:285px;
}

#slideshow DIV {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow DIV.active {
    z-index:10;
    opacity:1.0;
}

#slideshow DIV.last-active {
    z-index:9;
}

/***********************************************/

#content {
  float: left;
  text-align: left;
  padding: 0 0 5px 0;
  margin: 0 5px 0 0;
  width:100%;
  }

#popup_content {
  width: 420px;
  background: #FFFFFF;
  text-align:left;
  padding: 20px;
 }

#content_centre {
  width: 618px;
  float: left;
  margin:0 10px 0 0;
  padding-right: 5px;
  }

#content_right {
  width: 180px;
  float: right;
  /*font-size: 10px;*/
  padding: 0 0 0 0;
  margin: 0 3px 0 0;
  /* border-left: solid 1px #CCCCCC;  */
  }

/* If only left column is visible */
#content_twocoll {
  width: 810px;
  float: left;
  margin:0 5px 0 0;
  padding-right: 5px;

}
/* if only right column is visible */
#content_twocolr {
  width: 797px;
  float: left;
  margin:0 15px 0 15px;
  padding-right: 5px;

}

#content_threecol {
  width: 100%;
  float: left;
  margin:0px;
  padding-right: 5px;
  padding-left: 5px;

}


/* ***************************************************** */
/* TABLES */

.home_table {
  border-top: solid 1px #CCCCCC;
  margin: 15px 0 0 0;
  }

.home_table tr {
  }

.home_table td {
  padding: 5px 0 5px 0;
  border-bottom: solid 1px #CCCCCC;
  }

.home_table .head {
  font-size: 13pt;
  font-weight: bold;
  }

.home_table .head a {
  text-decoration: none;
  }

.home_table .head a:hover {
  text-decoration: underline;
  }

/* ***************************************************** */
/* GENERAL STYLES */

.clear {float: none;clear: both;font-size: 10%;}
.pad {padding:5px;}
.indent {margin:5px 0 0 10px;}
.center {text-align:center; }

div.alert {background: #E1E9F7;position:relative;border: solid 1px #2C6592;padding:5px 10px 10px 10px;}
div.alert h5 {font-size:13pt; color:#CC0000; font-weight:bold; margin:0; padding:0; }
p.alert, span.alert {color:#CC0000;font-weight:bold;}

.strapline {font-weight:normal; font-size: 13pt; font-style: italic; color: #FF9900;}
.intro {font-size: 12pt;font-weight: bold;color: #666666;}

.boxout { width:155px; text-align: center; }
.boxout h4 { font-size: 12pt; color: #006766; }
.boxout h4 a { font-size: 12pt; color: #006766; text-decoration: none; }
.boxout h4 a:hover { text-decoration: underline; color: #CC0000; }

.registered_trade {border:solid 1px #CCC; border-radius: 5px; background: #FFF; padding:20px;margin: 20px 5px;font-size:13pt;font-weight:bold;}

.pageblock {clear:both;width:100%:min-height:10px;}
.fullwidth {width:100%;}

/*  ------------  BOX PANELS  ------------ */

/* HOME PAGE PANELS */

.homepanels {clear:both;text-align:center;display: block;width:100%;border: none;margin-left:-5px;}
.homepanel {
  float:left;
  width:31%;
  text-align:center;
  padding: 5px;
  background: #F4F4F4;
  border: solid 1px #CCCCCC;
  position:relative;
  margin:10px 16px 10px 0;
  height:320px;
  overflow:hidden;
  }
.homepanel a {txt-decoration:none;}
.homepanel.last {margin-right:0px;}
.panel-box {text-align:center;padding:10px;}
.panel-box .panel-image{text-align:center;width:100%;margin: 0 auto;}
.panel-box .panel-image img{border: solid 2px #CCCCCC;background:#FFF;width:auto;margin: 0 auto;}
.panel-box .panel-text{text-aign:center;}
.panel-box .panel-text h2{text-aign:center;font-size:20px;}
.panel-box .panel-text a {text-decoration:none;}

.slidepanel {padding:10px;color:#EEEEEE;position:relative;}
.slidepanel h1, .slidepanel h2, .slidepanel h3, .slidepanel h4, .slidepanel h5, .slidepanel h6 {color:#EEEEEE;padding:0;margin:0;}
.slidepanel a, .slidepanel a:hover {color:#EEEEEE;}
.slidepanel p {color:#EEEEEE;padding: 5px 0;margin:0;}

/* Inline photo */
.inline_photo {
  float:right;
  margin: 5px 0 15px 15px;
  padding: 2px;
  background: #FFFFFF;
  border: solid 1px #CCCCCC;
}


/* PRESS LINKS */

#presslinks .logopanel {
  background: #ECECEC;
  width: 561px;
  height: 28px;
  padding : 4px;
}


#presslinks img {
  float: left;
  margin: 0 20px 10px 0;
  padding: 0;
}

#presslinks h4{
  margin: 4px 0 0 0;
  padding: 0;
  color: #B5B5B5;
  font-size: 12px;
  text-transform: uppercase;
}

#presslinks p{
  margin: 0;
  padding: 0;
}

#presslinks h5 {
  clear: both;
  font-size: 12px;
  color: #000000;
  margin: 10px 0 0 0;
  padding: 0;
}

#presslinks h5 a {
  text-decoration: none;
}

#presslinks h5 a:hover {
  text-decoration: underline;
  color: #CC0000;
}

#presslinks .pressurl a{
  font-size: 10px;
  color: #999999;
}


#presslinks hr {
  border: 0;
  width: 100%;
  color: #CCCCCC;
  height: 1px;
  margin: 10px 0 0 0;
  border-top: solid 1px #CCCCCC;
  }


/* CHECKOUT */

#close {border:solid 1px #CCC;color:#CCC;background:#FFF;cursor:pointer;border-radius:3px;}
#close:hover {border:solid 1px #333;color:#333;background:#FFF;cursor:pointer;border-radius:3px;}

.slidepanel {cursor:pointer;}
.hideme {display:none;}

/*  ------------ FORM BOX  ------------ */
.fm_box {float:left; width:100%;}
.fm_col {float:left; width:48%;}
.fm_col one{margin-right: 20px;}
.fm_col two{margin-right: 0;}

.fm_box.reg {margin:20px 20px 0 0;}
.fm_box.log {margin:20px 0 0 0;}
.fm_label {clear:left;float:left;width:110px;padding:3px 0 0 0;}
.fm_input {float:left;width:200px;}
.fm_input input.txt{width:195px;}

.fm_row {clear:left;margin:3px;}
.fm_row [type="text"],.fm_row [type="password"],.fm_row textarea {border:1px solid #999;border-radius:3px;padding: 5px; background:#FFF;width:90%;}
.fm_box .fn {font-weight:normal;}
.fm_rowhead {clear:left;width:100%;padding:3px;text-align:left;font-weight:bold; font-weight:900;}
.fm_box label {clear:left;float:none;width:auto;padding:3px 10px 0 0;text-align:left;display:block;}
.fm_box.log label {clear:left;float:none;width:120px;padding:3px 10px 0 0;text-align:left;}
.fm_row .alert, .fm_row.alert {border-color:#CC0000; background:#fae6fb;}

.reps-form {font-size:13pt; }
.reps-form input, .reps-form select {font-size:12pt; padding: 1px 3px;}
.reps-form input[type="submit"] {font-size:12pt; padding: 3px 5px;}
.reps-form input[type="text"] {width:50%;}
.reps-form .button.checkout {font-size:12pt; padding: 3px 5px;}
.reps-form h2 {font-size:13pt;}
.reps-form p {font-size:10pt;}
.reps-details td {padding:3px 5px;}
.fm_box.reg {float:left;width:48%;margin-right:20px;}
.fm_box.log {float:left;width:48%;margin-right:0;}

#ftinfo-panel * {font-size:10pt;font-family: Helvetica, Arial;}
#ftinfo-panel h2, #ftinfo-panel h3 {font-size:13pt; font-weight:bold;}
.ftinfo-img img {height: 120px;}

/*  ------------ TABLES  ------------ */

.tablebox {
	background-color: #FFFFFF;
	padding: 1px;
	border: 1px Solid #CCCCCC;
	margin:5px 0 5px 0;
}

.tablebox td {
	color: #000000;
	background-color: #EEEEEE;
}
.tablebox td form {float:right;margin:0;padding:0;}
.tableheads td {
	font-size: 75%;
	color: #2C6592;
	font-weight: bold;
    text-transform: uppercase;
    background:#EEEEEE url('/content/1/skin/fill_heading.jpg') repeat-x left bottom;
    padding: 5px;
}

.tableform {
	background-color: #FFFFFF;
	border: 1px solid #999999;
	margin:5px 0 5px 0;
}


.tableboxtotals {
	background-color: #EDE4CB;
	border: 1px solid #999999;
}

.rowbgdark {
	color: #000000;
	background-color: #E8DBBB;
}

.rowbglight {
	color: #000000;
	background-color: #F7F2E8;
}

.rowbglighter {
	color: #000000;
	background-color: #FCFBF8;
}

.rowbgmid {
	color: #000000;
	background-color: #EDE4CB;
}

.sectors td {
 font-size: 70%;
 vertical-align: top;
 text-align: left;
 padding-right:20px;
 }

td.captcha img {border: solid 1px #999999;}


.homepagepanel {
	font-size: 12px;
	color: #000000;
	background-color: #666666;
	border: 1px solid #999999;
}

.onspecial-overlay {position:absolute; z-index:89; right:1px; width:90px; height:90px; background: url(/content/1/skin/overlay-specialoffer.png) no-repeat top right; background-size:100%;}
.onspecial-text {padding:3px 15px 0 15px; text-align:center; color:#FFF; font-size: 11pt; font-weight:normal;line-height:110%;}

.prodListItem .onspecial-overlay {top:-3px;right:-3px;}

/* PRODUCTS */
/*  ------------ PRODUCT LIST  ------------ */

#productlist {
	margin:10px 0 0 0;
    padding:0;
	height:auto;
	list-style:none;
	text-align:left;
    border-top: 1px dotted #CCCCCC;
	}


#productlist ul {
	margin:0;
	padding:0;
    list-style: none;
    border-top: solid 1px #CCCCCC;
	}

#productlist li {
	/* float:left;   */
	/* height:158px;  */
	margin:0 8px 0 0;
    padding: 5px 0 0 0;
    list-style: none;
    border-bottom: solid 1px #CCCCCC;
    list-style-image: none;
	}

#productlist img {
	margin: 0;
	padding: 0 10px 0 0;
    width: 100px;
	}



.info {
    font-size: 80%;
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(233,233,233,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(233,233,233,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(233,233,233,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e9e9e9',GradientType=0 ); /* IE6-9 */
    padding: 5px 10px;
    margin: 0 10px 0 0;
    border: solid 1px #CCCCCC;
    position:relative;
    border-radius: 9px;
    behavior: url(/ssi/PIE.htc);
	}

.info h4 {
    padding: 3px 0 3px 3px;
    margin: 0;
    border-bottom: solid 1px #CCCCCC;
    color: #2C6592;
    }

.info.pay-panel {margin-bottom:15px;}
.outerinfo {
    /*background: url(/content/1/skin/bg_panel.jpg) no-repeat right bottom;*/
    padding: 0 0 10px 0;
	}

#productlist .info p{
    margin: 0;
    padding: 0 0 3px 0;
	}

#productlist .pname {
    font-size: 13pt;
    font-weight: bold;
    color: #000000 ;
    }

#productlist .pname a{
    font-size: 13pt;
    font-weight: bold;
    color: #333333 ;
    text-decoration: none;
    }

#productlist .pname a:hover{
    color: #CC0000 ;
    text-decoration: underline;
    }

.pricepanel {
    text-align: center;
    }

.pricepanel p{
    margin:0;
    padding:5px 0 0 0;
    }

.pricepanel .price {
    font-weight: bold;
    font-size: 12px;
    color: #000000;
    margin: 0;
    padding:10px 0 10px 0;
    }

.pricepanel .smallprice {
    font-weight: normal;
    font-size: 10px;
    color: #666666;
    margin: 0;
    padding:0;
    }

.pricepanel input {
    margin: 0;
    }

.plist p {padding: 0 10px 0 0;}
.plist td {padding: 0; border-bottom: dotted 1px #CCCCCC;}


/*  ------------ SUB LIST  ------------ */
.sublist {display:block;}
.sublist {font-size:13px;color:#555;padding-left:5px;}
.sublist .div {color:#999;}
.sublist ul {padding:0;margin:20px 0;}
.sublist ul li {list-style:none;padding:5px 0;}
.sublist a {text-decoration:none;color:#555;}
.sublist a:hover {text-decoration:underline;color:#CC0000;}


/*  ------------ CAT LIST  ------------ */
.catheader-img {width:100%;max-height:180px;}

#catlist {
	margin:10px 0 0 0;
	height:auto;
	list-style:none;
	text-align:left;
	}

#catlist ul {
	margin:0;
	padding:0;
	}

#catlist li {
    float:left;
    width: 24%;
    height: 105px;
    padding: 0;
    margin:5px 10px 5px 0;
    list-style: none;
    list-style-image: none;
    background: #EEEEEE;
    border: solid 1px #CCC;
    text-align: center;
    overflow:hidden;
    box-sizing:border-box;
	}
#catlist li.last {margin-right:0; }
#catlist li:hover {
    background: #EEEEEE;
	}
#catlist li .catlist-item {padding: 5px 10px;}
#catlist li h4 {
  text-decoration:none;
  margin: 0;
  padding: 5px;
  font-weight: normal;
  font-size: 16pt;
  color: #2C6592;
  }

#catlist li h4 a {text-decoration:none;color: #2C6592;font-family: 'Oswald',Arial;}
#catlist li h4 a:hover {text-decoration:underline;}

#catlist .info {
    width: 100px;
	margin:0 0 0 0;
	padding:5px;
    text-align: center;
    height:125px;
    overflow: hidden;
	}

#catlist .info img {
	/*display:block; */
    /*float: left;*/
	border: 1px solid #CCCCCC;
	margin:0;
	padding:0;
    width: 80px;
    height: 80px;
	}

#catlist .info .pgname {
    font-size: 10pt;
    font-weight: bold;
    color: #000000 ;
    }

#catlist .info .pgname a{
    font-size: 10pt;
    font-weight: bold;
    color: #000000 ;
    text-decoration: none;
    }

#catlist .info .pgname a:hover{
    font-size: 10pt;
    font-weight: bold;
    color: #CC0000 ;
    text-decoration: underline;
    }

#catlist .pageing {background:#CCCCCC;height:17px;padding:5px;font-size:10px;color:#666666;}
#catlist .pageing .pagingnav {float:right;margin:-3px 0 0 0;}
#catlist .pageing form {padding:0;}
#catlist .pageing input {font-size:12px;font-weight:bold;}

/*  ------------ PROD LIST  ------------ */
#catlist form {padding:0;margin:0;display:inline;}

#catlist .prodListItem {float:left; width:22%; height:380px;background:#FFF;border:solid 1px #CCCCCC;padding:10px;margin:2px;position:relative;}
#catlist .prodImgHd {width:40px;}
#catlist .prodData {}
#catlist .prodSku {width:173px; padding: 0;font-size:10px;color:#777;height:14px;}
#catlist .prodSku .label{}
#catlist .prodSku .data{width:100%;font-weight:normal;font-size:10px;}
#catlist .prodSku .data a{text-decoration:none;}
#catlist .prodImg {width:100%; height:135px;margin:0;text-align:center;overflow:hidden;display:inline-block;}
#catlist .prodImg img{width:auto; max-height:135px;margin: 0 auto;}
#catlist .prodInfo {width:173px; padding: 0; }
#catlist .prodInfo p {margin:0 0 0 0;padding:5px 0 0 0;line-height:12px;}
#catlist .prodInfo p a {text-decoration:none;color:#2C6592;}
#catlist .prodInfo p a:hover {text-decoration:underline;color:#CC0000;}
#catlist .prodInfo .prodTitle { font-size:10pt;font-weight:bold; color:#2C6592;height:15px;overflow:hidden;}
#catlist .prodInfo .prodText {font-size:10px;color:#000000;height:38px;overflow:auto;}
#catlist .prodPrice {position:relative;width:100%;height:60px;font-size:10pt;color:#000000; }
#catlist .prodPack {width:100%;font-size:10px;color:#333; height:24px;margin:0 0 5px 0; }
#catlist .prodStock {width:100%;font-size:10px;color:#CC0000; height:15px;margin:5px 0 5px 0; }
#catlist .prodStock span{font-weight:bold;font-size: 11px;}
#catlist .prodTax {width:50px;font-size:10pt;color:#000000; }
#catlist .prodPriceNorm {width:auto;font-size:16px;font-weight:bold;}
#catlist .prodPriceNorm .ltr {text-decoration:line-through;color:#999;font-size:80%;}
#catlist .prodPriceWas {width:48%;float:left;margin:0 5px 0 0;font-size:16px;font-weight:normal;color:#666666;}
#catlist .prodPriceWas .ltr {text-decoration:line-through;}
#catlist .prodPriceNow {width:48%;float:left;font-size:16px;font-weight:bold;color:#CC0000;}
#catlist .prodPriceDisc {width:auto;float:none;font-size:12px;}
#catlist .overlay-special {position:absolute;right:-4px;top:-4px;background:url(/content/1/skin/overlay-special.png) right top;width:70px; height:70px;}
#catlist .ppvat {font-size:10px;text-decoration:none;color:#000;font-weight:normal;}
#catlist .prodQty  {width:40px;font-size:8pt;color:#000000;}
#catlist input.prodQty  {display:inline;font-size:13pt;}
#catlist .prodBuy  {position:absolute;bottom:10px;}
#catlist .prodButton  {width:173px;color:#FFF;}
#catlist .prodButton .button {font-size:85%;width:100%;margin:1px 0 0 0;color:#FFF;font-weight:bold;text-transform:uppercase;}
#catlist .poa  {display:none;}

#catlist .list-options {overflow:auto;max-height:128px;}
#catlist .list-option {clear:both;}
#catlist .list-option.lo-row {background:#EEEEEE;overflow:auto;margin:0 0 1px 0;}
#catlist .list-option div {float:left;width:23%;padding:1%;font-size:90%;}
#catlist .list-option div.lo-op {font-weight:normal;text-align:left;}
#catlist .list-option.lo-row div.lo-op {font-weight:bold;}
#catlist .list-option div.lo-sk {font-weight:normal;text-align:center;}
#catlist .list-option div.lo-pr {font-weight:normal;text-align:right;}
#catlist .list-option.lo-row div.lo-pr {font-weight:bold;text-align:right;}
#catlist .list-option.lo-row div.lo-pr.rrp {font-weight:normal;text-align:right;color:#555555;}

/*  ------------ PRODUCT GROUPS  ------------ */

.groupheader {padding: 20px;}
.groupheader h1 {padding:0 0 5px 0; margin:0; font-size: 24pt; font-weight: normal; color:#FFFFFF; text-shadow: 2px 2px 2px #5986C7;}
.groupheader h2 {padding:0 0 0 0; margin:0; font-size: 14pt; font-weight: normal; color:#FFFFFF;}


/*  ------------ PRODUCT DETAILS  ------------ */

.ppPanel {}

.productdetail {margin:5px 0 0 0;width:auto;clear:both;}
.productimg {float:left;width:50%;margin:0;text-align:center;position:relative;}
.productimg .mainphoto {background:#FFFFFF; width:346px; height:346px; float:left; border: solid 1px #CCCCCC; margin:4px;overflow:hidden;}
.productimg .mainphoto img {width:100%; max-width:342px; max-height:342px; padding:2px;}
.productimg .onspecial-overlay {left:0px; }

.altimages {float:left;width:118px;overflow:hidden;}
.altimage {float:left;width:107px;overflow:hidden;height:107px;margin:4px;padding:1px;border:solid 1px #CCCCCC;}
.altimage img{width:100%; max-width: 107px;height: auto;max-height: 107px;float:left;margin:0px;padding:0;border:none;}
.altGallery {display:none;}

.productdetail .prodInfo {float:right;width:50%;margin:0;}
.productdetail .prodStock {font-size:10pt;color:#999;}
.productdetail .prodStock span{font-weight:bold;}
.productdetail .prodSku {font-size:10pt;color:#999;}
.productdetail .prodSku span{font-weight:bold;}
.productdetail .prodDetails {margin:0 0 10px 0;}
.productdetail .prodDetails p{font-size:11pt;line-height:13pt;margin:0;padding:3px 0;}
.productdetail .prodName {font-size:16pt;font-weight:normal;}
.productdetail .prodDesc {margin: 20px 0 0 0;}
.productdetail .buymore {margin: 40px 0 ;}
.productdetail .prodSpec {margin: 0 0 20px 0;padding:0;border: none;}
.productdetail .prodColour {}
.productdetail .prodSize {}
.productdetail .prodPack {}
.productdetail span.data {font-weight:bold;}
.productdetail .pvat {font-size:10px;color:#999;}

.prod-options {padding:10px;border:solid 3px #CCCCCC;margin:0 0 20px 0;}
.unit-sizes, .unit-colours {}
.unit-sizes span.select-title, .unit-colours span.select-title {display:inline-block; width: 90px;font-size:13pt;}
.unit-sizes select, .unit-colours select {padding:5px 0;font-size:120%;border-radius:0px; border:none;overflow-y:auto;}

#productbutton {margin:0 30% 0 30%;padding:0;}
.special-offer {font-size:20pt; font-weight:bold; color: #CC0000;padding: 5px 0 0 0;margin:0;line-height:100%;}
.promo-text {font-size:12pt; font-weight:bold; color: #2C6592;padding: 5px 0 10px 0;margin:0;line-height:100%;}
.price_was {font-size: 12px; font-weight:normL; color: #999999;}
.price_now {font-size: 13pt;font-weight: bold;color: #CC0000;margin: 0;padding:0;}
.pricebig {font-size: 18pt;font-weight: bold;color: #2C6592;margin: 0;padding:0 0 5px 0;}
.pricebig .txtprice {display:none}
.price-rrp {font-size: 11pt;font-weight: normal;color: #777;margin: 0;padding:0 0 5px 0;}
.specshead {font-size: 10px;text-transform: uppercase;color: #999999;margin: 10px 0 5px 0;padding:0;}
.product_desc {font-size: 12px;margin: 10px 0;padding: 0;}

.product_spec {font-size: 12px;}
.product_spec ul {margin:5px 0 10px 18px;padding:0;}
.product_spec li {font-size: 12px;margin:0 0 5px 0;padding:0;}

.product_details {}
.product_details td {padding:0 3px 10px 0;}
.sample {border:solid 1px #999999;padding:15px 20px;border-radius:8px;width:292px;background:#EEEEEE;}
.sample h4{color:#2C6592;}
.sample h5{font-size:10pt;font-weight:bold;margin:0;padding:0;}
.sample div{float:right;width:240px;}
.sample div.desc{font-size:8pt;font-weight:normal;clear:both;}
.sample input{margin: 0 0 20px 0;}

.panel-qb {width:100%;border:none;padding:0;}
.qb-row {background:#EEEEEE;padding:2px 5px;min-height:15px;margin:0 0 2px 0;width:100%;overflow:hidden;box-sizing:border-box;}
.qb-qty {float:left;width:50%;}
.qb-price {float:right;width:50%;}

.addFavourites {float:left;}
.addThis {float:right;}

/* Details page product list  */
.pdlist {clear:both;}
.pdlist h3 {clear:left;width:100%;border-bottom:solid 1px #E4E4E4;margin:0;padding:3px 0;}
.pdlist form.subform {clear:left;}
.pdlist .prodListItem {float:left; width:98%; height:38px;background:none;border-top:solid 1px #FFF;border-bottom:solid 1px #E4E4E4;padding:5px;margin:0;}
.pdlist .prodImgHd {width:40px;}
.pdlist .prodData {float:left;width:auto;}
.pdlist .prodSku {position:relative;font-size:10pt;width:220px;}
.pdlist .prodSku .label{font-weight:normal;}
.pdlist .prodSku .data{font-weight:bold;}
.pdlist .prodImg {float:left;width:40px; height:40px;margin:0 5px 0 0;}
.pdlist .prodImg img{width:100%;}
.pdlist .prodInfo {float:left;width:210px; padding: 0; }
.pdlist .prodInfo p {float:left;margin:0 0 5px 0;padding:5px 0;}
.pdlist .prodInfo p a {text-decoration:none;color:#2C6592;}
.pdlist .prodInfo p a:hover {text-decoration:underline;color:#CC0000;}
.pdlist .prodInfo .prodTitle {font-size:9pt;font-weight:normal; color:#2C6592;}
.pdlist .prodInfo .prodText {font-size:9pt;color:#000000;display:none;}
.pdlist .prodPrice {float:left;width:80px;height:40px;font-size:10pt;color:#000000;text-align:right; margin:0 8px 0 0;}
.pdlist .prodStock {float:left;width:50px;font-size:10px;color:#777; height:14px;margin:0 5px;text-align:center; }
.pdlist .prodTax {display:none; }
.pdlist .prodPriceNorm {float:left;width:100%;font-size:16px;font-weight:bold;}
.pdlist .prodPriceWas {float:left;width:48%;float:left;margin:0 5px 0 0;font-size:16px;font-weight:normal;color:#666666;}
.pdlist .prodPriceWas .ltr {text-decoration:line-through;}
.pdlist .prodPriceNow {float:left;width:47%;float:left;font-size:16px;font-weight:bold;color:#CC0000;}
.pdlist .ppvat {display:none;}
.pdlist .prodBuy {float:left;width:120px;text-align:right;}
.pdlist .prodQty  {width:30px;font-size:10pt;color:#000000;}
.pdlist .prodButton  {display:none;float:left;width:165px; text-align:right;font-size:10px;}
.pdlist .prodButton .button {font-size:10px;padding:2px;}
.pdlist .poa  {display:none;}
.pdlist .clear  {float:left;clear:none;}


/* ----- SPECIFICATIONS  TABLE ----- */

.spectable {
  border-top: solid 1px #CCCCCC;
  border-bottom: solid 1px #999999;
  width: auto;
  margin: 10px 0 10px 0;
}

.spectable td {
  border: none;
  font-size: 100%;
  line-height: 13px;
}

.spectable td a {
  color: #333333;
  text-decoration: underline;
}

.spectable td a:hover {
  color: #CC0000;
  text-decoration: underline;
}

.photo, .relphoto {
  position:relative;
}


/* ----- RELATED ITEMS ----- */

.related {}
.related h3 {font-size:13pt;padding:0 0 10px 0;margin:0;}
.related_item {float:left;background:#FFFFFF;padding:0;margin:0 15px 15px 0;width:160px;text-align:center;}
.related_item .related_img {width:160px;height:160px;overflow:hidden;}
.related_item img.related_photo {width:158px;max-height:158px;border: 1px solid #CCCCCC}
.related_item .related_info {font-size:10pt;margin:3px 0 0 0;}
.related_item .related_info a{text-decoration:none;}


/* ----- VIEWED ITEMS ----- */

.viewed-items {clear:both; margin:0 auto; min-height:120px;overflow:hidden;width:auto;text-align:center;}
.viewed-items h3 {font-size:13pt;padding:20px 0 10px 0;margin:0;}
.viewed_item {display:inline-block;background:#FFFFFF;padding:0;margin:5px;width:120px;height: 160px; text-align:center;overflow:hidden;}
.viewed_item .related_img {width:120px;height:120px;overflow:hidden;}
.viewed_item img.related_photo {width:118px;max-height:118px;border: 1px solid #CCCCCC}
.viewed_item .viewed_info {font-size:10pt;margin:3px 0 0 0;}
.viewed_item .viewed_info a{text-decoration:none;}

/* ----- CART ITEMS ----- */

.cart-table {}
.cart-heads td {}
.cart-table td {vertical-align:top;padding:10px 5px;}
.cart-table .row td {border-top:solid 1px #CCCCCC;border-right:dotted 1px #E1E1E1;}
.cart-table .row.odd {}
.cart-table .row.even {}
.cart-table .row.summary td {border-top:solid 1px #CCCCCC;}
.cart-table .row.foot td {border-bottom:solid 1px #CCCCCC;}

.qty {font-size:13pt;}
td.cart_photo {padding:5px;width:80px;}
td.cart_photo img{max-width:80px;max-height:80px;background:#FFFFFF;border:solid 1px #CCCCCC}
td.cart_title {color:#000000;padding:5px;}
td.cart_title a {text-decoration:none;}
td.cart_sku {color:#999999;padding-right:20px;}
td.cart_rrp {text-align:right;}
td.cart_price {text-align:right;}
td.cart_quantity {text-align:right;width:50px;}
td.cart_quantity input.qty {text-align:center;width:20px;border: solid 1px #CCC;padding:0px 5px;margin-top:-5px;font-size: 13pt;}
td.cart_price input.showcalc {text-align:right;width:auto;border: solid 1px #CCC;padding:0px 5px;margin-top:-5px;font-size: 13pt;}
td.cart_total {font-weight:bold;text-align:right;}
td.cart_remove {text-align:right;width:30px;padding:5px;}
td.cart_remove img {width:30px;}

.cart_delete {cursor:pointer;}
.cartFooter {text-align:right;float:right;}
.cartLabel {clear:right;width:auto;text-align:right;height:21px;}
.cartValue {width:70px;float:right;text-align:right;height:21px;font-weight:normal;margin-left:15px;}
.cartValue.grandtotal {font-weight:bold;font-size:13pt;}
.cart_discount {
  display:none;
  padding: 10px;
  background: #CCCCCC;
  border: solid 1px #FFFFFF;
  }
.cart-pagepanel {
  padding: 10px;
  background: #EEEEEE;
  border-bottom: solid 1px #CCCCCC;
  margin: 0 0 20px 0;
  overflow:hidden;
  }
.voucher_form {
  padding: 10px;
  background: #EEEEEE;
  border-bottom: solid 1px #CCCCCC;
  margin: 0 0 20px 0;
  }
.roundpanel {
  padding: 10px;
  background: #F7F2E8;
  border: solid 1px #FFFFFF;
  margin: 0 0 20px 0;
  }
input.readonly {border:solid 1px #BFBEBE;background:#F5F5F5;color:#999;}
.cart_footer {margin:20px 0;}

.delivery_options {margin:10px 0}
textarea#DeliveryNotes {width:98%;}

.cart-setdel {width:40px; text-align:right;}
.cart-stockalert {color:#F00; font-weight:bold;}
/* ----- My Account ----- */

.myaccount {}
.myaccount .label {font-weight:bold;}
.acc_details {}
.acc_addressdetails {font-size:10pt;color:#2C6592;margin:0 0 20px 0;}
.acc_addressdetails  .head {border-bottom: dotted 1px #999999;padding:0 0 5px 0;}
.acc_addressdetails  h3 {color: #999999;text-shadow: #FFFFFF -1px -1px 0px;}
.acc_addressdetails input, .acc_addressdetails select {font-size: 11pt; margin: 1px 0;padding:3px;}
.acc_addressdetails .label {float:left; font-weight:normal;width: 125px; margin-right:15px;}
.acc_orders {clear:left;}
.acc_orders h3 {margin: 0;}

.tabs {clear:left; height: 50px;width: 100%;margin:0;}
.tab { position: relative;
  z-index:88;
  float:left;
  height:39px;
  margin: 0 2px 0 0;
  background: #E1E1E1;
  padding: 5px 15px;
  border: solid 1px #CCCCCC;
  color: #333333;
  text-align:center;
  font-weight: normal;
  font-family: 'Oswald';
  font-size: 12pt;
  -webkit-border-top-left-radius: 7px;
  -webkit-border-top-right-radius: 7px;
  -moz-border-radius-topleft: 7px;
  -moz-border-radius-topright: 7px;
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
  border-radius: 7px 7px 0px 0px;
  behavior: url(/ssi/PIE.htc);
  cursor: pointer;
  cursor: hand;
  overflow:hidden;}
a.tab  {font-size:12pt; font-weight:normal;color:#333333}
.tab.active {background:#FFFFFF;border-bottom:none;height:40px;}

.tabbed {
  z-index: 80;
  width:88%;
  background: #FFFFFF;
  border: solid 1px #CCCCCC;
  position:relative;
  top:0px;
  padding:10px;
  text-align:left;
  }

.delform {
 width: 160px;
 padding: 3px;
 background: #FFF;
 border: solid 1px #CCCCCC;
 position:relative;
}

.fav-qty {padding: 3px; font-size: 10pt; float: left; margin: 0 5px 0 0;}
/*  ------------ COLLECTIONS  ------------ */

#colnav {
	display:block;
	clear:both;
	width:auto;
	text-align:left;
	padding:0;
	margin:0;
	}

#colnav ul {
	list-style:none;
	padding:0;
	margin:3px 10px 5px 10px;
	border-top:#E0E9EB solid 1px;
	}
#colnav li {
	line-height:1.35em;
	padding:10px;
	margin:0;
	background-image:url('../images/navbullet.gif');
	text-indent:10px;
	background-repeat: no-repeat;
	background-position: left center;
	border-bottom:#E0E9EB solid 1px;
    list-style-image: none;
	}
#colnav li a {
	color:#000000;
	font-size:1.5em;
	font-weight:normal;
	text-decoration:none;
	}
#colnav li a:hover {
	color:#CC0000;
	font-size:1.5em;
	font-weight:normal;
	text-decoration:underline;
	}

/*  ------------ MODULES  ------------ */

#ModuleMaster {}
.Module {margin-bottom:5px;}

.ModuleContent {
    background: #EEEEEE ;
    position:relative;
}

.Module h2 {
    background:#2C6592;
    font-size: 12px;
	color:#EEEEEE;
    text-shadow:1px 1px 2px #555;
	padding:6px 0 8px 10px;
    margin-bottom: 1px;
    position:relative;
}

.ModuleTitle {
    background: #2C6592;
	font-weight:bold;
    font-size: 12px;
	color:#EEEEEE;
    text-shadow:1px 1px 1px #555;
	padding:6px 0 8px 10px;
    margin-bottom: 1px;
    position:relative;
}


.ModuleHeading {
  font-weight: bold;
  color: #2C6592;
}

.ModuleProducts {font-size:10pt;padding:10px;}
.ModuleProducts p {
    margin:0 0 4px 0;
    padding:5px 0;
    border-bottom:solid 1px #999999;
    text-align:center;
}
.ModuleProducts a{text-decoration:none;}
.ModulePrice {font-weight:bold;}

.ModuleHTML {padding:10px;}
.ModuleHTML hr {margin:10px 0;}
.ModuleHTML img.fullwidth{width:100%;}
.ModuleBanners {
	/*font-size:10px;*/
    }
.ModuleContent .searchbox {padding:5px 4px;}
.module-full {width:100%;overflow:hidden;}


/* ---------- GENERAL ---------- */

.breadcrumbs {padding: 0 0 10px 0;}
.breadcrumbs, .breadcrumbs a {
     font-weight: normal;
     font-size: 10pt;
     color: #777777;
     text-decoration: none;
     text-transform: uppercase;
    }
.breadcrumbs a:hover {color: #2C6592;}
.textsmall {font-size: 80%}
.textsmallredbold {
     font-weight: normal;
     font-size: 10px;
     color: #CC0000;
    }
.promotext {font-size: 12pt; font-weight:bold; color:#CC0000;}
.promotextsmall {font-size: 10px; font-weight:bold; color:#CC0000;}

.linkslist {margin:20px 0;}
.linkslist ul {margin:0;padding:0;}
.linkslist li {list-style:none;position:relative;}
.linkslist li {float;none;display:block;padding:15px;background: #EEEEEE; border solid 1px #CCCCCC;margin: 0 0 20px 0;}
.linkslist li a {text-decoration:none;}
.linkslist li p {width:80%;margin:0;padding:0;line-height:100%;}
.linkslist li .button {float:right;position:relative;bottom:30px;}

/*  ------------ ARTICLES  ------------ */
.articles {width:98%; overflow:hidden;}

.article-listitem {
    width: 31%;
    float: left;
    min-height: 350px;
    border-bottom: 1px solid #CCCCCC;
    margin-right: 1%;
    }
.article-content {padding:10px;}
.article-listimg {width:100%;}
.article-listimg img {width:100%;}
.article-listtitle h3 {}
.article-listcaption {}
.article-button {}

.article-item {width:100%;}
.article-featured {overflow:auto;}
.article-featured img{width:100%;}
.article-title h3 {font-size:180%;padding:20px 0 0 0;}
.article-story {padding:10px 0;}
.article_testimony {
  font-family: "Archivo Narrow", Helvetica, Arial, sans-serif;
  font-style: italic;
  font-size: 150%;
  text-align: center;
  color: gray;
  padding-top: 30px;
  padding-bottom: 30px;
  background-color: #f0f0f0;
  margin-top: 10px;
  margin-bottom: 15px;
  }

.art-cat-heading {font-family: 'Archivo Narrow';
    font-weight: normal;
    text-transform: uppercase;
padding:0 0 10px 0;
font-size: 130%;}
ul.art-cats {padding:0;margin:0;}
ul.art-cats li {list-style-image:none;list-style:none;}

.art-tags {}
.art-tag {padding:0 5px 5px 0;}

.column-quarter .Module .ModuleContent {padding:10px; box-sizing: border-box;}

/*  ------------ FOOTER  ------------ */

#footer {
	width:100%;
	clear:both;
	padding:35px 0;
    margin:0;
	background: #F4F4F4;
	}
#footer .foot-container {width:auto;padding:20px;background:#FFF;}

.fnb {font-size: 9pt; color: #333333;float: left; width: 165px;margin:0 0 0 25px;text-align:left;}
.fnb a {color: #333333;text-decoration:none;}
.fnb p {color: #333333;}
.fnb a:hover {color: #CC0000;text-decoration:underline;}
.fnb h3 {color:#333333; font-size:10pt;padding:0 0 10px 0;margin:0;}
.fnb h3 a {color:#333333; font-size:10pt;padding:0 0 10px 0;margin:0;text-decoration: none;}
.fnb h3 a:hover {text-decoration:underline;}
.fnb ul {margin: 0;padding: 0;}
.fnb li {margin: 0;padding: 0;list-style: none;list-style-image:none;font-weight: normal;font-size: 9pt;color: #333333;}
.fnb li a {font-size: 9pt;font-weight: normal;color:#333333;text-decoration: none}
.fnb li a:hover {color: #CC0000;text-decoration: underline;}

#footerbar {
  color: #FFFFFF;
  text-align:left;
  font-size: 11px;
  padding:3px 10px;
  background: #EEEEEE;
  }
#footerbar div {float:right;}
#footerbar div a {color:#CCCCCC;}

.footnav {
	width:auto;
	margin:0;
	padding:0;
	text-align:left;
    margin:0px 10px 0 10px;
    float: left;
	}

.footnav h3 { font-size: 12px; font-weight: normal; color: #2C6592;}

.footnav ul {
	list-style:none;
	list-style-position: outside;
	padding:0;

	}

.footnav li {
    float: left;
    display: inline;
    list-style-image: none;
	padding:0 10px 0 0;
	margin:0 10px 0 0;
    font-size: 12px;
    border-right:solid 1px #FFFFFF;
    color: #999999;
	}

.footnav li a {
	font-size:12px;
	text-decoration:none;
    color: #999999;
	}

.footnav li a:hover {
	text-decoration:underline;
    color: #CC0000;
	}

#footribbon {
	float:left;
	width:102px;
	height:auto;
	padding:8px 0 8px 10px;
	}

/* ---------- Copyright ---------- */
#copyright {
	width:100%;
	font-size:0.75em;
	color:#CCCCCC;
	text-align:left;
	padding:10px 0 10px 0;
    background:#2C6592;
	}

#credit {
	float:right;
	font-size:10px;
	color:#CCCCCC;
	width:80px;
	padding-right:10px;
	}

#credit a {
	color:#CCCCCC;
	text-decoration:none;
	}

#credit a:hover {
	color:#CCCCCC;
	text-decoration:underline;
	}

.debug {text-align:left; font-size:10px;background:#FFFFFF;color:#000000;padding:5px 20px;}
.debug_opener {font-size:8px;color:#999999;padding:2px;}

.scrollbox {overflow:auto;padding:10px;background:#FFFFFF;border:solid 1px #CCCCCC;line-height:12px;margin: 10px 0 0 0;}
.scrollbox .scbox-row {width:100%;clear:left;}
.scrollbox .scbox-btn {width:25%;font-size:14px;float:left;margin: 0 10px 0 0; box-sizing:border-box;}
.scrollbox .scbox-btn .button {width:95%; box-sizing:border-box; padding:5px; margin:5px 0 0 0; font-size:10px;}
.scrollbox .scbox-name {width:70%;min-height:15px;float:left;overflow:hidden;padding:5px 0 0 0;font-size:10pt; box-sizing:border-box;}

.whform {width:100%; height:30px;margin: 10px 0;}
.whform form {float:right;text-align:right;}
.aleft {float:left;text-align:left;}
.floatright {float:right;}
.printonly {visibility:hidden;display:none;}
.print {visibility:hidden;display:none;}
.visoff {visibility:hidden;display:none;}


.pophelp {text-align:left;}
.pophelp p{text-align:left;}
.pophelp div{text-align:left;}
.pophelp h2 {
    background: #2C6592;
    font-size: 12px;
	color:#EEEEEE;
    text-shadow:1px 1px 2px #555;
	padding:6px 0 12px 10px;
    margin-bottom: 1px;

    position:relative;
    -moz-border-radius-topright: 5px;
    -khtml-border-radius-topright: 5px;
    -webkit-border-top-right-radius: 5px;
    border-top-right-radius: 5px;

    -moz-border-radius-topleft: 5px;
    -khtml-border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px;
    border-top-left-radius: 5px;

    border-radius: 5px 5px 0px 0px; /*top-left, top-right, bottom-right, bottom-left*/

    behavior: url(/ssi/PIE.htc);
}

.logo-panel {width:100%;}
.logo-panel img {margin:0 10px;}


/* ---------- SOCIAL ---------- */
.social-networking {font-size:12pt;}
.social-networking a {padding: 0 10px 0 0;color:#ABC1D3;text-decoration:none;}
.social-networking a img{}
.mob-social-networking {display:none;}

.site-head-top .social-networking {width:auto;float:left;}

.global_footer .social-networking {float:left;}
.global_footer .social-networking a img{width:40px;height:40px;}

/* ---------- SIGN-UP ---------- */

.global_footer .sign-up {float:right;}
.border {behavior: url(/ssi/PIE.htc);}

/* jQuery Gallery style */

#lbox_gallery {background-color: #FFFFFF; padding: 10px 0; width: auto;}
#lbox_gallery ul { list-style: none; padding: 0; margin: 0}
#lbox_gallery ul li { list-style: none;  list-style-image: none;  float: left; background: #FFFFFF url(/content/1/skin/fill_gallery_image_bg.jpg) repeat-x left bottom; border: solid 1px #CCCCCC; margin: 0 15px 15px 0; text-align: center; font-size: 10px; padding:0 0 8px 0;}
#lbox_gallery li img {border: 1px solid #FFFFFF; text-decoration: none; margin: 0 0 2px 0;}
#lbox_gallery li a {text-decoration: none;}
#lbox_gallery li a:hover img {border: 1px solid #CC0000;}
#lbox_gallery ul a:hover { color: #CC0000; }


/* ---------- jQuery rounded corners plugin style ---------- */
.rounded {padding: 10px; background: #EEEEEE; }


/* ---------- Responsive iframe ---------- */
.intrinsic-container {
  position: relative;
  height: 0;
  overflow: hidden;
  width:100%;
  min-height:600px;
}

/* 16x9 Aspect Ratio */
.intrinsic-container-16x9 {
  padding-bottom: 56.25%;
}

/* 4x3 Aspect Ratio */
.intrinsic-container-4x3 {
  padding-bottom: 75%;
}

.intrinsic-container iframe {
  position: absolute;
  top:-2px;
  left: -2px;
  width: 100%;
  height: 100%;
}
/* ***************************************************** */

.calc-box {padding:20px; border:solid 1px #CCCCCC;border-radius:5px;width:auto;display:inline-block;font-size:10pt;}
.calc-box table {width:auto;}
.calc-div td {border-top:solid 1px #CCCCCC;padding:5px 0;}
.calc-tot td {font-weight:bold;font-weight:600;}
.calc-box .noborder {border:none;padding:2px;}
.calc-box .alert {font-weight:bold; color: #CC0000;}

.popcalc.calc-box {background: #FFFFFF;}
.popcalc input[type="text"] {width:70px;padding:2px;text-align:right;}
.popcalc .button {margin:0;padding: 3px 12px;}
.popcalc input#calcNew {font-weight:bold;font-weight:600;}

/* ***************************************************** */
.brands {width:100%;overflow:auto;margin-left: -5px;}
.brand-panel {float: left; width:24%; height:111px; margin: 10px 5px;}
.brand-panel img{width:100%;}
.brand-txt {width:100%; height:85px; margin: 10px 0; padding:10px; box-sizing: border-box; text-align:center;background: #EFEFEF; }
.brand-txt h3{font-size: 16pt; margin: auto 0; }
a .brand-txt h3{text-decoration:none;}

/* ***************************************************** */
.qa-block {margin:10px 0;padding:10px 0}
.qa-question {font-weight:bold;font-weight:600;color: #2C6592; font-size: 12pt;}
.qa-answer {margin:0;}
.qa-search {margin:20px 0; padding:10px 0; border-top:solid 1px #CCC;border-bottom:solid 1px #CCC;}
.qa-list {margin:10px 0;}
.qa-list .qa-block {border-bottom:solid 1px #CCC;}
#pop-modal {text-align:left; padding:20px;}
/* ***************************************************** */


/* ---------- CUSTOM ---------- */
ul#topnav li a { font-family: 'Open Sans Condensed', sans-serif;font-weight:700; font-size:12pt;}
.tnsub .col {float:none; width: 19%; display: inline-block;  box-sizing: border-box; margin: 0 0 30px 0;}
.tnsub .col h2 a { font-family: 'Roboto Slab', sans-serif;font-weight:400;}
.tnsub ul li, .tnsub ul li a {font-size:10pt; font-weight:400;}
.myclass{border: 1px solid rgb(0, 0, 0); background-color: rgb(255, 165, 0);}

.myclass{border: 1px solid rgb(0, 0, 0); background-color: rgb(255, 165, 0);}
.border{
  position:relative;
  -moz-box-shadow: 4px 4px 15px rgba(20,20,20,0.5);
  -webkit-box-shadow: 4px 4px 15px rgba(20,20,20,0.5);
  box-shadow: 4px 4px 15px rgba(20,20,20,0.5);
  border: solid 1px #000000;
  border-radius: 9px;
}
.heading{color:333333;}
h1 { font-family: 'Roboto Slab';font-weight:400;margin-top:20px;}
h2 { font-family: 'Roboto Slab';font-weight:400;}
h3, h3 a { font-family: 'Roboto Slab';font-weight:400;}
h4 { font-family: 'Roboto Slab';font-weight:400;}
h5 { font-family: 'Roboto Slab';font-weight:400;}
.fnb h3 { font-family: 'Roboto Slab';font-weight:400;font-size:12pt;}

.stretch {position:relative;width:100%;}

ul.mybullets li {list-style-type: disc;list-style-image:none;}