/* lato-regular - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: url('/extras/etc/fonts/lato-v16-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Lato Regular'), local('Lato-Regular'),
       url('/extras/etc/fonts/lato-v16-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/extras/etc/fonts/lato-v16-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/extras/etc/fonts/lato-v16-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/extras/etc/fonts/lato-v16-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/extras/etc/fonts/lato-v16-latin-regular.svg#Lato') format('svg'); /* Legacy iOS */
}
/* lato-700 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: url('/extras/etc/fonts/lato-v16-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Lato Bold'), local('Lato-Bold'),
       url('/extras/etc/fonts/lato-v16-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/extras/etc/fonts/lato-v16-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('/extras/etc/fonts/lato-v16-latin-700.woff') format('woff'), /* Modern Browsers */
       url('/extras/etc/fonts/lato-v16-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/extras/etc/fonts/lato-v16-latin-700.svg#Lato') format('svg'); /* Legacy iOS */
}
/* lato-900 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 900;
  src: url('/extras/etc/fonts/lato-v16-latin-900.eot'); /* IE9 Compat Modes */
  src: local('Lato Black'), local('Lato-Black'),
       url('/extras/etc/fonts/lato-v16-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/extras/etc/fonts/lato-v16-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('/extras/etc/fonts/lato-v16-latin-900.woff') format('woff'), /* Modern Browsers */
       url('/extras/etc/fonts/lato-v16-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/extras/etc/fonts/lato-v16-latin-900.svg#Lato') format('svg'); /* Legacy iOS */
}
/* arimo-regular - latin */

@font-face {
  font-family: 'Arimo';
  font-style: normal;
  font-weight: 400;
  src: url('/extras/etc/fonts/arimo-v12-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Arimo Regular'), local('Arimo-Regular'),
       url('/extras/etc/fonts/arimo-v12-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/extras/etc/fonts/arimo-v12-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/extras/etc/fonts/arimo-v12-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/extras/etc/fonts/arimo-v12-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/extras/etc/fonts/arimo-v12-latin-regular.svg#Arimo') format('svg'); /* Legacy iOS */
}

/* arimo-700 - latin */
@font-face {
  font-family: 'Arimo';
  font-style: normal;
  font-weight: 700;
  src: url('/extras/etc/fonts/arimo-v12-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Arimo Bold'), local('Arimo-Bold'),
       url('/extras/etc/fonts/arimo-v12-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/extras/etc/fonts/arimo-v12-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('/extras/etc/fonts/arimo-v12-latin-700.woff') format('woff'), /* Modern Browsers */
       url('/extras/etc/fonts/arimo-v12-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/extras/etc/fonts/arimo-v12-latin-700.svg#Arimo') format('svg'); /* Legacy iOS */
}

/* 
font-family: 'Lato', sans-serif;
font-family: 'Arimo', sans-serif;
*/



body {
	font-size: 100%;
	margin: 0px;
	font-family: 'Arimo', sans-serif;
	color: #000000;
}

p,li,dt,dd,a,td	{font-size: 0.938rem;}
p						{line-height:140%;}

#adminPanel p,#adminPanel li,#adminPanel dt,#adminPanel dd,#adminPanel a,#adminPanel td,#adminPanel,	
.storeLocatorAdmin td, .storeLocatorAdmin a {font-size:0.813rem;}

.sku,
.price,
.price a,
.cartRow-productSKU,
.cartRow-productName,
.cartRow-itemPrice,
.cartRow-quantity,
.cartRow-itemSubtotal,
#totalPriceHTML, 
#delLabelHTML, 
#delPriceHTML,
.cartRowTotals,
.discountCode,
.checkoutCrumb,
.paymentMethods,
.paymentMsg  {font-size: 0.875rem;}


/**************** header *****************************/
.header				{}
.banner				{width:62.438em;margin:auto;position:relative;padding-top:10px;padding-bottom:3px;}
.logo					{width:25%;float:left;padding:12px 20px 0 20px;}
.tagline				{width:30%;float:left;padding-top:6px;}
.tagline	p			{font-size:1.188rem;font-style:italic;margin:0;line-height:normal;}
.aussie				{width:20%;float:left;text-align:right;}
.miniCart 			{font-size:0.875rem;padding-top:1rem;font-style:normal;}
.miniCart a			{font-size:0.875rem;}
.logo img			{display:block;}


.topRight			{width:25%;float:right;padding-top:0;font-size:1em;}
.topRight a			{text-decoration:none;color:#000000;}
.topRight a:hover	{text-decoration:none;color:#333333;}


.topRibbon			{display:none;}
.mcart 				{display:none;}
.phone				{display:none;}

.phone1				{}
.phone1 a			{font-size:1.688rem;padding-left:4px;}
.phone1 p			{font-size:1.063rem;margin-bottom:0;padding-left:4px;}
.phone1				{}
.phone2 a			{font-size:1.125rem;padding-left:4px;}
.phone2 p			{font-size:0.750rem;margin-bottom:0;margin-top:8px;padding-left:4px;}

.phones {width:auto;border-collapse:collapse;float:right;}
.phones td {padding:0;}

.search input.keyword {
	font-size: 11px;
	width: 180px;
	border:none;
	padding: 3px;
}

.search {
	font-size: 11px;
	display:inline;
	width:auto;
	float: right;
	text-align: right;
   padding-top: 4px;
}


/**************** nav - topnav *************************/
.topnav {
   background: #929292;
   background: -webkit-gradient(linear, left top, left bottom, from(#282828), to(#929292));
   background: -webkit-linear-gradient(top, #282828, #929292);
   background: -moz-linear-gradient(top, #282828, #929292);
   background: -ms-linear-gradient(top, #282828, #929292);
   background: -o-linear-gradient(top, #282828, #929292);
}
.topmenu{
	width:62.438em;
	margin:auto;
	background-color: transparent;
	color:#ffffff;	
	height:36px;
}
.mlddm {display:inline-block !important;width:auto !important;}

/* top level */
.mlddm li a, .mlddm li a#buttonnohover {	
	font-size: 0.938rem;
	padding: 0 22px;
	line-height: 36px;
	color: #ffffff;
	background-color: transparent;
		border-left:1px solid #545454;
		border-right:1px solid #969696;	
}
.mlddm li a:hover, .mlddm li a#buttonhover 							{color:#aecdec;}
.mlddm li a.selected, .mlddm li a.selected#buttonnohover 		{color:#aecdec;}
.mlddm li a.selected:hover, .mlddm li a.selected#buttonhover	{color:#aecdec;}

.mlddm>li:first-child>a {border-left:none;}
.mlddm>li:last-child>a {border-right:none;color:#ffff00;}
.mlddm>li:last-child>a.selected {color:#aecdec;}

/* drop down list */
	.mlddm ul {background: #2a2a2a;border:1px solid #969696;}
	.mlddm ul li a {	
		line-height: 1.750rem;
		padding: 0 1.000rem 0 0.375rem;
		text-align:left;
		height:auto;
		background-color: #2a2a2a;	

	}
	.mlddm ul li a:hover 			{color:#aecdec;}
	.mlddm ul li a.selected 		{color:#aecdec;}
	.mlddm ul li a:hover.selected	{color:#aecdec;}
	.mlddm .hsub, .mlddm .selectedhsub					{}
/*	.mlddm .hsub:hover, .mlddm .selectedhsub:hover	{color: #000000;background-color:#cccccc;}*/


/**************** nav - mobile header *************************/

.topRibbon					{background-color:#193b85;position:relative;margin-bottom:8px;}
.topRibbon p {display:inline-block;color:#ffffff;padding:3px 6px;margin:0;}
.topRibbon p:last-child {text-align:right;}

.slicknav_menu {background-color:transparent;padding:0;}
.slicknav_nav {z-index:10000000;}
.slicknav_nav {font-size:1.750em;}
.slicknav_nav .slicknav_arrow	{background-color:transparent;}
.slicknav_nav .slicknav_row	{padding: 12px 20px;} /* row is for subs that are parents */
.slicknav_nav a	{padding: 12px 20px;font-size:1.125rem;}

/* first level */
li.slicknav_collapsed.slicknav_parent > a .slicknav_arrow	{color:#000000;}
li.slicknav_parent.slicknav_open > a .slicknav_arrow			{color:#ffffff;}

.slicknav_nav > li:nth-of-type(1)	{border-top:1px solid #000000;}
.slicknav_nav > li 						{background-color:#ffffff;color:#000000;border-bottom:1px solid #000000;}
.slicknav_nav a 							{color:#000000;}
.slicknav_nav a:hover					{background-color:#f0f0f0;color:#222222;}
.slicknav_row:hover, 
li.slicknav_collapsed .slicknav_row:hover a	{background-color:#f0f0f0;color:#222222;}
.slicknav_nav li.slicknav_open,
.slicknav_nav li.slicknav_open > a,
.slicknav_nav li.slicknav_open > a a,
.slicknav_nav li.slicknav_open > a:hover 		{background-color:#759ddd;;color:#ffffff;border:none;}

/* second level */
ul li ul li.slicknav_collapsed.slicknav_parent > a .slicknav_arrow	{color:#333333;}

.slicknav_nav ul li 						{background-color:#f0f0f0;border-bottom:1px solid #333333;}
.slicknav_nav ul li a 					{color:#333333;}	
.slicknav_nav ul li a 					{padding: 12px 20px 12px 30px;}
.slicknav_nav ul li .slicknav_row	{padding: 12px 20px 12px 30px;}

.slicknav_nav ul li.slicknav_parent.slicknav_open,
.slicknav_nav ul li.slicknav_parent.slicknav_open > a,
.slicknav_nav ul li.slicknav_parent.slicknav_open > a a,
.slicknav_nav ul li.slicknav_parent.slicknav_open > a:hover 	{background-color:#626673;color:#ffffff;}

/* third levels */
	.slicknav_nav ul li ul li	{background-color:#f0f0f0;}
.slicknav_nav ul li ul li a	{color:#333333;}
.slicknav_nav ul li ul li a	{padding-left: 60px;}
	
.slicknav_nav ul li .slicknav_arrow	{}
.slicknav_nav ul li.slicknav_parent.slicknav_open  .slicknav_arrow:before {content:"-";}

/* overrides */

.slicknav_nav li:nth-child(even) 	{background-color:#ffffff;}
.slicknav_nav ul li:nth-child(even) {background-color:#f0f0f0;}
.slicknav_nav ul li ul li:nth-child(even) {background-color:#f0f0f0;}
.slicknav_nav .slicknav_item a, .slicknav_nav .slicknav_parent-link a {font-size: 1.125rem;}
.slicknav_nav .slicknav_row {padding: 12px 20px;}
.slicknav_nav .slicknav_arrow {background-color: transparent;width: 44px;}
.slicknav_nav .slicknav_row:hover, li.slicknav_collapsed .slicknav_row:hover a {background-color: transparent;color: #000000;}	

@media (max-width:370px){
	.slicknav_nav .slicknav_arrow {width: 16px;}	
	.slicknav_nav ul li ul li a	{padding-left: 50px;}
}




/**************** footer *****************************/

.footer		{
	background-color:#cccccc;
	background-image: url(/extras/styles/webideas/footer_bg.jpg);
	background-repeat: repeat-x;
	padding-top: 14px;
	margin-top:30px;
	border-bottom:1px solid #999999;
	}

.footer .four-Col1, .footer .four-Col2, .footer .four-Col3 {margin-right:0;}	
	
.footerInfo					{width:62.438em;margin:auto;color: #5f5f5f;}
.footer .four-Col1		{width:15%;}
.footer .four-Col2		{width:20%;}
.footer .four-Col3		{width:38%;}
.footer .four-Col4 		{width:22%;text-align:center;}
.footer .four-Col4 p {margin-top:10px;text-align:center;font-size:0.688rem;}
.footer a 			{font-size: 0.688rem;color:#5f5f5f;text-decoration: none;}
.footer a:hover	{color:#216891;}
.footerBase		{width:62.438em;margin:auto;clear:both;padding: 0.625rem 0 1.250rem 0;color: #5f5f5f;}
.footerLeft		{font-size:0.688rem;}


/**************** feature *****************************/


.feature {text-align:center;}
.galleria-stage, .galleria-container {max-height:400px;}
 .slideshow {height:400px;} 

/**************** content *****************************/
	
/* layout */
.main			{position:relative;}
.middleHomeContainer{position:relative;}
.middleHome	{padding-top:0.750em;	width:62.438em;margin:auto;background-color:#ffffff;}
.middle		{padding:0 1.250em 2.000rem 1.250em;width:62.438em;margin:auto;background-color:#ffffff;position:relative;}
.crumb		{padding:1.250em 0 1.500em 0;font-size:0.688em;}
.crumb a		{font-size:0.688rem}

.underTopBg{
	background-image: url(/extras/styles/webideas/middle_top_bg.png);
	background-repeat: repeat-x;
	z-index:100000;
	float:left;
	height:14px;
	width:100%;
	position:absolute;
	top:0;
	left:0;
	}

/* general */
a 			{color: #255DB7;text-decoration: underline;}
a:hover	{color: #193B85;}
a img		{border:0;}

h1,h2,h3,h4 {font-family: 'Lato', sans-serif;}
h1 		{font-size: 1.375em;color:#255DB7;font-weight:700;margin-top:0;text-transform:uppercase;}
h2 		{font-size: 1.125em;color:#255DB7;font-weight:400;}
h3 		{font-size: 1.250em;color:#002C4C;font-weight:400;}
h4 		{font-size: 0.750em;color:#002C4C;font-weight:400;}

h1 a	{font-size: 2rem;text-decoration:none;}
h2 a 	{font-size:1em;} 
h3 a 	{font-size:1em;} 

h1 a:hover {text-decoration:none;}


p, ul, li{margin-top:0;}

.formRequired {color:#cc0000;font-size:0.625rem;}
.tel		{text-decoration:none;}

.middleHome h1 a {font-size: 1.375rem;}
.middleHome .sideBySide-Col1{width:55%}
.middleHome .sideBySide-Col2{width:42%}
.middleHome h1 {margin-bottom:0.5rem;}
.middleHome h2 {font-size:1.375rem;}
.middleHome h3 {margin-top:0;margin-bottom:0.75rem;}



/* home page */

.middleHome .three-Col1, .middleHome .three-Col2, .middleHome .three-Col3 {border:1px solid #cccccc;}

.highlightBox img {display:block;margin:auto;}
.highlightBox h2 {font-size:1.313rem;font-weight:700;margin-bottom:0;padding:0 0.625rem;}
.highlightBox h3 {font-size:1.063rem;font-weight:700;margin:0 0 14px 0;}
.highlightBox .systems {display:none;}

.highlightBox h2 a {text-decoration:none;}


.highlightBox .info {padding:0.688em;}

.hbButton {
    text-align: center;
    margin:0.625em 0;
}
.linkButton {
	border:1px solid #193B85;
	padding:6px 12px;
	color:#000000;
	text-decoration: none;
}
.linkButton:hover {background-color:#193B85;color:#ffffff;text-decoration:none;}


.homeFeatured:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}


.featuredProduct {width:30%;float:left;margin-right:5%;}
.featuredProduct .sku		{display:none;}
.featuredProduct .price  {color: #C00;margin: 10px 0px;font-weight: bold;padding-left:0;float:none;}
.featuredProduct .buyNow  {float:none;}
.featuredProduct .productBox .addToCart input[type=text] {margin-left: 0;}

.featuredProduct:nth-of-type(3){margin:0;}

/*
.featuredProduct .productBox h2 {float:right;width:60%;text-align:left;}
.featuredProduct .productBox img	{float:left;max-width:40%;}

.featuredProduct .productBox .productShortDesc  {float:right;width:60%;}


.featuredProduct .productBox .addToCart input {margin-left: 0;}

*/


.freeDelivery {font-size:14px;padding-top:10px;display:none;}


/******************* Support site map ***********************/

.siteMapBox{
	width:22%;
	margin-right:3%;
	float:left;
	text-align:center;
	border:1px solid #cccccc;
	padding-top:10px;
   margin-bottom:24px;
}
.siteMapBox h2 {margin:0 0 20px 0;}
.siteMapBox h2 a{text-decoration:none;font-size:1.188rem;}


/******************* Support brochures ***********************/
.pdfImage {border:1px solid #999999;}
.pdfIcon {vertical-align:middle;}

.brochureEntry 						{width:33%;padding:0 4px;float:left;}
.brochureEntry:nth-of-type(3n)	{margin-right:0;} 
.brochureEntry:nth-of-type(3n+1) {clear:both;} 

/******************* Support manuals ***********************/
.manualsEntry {width:16%;padding:0 4px;float:left;}
.manualsEntry:nth-of-type(6n+1) {clear:both;} 


/****************** Warranty Form **************************/
.warranty			{font-size:13px;}
.warranty .label	{margin-top:6px;}
.warranty  .value input	{width:90%;margin-bottom:10px;}
.warranty textarea {width:90%;margin-top:10px;}
.warranty input[type=checkbox],.warranty input[type=radio] {width:auto;margin-top:10px;margin-bottom:10px;}

.verifySubmit{clear:both;text-align:center;}
.verifySubmit .value input.response {width:100px;}


/****************** catalogue **************************/

.productBox.specialsCat .addToCart input {margin-left: 0;margin-right:5px;}
.rrp, .rrpPrice {text-decoration:line-through;font-size:0.875rem;}
.productBox .priceBrowseSpecial {
    float: left;
    padding-left: 0.750em;
    line-height: 1.5em;
    font-weight: bold;
    color:#cc0000;
    font-size: 0.875rem;
}

.rrpLabel {font-size: 0.875rem;}
.rrpPrice {text-decoration:line-through;font-size:0.875rem;}


.priceNormalLabel {font-weight:400;font-size: 0.875rem;margin-bottom:4px;}
.priceNormal {font-weight:400;text-decoration:line-through;font-size: 0.875rem;}
.priceSpecialLabel {font-weight:700;color:#cc0000;font-size: 0.875rem;}
.priceSpecial {font-weight:700;color:#cc0000;font-size: 0.875rem;}

/* browse */

.contactDealer {clear:both;font-size:14px;padding-top:5px;}


/************** catalogue.css ***********************/

/* browse */
.valetBrowse .productBox .sku		{float:left;line-height:1.5em;}
.valetBrowse .productBox .price 	{float:left;padding-left:0.750em;line-height:1.5em;font-weight:normal;}

.productBrowse-3col .buyNow {
	clear:both;
	padding-top:16px
}


/* Product Page */
.productPage .thumbImg	{margin-right:10px;border:none;float:none;display:inline;} 
.productPage .images		{margin-right:30px;}
.productPage .thumbs 	{text-align:center;padding-right:10px;}



.productPage {padding-top:20px;}
.productPage .sideBySide-Col1 {width:45%}
.productPage .sideBySide-Col2 {width:52%}

@media (max-width:750px){
	.productPage .sideBySide-Col1 {width:100%}
	.productPage .sideBySide-Col2 {width:100%}
}

/*
@media (min-width:600px) and (max-width:750px){
	.productGallery {width:48%;float:left;}
	.ppVideo {width:48%;float:right;padding-top:0;}

}
*/

.productPage h1 {font-size:1.875em;color:#000;font-weight:700;text-transform:inherit;}
.ppSKU {font-size:1.125rem;color:#255db7;font-weight:700;font-family: 'Lato', sans-serif;}
.ppPrice {font-size:1.750rem;color:#255db7;font-weight:700;margin-top:10px;font-family: 'Lato', sans-serif;}


.ppRRP {font-size:1.125rem;font-family: 'Lato', sans-serif;padding-top:16px;font-weight:700;color:#333333;}
.ppRRP span {text-decoration:line-through;}
.ppRRPprice {font-size:1.750rem;color:#b70000;font-weight:700;margin-top:16px;margin-bottom:16px;font-family: 'Lato', sans-serif;}
.ppContact {font-size:1em;padding-top:10px;}

.outOfStock {color:#f60;font-weight:700;}

.ppContact a {font-size:1em}

.productPage .addToCart {margin-top:20px;}
.productPage .addToCart input[type=text]{
	margin-right:24px;
	padding:5px 10px;
	border-radius:3px;
	border:1px solid #ccc;
	font-size:0.938rem;
	font-family: 'Lato', sans-serif;
}
.productPage .addToCart .button {
	display:inline-block;
	background-color:#18347a;
	color:#ffffff;
	padding:6px 26px 7px;
	border-radius:5px;
	border:none;
	-webkit-appearance:none;
	font-size:1rem;
	font-family: 'Lato', sans-serif;
	cursor:pointer;
}
.productPage .addToCart .button:hover {background-color:#333; }


.downloads {margin-bottom:20px;}
.downloads img {vertical-align:middle;margin-right:10px;}
.downloads div {margin-bottom:14px;}
.productPage .tabs2 {margin-top:30px;}
.ppRelated {border-top:1px solid #18347a;margin-top:20px;}
.ppRelated h2 {color:#18347a;font-size:1rem;font-weight:700;}
.relatedBox {border:none;float:left;}
.relatedBox img {max-width:100%;max-height:100%;}
.relatedBox a {text-decoration:none;}

.tabBody2.hide {border:none;}

.productGalleryMobile {border-top:1px solid #18347a;}

.freeShipping {
    background-color:#ffffcc;
    color:#000;
    font-weight:700;
    padding:10px;
    margin-bottom:20px;
    display:inline-block;
    font-size:0.938rem;
}

@media (max-width:370px) {.freeShipping {font-size:0.875rem;}}

.freeShippingText {
    margin-bottom:20px;    
    color:#255DB7;
}

.promotion {
    padding:20px 20px 10px 20px;
    background-color:#F7A950;
    margin-bottom:20px;
}




/* payment page */

.paymentMsg{width:90%;border:1px solid #cccccc;padding:14px;margin-top:30px;color:#666666;}
.paymentMsg img {float:left;margin-right:20px;}

/* eCommerce */
.cartFooter {margin-top:20px;}
#cartCountdown {text-align:right;font-size:0.813em;display:none;}
.payAdminButtons .button {margin-bottom:16px;}

/* view order */
.adminNote {background-color:#ffff88;padding:10px;border:1px solid #002c4c;}
.adminNote h2 {color:#002c4c;margin-top:0;}

/* packing slip */
.packingSlip h2 {font-weight: bold;margin-bottom: 8px;font-size: 1.250em;color: #002C4C;}

/* Store Locator - overide defaults */

.wobjectStoreLocator h1 a {font-size: 1.375rem;}
.wobjectStoreLocator h4, .location-search h4 {font-size:1em;}

.no-stores {display:none;}

.store .title {
	font-size: 120%;
  	font-weight: bold;
}

.store .address,
.store .web,
.store .misc {
  font-size: 100%;
  margin-top: 0.2em;
  margin-bottom: 0.5em;
  display: block;
}

.store .phone {
  font-size: 110%;
  margin-top: 0.2em;
  margin-bottom: 0.5em;
  display: block;
}

input.readonly {border:none;}

.valeteCom .discountCode .button {
    font-family: 'Lato', sans-serif;
    font-size:12px;
	background-color:#438BD3;
	color:#fff;
	padding:3px 6px 4px;
	border-radius:5px;
	border:none;
	-webkit-appearance:none;
    margin-left:20px;
    margin-top:16px;
}
.valeteCom .discountCode .button:hover {background-color:#333; }

.addToCart .button,
.valeteCom .button,
.checkout .button,
.confirm .button {
	display:inline-block;
	background-color:#18347a;
	color:#ffffff;
	padding:5px 7px 7px;
	border-radius:5px;
	border:none;
	-webkit-appearance:none;
	font-size:1rem;
	font-family: 'Lato', sans-serif;
	cursor:pointer;
}
.valeteCom .button:hover,
.checkout .button:hover,
.confirm .button:hover {background-color:#333; }

.checkout .button,
.confirm .button {margin-right:20px;}

/************** companion products *******************/

.homeCompanions:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
.homeCompanions h2 {font-size:1.438rem;font-weight:700;}

.companionsProduct {
	border:1px solid #c5c5c5;
	padding:20px;
	margin-bottom:30px;
	-webkit-box-shadow: 0px 0px 10px 1px rgba(0,0,0,.1);
	-moz-box-shadow: 0px 0px 10px 1px rgba(0,0,0,.1);
	box-shadow: 0px 0px 10px 1px rgba(0,0,0,.1);	
	}

@media(min-width:590px){
	.companionsProduct {width:48%;float:left;}
.companionsProduct:nth-of-type(odd){margin-right:4%;}
}	
.companionsProduct h3 {margin-top:0;font-size:1.125rem;font-weight:700;}
.companionsProduct h3 a {color:#000;font-size:1em;text-decoration:none;}
.companionsProduct .compMsg {color:#f38e17;font-weight:700;font-size:1rem;}
.companionsProduct .sku{text-align:right;margin-bottom:3px;}
.companionsProduct .fullPrice{text-align:right;}
.companionsProduct .fullPrice span {text-decoration:line-through;}
.companionsProduct .discPrice {color:#18347a;}
.companionsProduct .discPrice span {font-size:1.313em;font-weight:700;}
.companionsProduct .qty {text-align:right;padding-top:10px;}
.companionsProduct input[type=text] {width:40px;margin-left:5px;}

.companionsProduct .button {
	display:inline-block;
	background-color:#f38e17;
	color:#ffffff;
	padding:9px 30px 10px;
	border-radius:5px;
	border:none;
	-webkit-appearance:none;
	font-size:1.125rem;
	font-weight:700;
	font-family: 'Lato', sans-serif;
}
.companionsProduct .button:hover {background-color:#18347a;} 

.cartRow-productName {position:relative;}


.hotspot {
  position: absolute;
  cursor: pointer;
  right: 0;
  top: 5px;
  color: #fff;
  display:none;

  -webkit-animation: none 3s linear infinite;
  -moz-animation: none 3s linear infinite;
  -ms-animation: none 3s linear infinite;
  -o-animation: none 3s linear infinite;
  animation: none 3s linear infinite;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: hotspot-vertical-top;
  -moz-animation-name: hotspot-vertical-top;
  -ms-animation-name: hotspot-vertical-top;
  -o-animation-name: hotspot-vertical-top;
  animation-name: hotspot-vertical-top;

}

@media (max-width:479px) {.hotspot {  top: 40px;right:-30px;}}

@-webkit-keyframes hotspot-vertical-top {
  0%,
  30%,
  40%,
  53.3%,
  66.667%,
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    -ms-animation-timing-function: ease-out;
    -o-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  35% {
    -webkit-transform: translate3d(0, -15px, 0);
    -moz-transform: translate3d(0, -15px, 0);
    -ms-transform: translate3d(0, -15px, 0);
    -o-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
    -webkit-animation-timing-function: ease-in;
    -moz-animation-timing-function: ease-in;
    -ms-animation-timing-function: ease-in;
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  46.667% {
    -webkit-transform: translate3d(0, -6px, 0);
    -moz-transform: translate3d(0, -6px, 0);
    -ms-transform: translate3d(0, -6px, 0);
    -o-transform: translate3d(0, -6px, 0);
    transform: translate3d(0, -6px, 0);
    -webkit-animation-timing-function: ease-in;
    -moz-animation-timing-function: ease-in;
    -ms-animation-timing-function: ease-in;
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: translate3d(0, -3px, 0);
    -moz-transform: translate3d(0, -3px, 0);
    -ms-transform: translate3d(0, -3px, 0);
    -o-transform: translate3d(0, -3px, 0);
    transform: translate3d(0, -3px, 0);
    -webkit-animation-timing-function: ease-in;
    -moz-animation-timing-function: ease-in;
    -ms-animation-timing-function: ease-in;
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@-moz-keyframes hotspot-vertical-top {
  0%,
  30%,
  40%,
  53.3%,
  66.667%,
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    -ms-animation-timing-function: ease-out;
    -o-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  35% {
    -webkit-transform: translate3d(0, -15px, 0);
    -moz-transform: translate3d(0, -15px, 0);
    -ms-transform: translate3d(0, -15px, 0);
    -o-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
    -webkit-animation-timing-function: ease-in;
    -moz-animation-timing-function: ease-in;
    -ms-animation-timing-function: ease-in;
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  46.667% {
    -webkit-transform: translate3d(0, -6px, 0);
    -moz-transform: translate3d(0, -6px, 0);
    -ms-transform: translate3d(0, -6px, 0);
    -o-transform: translate3d(0, -6px, 0);
    transform: translate3d(0, -6px, 0);
    -webkit-animation-timing-function: ease-in;
    -moz-animation-timing-function: ease-in;
    -ms-animation-timing-function: ease-in;
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: translate3d(0, -3px, 0);
    -moz-transform: translate3d(0, -3px, 0);
    -ms-transform: translate3d(0, -3px, 0);
    -o-transform: translate3d(0, -3px, 0);
    transform: translate3d(0, -3px, 0);
    -webkit-animation-timing-function: ease-in;
    -moz-animation-timing-function: ease-in;
    -ms-animation-timing-function: ease-in;
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@-ms-keyframes hotspot-vertical-top {
  0%,
  30%,
  40%,
  53.3%,
  66.667%,
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    -ms-animation-timing-function: ease-out;
    -o-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  35% {
    -webkit-transform: translate3d(0, -15px, 0);
    -moz-transform: translate3d(0, -15px, 0);
    -ms-transform: translate3d(0, -15px, 0);
    -o-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
    -webkit-animation-timing-function: ease-in;
    -moz-animation-timing-function: ease-in;
    -ms-animation-timing-function: ease-in;
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  46.667% {
    -webkit-transform: translate3d(0, -6px, 0);
    -moz-transform: translate3d(0, -6px, 0);
    -ms-transform: translate3d(0, -6px, 0);
    -o-transform: translate3d(0, -6px, 0);
    transform: translate3d(0, -6px, 0);
    -webkit-animation-timing-function: ease-in;
    -moz-animation-timing-function: ease-in;
    -ms-animation-timing-function: ease-in;
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: translate3d(0, -3px, 0);
    -moz-transform: translate3d(0, -3px, 0);
    -ms-transform: translate3d(0, -3px, 0);
    -o-transform: translate3d(0, -3px, 0);
    transform: translate3d(0, -3px, 0);
    -webkit-animation-timing-function: ease-in;
    -moz-animation-timing-function: ease-in;
    -ms-animation-timing-function: ease-in;
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@keyframes hotspot-vertical-top {
  0%,
  30%,
  40%,
  53.3%,
  66.667%,
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    -ms-animation-timing-function: ease-out;
    -o-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  35% {
    -webkit-transform: translate3d(0, -15px, 0);
    -moz-transform: translate3d(0, -15px, 0);
    -ms-transform: translate3d(0, -15px, 0);
    -o-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
    -webkit-animation-timing-function: ease-in;
    -moz-animation-timing-function: ease-in;
    -ms-animation-timing-function: ease-in;
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  46.667% {
    -webkit-transform: translate3d(0, -6px, 0);
    -moz-transform: translate3d(0, -6px, 0);
    -ms-transform: translate3d(0, -6px, 0);
    -o-transform: translate3d(0, -6px, 0);
    transform: translate3d(0, -6px, 0);
    -webkit-animation-timing-function: ease-in;
    -moz-animation-timing-function: ease-in;
    -ms-animation-timing-function: ease-in;
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: translate3d(0, -3px, 0);
    -moz-transform: translate3d(0, -3px, 0);
    -ms-transform: translate3d(0, -3px, 0);
    -o-transform: translate3d(0, -3px, 0);
    transform: translate3d(0, -3px, 0);
    -webkit-animation-timing-function: ease-in;
    -moz-animation-timing-function: ease-in;
    -ms-animation-timing-function: ease-in;
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

input[type=text],
select,
input[type=password] {
	padding:4px;
	}
.accountLoginForm td {padding-bottom:14px;}