/* ************************************************************** */
/* CORE ELEMENTS CSS */
/* STYLES */
* {font-family: Verdana, Arial, sans-serif;}
body {background: #FFFFFF url(/content/1/skin/bg_site.jpg) repeat-x left top ;margin:0;padding: 0;text-align:center;font-family: Verdana, Arial, sans-serif;font-size: 10pt;color: #333333;}
p {color: #333333;margin:5px 0 10px 0;padding:0;line-height: 130%;}
a {color: #333333;}
a:hover {color:#CC0000;}
img {border: none;}
hr {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: bold;font-size: 20pt;color: #003A7D;line-height: 100%;}
h2 {margin:0 0 10px 0;padding:0;font-weight: bold;font-size: 13pt;color: #003A7D;}
h3 {margin:0 0 5px 0;padding:0;font-weight: bold;font-size: 13pt;color: #333333;}
h4 {margin:0 0 5px 0;padding:0;font-weight: bold;font-size: 11pt;color: #333333}
h5 {margin:5px 0 0 0;padding:0;font-weight: bold;font-size: 10pt;color: #333333;}
h1.bigheading {font-size:300%; text-align:center;}
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%; }
.accent {color:#E31D24;}

.floatright {float:right;}
.floatleft {float:left;}
.fleft {float:left;}
.fright {float:right;}
.clear {clear:both;}
.row {clear:both;overflow:auto;}
.pad-top {margin-top:20px;}
.fullwidth{width:100%;}
.hide {display:none !important;}

/* ---- COLUMNS ---- */
.columnrow {clear:both;}
.column {padding:0;margin:0;}
.column.sixth {width:16.5%;}
.column.fifth {width:20%;}
.column.quarter {width:25%;}
.column.third {width:33.3%;}
.column.half {width:50%;}
.column.twothirds {width:66%;}
.column.threequarter {width:75%;}
.column.fivesixths {width:83.5%;}
.column.full {width:100%;}
.contentblock {display:block;clear:both; margin: 10px 0;}
.contentblock::after {clear:both;content:' ';display:table;}

/* ***************************************************** */
.container {background: none;width: 1024px;margin:0 auto 0 auto;overflow: visible;position:relative;}
.nothing{ border-top: 0px #FFFFFF solid; border-left: 2px #FFFFFF solid; border-right: 2px #FFFFFF solid; border-bottom: 1px #FFFFFF solid; }

/* ***************************************************** */
/* PREVIEW */
.preview-head {width:100%;background:#333333;padding:5px;color:#999999;text-align:center;text-transform:uppercase;}

/* HEADER */

.global-header {position:relative; height: auto; width: 100%; overflow:hidden;}
.wide-head-top {padding: 4px 1px; color: #FFF;overflow:hidden;}
.wide-head-top .social-networking {width: auto; float: left;}
.narrow-head-top {display:none;width:98%;min-height:18px;padding:5px;}
.narrow-head-top .col{}
.narrow-head-top .col img{padding:5px;}
.narrow-head-top .col.one{float:left;}
.narrow-head-top .col.two{float:right;}
.mob-social-networking {display:none;}
.cust-addr {width:100%;background: #446CB3;min-height:15px;padding:3px 0;font-size:10px;text-align:center;color:#FFF;}
.cust-addr a{color:#FFF;}

#header {position:relative;height: 135px;width: 100%;background: #EEEEEE;overflow:hidden;}
#head_left {float:left;height:135px;padding:0;margin:5px 10px 0 0;overflow:hidden;color:#FFFFFF;width:22%;}
#head_center {float:left;height:135px;padding:0;margin:0;overflow:hidden;color:#FFFFFF;width:50%;}
#head_right {float:right;height:135px;padding:0;margin:5px 10px 0 0;overflow:hidden;color:#FFFFFF;width:22%;}

.logo {text-align: center; margin:0 auto; padding:20px 0 0 0;width:100%;}
.logo img{text-align: center; margin:0 auto;}

.head_links {width: auto;margin: 0 2px 0 0;text-align: right;position:relative;}
.head_links a {text-decoration:none;}
.head_buttons {float:right;height:30px;padding:2px 0;}
.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;}
.head-search {float:right;margin:0 20px 0 0;}
.head-search .searchbox {float:none;margin:-5px auto 0 auto;width:auto;}
.head-search .searchbox form{display:inline-block;}
.head-search .searchbox .txt_search{width:110px;}
.head-search .searchbox .btn_search { font-size: 10pt;background: #3e7282; border: solid 1px #6a868e; -webkit-appearance: none; }
.head-search .searchbox .csearch-input { font-size: 10pt;}

.cart_summary {width: auto;float: right; margin: 0 0 0 15px;}
.cart_summary a {display: inline-block;background: url(/content/1/skin/sm_basket.png) no-repeat left 3px;padding: 2px 0 0 25px;margin: 0;}
.cart_summary a:hover {color:#FFF;text-decoration:underline;}
.cart_text {}
.cart_count {}
.cart_link {float:left;padding:10px;}
.cart_link a {color:#FFF;}

.welcome {text-align: right;margin:0px 10px 0 auto;padding:3px 0;width:auto;font-weight:normal;color:#FFF;font-size:10pt;float:left;}
.welcome a {text-decoration:none;}
.welcome span {display:block;}

.itemadded {
position:fixed;
width: 250px;
/*height:15px;*/
padding:20px;
margin-top: 0;
margin-left: -150px;
background: #1D6DF3;
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;*/
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 {
  position:relative;
  width: 100%;
  height: 50px;
  background: #555555;
  padding: 0;
  z-index: 99;
  }
#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:#555555;
  display:inline-block;
  }

ul.topnav li {
  margin: 0;
  padding: 0;
  list-style: none;
  float: left;
  font-weight: normal;
  font-size: 11pt;
  height:50px;
  background:#555555;

  }
ul.topnav li:hover {background:#999999;}
ul.topnav li.last {border-right:none;}

ul.topnav li a {
  display: block;
  margin: 0 1px 0 0;
  padding: 16px 10px 13px 9px;
  font-size: 11pt;
  font-weight: normal;
  color: #EEEEEE;
  text-align: center;
  text-decoration: none;
  position:relative;
  }

ul.topnav li a:hover {color: #FFFFFF;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: 0px; left: 0px;
  z-index: 99999;
  background: #EEEEEE;
  padding: 20px;
  float: left;
  width: 970px;
  text-align:left;
  border: 1px solid #FFF;
  border-top: none;
  -moz-box-shadow: 0px 5px 5px rgba(50,50,50,0.5);
  -webkit-box-shadow: 0px 5px 5px rgba(50,50,50,0.5);
  box-shadow: 0px 5px 5px rgba(50,50,50,0.5);
  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%;
    }

.tnsub .col h2 {
	padding: 10px;
    margin: 0 20px 0 0;
	font-size: 11pt;
	font-weight: normal;
    color: #CCCCCC;
    text-align: left;

}

.tnsub .col h2 a {
	padding: 0;  margin: 0;
	font-size: 11pt;
	font-weight: normal;
    background: none;
    color: #CCCCCC;
    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{
	list-style: none;
	margin: 0;
    padding: 0;
	width: 200px;
	float: left;
}
.tnsub ul li {
	width: 100%; /*--Override parent list item--*/
    height: auto;
	color: #333333;
    border: none;
    text-align: left;
    padding: 0;
    margin: 0;
    background: none;
    font-size:9pt;
}

.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: 1px 0 1px 5px;
    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: 0px 5px 5px rgba(50,50,50,0.5);
  -webkit-box-shadow: 0px 5px 5px rgba(50,50,50,0.5);
  box-shadow: 0px 5px 5px 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;}

.dnsub {
  position: absolute;
  top: 50px;
  z-index: 9999;
  background: #EEEEEE;
  padding: 0;
  float: none;
  width: auto;
  text-align:left;
  border: 1px solid #FFF;
  border-top: none;
  box-sizing: border-box;
  -moz-box-shadow: 0px 5px 5px rgba(50,50,50,0.5);
  -webkit-box-shadow: 0px 5px 5px rgba(50,50,50,0.5);
  box-shadow: 0px 5px 5px rgba(50,50,50,0.5);
  display: none; /*--Hidden for those with js turned off--*/
}

.dnsub ul {padding:10px 20px;}
.dnsub ul li, .dnsub ul li a {float:none;background:none;height:auto;padding:5px 0; text-align:left;}
.dnsub ul li:hover, .dnsub ul li a:hover {background:none;}
.cls-nav-pnl {width:100%;text-align:center;background: #D9D9D9; border-top: solid 1px #FFFFFF;}
.cls-nav-pnl img {height:12px;margin: 6px auto;}
.cls-nav {}
#srchrefbox {padding:0 0 0 3px;}
.toggleup { background: url('/content/1/skin/arrow-updown.png') no-repeat left top; width:34px; height:12px; background-size: 34px 10px;}
.searchbox.refine {
    float: none;
    margin: 10px 0;
    border: solid 1px #CCC;
    padding: 5px;
    box-sizing: border-box;
    border-radius: 5px;
    background: #EFEFEF;
    }
.searchbox.refine b {font-family: 'Oswald'; font-weight: normal; color: #548290; font-size: 11pt; margin: 0 10px 0 3px;}
.searchbox.refine .refine-item {display:inline; margin:0 5px 0 0;}
.searchbox.refine .refine-item span.title {width:auto; font-family: 'Oswald';}
.searchbox.refine .refine-item select {border: solid 1px #CCC; padding: 3px; border-radius: 3px;}

.opaque {
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* first! */
	filter: alpha(opacity=0);					/* second! */
}
/* ***************************************************** */
/* PAGE AREA */


#pagearea {
  width: 1024px;
  min-height: 630px;
  height:auto !important;
  height: 630px;
  text-align:left;
  background: #FFFFFF ;
  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 ;
  padding: 8px 0 0 0;
  }

/* ********* 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: 11pt;
    width: 105px;
	}

.searchbox .btn_search{
	font-size: 11pt;
    padding: 0px;
    float: right;
	}

.searchbox .box-div {padding:6px 0 0 0;font-size:12pt;font-weight:bold;display:inline-block;color:#7dabb9;}
.tnsub .searchbox.panel {border:solid 1px #FFFFFF; padding: 5px 10px 10px 10px; border-radius:5px; background: #e4e4e4;}

.btn_small{
	font-size: 10px;
    padding: 0px;
    -webkit-appearance: none;
	}

.closenav {
  display: inline-block;
  color: #FFFFFF;
  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:#446CB3;}

#head_right .searchbox {margin:10px 0 0 0;}
#head_right .searchbox .txt_search{
  width:200px;
  padding:3px;
  font-size:11pt;
  color:#CCCCCC;
  background:#CCCCCC;
  border: 1px solid #999999;
  border-radius: 5px 5px 5px 5px;
  }
#head_right .searchbox .btn_search{
  padding:2px 3px;
  margin: 0 0 0 5px;
  font-size:11pt;
  color:#CCCCCC;
  background:#CCCCCC ;
  border: 1px solid #999999;
  border-radius: 5px 5px 5px 5px;
  -webkit-appearance: none;
}
#head_right .searchbox .btn_search:hover{
  background:#CCCCCC ;
}

.mob-menu .searchbox{display:none;}

/* ***************************************************** */
/* SIDE NAV */

#sidenav {
	clear:both;
    float: left;
	text-align:left;
	padding:0 0 5px 0;
	margin:0 10px 20px 0px;
    width:190px;
	}

/* ********* 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 {background:#EEEEEE ;}
.sidenavlinks li:hover {background:#FFFFFF ;}
.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: #EEEEEE;
  margin: 0 0 10px 0;
  width:100%;
  }

/***********************************************/
/* SLIDESHOW                                   */
/***********************************************/

#slideshow {
    position:relative;
    height:350px;
    padding: 10px;
}

#slideshow IMG {
    width: 1025px;
    height:350px;
}

#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: 50%;
  float: left;
  margin:0 10px 0 0;
  padding-right: 5px;
  }

#content_left {
  width: 25%;
  float: right;
  /*font-size: 10px;*/
  padding: 0 0 0 0;
  margin: 0 3px 0 0;
  /* border-left: solid 1px #CCCCCC;  */
  }

#content_right {
  width: 25%;
  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: 70%;
  float: left;
  margin:0 5px 0 0;
  padding-right: 5px;

}
/* if only right column is visible */
#content_twocolr {
  width: 70%;
  float: left;
  margin:0 15px 0 15px;
  padding-right: 5px;

}

#content_threecol {
  width: 100%;
  float: left;
  margin:0 0 0 0;
  padding-right: 0px;
  padding-left: 0px;

}

.contentblock {
    display: block;
    clear: both;
    margin: 10px 0;
}

/* Inline photo */
.inline_photo {
  float:right;
  margin: 5px 0 15px 15px;
  padding: 2px;
  background: #FFFFFF;
  border: solid 1px #CCCCCC;
}


/* ***************************************************** */
/* GENERAL STYLES */

.clear {
    float: none;
    clear: both;
    font-size: 10%;
    }


.pad {
	padding:5px;
	}

div.alert {
    background: #EEEEEE;
    position:relative;
    border: solid 1px #999999;
    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;
	}


.indent {
	margin:5px 0 0 10px;
	}

.center {
	text-align:center;
  }


.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;
  /*border: solid 1px #CCCCCC;*/
  }

.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;}

/*  ------------  BOX PANELS  ------------ */

/* HOME PAGE PANELS */

.homepanels {clear:both;text-align:center;display: block;width:100%;border: none;}
.homepanel {}
.homepanel * a {text-decoration:none;}
.homepanel h2 {}
.homepanel .image {}
.homepanel .image img {}
.homepanel p {}
.homepanel p .button{}

.panel {
	width:auto;
    background: #FFFFFF;
    position:relative;
    border-radius: 7px;
    vertical-align: top;
	}

.panelhead {
	width:auto;
	height:22px;
	text-align:center;
	padding:5px 0 0 0;
	margin:0 0 1px 0;
	background-color:#FF9900;
	}

.panelhead a {
	font-size:110%;
	font-weight:normal;
	color:#FFFFFF;
	text-decoration:none;
	}

.panelbox {
	background-color:#CCCCCC;
	text-align:center;
	margin:0 0 8px 0;
	}

.panelbox p{
    padding:0 3px 0 3px;
    margin:3px 0 3px 0;
	}

.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 */

.button_hilite {
  font-weight: bold;
  color: #009933;
}

.button_hilite:hover {
  font-weight: bold;
  color: #CC0000;
}


.button_small {
  font-size: 10px;
}

#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;}

/*  ------------ FORM BOX  ------------ */
.fm_box {text-align:left;}
.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 #CCC;border-radius:3px;padding: 8px; background:#FFF;max-width:95%;width:90%;}
.fm_row select {border:1px solid #CCC;border-radius:3px;padding: 5px; background:#FFF;max-width:95%;}
.fm_box .fn {font-weight:normal;}
.fm_rowhead {clear:left;width:100%;padding:3px;text-align:left;font-weight:bold;}
.fm_box label {clear:left;float:none;width:120px;padding:3px 10px 0 0;text-align:left;}
.fm_box.log {margin:20px;}
.fm_box.log label {clear:left;float:none;width:120px;padding:3px 10px 0 0;text-align:left;}

.reps-form {}
.reps-form input, .reps-form select{font-size:14pt;}

.inline-editor {display:inline;}

/*  ------------ TABLES  ------------ */

.tablebox {
	background-color: #FFFFFF;
	padding: 1px;
	border-right: 1px Solid #CCCCCC;
	border-bottom: 1px Solid #CCCCCC;
	margin:5px 0 5px 0;
}

.tablebox td {
	color: #000000;
	background-color: #EEEEEE;
    font-size:10pt;
}
.tablebox td form {float:right;margin:0;padding:0;}
.tableheads td {
	font-size: 75%;
	color: #CCCCCC;
	font-weight: bold;
    text-transform: uppercase;
    background:#EEEEEE;
    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;
}


/* 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: #CCCCCC; */
    background: #FFFFFF;
    padding: 5px 10px;
    margin: 0 10px 0 0;
    border: solid 1px #CCCCCC;
    position:relative;
    border-radius: 9px;
	}

.info h4 {
    padding: 3px 0 3px 3px;
    margin: 0;
    border-bottom: solid 1px #CCCCCC;
    color: #CCCCCC;
    }


.outerinfo {
    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:none;}
.sublist {font-size:10px;color:#555;padding-left:5px;}
.sublist .div {color:#999;}
.sublist a {text-decoration:none;color:#555;}
.sublist a:hover {text-decoration:underline;color:#CC0000;}


/*  ------------ CAT LIST  ------------ */

#catlist {
	margin:10px 0 0 0;
	height:auto;
	list-style:none;
	text-align:left;
	}

#catlist ul {
	margin:0;
	padding:0;
    list-style: none;
    border-top: solid 1px #CCCCCC;
    list-style-type: none;
	}

#catlist li {
    padding: 0;
    margin:0 ;
    list-style: none;
    list-style-image: none;
	}

#catlist li:hover {
    background: #EEEEEE;
	}

#catlist li h4 {
  text-decoration:none;
  margin: 0;
  padding: 5px;
  border-bottom: 1px dotted #CCCCCC;
  font-weight: normal;
  font-size: 16pt;
  color: #CCCCCC;
  background: #EEEEEE;
  }

#catlist li h4 a {text-decoration:none;color: #CCCCCC;}
#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:172px; height:405px;background:#FFF;border:solid 1px #CCCCCC;padding:10px;margin:2px;}
#catlist .prodImgHd {width:40px;}
#catlist .prodData {}
#catlist .prodSku {width:173px; padding: 0;font-size:10px;color:#777;}
#catlist .prodSku .label{}
#catlist .prodSku .data{width:100%;font-weight:normal;font-size:10px;}
#catlist .prodSku .data a{text-decoration:none;}
#catlist .prodImg {width:173px; height:210px;margin:0 0 5px 0;text-align:center;overflow:hidden;}
#catlist .prodImg img{width:auto; height:173px;margin: 0 auto;}
#catlist .prodInfo {width:173px; height:90px;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:#CCCCCC;}
#catlist .prodInfo p a:hover {text-decoration:underline;color:#CC0000;}
#catlist .prodInfo .prodTitle {height:55px; font-size:10pt;font-weight:bold; color:#CCCCCC;}
#catlist .prodInfo .prodText {height:40px; font-size:10pt;color:#000000;}
#catlist .prodPrice {position:relative;width:173px;height:40px;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:173px;font-size:16px;font-weight:bold;}
#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 .overlay-special {position:absolute;bottom:292px;left:118px;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 .prodQty input {float:left;display:inline;}
#catlist .prodButton  {width:173px;}
#catlist .prodButton .button {font-size:85%;}
#catlist .poa  {display:none;}
.salecd {color:#CC0000;}


/*  ------------ 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 {}
.collection-panel.popbox {padding:15px;}
.collection-imgs {clear:both; width:100%;}
img.collection-photo {width:100%; max-width:150px; max-height:150px; padding:2px;}

.productdetail {margin:5px 0 0 10px;width:auto;}
.productimg {float:right;width:250px;margin:0 0 20px 20px;}
.productimg img{width: auto; max-width: 270px;height: auto;max-height: 800px;}
.productimg .mainphoto {background:#FFFFFF; width:154px; height:154px; float:left; border: solid 1px #CCCCCC; margin:4px 0;overflow:hidden;}
.productimg .mainphoto img {width:100%; max-width:150px; max-height:150px; padding:2px;}

.productdetail .prodInfo {width:315px;}
.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 {}
.productdetail .prodColour {}
.productdetail .prodSize {}
.productdetail .prodPack {}
.productdetail span.data {font-weight:bold;}
.productdetail .pvat {font-size:10px;color:#999;}
#productbutton {margin:0 30% 0 30%;padding:0;}

.price_was {font-size: 12px; color: #999999;}
.price_now {font-size: 13pt;font-weight: bold;color: #CC0000;margin: 0;padding:0;}
.pricebig {font-size: 13pt;font-weight: bold;color: #000000;margin: 0;padding:0 0 5px 0;}
.price-rrp {font-size: 11pt;font-weight: normal;color: #000000;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:#CCCCCC;}
.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;}

/* 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:#CCCCCC;}
.pdlist .prodInfo p a:hover {text-decoration:underline;color:#CC0000;}
.pdlist .prodInfo .prodTitle {font-size:9pt;font-weight:normal; color:#CCCCCC;}
.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 .prodQty  {width:20px;font-size:10pt;color:#000000;}
.pdlist .prodButton  {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: 332px;
  margin: 10px 0 10px 0;
}

.spectable td {
  border-top: 1px solid #CCCCCC;
  border-bottom: 1px solid #999999;
  font-size: 80%;
  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:20px 0 10px 0;margin:0;}
.related_item {float:left;background:#F7F7F7;padding:5px;margin:0 10px 10px 0;width:100px;text-align:center;border:solid 2px #D8D8D8;border-radius:5px;}
.related_item .related_img {width:100px;height:100px;overflow:hidden;}
.related_item img.related_photo {width:100%;}
.related_item .related_info {font-size:10pt;margin:3px 0 0 0;}
.related_item .related_info a{text-decoration:none;}


/* ***************************************************** */
/* CART ITEMS */
.qty {font-size:13pt;}
td.cart_remove {text-align:left;}
td.cart_title {color:#000000;}
td.cart_title a {text-decoration:none;}
td.cart_sku {padding-right:20px;}
td.cart_rrp {text-align:right;}
td.cart_price {text-align:right;}
td.cart_quantity {text-align:right;}
td.cart_total {font-weight:bold;text-align:right;}
.cartFooter {text-align:right;float:right;}
.cartLabel {clear:right;width:auto;text-align:right;height:21px;}
.cartValue {width:125px;float:right;text-align:left;height:21px;}
.cart_discount {
  display:none;
  padding: 10px;
  background: #CCCCCC;
  border: solid 1px #FFFFFF;
  }
.voucher_form {
  padding: 10px;
  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;}
.delivery_options {margin:10px 0}
.cart-wl-btns {clear:left; width:100%; padding:3px; box-sizing:border-box; text-align:right;}
/* ***************************************************** */
/* My Account */
.myaccount {}
.myaccount .label {font-weight:bold;}
.acc_details {}
.acc_details p {margin-bottom:15px; min-height:30px;}
.acc_addressdetails {font-size:10pt;color:#CCCCCC;margin:0 0 20px 0;}
.acc_addressdetails  .head {border-bottom: dotted 1px #999999;padding:0 0 5px 0;margin:0 0 10px 0;}
.acc_addressdetails  h3 {color: #999999;text-shadow: #FFFFFF -1px -1px 0px;}
.acc_addressdetails input {font-size: 10pt; margin: 1px 0;}
.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: 26px;width: 100%;margin:0;}

.tab { position: relative;
  z-index:88;
  float:left;
  height:23px;
  margin: 0 2px 0 0;
  background: #E1E1E1;
  padding: 3px 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;
  cursor: pointer;
  overflow:hidden;
  }
.tab span {  font-weight: normal;   font-family: 'Oswald';  font-size: 12pt;}
.tab-lnk { position: relative;
  z-index:88;
  float:left;
  height:23px;
  margin: 0 2px 0 0;
  background: #E1E1E1;
  padding: 3px 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;
  cursor: pointer;
  overflow:hidden;
  }
a.tab, a.tab-lnk  {font-size:12px; font-weight:normal;color:#FFFFFF;text-decoration:none;}

.tabbed {
  background: #EFEFEF;
  border-right: solid 2px #CCCCCC;
  border-bottom: solid 2px #CCCCCC;
  position:relative;
  border-radius: 0px 7px 7px 7px;
  padding:10px;
  }

.delform {
 width: 160px;
 padding: 3px;
 background: #FFF;
 border: solid 1px #CCCCCC;
 position:relative;
}

.my-vouchers {}
.my-vouchers .row {background:#E1E1E1;}
.my-vouchers .column {float:left; padding:5px; background:#FFF; border:solid 2px #E1E1E1; border-radius:5px; box-sizing:border-box; }
.my-vouchers .column.heading {background:none; font-weight:700;}
.my-vouchers .column.col1 {width:20%;box-sizing:border-box;}
.my-vouchers .column.col2 {width:20%;box-sizing:border-box;}
.my-vouchers .column.col3 {width:20%;box-sizing:border-box;}
.my-vouchers .column.col4 {width:20%;box-sizing:border-box;}
.my-vouchers .column.col5 {width:20%;box-sizing:border-box;}

/*  ------------ 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;
	}

*.button {
  cursor:pointer;
  -webkit-appearance: none;
}

a.button {
  display: inline-block;
  color: #FFFFFF;
  text-decoration: none;
  font-weight: normal;
  padding: 3px 6px 4px 6px;
  margin: 5px 0 0 0;
  background: #446CB3;
  position:relative;
  cursor:pointer;
  -webkit-appearance: none;
}

a.button:hover {
  color: #FFFFFF;
  text-decoration: underline;
  background: #587CC0;
  }

input.button, button.button {
  display: inline-block;
  color: #FFFFFF;
  text-decoration: none;
  font-weight: normal;
  padding: 5px 12px;
  margin: 5px 0 0 0;
  background: #446CB3;
  position:relative;
  border:none;
  -webkit-appearance: none;
}

input.button:hover, button.button:hover {
  color: #FFFFFF;
  text-decoration: underline;
  background: #587CC0;
  }

.addit.button {
  display: inline-block;
  color: #FFFFFF;
  text-decoration: none;
  font-weight: normal;
  padding: 5px 8px 6px 8px;
  margin: 5px 0 0 0;
  background: #009900;
  border:none;
  -webkit-appearance: none;
}

.addit.button:hover {
  background: #00CC00;
}

.button.checkout {
  display: inline-block;
  color: #FFFFFF;
  text-decoration: none;
  font-weight: normal;
  padding: 5px 8px 6px 8px;
  margin: 5px 0 0 0;
  background: #009900;
  border:none;
  -webkit-appearance: none;
}

.button.checkout:hover {
  background: #00CC00;
}

.help {display:inline-block;padding:10px;}

.button.log {font-size:120%;}
.button.close {background:#CCCCCC;font-size:80%;}

.print-button {margin:0 10px 0 0;}
.print-button img{height:40px;}
.tabs .print-button {margin: -5px 0 0 0;}

button.button.hilite {background:#7DABB9; color:#FFF; border-radius: 3px;}
button.button.hilite:hover {background:#609BAD; color:#FFF; border-radius: 3px;}

.button.small {font-size:80%; padding:2px 4px;}
a.btnPage.active {background:#9cb6be;}
/*p a.button {margin:5px 0 0 0;line-height:100%;}*/

/*  ------------ 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  ------------ */


.module-master {width:100%; overflow:auto;}
.module {margin-bottom:5px;}

.module-content {
    background: #EEEEEE ;
    position:relative;
}

.module h2 {
    background:#CCCCCC;
	font-weight:bold;
    font-size: 12px;
	color:#FFFFFF;
	padding:6px 0 8px 10px;
    margin-bottom: 1px;
    position:relative;
}

.module-title {
    background: #CCCCCC;
	font-weight:bold;
    font-size: 12px;
	color:#FFFFFF;
	padding:6px 0 8px 10px;
    margin-bottom: 1px;
    position:relative;
}


.module-heading {
  font-weight: bold;
  color: #CCCCCC;
}

.module-products {font-size:10pt;padding:10px;}
.module-products p {
    margin:0 0 4px 0;
    padding:5px 0;
    border-bottom:solid 1px #999999;
    text-align:center;
}
.module-products a{text-decoration:none;}
.module-price {font-weight:bold;}

.module-html {padding:10px;}
.module-html hr {margin:5px 0;}
.module-html img.fullwidth{width:100%;}
.module-banners {
	/*font-size:10px;*/
    }
.module-content .searchbox {padding:5px 4px;}

#pagearea .module-products .mod-prod {float:left;border: solid 1px #CCCCCC; padding: 20px;margin:2%;background:#FFFFFF;width:160px;}
#pagearea .module-products .mod-img {width:160px;height:160px;overflow:hidden;}
#pagearea .module-products .mod-img img{max-width:160px;max-height:160px;}
#pagearea .module-products .mod-price span {font-weight:700;}

/* CONTENT BLOCKS */
.content-blocks {width:100%;overflow:auto;}
.content-blocks h2 {background:none;font-size:15pt;}
.content-blocks h2 a {font-family:'Oswald';}
.content-block {float:left;text-align:center;}
.content-block.four {width:25%;}
.content-block.four p{padding:5px 15px;}
.content-block.four p img {width:100%;}
.content-block.four p img.cat-icon {width:60%;}

.content-block.two {width:50%;}

/* GENERAL */

.breadcrumbs {
     font-weight: normal;
     font-size: 10px;
     color: #999999;
    }

.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;}

/* ***************************************************** */
/*  ------------ FOOTER  ------------ */

#footer {
	width:100%;
	clear:both;
	padding:35px 0;
    margin:0;
	background: #EEEEEE;
	}

.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 {font-weight: bold; color:#333333; font-size:10pt;padding:0 0 10px 0;margin:0;}
.fnb h3 a {font-weight: bold; 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;
  }
#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: #003A7D;}

.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:#333333;
	}

#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:11pt;background:#FFFFFF;color:#000000;padding:5px 20px;}
.debug_opener {font-size:8px;color:#999999;padding:2px;}

.scrollbox {font-size:90%;overflow:auto;padding:3px;background:#FFFFFF;border:dotted 1px #CCCCCC;line-height:12px;}
.scrollbox .scbox-row{width:100%;clear:left;}
.scrollbox .scbox-btn{width:72px;font-size:14px;float:left;}
.scrollbox .scbox-name{width:290px;float:left;overflow:hidden;padding:5px 0 0 0;}

.whform {width:100%; height:30px;margin: 10px 0;}
.whform form {float:right;text-align:right;}
.aleft {float:left;text-align:left;}

.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: #CCCCCC;
	font-weight:bold;
    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*/


}
.popup-content {}
.popup-content .terms{text-align:left; padding: 2%;}

.logo-panel {width:100%;}
.logo-panel img {margin:0 10px;}

.border {}

/* 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; 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%;
}

/* *************************************************************** */
.itemloading {
  min-width:38px;
  min-height:38px;
  background: #FFFFFF url('/images/bx_loader.gif') no-repeat left 50% top 50%;
  padding:5px;
  border-radius: 9px;
  z-index: 9999;
  display:none;
}

/* Preloader */
.preloading {
  position: absolute;
  top: 25%;
  left: 48%;
  min-width:38px;
  min-height:38px;
  background: #FFFFFF url('/images/bx_loader.gif') no-repeat left 50% top 50%;
  padding:5px;
  border-radius: 9px;
  z-index: 9999;
}

.pop-alert-panel {
  position: fixed;
  top: 5px;
  left: 10%;
  width:80%;
  min-height:38px;
  box-sizing: border-box;
  background: #dfeaee;
  border: solid 4px #CC0000;
  border-radius:9px;
  padding:20px;
  z-index: 99999;
  font-size: 120%;
  color: #CC0000;
  font-weight: bold;

  -webkit-box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.5);
  -moz-box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.5);
  box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.5);
}

input.alert, textarea.alert, select.alert {border-color: #CC0000 !important;  background: #f3eaea !important;  }


/* *************************************************************** */
.translations {}
.translation-links {margin:0;padding:0;}
.translation-links li{list-style:none;display:inline-block;float:left;}
.translation-links li a img{margin: 0 3px 0 10px;}

/* **************************************************************** */
.giftvouchers {}
.gvoucher {width: 25%;float:left;}
.gvoucher-voucher {padding:20px;}
.gvoucher-voucher input[type="image"] {width:100%;}

/* **************************************************************** */
#wl-panel {display:none;position:absolute; top: 56px; right:10px; z-index:9999; background:#FFFFFF;width:320px;padding:10px 20px;border:solid 1px #CCC;border-radius:0 0 9px 9px; border-top: none;margin: 0 auto;text-align:left;}

img.wl-icon {float:left; height:16px; margin: 5px 5px 0 0;}
.wl-item {float: left; width: 100%; margin: 5px 0;}
.wl-item-img {width:70px; float:left; margin: 0 10px 0 0;}
.wl-item-img img {width:100%;}
.wl-item-info {width: auto; box-sizing: border-box; padding: 5px;}
.wl-item-info a {text-decoration:none;}
.wl-table {width:100%;}
.wl-table tr td {padding:5px; border-bottom: 1px solid #CCC;}
.wl-table td.wl-item-img {width:100px; float:none; margin: 0;}
.wl-table td.wl-item-info {vertical-align:top;}
.wl-table td.wl-item-buttons {vertical-align:bottom;}

/* **************************************************************** */
.button.btndnld.dnldjpg {background: #956AB1; width: 118.5px;}
.button.btndnld.dnldpdf {background: #3399CC;  width: 118.5px;}
/* **************************************************************** */
/* Audio books */
.audio-book-info {}
.audio-book-title {margin: 5px 0; font-size:18pt; color:#245665;}
.audio-book-author {margin: 5px 0; font-size: 12pt; font-weight:bold;}
.audio-book-reader {font-size: 10pt; font-style: italic;}
.audio-book-prev {margin: 5px 0; padding: 0 0; overflow:hidden;}
.audio-book-desc {margin: 20px 0; font-size: 12pt;}

/* Give the player a height & width of 0. Otherwise the player is visible on mobile devices (tested on iPhone 5). */
.audio-player-book {
  height: 0;
  width: 0
}

.audio-book-prev {
  background-image: url('/images/sample.png');
  background-repeat: no-repeat;
  background-position: 0 0;
  width: 90px;
  height: 37px;
  cursor: pointer;
  display: block;
  position: relative;
  display: block;
}

.speakerplay {
  background-position: 100% 0;
}
.audio-book-formats {
    float:left;
    width: 62%;
    font-size:90%;
    color: #777777;
    padding: 8px;
    border: solid 1px #7dabb9;
    border-radius: 5px;
    background: #e5f1f5;
    margin: 0 0 15px 0;
    }

.special-offer-text.audio-offers {width:95%; position:relative; margin: 10px 0 20px 0;}

.flnone {float:none;}
.newreleases-quicksearch {float:right;}
.newreleases-quicksearch select {border: solid 1px #CCCCCC; border-radius: 5px; padding: 4px;}


/* Responsive iframe */
.video {
  position: relative;
  overflow: hidden;
  width:100%;
  margin: 0 0 20px 0;
}
.vid-video {
  position: relative;
  height: 0;
  overflow: hidden;
  width:100%;
  max-width: 500px;
  min-height:250px;
  margin: 0;
  }
.vid-video iframe {
  position: absolute;
  top:-2px;
  left: -2px;
  width: 100%;
  height: 100%;
}
.vid-title {margin: 0; padding: 0;}
.vid-desc {margin: 0 0 10px 0;}

.award { position: relative; overflow: hidden; width:100%; margin: 0 0 20px 0;}
.award-logo {width:150px; float:left; margin: 0 20px 0 0;}
.award-logo img{width:100%;}
.award-title {margin: 10px 0 ; padding: 0;}
.award-desc {margin: 0 0 10px 0;}

.award-side { position: relative; overflow: hidden; width:100%; margin: 0 0 5px 0 !important;}
.award-side .award-logo {float:none; margin: 0 !important;}
.award-side .award-logo img{max-height:150px; width: auto;}

.back-to-top {background: none;margin: 0;position: fixed;bottom: 0;right: 0;width: 55px;height: 55px;z-index: 100;display: none;text-decoration: none;}
.my-search-form{float: right; width: auto; text-align: right; padding: 10px; border: 1px solid #CCC;border-radius: 5px; margin: 10px 0; background:#EEEEEE; }
.my-search-form input[type='Submit']{margin:0 0 0 5px;}
.my-search-form input[type='text']{background:#FFF;border:solid 1px #CCC; padding:3px;}

.dyn-search-box {position:relative}
.search-results-box {
   display:none;
    width:99%;
    min-height: 20px;
    background: #FFF;
    position: absolute;
    border: solid 1px #767676;
    padding: 20px;
    z-index: 9;
    box-sizing:border-box;
}
.dyn-srch-list { column-count:3; column-gap:20px;}
.dyn-srch-list-item { display:block;padding:6px 3px;}
.dyn-srch-list-item a{margin:0; padding:0;}

.link-buttons {clear:both; width:100%; text-align:center; margin:20px; box-sizing:border-box;}
.link-buttons a.button{display:inline-block; width:20%; margin:5px 10px; min-height:30px;text-align:center;}
.clist.cdsale {text-align:center;}
.clist.cdsale ul {margin:0;}
.clist.cdsale ul li {float:none; display:inline-block;}
.presto {float:none;width:100%;margin:0 0 10px 0; overflow:hidden;}
.presto img {float:left;width:80%;max-width:150px;margin:0 15px 10px 0;}