body { background-color:#002d4f; color: #ffffff; font-family: "Open Sans", sans-serif; font-weight: 400; font-style: normal; text-rendering: optimizeLegibility; }

img {border:none;}

h1 { font-weight: lighter; font-size: 32px; font-family: "Quicksand", "Open Sans", sans-serif; font-weight: 400; font-style: normal; color:#036; text-rendering: optimizeLegibility; line-height: 1.1; margin-bottom: 14px; margin-top: 14px; }
h2 { font-size: 26px; font-family: "Quicksand", "Open Sans", sans-serif; font-weight: 400; font-style: normal; color:#036; text-rendering: optimizeLegibility; line-height: 1.1; margin-bottom: 14px; margin-top: 14px; }
h3 { font-weight: 600; color:#002D4F; font-size: 14px; margin: 8px 0 2px 0; font-family: "Open Sans", sans-serif; font-style: normal; text-rendering: optimizeLegibility; text-transform: uppercase; }
h4 { font-weight: 400; color:#002D4F; font-size: 14px; margin: 15px 0 10px 0; font-family: "Open Sans", sans-serif; font-style: normal; text-rendering: optimizeLegibility; text-transform: uppercase; }
h5 { font-size:16px; margin:5px 0px 2px 0px; font-family: "Quicksand", "Open Sans", sans-serif; font-weight: 400; font-style: normal; color:#036; text-rendering: optimizeLegibility; line-height: 1.1; }
h6 { font-size:18px; margin:5px 5px 2px 1px; font-family: "Quicksand", "Open Sans", sans-serif; font-weight: 400; font-style: normal; color:#036; text-rendering: optimizeLegibility; line-height: 1.1; }

.price h2 { font-size: 15px; font-family: "Open Sans", sans-serif; font-weight: 600; font-style: normal; color:#036; text-rendering: optimizeLegibility; line-height: 1.1; margin-bottom: 3px; margin-top: 8px; text-transform: uppercase; }

.panel p, .panel ul, .panel li { color:#333333; font-size: 13px; margin: 0 0 8px 0; line-height: 16px;}
.panel ul { margin-left: 20px; } 

.nav-bar { height: 30px; background: #CCC; margin-left: 0; margin-top: 15px; padding: 0; }
.top-bar { background: #CCC; height: 32px; line-height: 32px; margin: 0 0 30px; padding: 0; width: 100%; /* Contain width to .row width */ /* First <ul> for branding, title, name, etc */ /* topbar global <ul> styles */ }

.top-bar ul { margin-left: 0; display: inline; height: 32px; line-height: 32px; list-style: none; }
.top-bar ul > li a:not(.button) { color: #002d4f; display: block; font-size: 14px; font-weight: 400; height: 32px; line-height: 32px; padding: 0 24px; }
.top-bar ul > li:hover, .top-bar ul > li.active { background: #DFDFDF; }
.top-bar ul > li:hover a, .top-bar ul > li.active a { color: #002d4f; }

.top-bar ul > li > ul.dropdown > li a:not(.button) { color: #232323; font-size: 11px; margin: 0px; padding-bottom: 5px; padding-top: 5px; line-height: 1.0em; }
.top-bar ul > li > ul.dropdown > li a:hover { color: white; }
.top-bar ul > li > ul.dropdown > li h5 a:hover { color: #002d4f; } 

.top-bar ul > li.divider { background: #CFCFCF; -webkit-box-shadow: 1px 0 0 #444444; -moz-box-shadow: 1px 0 0 #444444; box-shadow: 1px 0 0 #444444; height: 500%; margin-right: 1px; width: 4px; }

.contact-head { font-size: 12px; margin: 20px 0; font-weight: 400; }
.contact-head a:link {color:#FFFFFF;}      /* unvisited link */
.contact-head a:visited {color:#FFFFFF;}  /* visited link */
.contact-head a:hover {color:#2284A1;}  /* mouse over link */
.contact-head a:active {color:#2284A1;}  /* selected link */ 

.table { background-color:#EFEFEF; padding:  6px 0 4px 12px; }
.tabledk { background-color:#E5E5E5; padding: 6px 0 4px 12px; }

.price { border-top: 1px dotted #999; border-bottom: 1px dotted #999; padding: 4px 0 6px 8px; margin: 16px 0 0 0; background-color: #F4F4F4; }

.foot { font-size: 10px; margin: 0; }

.hide {display: none; }


/* Very large screens */
@media only screen and (min-width: 1100px) {  
	div.pagebkg { 
		background-color:#002d4f;
    	width:1100px;
   	 margin: 0 auto;
		background-image: url('../images/bkgrnd.gif');
		background-repeat: no-repeat;
	}
	.logo { margin: 20px 0 32px 17px; }
	dl.tabs.six-up { display: block; height: 67px; float: left;}
}

/* Medium screens */
@media only screen and (max-width: 1099px) and (min-width: 768px) {  
	div.pagebkg { 
		background-color:#002d4f;
		background-image:none;
	}
	.logo { margin: 20px 0 32px 17px; }
	dl.tabs.six-up { display: block; height: 67px; float: left;}
}

/* Small screens */
@media only screen and (max-width: 767px) {  
	div.pagebkg { 
		background-color:#002d4f;
		background-image:none;
	}
	.logo { margin: 20px 0 -10px 17px; }
	dl.tabs.six-up { display: block; height: auto; float: left;}
}


/* Nav Changes */
@media only screen and (min-width: 941px)  {  
a.hidden {visibility: hidden; }
}


/* product thumbnail galleries */

.gallerypanel { padding:0; border:none; margin:0; background-color:#EFEFEF;}
.galleryrow { padding: 10px 25px; border:none; margin: 0;}

dl.tabs.six-up { margin: 0 -4px; }
dl.tabs.six-up > dd { width: 16.66667%; padding: 0 4px 4px;  }
dl.tabs.six-up > dd:nth-child(6n+1) { clear: both; }

dl.tabs dd a {
    color: #6F6F6F;
    display: block;
    padding: 0;
}
dl.tabs dd.active a {
    background: none repeat scroll 0 0 #EFEFEF;
    border-left: medium none;
    border-right: medium none;
    color: #3C3C3C;
    cursor: default;
}
dl.tabs dd.active {
    border-top: medium none;
    margin-top: 0;
}
dl.tabs dd.active img {
    opacity: 1;
}
dl.tabs img:hover {
    opacity: 1;
}
ul.tabs-content {
    display: block;
}
dl.tabs {
    border-bottom: medium none;
    display: block;
    padding: 0;
}
dl.tabs img { /* see media queries above for more */
    opacity: 0.5;
	margin: 0;
}
ul.tabs-content li {
    background-color: #EFEFEF;
	padding-bottom: 22px;
}
ul.tabs-content img { /* see media queries above for more */
    border: 0px solid #fff;
    margin:0px -10px;
	padding:0;
}

/* complementary product boxes */
.compbox {border:none; background-color:#EFEFEF; padding: 8px;min-height:190px;}

h3.comptitle {color:#FC0; font-weight:400; margin: 0 0 10px 6px;}

p.comptitle, p.comptitle a { 
	font-size:16px; 
	margin:5px 0px 2px 0px; 
	font-family: "Quicksand", "Open Sans", sans-serif; 
	font-weight: 400; 
	font-style: normal; 
	color:#036; 
	text-rendering: optimizeLegibility; 
	line-height: 1.1; 
}


.productdetails {padding:12px; border:none; background-color:#EFEFEF;}



/* Sortable tables */
table.sortable thead {
    background-color:#eee;
    color:#666666;
    font-weight: bold;
    cursor: default;
}

img.feature
{
border: 1px solid silver;
padding: 5px;
}

/* Fluid YT Embed */
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}