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

html { background:#e9e9e9; background:url(../images/totem-bg.jpg) repeat; }

body {margin:0;font-family:Tahoma,Geneva,sans-serif; font-size:100%;font-weight:normal;color:#253D76; }
h1, h2, h3, h4, h5, h6 {font-weight:normal;  }
a {color:#253D76; text-decoration:none;}
a img { border:none; }
#wrapper {margin:0 15px;  }

#topbar { min-width:300px!important; border-top:3px solid #253D76; background:#fff;}
#post-footer { display:block; line-height:1;padding:15px 0 0;color:#bbb;text-align:center; }
.fixed-topbar {
  position: fixed!important;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 100;
  border-top: 0;
  
}

.show-menu { position:absolute; top:-30px; right:30px; display:none!important; }

.content { background:#fff; padding:10px; }
.standard h1, .productpage h1{ font-weight:normal; font-size:22px; margin:20px 0; }
.standard h1 span{ padding:5px 10px; background-color:#fff; }
.standard iframe {width:100%; height:auto!important; }
.standard p { font-size:14px;}
.standard aside p{color:#555555;line-height:1.5;}
#topbar-inner { line-height:40px;text-align:right; margin:0 auto; max-width:960px;padding:0 15px;}
#user-login { float:left;width:68%; }
#user-login li{ display:inline;margin-right:15px; }
#twitter, #facebook { height:33px; width:33px; display:inline-block; }
#twitter { background:url(/images/twitter.png) no-repeat 0 top; }
#facebook { background:url(/images/facebook.png) no-repeat 0 top; }

#basket { background:#ddd;float:right; width:30%;text-align:center; }

#home-product-grid { overflow:hidden!important; }
#home-product-grid .span3.item1, #home-product-grid .span3.item5 { margin-left:0; }
#bottom-content { margin-top:10px;background:#ccc; padding:0 10px;}
#logo { display: block;left: 10px;position: absolute;top:-29px;width: 150px;z-index:99 }
#logo img{ width:100%; }
#container{margin:0 auto; position:relative;max-width:960px; min-width:270px!important;animation-delay: 1s;
-moz-animation-delay: 1s;
-webkit-animation-delay: 1s; }
.topslidecontainer  {margin-top:20px; }
.adslider { }
#kyosho-slider-container { position:relative; }
#kyosho-slider-container #kl { position:absolute; right:30%; top:0; width:40%; z-index:55; }
.line-spacer { border:0; height:0; padding:2px 0;margin:20px 0; border-bottom:1px dashed #ccc;  }
.home-ad { padding:20px; background-color:#fff;margin:10px 0; }
.shadow {  position: relative;  }
.shadow:before {  background: none repeat scroll 0 0 rgba(0, 0, 0, 0.14);bottom: -3px;height: 3px;left: 0;width:100%  }
.shadow:before, .shadow:after { content: "";display: block;position: absolute;z-index: 99;  }

.home-ad header, .footer-heading{ font-size:18px; font-weight:bold; }
.footer-heading {color: #253D76; margin:0; padding-bottom:10px; }
home-ad.ha3 { margin:20px 0;  }
.home-ad  p{ font-size:14px; margin:10px 0; color:#555; line-height:1.5; }
.home-ad  img { width:100%; display:block; height:auto!important; }
.home-ad  .adlink { background-color:#BCE6FE; color:#253D76; line-height:2; margin:5px 0 0;text-align:center; display:inline-block; clear:both; padding:0 10px;text-shadow:0px 1px 0 #fff;}
.site-header { position:relative; }
.slide .slide-caption {width:270px; position:absolute; height:150px; right:3%; top:5%;opacity:0;display:block; transform:translateY(10px);-webkit-transform:translateY(10px); }
.slide .slide-caption img { width:90%; }
.slide.active .slide-caption {  opacity:1;transform:translateY(30px);-webkit-transform:translateY(30px);  }

.slide .slide-caption-sub span {background-color: #000;color: #fff;
line-height: 1.3; }
.slide .slide-caption-sub{width:270px; position:absolute; height:200px; right:2%; bottom:30%;opacity:0;display:block;color:#253D76; font-size:18px;}
.slide.active .slide-caption-sub{  opacity:1; bottom:0; }

.stext { display:inline;
    font-size: 18px;
    margin: 15px 0 0;
}
.stext span { padding:3px; border-bottom:1px solid #ccc; background:#fff; }
.anim350 {
    transition: all 350ms ease-in-out 0s;
}

.anim750 {
    transition: all 750ms ease-in-out 200ms;
}


 #menu a:hover{
     color:gray;
 }

#sitefooter {width:100%;clear:both;font-size:14px; padding-bottom:20px;line-height:1.3; color:#777; text-shadow:1px 1px 0 #fff; }
#sitefooter a {color:#777;  }
#sitefooter a:hover {color:#253D76;  }
#sitefooter address {font-style:normal;  }

#gtt { margin-top:10px;display:block; }
ul.menu { width:100%;float:left; border-bottom:1px solid #777;background:#253D76; display:table;}
ul.menu li {width:24.8%; border-top:1px solid #777;text-align:center; border-left:1px solid #777; float:left; }


.triangle-border.top:before {
    border-width: 0 20px 20px;
    bottom: auto;
    left: 20px;
    right: auto;
    top: -20px;
}
.triangle-border:before {
    border-color: #999 rgba(0, 0, 0, 0);
    border-style: solid;
    border-width: 20px 20px 0;
    bottom: -20px;
    content: "";
    display: block;
    left: 40px;
    position: absolute;
    width: 0;
}
.triangle-border.top:after {
    border-width: 0 13px 13px;
    bottom: auto;
    left: 27px;
    right: auto;
    top: -13px;
}
.triangle-border:after {
    border-color: #FFFFFF rgba(0, 0, 0, 0);
    border-style: solid;
    border-width: 13px 13px 0;
    bottom: -13px;
    content: "";
    display: block;
    left: 47px;
    position: absolute;
    width: 0;
}
.triangle-border {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 5px solid #999;
    border-radius: 10px;
    margin:0;
    padding: 15px;
    position: relative;
	display:inline-block;
}

ul {padding:0; margin:0;  }
li {list-style:none;  }
ul.catlist{float:left;  }
ul.catlist li {display:inline;}
ul.catlist li:after { content:"|"; margin-left:5px; color:#999;}
ul.catlist li:last-child:after {content:""; }

.orange {background-color:#D95238;  }

nav {
	
	width: 100%;
	position: relative;
	text-align:right;
	background:#BCE6FE;
	border-bottom:3px solid #999999;
}

#siteinfo {display:inline;float:left; margin-left:180px;line-height:70px;  }
#siteinfo li{float:left; list-style:none;margin-right:10px;  }
#siteinfo a {text-transform:uppercase; font-size:14px;text-shadow:0px 1px 0 #fff; color:#253D76; }
#siteinfo a span{line-height:1; padding:8px 4px; border-radius:5px;}
#siteinfo a span:hover{background-color:#253D76; color:#fff;text-shadow:0px 1px 0 #222;}
nav .pull {line-height:70px;background:#D95238; display:inline-block;padding:0 10px; color:#fff; position:relative; }
nav .pull.active { background:#253D76; }

nav .pull span { display: inline-block;line-height: 1.3;padding:15px 5px;text-align: center; vertical-align: middle; border:1px solid #fff; border-radius:30px;}
nav .pull span:hover { text-shadow: 0 1px 0 #222; }
nav li a {
	color: #ccc;
	display:inline-block;
	padding:0;
	line-height:60px;
	vertical-align:middle;
	font-size: 14px;
	width:100%;
}
nav li span { line-height:1.3; display:inline-block; vertical-align:middle; padding:0 10px; }

nav ul.menu li:hover, nav ul.menu li:active {
	background:#22376D;
	width:99.8;
}
nav ul.menu li:hover a, nav ul.menu li:active a{
	color:#D95238;
}


nav > div{
		display: none;
		height: auto;
		background:#fff;
		
}
nav .closemenu {display:block;text-align:center;  }
nav .pull.close { background-color:#D95238; line-height:30px; margin:10px 0; width:20%; transition: background ease 0.3s; }
#searchbar { position:relative;display:inline-block; border:1px dashed #fff;}
#searchbar a { position:absolute;right:0; bottom:0;width:50px; line-height:50px; background:#BCE6FE; color:#253D76;text-align:center;text-decoration:underline;}
.search {margin:0!important;border: 0 none!important;font-size: 16px!important;height: 30px!important; padding:10px 60px 10px 10px!important;width:300px!important; background:#fff!important;color:#777!important;font-family:"Courier New", Courier, monospace!important; }

.pull2 { display:none; padding:5px; background-color:#253D76;color:#fff; font-weight:bold; margin-bottom:15px; }
.pull2:after { content:"+"; float:right; }
.pull2.active:after { content:"-"; float:right; }


/*  test     */

nav a#info { display: none; } 


.holder {
	    margin: 15px 0;
    text-align: right;
	display:inline-block;
}

.holder a {
	font-size:18px;
	cursor: pointer;
	margin: 0 5px;
	padding:3px 6px;
	font-weight:normal;
	background:#fff;
	border-bottom:1px solid #ccc;
	color:#253D76;
}

.holder a:hover {
	background:#BCE6FE;
	color:#fff;
	
}

.holder a.jp-previous { margin-right: 15px; }
.holder a.jp-next { margin-left: 15px; }

.holder a.jp-current, a.jp-current:hover { 
	color: #FF4242;
	font-weight: bold;
}

.holder a.jp-disabled, a.jp-disabled:hover {
	color: #bbb;
	
}

.holder a.jp-current, a.jp-current:hover,
.holder a.jp-disabled, a.jp-disabled:hover {
	cursor: default; 
	background:#BCE6FE;
	color:#fff;
}

.holder span { margin: 0 5px; }
#nm { margin-left: 0!important; }



/* layout grid */

.row-fluid:before,
.row-fluid:after {
  display: table;
  content: "";
  line-height: 0;
}
.row-fluid:after {
  clear: both;
}
.row-fluid [class*="span"] {
  display: block;
  width: 100%;
  min-height: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  margin-left: 2.127659574468085%;
  *margin-left: 2.074468085106383%;
}
.row-fluid [class*="span"]:first-child {
  margin-left: 0;
}

.row-fluid .span3.5th { margin-left: 0!important; }
.row-fluid .controls-row [class*="span"] + [class*="span"] {
  margin-left: 2.127659574468085%;
}
.row-fluid .span12 {
  width: 100%;
  *width: 99.94680851063829%;
}
.row-fluid .span11 {
  width: 91.48936170212765%;
  *width: 91.43617021276594%;
}
.row-fluid .span10 {
  width: 82.97872340425532%;
  *width: 82.92553191489361%;
}
.row-fluid .span9 {
  width: 74.46808510638297%;
  *width: 74.41489361702126%;
}
.row-fluid .span8 {
  width: 65.95744680851064%;
  *width: 65.90425531914893%;
}
.row-fluid .span7 {
  width: 57.44680851063829%;
  *width: 57.39361702127659%;
}
.row-fluid .span6 {
  width: 48.93617021276595%;
  *width: 48.88297872340425%;
}
.row-fluid .span5 {
  width: 40.42553191489362%;
  *width: 40.37234042553192%;
}
.row-fluid .span4 {
  width: 31.914893617021278%;
  *width: 31.861702127659576%;
}
.row-fluid .span3 {
  width: 23.404255319148934%;
  *width: 23.351063829787233%;
}
.row-fluid .span2 {
  width: 14.893617021276595%;
  *width: 14.840425531914894%;
}
.row-fluid .span1 {
  width: 6.382978723404255%;
  *width: 6.329787234042553%;
}


.row-fluid [class*="span"] .span12  {
  margin-left: 0;
}




/* product layout */
.product-grid { margin:20px 0; }
.pt { padding:10px; background-color:#fff;background-color:#fff;display:block;border:1px solid #ddd; }
.pt:hover { border:1px solid #D95238; }
.pt .pimage {height: 145px; text-align: center; display:block; padding-top:15px}
.pt .size {display:block; text-align:center; }
.pt .pimage img{ max-height:145px; max-width:90%; display:inline-block; }
.pt h2 { font-size:14px; text-align:center; margin:10px 0; height:60px; }
.pt h2 .size { display:block; color:#999; font-size:12px; }
.pt h3 { font-size:18px; text-align:center; margin:10px 0;color:#D95238;  }
.add_images { float:left; padding:3px; }
.lightbox_link_image {padding:5px; border:1px solid #ccc;float:left; margin-right:5px; }
.pcode {display:block; font-size:12px; color:#999; }
.option-drop {border:1px solid #ddd; padding:5px; font-size:14px;margin-top:15px;color:#555;  }

#pd .img img { max-width:230px; height:auto; }
#description { font-size:14px; line-height:1.5; }
#pd { background-color:#fff; padding:15px; }
#pd .price { color:#D95238; font-size:26px; margin:15px 0 0;display:block; }
#pd small {font-size:12px; color:#777; display:block; margin:15px 0; }
#pd .lp a { float:left; }
#pd .lp .price, #pd .lp .title  { font-size:14px; }
.social-link-connections { margin-top:15px; }
#addToBasket {  line-height: 2; margin-top:30px; position:relative;}
#addToBasket input { width:30px; height:30px; text-align:center;margin:0 5px; border:0;}
#atb,#addToBasket .atb { margin-left:15px; padding:7px 15px;background-color: #BCE6FE;color: #253D76;display: inline-block;text-align: center;text-shadow: 0 1px 0 #FFFFFF; }
.addedtocart {vertical-align:middle; position:absolute; top:0;left:140px;padding-top:8px;display:none;z-index:999;}
.addedtocart.shadow:before { background:#253D76!important; }
.productpage h1 {display:inline-block; font-weight:normal; font-size:22px;margin:0 0 15px 0;background-color:#fff;}
.productinfo { padding:10px; border:1px solid #ccc;margin-top:30px; }

.productinfo ul { padding-left:15px; }
.productinfo li { list-style:disc outside none; line-height:1.5;}
/*linked items*/

#linkeditems{ border:1px solid #ccc; padding:5px; }
.lp { text-align:center; width:27%; float:left; margin:0 3%; height:220px;}
.lp .lnkimg {height:110px; }
.lp .title { height:55px; }



.search-list .pt { width:21.1%; float:left; margin-right:2%; padding:0 1%;margin-bottom:15px;  }
.search-list .pt.col4{ margin-right:0; }
.search-list #pager-links { clear:both; display#:block; }
.main-panel .pt{ width:29.6%; float:left; margin-right:2%; padding:0 1%;margin-bottom:15px; }
.main-panel .pt.col3 { margin-right:0; }
.left-panel {   }
.filters, .pager { display:block; padding:15px 0; clear:both; }
.pager span, .pager a{ padding:3px; border-bottom:1px solid #ccc; background:#fff; }
.pager .pagerdisabled, .pager .pagerenabled:hover  { background:#BCE6FE; }
.breadcrumb { margin:10px 0;padding:5px; font-size:14px;background-color:#fff; }
.breadcrumb span a { margin-left:5px; }
.subcatlist ul { display:none; }
.subcatlist ul.selected { display:block;; }


.subcatlist li { margin-bottom:5px; display:list-item;}
.subcatlist li ul {  background-color:#e9e9e9; }
.subcatlist li a {padding:7px; display:block; color:#555; line-height:1.3; font-size:14px;}
.subcatlist li a:hover { color:#555; }

.subcatlist li ul li a:hover { background-color:#fff; }
.subcatlist > li { margin-bottom:5px;}

.subcatlist > li > a{ background-color:#fff; border-bottom:1px solid #AAAAAA; }
.subcatlist > li > a:hover{ background-color:#253D76; color:#fff;}
.subcatlist li ul li ul li a { color:#888; padding-left:15px; }
#s-cat-heading { margin:5px 0 0px; padding-bottom:30px;font-weight:bold; font-size:18px;text-transform:uppercase; }



/* basket --- checkout*/
.form-p { font-size:12px; margin:10px 0; }
.basket-headings {line-height:60px; }
.basket-table,  .basket-total, .basket-extras { width:100%; font-size:12px;}

.basket-table td,  .basket-total td, .basket-extras td { padding:30px 15px;vertical-align:middle!important;}

.basket-table input{ width:30px; text-align:center; padding:5px;border:1px solid #ccc; }
.basket-extras input  { text-align:center; padding:5px;border:1px solid #ccc; }
.basket-table .item-price, .basket-total .basket-total-price {font-size:16px;  }
.basket-total-price { font-weight:bold; color:red; }

.item-remove a {background-color: #BCE6FE;color: #253D76;display: inline-block;padding: 7px;text-align: center;text-shadow: 0 1px 0 #FFFFFF; }
.item-apply a { background-color:#253D76; padding:7px; color:#fff;}
.item-description a { color:#575756; }
.rowline, .basket-item { border-top:1px dashed #ccc; padding-top:10px;}
.basket-total{  border-top:1px solid #ccc; }
#checkout table { width:100%; }
#checkout table td { padding:5px 0;vertical-align:top; }
#checkout table td small { display:block; width:70%; color:#999;}
#checkout input, #checkout textarea { width:70%; padding:5px;border:1px solid #ccc; }
#checkout select { width:72%; padding:5px; border:1px solid #ccc;}
#checkout input:focus, #checkout textarea:focus { border:1px solid #253D76; }
.checkoutlabel { font-size:12px; width:110px;padding-right:10px!important; }
#checkout .ast {color:red; }

.button.checkout, .button.update { float:right;margin-left:15px; margin-bottom:15px;}
.button.checkout { padding:7px; background-color:#253D76; color:#fff; }
input.button.update  {  padding:7px; background-color:#999; color:#fff; border:none;}
/* login & register*/
.heading { color:#253D76; font-size:27px; margin:15px 0;  }
.subheading { color:#333; font-size:18px; margin:10px 0; border-bottom:1px dashed #ccc; padding-bottom:10px; clear:both; }

.formblock { width:100%; padding:10px 0; font-size:12px; }
.formblock label { float:left; width:30%; margin-top:10px; }
.formblock input { float:left; width:50%;border:0; padding:7px; }
.ra { float:right; font-size:23px; }
.formblock input[type="checkbox"] { float:none; width:auto; }
.form-p { font-size:12px; margin:10px 0; }
.formblock label.notemessage {float:none;width:auto;  }
tr.sectionheader { margin:10px 0; border-bottom:1px dotted #575756; }
tr.sectionheader .bpr { font-size:16px; color:#333;}
.minitable { width:100%; }
.minitable tr { line-height:1.8;  }
.minitable td { padding:6px 0; }
.minitable a { color:#007BC7; }
.minitable .quart { width:24.8%!important; }


.shadearea { background-color:#BCE6FE; padding:5px 15px;clear:both;}
select.shiprate {width:100%; margin-bottom:16px;}


#mobilesearch { display:none; }






@media(max-width:767px){
	
#mobilesearch { display:block; position:relative; margin:5px 0;}
#mobilesearch .search-box { width:100%; background-color:#fff; }
#mobilesearch a { position:absolute;right:0; bottom:0;width:50px; line-height:50px; background:#BCE6FE; color:#253D76;text-align:center;text-decoration:underline;}
#mobilesearch .search {margin:0!important;border: 0 none!important;font-size: 16px!important;height: 30px!important; padding:10px!important;width:80%!important; background:#fff!important;color:#777!important;font-family:"Courier New", Courier, monospace!important;box-shadow:none; }	
	
	
#container, #topbar-inner { max-width:600px; }
#bottom-content { clear:both; }	
	.mobilesub > div { display:none; }
	.pull2 { display:block; }
	.pt h2 {height:30px;  }
	.pt h3{ margin:20px 0; }
	.filters{ display:none;}
	#s-cat-heading { background:none; margin:20px 0; padding:0;}	
	#s-cat-heading br { display:none; }	
	nav .pull {background:none; }

nav .pull span {border:0;background:#D95238;}
	
#logo {top:0;width:95px;}
	.bx-wrapper .bx-caption span { font-size:10px;  }
	
	#searchbar { display:none; }
#user-login, #basket { width:50%; }
#user-login{ text-align:left; }
	
	nav #siteinfo { margin-left:120px; }

.item-drop, .item-image {display:none; }	
.basket-table td,  .basket-total td, .basket-extras td { padding:15px 3px;}
.basket-table td, .basket-table th { text-align:right; }
.basket-table .item-description { text-align:left; }
	
/* layout */

.row-fluid [class*="span"]{float:none;display:block;width:100%;margin-left:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; margin-bottom:20px;}
	
.main-panel [class*="pt"], .search-list [class*="pt"]{ width:100%; margin:0; float:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; margin-bottom:15px;}	

.lp {
    float:none;
    text-align: left;
    width: 100%;
	display:block;
	margin:0 0 10px 0;;
	width:100%;
	border-bottom: 1px dashed #ccc;
	padding-bottom:10px;
	height:auto;
}	
	
	#linkedItems .lp:last-child { border-bottom:none; padding:0; }	
	
ul.menu li{ width:49.7%;}
#search { width:200px;  }
.home-ad img { width:50%;}
	
.hide-phone {  display:none; }

}
@media(max-width:480px){
	ul.menu li{ width:99.7%;}
	
	nav a#info {  
      background:url(/images/info.png) no-repeat center center;
    border-radius: 25px 25px 25px 25px;
    color: #FFFFFF;
    display: inline-block;
    line-height: 50px;
    padding: 0 5px;
    position: relative;
		
    } 
	
	#checkout input, #checkout select, #checkout textarea { width:85%; }
	#checkout select { width:90%;}
	.checkoutlabel { width:85px;}

	nav #siteinfo { display:none;margin-left:0;line-height:50px;width:100%; margin-top:10px; }
	nav a#info span{ visibility:hidden;  }
	.basket-table input{ width:15px;}
	
	#user-login, #basket {float:none; text-align:center;width:100%; }
	#user-login { border-bottom:1px dashed #ccc; }
	.h480 { display:none; }	
}
@media(min-width:768px) and (max-width:979px){
/* layout */
.pt .pimage {height: 130px; }
.pt .pimage img{ max-height: 120px; }
	.search { width:200px !important; }
.slide.active .slide-caption-sub { bottom: -25%;}
	#search {width:auto;}
	.pt h2 {font-size:12px;   }
}


/* clearfix */
.group:before,.group:after {content: "";display: table;} 
.group:after {clear: both;}
.group {zoom: 1; /* For IE 6/7 (trigger hasLayout) */}
.hide







.lt-ie9 #container {width:960px!important;   }



#show-hide h3 {
  margin: 0;
  background-color:#999;
 
}

#show-hide h3 a {
  display: block;
  padding: 7px 30px 7px 7px;
  font-size:14px;
  margin: 0;
  color: #fff;
  text-decoration: none;
  font-weight: normal;
  border-bottom: 1px solid #aaa;
	line-height:1.3;

}
#show-hide h3 a:after { content:"+"; float:right; color:#fff;margin-right:-20px; }
#show-hide h3.open a:after { content:"";}

#show-hide h3:hover { background:#555; }
#show-hide h3.open  { background: #253D76;; }
#show-hide h3.open a { background-position: 13px -25px; }
#show-hide h3 + div { padding: 10px; }

#show-hide h2 + div,
.example {
  background: #fff;
  overflow: hidden;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  margin-bottom: 20px;
}


#show-hide h3+div {
  display: none;
}

#show-hide h3 + div {
  height: 0px;
  padding: 0px;
  overflow: hidden;

  -webkit-transform: translateZ(0);
  -webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition:all 0.3s ease;
	transition: all 0.3s ease;
}
#show-hide .content {
  padding: 10px;
	font-size:14px; color:#555;
}

#show-hide h3.open + div {
  height: auto;

}


/* ==================================== */
/*	responsive table
 ==================================== */
.table-grid { display: block; overflow: hidden; padding: 0; margin:0; font-size:0.8em!important;color:#111;}
.table-grid > li { display:table; height:auto; float: left;padding:0px; border-top:1px solid #ddd;border-left:1px solid #ddd;text-align:center;overflow: hidden;table-layout:fixed; }
.table-grid > li:last-child { border-right: 1px solid #ddd; }
.table-grid > li > span { display:table-cell; vertical-align:middle; height:50px; word-wrap:break-word;}
#shopbasket { margin-top:10px; }
#shopbasket .table-grid > li > span input{ display:inline-block; border:none; font-size:1em; padding:0; margin:0;text-align:center;box-shadow:none;}

.row .table-grid:last-child li{ border-bottom:1px solid #ddd;  }
.table-head { border-right:1px solid #ddd;  }
.color-cell { background-color:#BCE6FE; }
#terms .table-grid > li { text-align:left; border:none; }
.basket .row .row { margin-bottom:20px; }
.basket .row .row:last-child { margin-bottom:10px; }
.basket strong { font-size:1em;font-weight:normal; }
.no-pad { padding:0!important; }
#checkout.table-grid > li { text-align:left; border:none; }
#checkout.formspacer .button { margin:0!important;  }
.lookup input { margin-bottom:0;  }
.table-sep { margin-top:10px;  }
.cell-invert span{font-weight:bold; font-size: 1.1em;}
fieldset .large-12, .table-grid .large-12 { width:100%!important;  }
fieldset .large-11, .table-grid .large-11 { width:91.66667%!important;   }
fieldset .large-10, .table-grid .large-10 { width:83.33333%!important;   }
fieldset .large-9, .table-grid .large-9 {  width:75%!important;  }
fieldset .large-8, .table-grid .large-8 { width:66.66667%!important;   }
fieldset .large-7, .table-grid .large-7 { width:58.33333%!important;   }
fieldset .large-6, .table-grid .large-6 { width:50%!important;   }
fieldset .large-5, .table-grid .large-5 { width:40.66667%!important;   }
fieldset .large-4, .table-grid .large-4 { width:32.33333%!important;   }
fieldset .large-3, .table-grid .large-3 { width:23%!important;   }
fieldset .large-2, .table-grid .large-2 { width:15.66667%!important;   }
fieldset .large-1, .table-grid .large-1{  width:7.33333%!important;  }
.checkbox input[type="checkbox"]  {float:left;  }
.orderlines { display:block; margin:10px 0; }

fieldset a, .table-grid a { margin-top:0px!important; }
fieldset .right, .table-grid .right {float:right!important; }
label.labpad { margin-left:20px; }
.columns.drop {margin:0px 0 10px 0; }
#checkout span { text-align:center; }
#checkout fieldset .column { padding:0; text-align:center;}
fieldset .column span { line-height:1; }
#checkout .button span a, #lb a, #reg a{ color:#005631; padding:10px 0;margin: 0 15px;border-radius:5px;border:1px solid #005631; }
#lb .button, #reg .button {width:100px; text-align:center;float:right;background-color:#fff;}
.greyarea {border:1px solid #ddd; padding:10px;}
#checkout .button.dark span a{ background-color:#005631;color:#fff;padding:10px; }
.button .app{ color:#005631; padding:8px;margin: 0;border-radius:5px; border:1px solid #005631; }
.npspecial {margin:10px 0;  }
.npspecial input { margin:5px 0 0 0!important; }
/* ==================================== */
/*	foundation
 ==================================== */

/* Grid HTML Classes */
.row {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
  max-width: 960px;
  *zoom: 1; }
  .row:before, .row:after {
    content: " ";
    display: table; }
  .row:after {
    clear: both; }
  .row .column,
  .row .columns {
    position: relative;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
    float: left; }
  .row.collapse .column,
  .row.collapse .columns {
    position: relative;
    padding-left: 0;
    padding-right: 0;
    float: left; }
  .row .row {
   
    margin-left: -15px;
    margin-right: -15px;
    margin-top: 0;
    margin-bottom: 0;
    max-width: none;
    *zoom: 1; }
    .row .row:before, .row .row:after {
      content: " ";
      display: table; }
    .row .row:after {
      clear: both; }
    .row .row.collapse {
      width: auto;
      margin: 0;
      max-width: none;
      *zoom: 1; }
      .row .row.collapse:before, .row .row.collapse:after {
        content: " ";
        display: table; }
      .row .row.collapse:after {
        clear: both; }

/* Using forms within rows, we need to set some defaults */
form .row .row {
  margin: -0.5em; }
  form .row .row .column,
  form .row .row .columns {
    padding: 0 0.5em; }
  form .row .row.collapse {
    margin: 0; }
    form .row .row.collapse .column,
    form .row .row.collapse .columns {
      padding: 0; }
form .row input.column,
form .row input.columns {
  padding-left: 0.5em; }

/* Label Styles */
label {
  font-size: 0.875em;
  color: #1a1a1a;
  cursor: pointer;
  display: block;
  font-weight: 500;
	clear:both;
  margin-bottom: 0.3em; }
  label.right {
    float: none;
    text-align: right; }
  label.inline {
    margin: 0 0 1em 0;
    padding: 0.625em 0; }

label.grey {  display:inline;margin-top:2px;  }
.formspacer {background-color:#f3f3f3; padding:10px!important; border:1px solid #ddd; }
.formspacer.errorMessage { background-color:#c60f13; text-transform:uppercase; font-weight:bold;  }
.formspacer.errorMessage span {  color:#fff;}

input#check { margin-left:10px; }


 
  
/* Input groups will automatically style first and last elements of the group */
.input-group.radius > *:first-child, .input-group.radius > *:first-child * {
  -webkit-border-radius: 0;
  border-radius: 0;
  -moz-border-radius-bottomleft: 3px;
  -moz-border-radius-topleft: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px; }
.input-group.radius > *:last-child, .input-group.radius > *:last-child * {
  -webkit-border-radius: 0;
  border-radius: 0;
  -moz-border-radius-topright: 3px;
  -moz-border-radius-bottomright: 3px;
  -webkit-border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px; }
.input-group.round > *:first-child, .input-group.round > *:first-child * {
  -webkit-border-radius: 0;
  border-radius: 0;
  -moz-border-radius-bottomleft: 1000px;
  -moz-border-radius-topleft: 1000px;
  -webkit-border-bottom-left-radius: 1000px;
  -webkit-border-top-left-radius: 1000px;
  border-bottom-left-radius: 1000px;
  border-top-left-radius: 1000px; }
.input-group.round > *:last-child, .input-group.round > *:last-child * {
  -webkit-border-radius: 0;
  border-radius: 0;
  -moz-border-radius-topright: 1000px;
  -moz-border-radius-bottomright: 1000px;
  -webkit-border-top-right-radius: 1000px;
  -webkit-border-bottom-right-radius: 1000px;
  border-top-right-radius: 1000px;
  border-bottom-right-radius: 1000px; }

/* We use this to get basic styling on all basic form elements */
input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
input[type="week"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
textarea {
  background-color: white;
  font-family: inherit;
  border: 1px solid #cccccc;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  color: #1a1a1a;
  
  font-size: 0.8em;
  margin: 0 0 1em 0;
  padding: 0.4em;
  height: 2.3125em;
  width: 100%;

  -webkit-transition: all 0.15s linear;
  -moz-transition: all 0.15s linear;
  transition: all 0.15s linear; }
  input[type="text"]:focus,
  input[type="password"]:focus,
  input[type="date"]:focus,
  input[type="datetime"]:focus,
  input[type="datetime-local"]:focus,
  input[type="month"]:focus,
  input[type="week"]:focus,
  input[type="email"]:focus,
  input[type="number"]:focus,
  input[type="search"]:focus,
  input[type="tel"]:focus,
  input[type="time"]:focus,
  input[type="url"]:focus,
  textarea:focus {
    
    border-color: #253D76;
    outline: none; }
  input[type="text"][disabled],
  input[type="password"][disabled],
  input[type="date"][disabled],
  input[type="datetime"][disabled],
  input[type="datetime-local"][disabled],
  input[type="month"][disabled],
  input[type="week"][disabled],
  input[type="email"][disabled],
  input[type="number"][disabled],
  input[type="search"][disabled],
  input[type="tel"][disabled],
  input[type="time"][disabled],
  input[type="url"][disabled],
  textarea[disabled] {
    background-color: #dddddd; }


.recaptchatable input{height:1.5em}
.recaptchatable a{display:inline;margin:0;font-size:1em}

/* We add basic fieldset styling */
fieldset {
  border: solid 1px #dddddd;
  padding:15px 0;
  margin:5px 0 30px; 
background-color:#BCE6FE;}
.lookup { margin:0 0 20px 0;  }

fieldset address {  font-size:0.8em; line-height:1.5; }

  fieldset#summary{background:none;
    
}

/* Error Handling */
.error input,
input.error,
.error textarea,
textarea.error {
  border-color: #c60f13;
  background-color: rgba(198, 15, 19, 0.1); }
  .error input:focus,
  input.error:focus,
  .error textarea:focus,
  textarea.error:focus {
    background: #fafafa;
    border-color: #999999; }

.error label,
label.error {
  color: #c60f13; }

.error small,
small.error {
  display: block;
  margin-top: -1.3125em;
  margin-bottom: 1em;
  font-size: 0.75em;
  font-weight: bold;
  background: #c60f13;
  color: white;
}

.error small span,
small.error span {

  padding: 0.375em 0.25em;
	margin-top: -1.3125em;
  margin-bottom: 1em;
	line-height:2;
}
small.error.card { display:inline-block!important;  }
























































































































































































































































/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */