/* ~ css reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th { 
	border: 0px none;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0px;
	outline-color: -moz-use-text-color;
	outline-style: none;
	outline-width: 0px;
	padding: 0px;
	vertical-align: baseline;   }
/* ~ skin specific styles for skin_1 */
/* ~ global element styles */
body { color: #333;
	margin: 0px auto;
	font-size: 14px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 24px;
	background-color: #FFF;   }
a {	color: #EC0076;
	text-decoration: none;   }
a:hover { text-decoration: underline; }
h1, h2, h3, h4, h5, h6 { 
	font-family:Roboto,cursive,Helvetica,sans-serif;
	font-weight: 900;
	text-align: left;
	margin-bottom: 0.2em;}
h1 { font-size: 26px;
	color: #435499;
	padding-top:4px;}
h2 { font-size: 23px;
	color: #5D6BB6;   }
h3 { font-size: 21px;
	color: #5D6BB6;   }
h4 { font-size: 19px;
	color: #6680B1;   }
h5 { font-size: 18px;
	color: #6680B1;   }
h6 { font-size: 17px;
	color: #435499;   }
ol, ul { padding: 0px 5px 16px 25px;
	margin: 0px;   }
ul { list-style-image: url(images/bullet2.gif);   }
ol { list-style-type: decimal;   }
ul ul, ol ol { padding: 0px 5px 0px 25px;   }
ul ul li { list-style-type: circle;   }
ol ol li { list-style-type: lower-alpha;   }
em, i { font-style: italic;   }
strong, b { font-weight: bolder;   }
p, blockquote { line-height: 1.65em;
	margin-bottom: 1.5em;   }
img {
/*vertical-align: middle;*/   }
textarea { font-family: inherit;   }
/* tables */
table { /*max-width: 99%;*/
	background-color: transparent;
	border-spacing: 0;
	font-size: 14px;	
	border-collapse:inherit;}
.myothertable {
	border: 1px solid #435499; }
th { text-align: left;
	font-weight: bold;
	padding: 6px 6px 6px 2px; 
	background-color: #EBECEF; 
	color: #333; 
	border: 2px solid #FFF;}
tr, td { /*padding-left: 10px;
	border: 2px solid #FFF;*/}
.table { width: 100%;
	margin-bottom: 20px;   }
.table > thead > tr > th,  .table > tbody > tr > th,  .table > tfoot > tr > th,  .table > thead > tr > td,  .table > tbody > tr > td,  .table > tfoot > tr > td { padding: 8px;
	line-height: 1.428571429;
	vertical-align: top;
	border-top: 1px solid #C2C2C2;   }
.table > tbody > tr > th { vertical-align: bottom;
	border-bottom: 2px solid #C2C2C2;   }
.table > caption + thead > tr:first-child > th,  .table > colgroup + thead > tr:first-child > th,  .table > tbody:first-child > tr:first-child > th,  .table > caption + thead > tr:first-child > td,  .table > colgroup + thead > tr:first-child > td,  .table > thead:first-child > tr:first-child > td { border-top: 0;   }
.table > tbody + tbody { border-top: 2px solid #C2C2C2;   }
.table .table { background-color: #fff;   }
.table-striped > tbody > tr:nth-child(even) > td, .table-striped > tbody > tr:nth-child(even) > th { background-color: #f9f9f9;   }
.table > thead > tr > .active, .table > tbody > tr > .active, .table > tfoot > tr > .active, .table > thead > .active > td, .table > tbody > .active > td, .table > tfoot > .active > td, .table > thead > .active > th, .table > tbody > .active > th, .table > tfoot > .active > th { background-color: #f5f5f5;  }
/** NB~ Sitemap2 Root Node spacing - in table **/
td.mapCol1, td.mapCol2 { margin-right: 5%;  }
td.mapCol1 { width: 34%;  }
td.mapCol2 { width: 26%;  }
td.mapCol3 { width: 30%;  }
hr { border-top: 1px dashed #C2C2C2;
	margin: 15px;   }
/* ~ utitlity classes */
#container { 
	background: none repeat scroll 0 0 #FFF;
	overflow: hidden;
	padding: 8px;
	width: 1000px;
	margin: 5px auto; 
	border: 1px solid #D9D9D9;
	box-shadow: 1px 0px 30px #C2C2C2;	}
.wrapper { 
	margin: 0px auto;
	text-align: left;   }
.bar { 
	padding: 5px 0px 8px;
	margin-bottom: 5px;
	border: 1px solid #2D287C;
	background: #2D287C;  }
/* ~ Buttons */
.button, .OPButton {
	border: 1px solid #aaa;
	padding: 8px 12px;
	margin-left: 0px;
	text-decoration: none;
	font-weight: bold;
	color: #444;
	cursor: pointer; 
	background-color: #d9d9d9;
    -webkit-transition:all 0.2s linear;
    -moz-transition:all 0.2s linear;
    -o-transition:all 0.2s linear;
    transition:all 0.2s linear;}
.button:hover {
	background-color: #E6E6E6;
	border: 1px solid #aaa;
	color: #222; }
.call-to-action {
	border: 1px solid #CC0066;
	color: #FFF;
	background-color:  #EC0076; }
.call-to-action:hover {
	border: 1px solid #EC0076; 
	background-color:#CC0066; 
	color: #FFF;	 }
.button:disabled {
	background-color: #eee;
	border: 1px solid #aaa;
	color: #BBB;}
.button.call-to-action.add-to-cart-button	{
	font-size: 1em;
	margin: 2px 0px;}
.form-submit-wrap.text-right.button.button-update-cart {
	margin-top:-100px;}
input#ctl00_PageContent_RegisterAndCheckoutButton {margin-top:10px; }
/* ~ Header Elements */
#banner img {margin-top:-12px; margin-bottom: -5px;  }
.header .phone {   }
.header .logo {}
.header .StrapLine {   }
.user-links { top: 0;
	right: 0;
	text-align: left;
	padding: 2px 11px 2px 11px;
	font-size: 13.5px;
	color: #666;  }
.user-links a { padding: 0px 3px 0px 6px;
	border-left: solid 1px #666;   }
.user-links a:first-child { border: none;
	padding-left: 0px;   }
.user-links a:last-child { border-right: none;
	padding-right: 0px;   }
/* ~ Horizontal Navigation */
.username { margin-left: 5px;   }
.top-nav-wrapper { 
	background-color: #435499; }
.top-nav-wrapper a { color: #333;   }
.top-nav { text-align: left;
	height: 34px;
	overflow: hidden;
	font-size: 16px;   }
.top-nav-list { margin: 5px 0px 0px 5px;
	padding: 0px;
	float: left;
	line-height: 24px;   }
.top-nav-list li { list-style: none;
	display: inline;   }
.top-nav-list li a { display: inline-block;
	padding: 1px 10px 1px 10px;
	text-decoration: none;
	color: #FFF;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear; 	
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;	}
.top-nav-list li a:hover { 
	background-color: #ec0076;}
/* ~ Search Styles */
.search-wrap { float: right;
	width: 328px;
	text-align: right;
	margin-top: 4px;
	margin-right: 14px;   }
.search-form { margin: 0;
	width: 100%;   }
.search-form .search-text { padding: 3px 12px;
	display: inline-block;
	width: 250px;   }
.search-button { 
	color: #222;   }
.search-button:hover {   }
.search-form .button { 
	padding: 5px 10px;
	margin: 0px;   }
/* ~ Main Body */
.body-wrapper { 
	padding: 22px 0px;   }
/* ~ Left Navigation */
.vertical-nav-wrapper { 
	float: left;
	width: 228px;   }
.nav-wrapper { 
    border-left: 1px solid #C2C2C2;
    border-right: 1px solid #C2C2C2;
    border-bottom: 1px solid #C2C2C2;
    background-color: #FFF;
    margin-bottom: 20px; }
.nav-wrapper h6 { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 2px 0px 5px 10px;
	text-align:left; 
	color:#FFF;
	font-size: 1.1em;
	font-weight: 400;
	-webkit-border-radius: 2px 2px 0px 0px;
	-moz-border-radius: 2px 2px 0px 0px;	
	border-radius: 2px 2px 0px 0px }
/* ~ Entity Menu */
ul.entity-menu { 
	margin: 0px 0px 4px 6px;
	padding: 0px;   }
ul.entity-menu ul { margin: 0px 0px 0px 8px;
	padding: 0px;   }
.entity-menu li.menu-item, .entity-menu li.menu-item-more { 
	list-style: none;
	margin: 5px 0px;
	font-size: 93%;   }	
.entity-menu li.menu-item a { 
	color: #333; 	
	line-height: 1.8em;	
	padding: 3px 0px 3px 4px;  }
.entity-menu li.menu-item a:hover { 
	padding: 2px 4px;
	text-decoration: none;
	color: #FFF;
	background-color: #ec0076;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;	
	border-radius: 2px;
	-webkit-transition:all 0.2s linear;
    -moz-transition:all 0.2s linear;
    -o-transition:all 0.2s linear;
    transition:all 0.2s linear; }
.entity-menu .menu-item-more { 
	font-weight: normal;
	padding-left: 2px;   }
/* ~ Content Area */
.cart-title a {
	color:#333; 
	font-weight: normal; }
.breadcrumb { 
	padding: 5px 0 5px 11px;
	border-bottom: 1px dashed #c2c2c2;
	font-size: 13px;   }
.VATDrop {
	display:block; 
	padding:4px 0px 0px 0px; 
	text-align:right; 
	margin-bottom:-15px;}
.InEx span {
	font-size: 13px; }
.content-wrapper { 
	float: right;
	width: 724px;
	margin: 0 10px;   }
.content { 
	min-height: 300px;   }
.content h2:nth-of-type(1) { 
	margin-top: 20px;   }
.content h2, .content h3, .content h4, .content h5, .content h6 { 
	margin-top: 1em;   }
/* ~ Footer & Elements */
.footer { text-align: left;
	margin-bottom: 16px;   }
#footer { clear: both;
	margin: 30px 20px 20px;
	overflow: hidden;
	padding: 0;
	border-bottom: dashed #C2C2C2 1px;   }
/* ~ Footer Brand Logos & Links */
#brands { 
	border-top: dashed #C2C2C2 1px;
	border-bottom: dashed #C2C2C2 1px;
	overflow: auto;
	padding: 15px 0;   }
#brands a { 
	float: left;
	margin: 10px;
	border: 1px solid #C2C2C2;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	padding: 0px 17px;   }
#brands a img {vertical-align: middle;}
#brands a:hover { border: 1px solid #EC0076;   }
#brandLogo { text-align: center;
	margin-top: 25px;
	margin-bottom: 30px;   }
/* ~ Footer List & links*/
#footer .page-row { margin: 40px 0px 20px 50px;   }
#footer h4 { text-align: left;
	font-size: 20px;
	margin-bottom: 6px;
	margin-left: 0px;
	color: #435499;   }
#footer ul { list-style-type: none;
	list-style-image: none;
	padding: 0 0 16px 0;   }
#footer ul li { text-align: left;
	margin: 2px 0px 2px -3px;   }
#footer ul li a { color: #4D4D4D; 
	padding: 2px 4px 2px 3px;  }
#footer ul li a:hover { 
	color: #FFF;
	background-color: #ec0076; 
	padding: 2px 4px 2px 3px;	
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
	text-decoration: none;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear; }
/* ~ Footer - Subfoot Stuff */
#sub-footer { text-align: center;
	padding-bottom: 15px;   }
.SubFoot { color: #FFF;
	font-size: 120%;;
	background-color: #2D287C;
	margin: 20px 100px 20px;
	padding: 0px 10px 1px;	
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;}
.SubFoot:hover{ 
	background-color: #EC0076;
	 -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;}
.SubFoot a{
	color: #FFF;
	text-decoration: none; }
.SubAddress { font-size: 80%;   }
.SubCopy { color: #666;
	font-size: 70%;   }
/* ~ account & checkout page styles */
.account-form .form-group, .address-control .form-group, .contact-form .form-group { width: 100%;
	display: block;   }
.account-form .first-name, .account-form .last-name, .address-control .first-name, .address-control .last-name, .account-form .password-one, .account-form .password-two, .address-control .company, .address-control .residence-type, .address-control .city, .address-control .state, .address-control .zip-code {   }
.address-control .first-name, .account-form .first-name, .account-form .password-one, .address-control .company, .address-control .city { margin-right: 3%;   }
/* Add To Cart Form Styles */
.add-to-cart-form span { display: block;
	margin-bottom: 3px;   }
.table-order { text-align: right;   }
/* ~ NB - Nisbets WLS - 9.4.1 update - Google Map iFrame styling - April 2014 */
.google-maps { position: relative;
	padding-bottom: 75%; /* This is the aspect ratio */
	height: 0;
	overflow: hidden;
	margin-bottom: 50px;   }
.google-maps iframe { position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
	border: 1px dashed #c2c2c2;   }
/* ~ NB - Nisbets WLS - 9.4.1 update - Content Carousel additional - May 2014 */
#FaderContainer { width: 720px;
	height: 248px; /* enter the height in pixels of the Content Carousel 'slide' images */
	margin: 30px auto;   }
/* ~ NB - Nisbets WLS - Go to Top template image & anchor - May 2014 */
#backTo { text-align: right;
	padding: 0 0 5px 0;
	overflow: hidden;
	margin: 0 15px 0;   }
#backTo span { background: url("images/common/IconSprite.png") no-repeat scroll 0 10px transparent;
	display: inline-block;
	height: 30px;
	width: 20px;
	margin-left: 5px;
	margin-top: -5px;   }
#backTo a:hover span { background: url("images/common/IconSprite.png") no-repeat scroll 0 -25px transparent;   }
/* ~ NB - Nisbets WLS - Go to Toptemplate image & anchor - May 2014 */
.featured-item-name-wrap a { color: #333;   }
.home-news-header { margin-top: 30px;   }
/* ~ NB - Nisbets WLS - Site Map links - May 2014 */
.SiteMapRootNode a { font-size: 32px;
	line-height: 36px;
	font-weight: normal;
	color: #222;   }
.SiteMapLeafNode a { color: #333;   }
/* ~ NB - Nisbets WLS - Space above feature blocks (recently, feature, upsell etc.) - May 2014 */
.recently-viewed-products, .other-products-wrap { margin-top: 40px;   }
.home-featured-products { margin-bottom: 40px;   }
.featured-teaser { margin-bottom: 0px;   }
/* product page */
.product-page-header { font-size: 20px;
	font-weight: normal;
	line-height: normal;
	background-color: #FFF;   }
/* ~ NB - Nisbets WLS - Text treatments for Dealers to configure thenselves - Sept 2014 */
.TextFeature01 { text-align: center;
	border-top: 1px #c2c2c2 solid;
	border-bottom: 1px #c2c2c2 solid;
	font-size: 24px;
	padding: 20px 0;
	margin: 20px 0;   }
.FeaturedText { text-align: center;
	color: #FFF;
	font-size: 160%;
	font-weight: 900;
	background-color: #2D287C;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	margin: 40px 0px;
	padding: 0px 10px 6px;   }
.TextFeature03 { text-align: center;
	border: 1px #c2c2c2 solid;
	font-size: 28px;
	padding: 10px 0;
	margin: 20px 0;
	font-weight: normal; }
.hTagAlt {  }
#variantSelector.form-control {   }
/*NB ~ Added from Old sites */
.customerimage { padding: 10px 0px;   }
.customerimageRight { border: none;
	float: right;
	margin-bottom: 15px;
	margin-left: 15px;
	padding: 0px;   }
.customerimageLeft { border: none;
	float: left;
	margin-bottom: 15px;
	margin-right: 15px;
	padding: 0px;   }
.customerimageCenter { text-align: center;
	clear: both;
	margin: 4px 25px 15px;
	padding: 0px;   }
.email-product-page-header { font-size: 18px !important; }
.mytable { 
	width: 99%;
	border: 1px solid #435499;
	border-spacing: 2px;
	border-collapse: separate;   }
.mytable > tbody > tr > th { text-align: center;	}
.odd { background-color: #F1F3F4;}
.even { background-color: #dbdff0;}
li { line-height: 1.5em;}
.sku-wrap {font-weight:bold;}
.sku-wrap span {padding-left:5px; font-weight:normal;}