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

body {height:100%;background:#fff url(images/bg.jpg) repeat-x;background-attachment:fixed;color:#717171;font-family: Helvetica, Arial, sans-serif}
h1, h2 {font-weight:bold;}
h4 {font-size: 1.25rem;}
hr {border-color:#d5d5d5;}

#header, #content, #footer {background:#fff;width:auto;max-width: 62.500em;margin:0 auto;}

/* header area */


.mainNav {}
	.mainNav ul {list-style:none;margin:0;padding:0;float:left;border-bottom:1px solid #b5b5b5;width:100%;}
    	.mainNav li {display:inline;text-align:center;background:#0b70b4;}
        	.mainNav li a {float:left;width:33.3%;padding:.44em 1em;color:#717171;text-transform:uppercase;font-size:.7rem;background:#fff;border-right:1px solid #b5b5b5;	white-space:nowrap;
   -moz-box-shadow:    inset -7px 0 9px -7px rgba(0,0,0,0.3);
   -webkit-box-shadow: inset -7px 0 9px -7px rgba(0,0,0,0.3);
   box-shadow:         inset -7px 0 9px -7px rgba(0,0,0,0.3);}
   				.mainNav li a:hover, .mainNav .hg-Selected {color:#FFF;background:#24c0f2;}
                
.trailNav {overflow: hidden; }
	.trailNav ul {float:left;width:100%;list-style:none;margin:0;padding:0;border-bottom:1px solid #b5b5b5;background: url(images/trailBg.png) repeat-x 0 0;}
    	.trailNav li {display:inline;}
        .trailNav li a:before {float:left;content:'';display:block;width:36px;height:36px;background: url(images/trailNav1.png) no-repeat 0 0;margin:-5px .4em;}
        .trailNav li.one a:before {background: url(images/trailNav1.png) no-repeat 0 0;}
        .trailNav li.two a:before {background: url(images/trailNav2.png) no-repeat 0 0;}
        	.trailNav li a {float:left;position: relative;display: block;padding:1em 2em 1em 0;color:#fff;text-transform:capitalize;font-size:.9rem;font-weight:100;background: url(images/trailNavBg.png) no-repeat 100% 50%, url(images/trailBg.png) repeat-x 0 50%;}
                .trailNav li a:hover {background: url(images/trailNavBg2.png) no-repeat 100% 50%, url(images/trailBg2.png) repeat-x 0 50%;}
            .trailNav li a.active{background: url(images/trailNavBg2.png) no-repeat 100% 50%, url(images/trailBg2.png) repeat-x 0 50%;}


a.return {float:left;font-size:.8rem;color:#fff;text-shadow: -2px -1px 1px #8b8d8f;padding:.4em 1.5em;margin-bottom:20px;
					background: #bcbdc0;
					background: -moz-linear-gradient(top,  #bcbdc0 0%, #838588 100%);
					background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bcbdc0), color-stop(100%,#838588));
					background: -webkit-linear-gradient(top,  #bcbdc0 0%,#838588 100%);
					background: -o-linear-gradient(top,  #bcbdc0 0%,#838588 100%);
					background: -ms-linear-gradient(top,  #bcbdc0 0%,#838588 100%);
					background: linear-gradient(to bottom,  #bcbdc0 0%,#838588 100%);
					filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bcbdc0', endColorstr='#838588',GradientType=0 );}
	a.return:hover {color:#6a1406;text-shadow: -2px -1px 1px #f06d40;
          			background: #da4b1a;
					background: -moz-linear-gradient(top,  #da4b1a 0%, #be4116 100%); 
					background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#da4b1a), color-stop(100%,#be4116));
					background: -webkit-linear-gradient(top,  #da4b1a 0%,#be4116 100%);
					background: -o-linear-gradient(top,  #da4b1a 0%,#be4116 100%);
					background: -ms-linear-gradient(top,  #da4b1a 0%,#be4116 100%); 
					background: linear-gradient(to bottom,  #da4b1a 0%,#be4116 100%);
					filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#da4b1a', endColorstr='#be4116',GradientType=0 );}
                    
.cart {display:inline-block;width:37px;height:33px;background:url(images/cart.png) no-repeat;position:absolute;right:0;}

.cart span{float:right;margin:-10px;border:1px solid #004d99;background:#004d99;border-radius:25px;padding:0 5px;color:#FFF;font-size:11px;font-weight:bold;line-height:15px;}

.hero {display:block;background:url(images/heroBg.jpg) no-repeat;background-size:contain;}
	.hero h2, .hero p {color:#717171;margin:0;}
    .hero h2 {padding:0 25px 0 25px;line-height:1;font-size: 2rem;}
    .hero p {padding:0 25px;}

/* content area */
#content {margin-top:10px;}

.panel {margin:.5rem 0;padding:.75rem;border:none;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;background:#e7e8e9;
					background: -moz-linear-gradient(top,  #e7e8e9 0%, #ffffff 100%);
					background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e7e8e9), color-stop(100%,#ffffff));
					background: -webkit-linear-gradient(top,  #e7e8e9 0%,#ffffff 100%);
					background: -o-linear-gradient(top,  #e7e8e9 0%,#ffffff 100%);
					background: -ms-linear-gradient(top,  #e7e8e9 0%,#ffffff 100%);
					background: linear-gradient(to bottom,  #e7e8e9 0%,#ffffff 100%);
					filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7e8e9', endColorstr='#ffffff',GradientType=0 );}
.panel h1, .panel h2, .panel h3, .panel h4, .panel h5, .panel h6, .panel p, .panel li, .panel dl {color:#717171;}
p, li {font-size:.8rem;line-height:1.4;}
p.lead {font-size: 1.15rem;line-height:1.25}
p.list-lead {margin-bottom:0;}

ul.seriesNav {list-style:none;margin:.5rem 0 0;padding:0;}
	ul.seriesNav li {}
    	ul.seriesNav li a {display:block;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;padding:0.75rem;color:#717171;font-size:1.6rem;line-height:.75;background:#e7e8e9;
     				background: -moz-linear-gradient(top,  #e7e8e9 0%, #ffffff 100%);
					background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e7e8e9), color-stop(100%,#ffffff));
					background: -webkit-linear-gradient(top,  #e7e8e9 0%,#ffffff 100%);
					background: -o-linear-gradient(top,  #e7e8e9 0%,#ffffff 100%);
					background: -ms-linear-gradient(top,  #e7e8e9 0%,#ffffff 100%);
					background: linear-gradient(to bottom,  #e7e8e9 0%,#ffffff 100%);
					filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7e8e9', endColorstr='#ffffff',GradientType=0 );}
        ul.seriesNav li a span {font-size:1rem;}
        
.sideNav {list-style:none;margin:.5rem 0 0;padding:0 0 0 20px;}
.sideNav li {margin-left:1rem;}
.sideNav li a {display:block;color:#717171;font-size:1.6rem;line-height:.75;border-bottom:1px solid #dddddd;padding:1rem 0;}
.sideNav li a.active {color:#000;}
.sideNav li a span {font-size:1rem;}
.sideNav li:first-child a{padding-top:0;}
.sideNav li a:hover {color:#000;}
.sideNav .hg-Selected{color:#000;font-weight:bold;}

.kit {margin-top:-1rem;}
.kit-mobile {margin: 0 5px 0 180px;width: 40%;}

/* samples */
.titles p {margin:0;font-size:.65rem;}
.sample {}

.cswatch{
	display:inline-block;
	width:2em;
	height:2em;
	margin-right: 1em;
}
.swatch {display:block;width:50px;height:50px;background:#fff;
			-webkit-box-shadow: -1px 3px 4px 0px rgba(0, 0, 0, 0.15);
			-moz-box-shadow:    -1px 3px 4px 0px rgba(0, 0, 0, 0.15);
			box-shadow:         -1px 3px 4px 0px rgba(0, 0, 0, 0.15);}
	.color-1 {background-color:#ad864a;}
    .color-2 {background-color:#d2a361;}
    .color-3 {background-color:#dcbb65;}
.sample input, .sample select, .checkoutform input {display:block;width:95%;height:auto;padding:1em;color:#717171;
		border:1px solid #d5d5d5;
		-moz-box-shadow:    inset 0 0 4px rgba(0, 0, 0, 0.15);
   		-webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.15);
   		box-shadow:         inset 0 0 4px rgba(0, 0, 0, 0.15);}
.checkoutform select {text-align:left;margin:4px 0;padding-left:0.5em;}
select {text-align:center;padding:1em .25em 1em 0; height:auto;}
input[type="file"], input[type="checkbox"], input[type="radio"], select {}

#checkoutform input {width:100%;height:auto;}
#checkoutform p {margin:1em 0 0 0;}

input.desc {display:block;width:95%;}
input.qty {display:block;width:99%;text-align:center;}
input.size {display:block;width:90%;text-align:center; display: none;}
.checkout {padding-top:100px;}
.submit {background:#ef8b32;padding:.5em .25em .5em .25em;text-transform:uppercase;text-align:center;
			-webkit-box-shadow: inset 2px 2px 3px 0px rgba(0,0,0,0.25);
			-moz-box-shadow: inset 2px 2px 3px 0px rgba(0,0,0,0.25);
			box-shadow: inset 2px 2px 3px 0px rgba(0,0,0,0.25);}
	.submit a {color:#fff;font-size:.9rem;letter-spacing:1.5px;font-weight:100;}

.summary {border-bottom:1px solid #d5d5d5;padding-bottom:.5em;margin-bottom:.5em !important;}
	.summary p {margin:0;}
    .summary p.title {font-size:1rem;font-weight:bold;line-height:1.1;margin-left:1rem;}
    	.summary p.title span {font-size:.7rem;margin-left:.5rem;}
    .summary p.specs{margin-left: 1rem;}
        
.button.secondary {font-size:.8rem;color:#fff;text-shadow: -2px -1px 1px #8b8d8f;padding:.4em 1.5em;/*text-transform:uppercase*/;
     		background: #d1d2d4;
			background: -moz-linear-gradient(top,  #d1d2d4 0%, #a9abae 100%);
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d1d2d4), color-stop(100%,#a9abae)); 
			background: -webkit-linear-gradient(top,  #d1d2d4 0%,#a9abae 100%); 
			background: -o-linear-gradient(top,  #d1d2d4 0%,#a9abae 100%);
			background: -ms-linear-gradient(top,  #d1d2d4 0%,#a9abae 100%); 
			background: linear-gradient(to bottom,  #d1d2d4 0%,#a9abae 100%); 
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1d2d4', endColorstr='#a9abae',GradientType=0 );}


	.button.secondary:hover {color:#6a1406;text-shadow: -2px -1px 1px #f06d40;
          			background: #da4b1a;
					background: -moz-linear-gradient(top,  #da4b1a 0%, #be4116 100%); 
					background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#da4b1a), color-stop(100%,#be4116));
					background: -webkit-linear-gradient(top,  #da4b1a 0%,#be4116 100%);
					background: -o-linear-gradient(top,  #da4b1a 0%,#be4116 100%);
					background: -ms-linear-gradient(top,  #da4b1a 0%,#be4116 100%); 
					background: linear-gradient(to bottom,  #da4b1a 0%,#be4116 100%);
					filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#da4b1a', endColorstr='#be4116',GradientType=0 );}
                    
/* ui styles */
body .ui-widget-content {color:#717171;}
body .ui-widget-content a {color:#717171;}
body .ui-autocomplete{background:#FFF;}
.partnumber {font-size:.9rem;margin-right:.5em;}
.partdesc {font-size:.7rem;}
input::-webkit-input-placeholder {font-style:italic;}
input::-moz-placeholder {font-style:italic;}
input:-ms-input-placeholder {font-style:italic; }
input:-moz-placeholder {font-style:italic; }

.ui-menu .ui-menu-item {border-left:1px solid #d5d5d5;border-right:1px solid #d5d5d5;border-bottom:1px solid #d5d5d5;}
                    
/* footer area */

#footer {margin-top:10px;}
	#footer p {margin:0;padding:1em;}
    

/* min-width 641px, medium screens */
@media only screen and (min-width: 40.063em) { 
	/* header area */
    #header {padding:0px 20px 0px;}
    a.return {font-size:.8rem;padding:.4em 1.5em;position:absolute;top:20px;right:100px;}
    a.cart {top:20px;}
                    
        .mainNav ul {float:left;list-style:none;margin:0;padding:0;border-bottom:1px solid #b5b5b5;width:100%;}
                .mainNav li a {float:left;width:auto;padding:.44em 1.5em;font-size:.85rem;}
    
    .hero {min-height:260px;background-size:auto;}
	.hero h2, .hero p {color:#fff;margin:0;}
    .hero h2 {padding:150px 0 0 450px;font-size: 2.25rem;}
    .hero p {padding:0 50px 0 450px;}

	.trailNav {overflow: hidden; }
	.trailNav ul {float:left;width:100%;list-style:none;margin:0;padding:0;border-bottom:1px solid #b5b5b5;background: url(images/trailBg.png) repeat-x 0 50%;}
    	.trailNav li {display:inline;}
        .trailNav li a:before {float:left;content:'';display:block;width:36px;height:36px;background: url(images/trailNav1.png) no-repeat 0 0;margin:-5px .4em;}
        .trailNav li.one a:before {background: url(images/trailNav1.png) no-repeat 0 0;}
        .trailNav li.two a:before {background: url(images/trailNav2.png) no-repeat 0 0;}
        	.trailNav li a {float:left;position: relative;display: block;padding:1em 2.5em 1em .44em;color:#fff;text-transform:capitalize;font-size:1.25rem;font-weight:100;background: url(images/trailNavBg.png) no-repeat 100% 50%, url(../img/trailBg.png) repeat-x 0 50%;}
                .trailNav li a:hover {background: url(images/trailNavBg2.png) no-repeat 100% 50%, url(images/trailBg2.png) repeat-x 0 50%;}
            .trailNav li a.active{background: url(images/trailNavBg2.png) no-repeat 100% 50%, url(images/trailBg2.png) repeat-x 0 50%;}


.partnumber {font-size:1.4rem;margin-right:1em;}
.partdesc {font-size:1rem;}

} 
    
/* min-width 1025px, large screens */
@media only screen and (min-width: 64.063em) { 

}

#checkoutform input {
	margin:4px 0;
}

.sof-JustAdded{border:1px dashed #000;}
.sof-TextBtn{height:2rem;margin:1rem 0 0 0.5rem;padding:0;line-height:2rem;width:2rem;background:linear-gradient(to bottom, #bcbdc0 0%, #838588 100%);color:#FFF;font-weight:bold;}
.sample .swatch, .sample .descEH{margin-top:.5rem;text-shadow:2px 2px 0 #FFF;}
.swatch{margin:0 auto;}
.qty{margin:.5rem 0 !important;}
.sof-Item{padding:10px;float:left;text-align:center;}
table .sof-Item{padding:0;float:none;text-align:left;}
.sof-Item strong{color:#004D99;font-weight:bold;}
.sof-ImageSwatch{display:inline-block;height:80px;width:120px;}
td .sof-ImageSwatch{height:36px;width:36px;}
.sof-ItemInner{padding:5px 0 42px 0;text-align:center;border:1px dashed #CCC;position:relative;}


.sof-AddToCartBtn, .sof-InCart, .sof-Unavailable{display:block;line-height:36px;position:absolute;bottom:0;width:100%}
td .sof-AddToCartBtn, td .sof-InCart{display:block;line-height:36px;position:inherit;width:100%;background:none;}
.sof-AddToCartBtn button{line-height:36px;margin:0;padding: 0;width:100%;background:linear-gradient(to bottom, #48d3f9 0px, #45c9f4 50%, #24c0f2 51%, #24c0f2 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);background-color:#48d3f9;}
.sof-AddToCartBtn button:hover,.sof-AddToCartBtn button:focus{background:#45c9f4;box-shadow:0 0 5px #999999;}
.sof-InCart {background:#EFE6DD;}
.sof-InCart input {margin:0;width:50px;height:auto;padding:.25rem;display:inline;}
.sof-InCart button,.sof-UpdateCartBtn{line-height:36px;margin:0;padding:0;background:none;}
.sof-InCart button img, .sof-UpdateCartBtn img{height:auto;width:auto;}
.sof-InCart button:hover img, .sof-InCart button:focus img{box-shadow:0 0 5px #999999;}
.sof-UpdateCartBtn:hover,.sof-UpdateCartBtn:focus{background:none;}
.sof-InCart label{display:inline;color:#004D99;font-weight:bold;}
.sof-SKU{font-style:italic;font-size:75%;}
table .sof-Unavailable{position:inherit;}

.sof-List .sof-Thumb{height:36px;}
.sof-Cart .sof-Thumb{height:45px;}
.sof-List{table-layout:auto;}

.sof-Cart input{float:left;}
.sof-UpdateCartBtn{float:left;margin-left:10px;}

.hg-Pager{line-height:25px;float:left;margin:15px 0;width:100%;}
.hg-Pager p{float:left;}
.hg-Pager ul{list-style:none;float:left;}
.hg-Pager li{float:left;padding:0 5px;}
.hg-Pager li span{font-weight:bold;}
.hg-Pager ul li a{font-weight:normal;color:#008cba;}

.btn{line-height:36px;padding:5px 20px;float:right;background:linear-gradient(to bottom, #48d3f9 0px, #45c9f4 50%, #24c0f2 51%, #24c0f2 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);background-color:#48d3f9;color:#FFF;}
.btn:hover,.btn:active{background:#45c9f4;}

.sof-SignIn fieldset{border:none;}
.sof-SignIn legend{font-weight:bold;font-size:2.3125rem;background:none;}
.sof-SignIn br{display:none;}
h1{padding-left:20px;color:#004D99;}

.checkoutform label {line-height: 3.5;margin-right:1rem;}

.sof-BreadCrumb{padding:10px 10px 10px 20px;margin:0;font-size:1rem;}
.sof-SearchBox{min-height:24px;background-image:url('images/magnify.png');background-position:right center;background-repeat:no-repeat;}

.sof-SortOptions{float:left;}
.sof-SortOptions select{width:auto;padding:0 1rem}

.sof-SearchOptions{float:right;width:50%;}
.sof-SearchOptions .sof-Selected, .sof-CountryToggle .sof-Selected{background:#24c0f2;}
.sof-SearchOptions a,.sof-CountryToggle a{float:right;padding:.5rem;margin:auto .5rem;}

.sof-CountryToggle{float:left;}
.sof-CountryToggle img{max-height:24px;}

.sof-ProductGrid {clear:both;}

.sof-Label{font-weight:bold;text-align:right;}
.sof-Label span{padding-right:1rem;white-space:nowrap;}

.sof-SmallCustInfo{float:right;margin:10px 50px 0 0;font-size:75%}

.sof-MessageBox{border-bottom:2px dashed #004d99;margin-top:25px;}
.sof-MessageBox h2{font-size:100%;color:#FFF;background:#004d99;margin:0;padding:5px;text-align:center;}
.sof-MessageBox p{padding:5px;font-size:75%;margin:5px 0;}

.sof-OrderHeader span{float:left;margin:1rem;font-weight:normal;}

.sof-CartError {border:2px dashed #B81F37;padding:1rem;}
.sof-CartError li{padding:5px;}
.sof-CartError li a{display:inline-block;margin:0 5px;}

/****** Alerts *****************/
.hg-AlertHolder{position:fixed;color:#FFF;top:0;margin:0 10%;text-align:center;display:none;z-index:5000;width:80%;min-height:30px;box-shadow:0 3px 3px #000;border-radius:0 0 5px 5px;}
.hg-Alert{display:inline-block;padding:15px;}

.hg-Alert-Warning{background-color:#FF7800;background-image:linear-gradient(to bottom, #FF7800 0%,#febf01 100%);}
.hg-Alert-Warning .hg-Alert{padding:15px 15px 15px 30px;background:url('/Hugantic/Packages/Cms/Themes/Default/images/warning.png') no-repeat 0 50%;}

.hg-Alert-Critical{background-color:#FF0D00;background-image:linear-gradient(to bottom, #FF0D00 0%,#BF7330 100%);}
.hg-Alert-Critical .hg-Alert{padding:15px 15px 15px 30px;background:url('/Hugantic/Packages/Cms/Themes/Default/images/critical.png') no-repeat 0 50%;}


.hg-Alert-Info{background-color:#01BCCD;background-image: linear-gradient(to bottom, #01BCCD 0%,#27909A 100%);}
.hg-Alert-Info .hg-Alert{padding:15px 15px 15px 30px;background:url('/Hugantic/Packages/Cms/Themes/Default/images/info.png') no-repeat 0 50%; color:#FFF}