@charset "UTF-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
}

/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}

/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		5;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	12;
	dw-gutter-percentage:	15;
	
	Inspiration from "Responsive Web Design" by Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	and Golden Grid System by Joni Korpi
	http://goldengridsystem.com/
*/

.fluid {
	clear: both;
	margin-left: 0;
	width: 100%;
	float: left;
	display: block;
}

.fluidList {
    list-style:none;
    list-style-image:none;
    margin:0;
    padding:0;        
}

/* Mobile Layout: 480px and below. */
  
.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 95%;
	padding-left: 1.3043%;
	padding-right: 1.3043%;
	clear: none;
	float: none;
}
#login-head {
	background-color: #0093d0;
}
#loginleft {
width: 100%;
}
#loginright {
width: 100%;
clear: both;
margin-left: 0;
display:none;
}
#ecom #loginright {
width: 100%;
clear: both;
margin-left: 0;
display:block;
}
div#loginright p{color: #FFFFFF;
cursor: pointer;
font-size: 12px;
margin: 0;
padding: 8px 0;
text-transform: uppercase;}
div#loginright p a{color:#fff; text-decoration:none;}
div#loginright p a:hover{color:#003a63; text-decoration:none;}
.loginwrap {
	background-color: #0093d0;
	background-image: url(/template-images/topslice.png);
	background-repeat: repeat-y;
	background-position: left top;
}
div.loginwrap .gridContainer, div.menuwrap .gridContainer{width:100%;
	padding-left: 0%;
	padding-right: 0%; }
#top-menu {
}
.menuwrap {background-color: #d7d0be;border-top: 2px solid #FFFFFF;z-index: 100;
}
#brandpanel { min-height:130px; position:relative;
}
#mainBrand {
width: 100%;
}
#logotwo{display:block;}
#logoone{display:none;}

#right-Brand {
	width: 100%;
	clear: both;
	margin-left: 0;
	min-height: 51px;
	display: none;
}
#mainContent {
width: 100%;
}
.content-wrap{}
#footer {
	background-color: #5bbbe3;
	margin-top:20px;
	border-bottom: 2px solid #FFF;
	min-height: 33px;
}
#mainFooter {
	color: #003A63;
	font-family: 'lubalingraph',SERIF;
	font-size: 1.8em;
	width: 100%;
	
}
#right-footer {
width: 100%;
clear: both;
margin-left: 0;
position:relative;
}
.blog-container .side-panel{
float: left;
    width: 94%;}
.blog-container .post-list{width: 100%;}
#address {
	background-color: #003a63;
	min-height: 120px;
	padding-bottom:15px;
}
#address2 {
padding-left: 0;
width: 98%;
}
#address3 {
clear: both;
margin-left: 2%;
margin-top: 10px;
width: 100%;
color:#fff;
}
#right-buttons {
width: 100%;
clear: both;
margin-left: 0;
}
#hpnews{ background-color: #d7d0be; width:86%; Padding: 4% 7% 1%;margin-bottom: 0;}
#ecom-prods{background-color: #d7d0be;width: 86%; Padding: 1% 7% 1%;
	margin-bottom: 0;
	background-image: url(/template-images/ecom-prod-bkgrd.gif);
	background-repeat: repeat-y;
	background-size: 100%;
}
.hp-buttons{ margin-bottom:14px; }
#ecom .hp-buttons{ margin-bottom:6px; }
.breadcrumbs{
	bottom: 13px;
color: #0093D0;
font-family: oxygen,sans;
font-size: 11px;
position: none;
right: 16px;
}
.breadcrumbs a, .breadcrumbs a:visited{
	color: #6D6E72; text-decoration:none;
}

/* @group Search */
#search-top{position:relative;display:none;}
div#right-footer.fluid div#search-top{ bottom: 0;
    float: none;
    position: relative;
    right: 0;
	display:block;
}

div#search-top input.cat_button{
	background-color: transparent;
border: medium none;
margin: 0;
padding: 1px 6px;
position: absolute;
right: 0;
width: 42px;
color: #C2C9CC;
}
	div#search-top input#CAT_Search.cat_textbox_small{
	background-color: #E4ECEF;
	border: medium none;
	margin: 0;
	padding: 5px 42px 5px 15px;
	width: 30%;
	background-image: url(/template-images/magnifyer.png);
	background-repeat: no-repeat;
	background-position: right center;
	 color: #999999;
	 float:right;
	}
	div#right-footer.fluid input#CAT_Search.cat_textbox_small{
	background-color: #7dc9eb;
	color: #0084BC;
	padding:5px 42px 5px 15px;
	width: 43%;
	float:left;
}
.search-box {
	padding: 6px;
}
div#right-footer.fluid .search-box {padding: 6px 6px 0 6px;}

/* @end */



/************ nav_820106 **********************/	

/*** ESSENTIAL STYLES ***/
#nav_820106, #nav_820106 * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
#nav_820106 {
	line-height:	1.0;
}
#nav_820106 ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
	font-size: 100%;
line-height: 100%;
}
#nav_820106 ul li {
	width:			100%;
	height: 2.5em; 
}
#nav_820106 li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
#nav_820106 li {
	float:			left;
	position:		relative;
}
#nav_820106 li li a {
	padding: .5em 0.9em;
}
#nav_820106 a {
	display:		block;
	position:		relative;
}
#nav_820106 li:hover ul,
#nav_820106 li.sfHover ul {
	left:			0;
	top:			31px; /* match top ul list item height */
	z-index:		99;
}
ul#nav_820106 li:hover li ul,
ul#nav_820106 li.sfHover li ul {
	top:			-999em;
}
ul#nav_820106 li li:hover ul,
ul#nav_820106 li li.sfHover ul {
	left:			12.7em; /* match ul width */
	top:			-10px;
	padding: .7em 1.3em;
}
ul#nav_820106 li li:hover li ul,
ul#nav_820106 li li.sfHover li ul {
	top:			-999em;
}
ul#nav_820106 li li li:hover ul,
ul#nav_820106 li li li.sfHover ul {
	left:			12.7em; /* match ul width */
	top:			0;
	padding: .7em 1.3em;
}
td#mi_554448{width:155px;}

/*** DEMO SKIN ***/

#nav_820106 {
	float:			left;
	font-family: 'Ropa Sans',sans-serif;
    font-size: 107%;
	text-transform:uppercase;
}
#nav_820106 a {
	text-decoration:none;
}
#nav_820106 :first-child a,#nav_820106 a:active{
	text-decoration:none;
	background-image: none;
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#nav_820106 li a {
    padding: 9px 11px;}
#nav_820106 a, #nav_820106 a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#003a63;
}
#nav_820106 li {
}
#nav_820106 li li {
	background-color: #B1AFAF;
	background-image: none;
	font-size: 13px;
	font-weight: 500;
	border-top: 1px dotted #999;
	height: auto;
	padding-left: 11px;
	text-transform: none ;
}
#nav_820106 li li a{
	background-image:none;
}
#nav_820106 li li:first-child {
	border-top: none;
}
#nav_820106 li li li {
	background:		#AE0E1B;
		font-weight:normal;
		height: auto; 
		text-transform: none;
}
#nav_820106 li:hover, #nav_820106 li.sfHover,
#nav_820106 a:focus, #nav_820106 a:hover, #nav_820106 a:active, #nav_820106 li.selected {
	outline:		0;
	background-color: #a8d8ec;
	background-image: none;
}
#nav_820106 li li li:hover, #nav_820106 li li li.sfHover, #nav_820106 li li li a:focus, #nav_820106 li li li a:hover, #nav_820106 li li li a:active{background-color:#a8d8ec;}

/*** arrows **/
#nav_820106 a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('../template-images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
#nav_820106 ul .sf-sub-indicator { background-position:  -10px 0; }
#nav_820106 ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
#nav_820106 ul a:focus > .sf-sub-indicator,
#nav_820106 ul a:hover > .sf-sub-indicator,
#nav_820106 ul a:active > .sf-sub-indicator,
#nav_820106 ul li:hover > a > .sf-sub-indicator,
#nav_820106 ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/}


.zeroMargin_mobile {
	margin-left: 0;                                      }

.hide_mobile {
	display: none;                                      }
	
#sss{max-width: 131px;
    position: absolute;
    right: 0;
    top: -20px;	}

.guarantee{position: relative;
    top: 8px;padding-left: 3%;width: 80%;}
#usp-wrap.address {padding-left:2%;color:#15a0da; font-family:'Ropa Sans',sans-serif;font-size: 14px; line-height:1.4em; padding-top:5px;}

#news-readmore, #news-readmore .list{ border-bottom: dashed 1px #fff; font-family: 'Ropa Sans',sans-serif;font-size: 87%;text-transform:uppercase; color:#fff; text-align:right; text-decoration:none; margin-bottom:1.3em; }
.readmore-click{display:inline-block; padding:2px 10px; background-color:#ad9e6e;}
#ecom .readmore-click{padding:3px 4px 2px;}
a span.readmore-click, a:visited span.readmore-click{color:#fff;}
a:hover span.readmore-click{background-color:#15a0da; color:#fff;} 
div#hpnews div#news-readmore.list{display:none;}
/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */
.removebr{ display:none;}
    #usp-wrap.address a{text-decoration:none;}
    #usp-wrap.address a:hover{color:#fff;}
	
#ecom .tricky {
  display: none;
}
.shop-product-small .name {
width:70%;	 
float: left;
}
/* ecom buy-reg page */
#regleft, #regright, .newcust, .returncust{width: 100%;}
.rightbox, .leftbox {float:none;}

#ecom-readmore {
  font-family: 'Ropa Sans',sans-serif;font-size: 87%; color:#666;
}
#ecom-readmore a {
    text-decoration: none;
}

div form#catwebformform42059 div.webform div#regright.rightbox div.item input#catwebformbutton.cat_button.input-submit {width: 100%; float:none;margin-top: 10px; padding: 7px 0;}
div form#catwebformform42059 h4 {margin: 20px 0 8px;}
.shop-checkout.shop-form h1 {margin: 10px 0 5px;}

div form#catwebformform42059 div.webform em { font-size: 12px;}

@media only screen and (min-width: 481px) {

.gridContainer {
	width: 100%;
	padding-left: 0%;
	padding-right: 0%;
	clear: none;
	float: none;
	margin-left: auto;
}
#login-head {
	
}
#loginleft {
width: 61.8784%;
}
#loginright {
width: 36.464%;
clear: none;
margin-left: 1.6574%;
}
#ecom #loginright {
width: 37.0256%;
margin-left: 1.0989%;
clear: none;
display:block;
}
#top-menu {
	
}
#brandpanel {
}
#mainBrand {
width: 61.8784%;
}

#right-Brand {
	width: 36.464%;
	clear: none;
	margin-left: 1.6574%;
	background-image: url(/template-images/hello-long.gif);
	background-repeat: no-repeat;
	background-size:100%;
}
#mainContent {
width: 61.8784%;
}
.content-wrap{padding: 0 4% 16px;}
.content-wrap-wide{padding: 0 2.5%;}
#footer {
clear: both;
margin-left: 0;
}
#mainFooter {
width: 61.8784%;
text-indent: 20px;
}
#right-footer {
width: 36.464%;
clear: none;
margin-left: 1.6574%;
}
#right-buttons {
width: 36.464%;
clear: none;
margin-left: 1.6574%;
}
#nav_820106 li a {
    padding: 13px 11px;}
	#nav_820106 li:hover ul,
#nav_820106 li.sfHover ul {
	left:			0;
	top:			40px; /* match top ul list item height */
	z-index:		99;
}
	#address {
}
#address2 {
width: 59.8784%;
}#address3 {
clear: none;
margin-left: 1.0989%;
margin-top: 145px;
padding-left: 3%;
width: 33.464%;
}
	.zeroMargin_tablet {
margin-left: 0;
}
	.hide_tablet {
display: none;
}
.breadcrumbs{
position: absolute;
}

/* @group Search */
#search-top{position:relative;bottom:-47px;right:0px;display:block;}
div#right-footer.fluid div#search-top{ bottom: 0;
    position: relative;
    right: 0;
	display:none;
}

div#search-top input.cat_button{ 
}

div#search-top input#CAT_Search.cat_textbox_small{
width: 60%;
	}
	div#right-footer.fluid input#CAT_Search.cat_textbox_small{
width: 160px; 	padding:0px 42px 0px 15px;
}

.search-box {
	}
div#right-footer.fluid .search-box {}

/* @end */
.guarantee{padding-left: 0;width: 100%;}
#sss{left: -19px;
    top: -10px;
	max-width:160px;
	left:0;
	right:30%;

    }
	.blog-container .side-panel{
width: 27%; float:right;}
.blog-container .post-list{width: 65%;}
#ecom .tricky {
  display: block;
}
.shop-product-small .name {
width:40%;	 
}

}

/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 769px) {

.gridContainer {
	width: 100%;
	max-width: 945px;
	padding-left: 0%;
	padding-right: 0%;
	margin: auto;
	clear: none;
	float: none;
	margin-left: auto;
}
#login-head {
	background-image: url(/template-images/loginscroll-bkgrd.png);
	background-repeat: no-repeat;
}
#loginleft {
width: 57.8755%;
}
#loginright {
width: 41.0256%;
margin-left: 1.0989%;
clear: none;
}
#ecom #loginright {
width: 41.0256%;
margin-left: 1.0989%;
}
#top-menu {
}
#brandpanel {
}
#mainBrand {
width: 57.8755%;
}
#logoone{display:block;}
#logotwo{display:none;}
#right-Brand {
width: 41.0256%;
margin-left: 1.0989%;
clear: none;
display: block;
}
#mainContent {
width: 57.8755%;

}
div#ecom #mainContent {
width: 68.8755%;

}
#mainContent-wide {
width: 100%;
}
.content-wrap{}
.content-wrap-wide{padding: 0 1.5%;}
#footer {
clear: both;
margin-left: 0;
}

#mainFooter {
width: 57.8755%;
}
#right-footer {
width: 41.0256%;
margin-left: 1.0989%;
clear: none;
}
#right-buttons {
width: 41.0256%;
margin-left: 1.0989%;
clear: none;
}
div#ecom #right-buttons {
width: 30.0256%;
margin-left: 1.0989%;
clear: none;
}
#nav_820106 li a {
    padding: 17px 21px;}
	#nav_820106 li:hover ul,
#nav_820106 li.sfHover ul {
	left:			0;
	top:			48px; /* match top ul list item height */
	z-index:		99;
}
	#address {
	font-family: oxygen, sans-serif;
}
#address2 {

width: 55.8755%;
}
#address3 {

margin-left: 1.0989%;
padding-left: 20%;
width: 21.0256%;
margin-top: 31px;
}
	.zeroMargin_desktop {
margin-left: 0;
}
	.hide_desktop {
display: none;
}
.breadcrumbs{
position: absolute;
}

/* @group Search */
#search-top{}
div#right-footer.fluid div#search-top{ display:block;
	
}
div#right-footer.fluid input#CAT_Search.cat_textbox_small{
	width: 30%;
	float:right;
}

div#search-top input#CAT_Search.cat_textbox_small{
	}
.removebr{ display: inline;}

/* ecom buy-reg page */
#regleft {width: 46%; float:left;}
.newcust {width: 52%}
.leftbox {float:left;}
#regright {width: 46%; }
.rightbox {float:right;}
.returncust {width: 42%;}

}


/* @end */

}