@font-face {font-family:'droid_sansregular'; src:url('../fonts/DroidSans-webfont.eot'); src:url('../fonts/DroidSans-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/DroidSans-webfont.woff') format('woff'), url('../fonts/DroidSans-webfont.ttf') format('truetype'), url('../fonts/DroidSans-webfont.svg#droid_sansregular') format('svg');font-weight:normal; font-style:normal;}
/**
 * @license
 * MyFonts Webfont Build ID 2800083, 2014-04-24T01:41:40-0400
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: James Paul by Fajardo
 * URL: http://www.myfonts.com/fonts/fajardo/james-paul/regular/
 * Copyright: James Paul© James Fajardo. 2007 All Rights Reserved
 * Licensed pageviews: 1,500,000
 * 
 * 
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=2800083
 * 
 * © 2014 MyFonts Inc
*/
@font-face {font-family: 'JamesPaul';src: url('../fonts/2AB9D3_0_0.eot');src: url('../fonts/2AB9D3_0_0.eot?#iefix') format('embedded-opentype'),url('../fonts/2AB9D3_0_0.woff') format('woff'),url('../fonts/2AB9D3_0_0.ttf') format('truetype');}
html {-webkit-text-size-adjust: 100%;}
body {background-color:#cccccc; margin: 0px 0px 40px 0px; color:#000000; background-image:url(images/gradient_backbround_bg.jpg); background-repeat:repeat-x;font-family:droid_sansregular,verdana,sans-serif; font-size:13px;}

/* MAIN LAYOUT */
div.HeaderContainer {background-color:#000000; background-image:url(images/swirl-2.jpg);background-position:right center;background-repeat:no-repeat;-webkit-background-size:38%; -moz-background-size:38%;
-o-background-size:38%;background-size:38%;font-size:0; height:auto; margin:auto;max-width:960px;}
.HeaderContainer img {height:auto;max-width:100%;width:auto}
.TopNav {background-color:#666; border-top: 1px solid #000;font-size:0;margin:auto;max-width:960px}

div.ContentWindow {background-color:#ffffff;margin:auto; padding:20px 20px 20px 20px;max-width:920px;}
div.UnderTitle {font-size:13px; padding-top:2px}

/* FOOTER */
div.ContainerFooter {max-width:920px; margin: auto; background-color:#eeeeee; border-top: 1px solid #cccccc;line-height:160%;padding:15px 20px 15px 20px}
.FWrap {width:90%;margin:auto}
.FLogo {float:left;max-width:30%;padding:0 30px 5px 0;width:auto}
.Footer {float:left;max-width:70%;padding:3px 0 0 5px; width:auto}
.ContainerFooter h3 {display:inline-block;font-family:JamesPaul,verdana,sans-serif;font-size:18px;font-weight:normal;padding:0 0 5px 0;margin:0}
.ContainerFooter p {display:inline}
ul.FooterLinks {background-color:#999999;clear:both;color:#fff;font-size:12px;list-style-type:none;overflow: hidden;padding:0px 5px;margin: 0 auto;text-align:center;max-width:950px; }
.FooterLinks li {float: left;}
.FooterLinks a:link {background-color:#999999;color:#fff;display:block;margin:0;padding:8px 7px;white-space:nowrap}
.FooterLinks a:visited {background-color:#999999;color:#fff;display:block;margin:0;padding:8px 7px;white-space:nowrap}
.FooterLinks a:hover {background-color:#666;color:#fff;display:block;margin:0;padding:8px 7px;white-space:nowrap}
.FooterLinks a:active {background-color:#cc0000;color:#fff;display:block;margin:0;padding:8px 7px;white-space:nowrap}

img.right {float: right;}
img.left {float: left;}
.floatstop {clear:both;width:1px;height:1px}
img {border:0px;height:auto;max-width:100%;width:auto}

a.ButtonG:link {background-color:#373535;border-radius:12px;-moz-border-radius:12px;color:#fff;display:inline-block;font-weight:bold;font-size:12px;padding:7px 4% 7px 4%;text-align:center;}
a.ButtonG:visited {background-color:#373535;border-radius:12px;-moz-border-radius:12px;color:#fff;display:inline-block;font-weight:bold;font-size:12px;padding:7px 4% 7px 4%;text-align:center;}
a.ButtonG:hover {background-color:#3366cc;border-radius:12px;-moz-border-radius:12px;color:#fff;display:inline-block;font-weight:bold;font-size:12px;padding:7px 4% 7px 4%;text-align:center;}
a.ButtonG:active {background-color:#cc0000;border-radius:12px;-moz-border-radius:12px;color:#fff;display:inline-block;font-weight:bold;font-size:12px;padding:7px 4% 7px 4%;text-align:center;}

a:link{color:#6666cc;} a:visited{color:#9966cc;} a:hover{color:#cc0000;}
a.blacklink:link{color:#000;} a.blacklink:visited{color:#000;} a.blacklink:hover{color:#cc0000;}
a { text-decoration:none; }

h1 {display:inline;font-family:JamesPaul,verdana,sans-serif;font-size:30px;font-weight:normal;padding:0px;margin:0px}
.heading {font-family:JamesPaul,verdana,sans-serif;font-size:30px;font-weight:normal;padding:0px;margin:0px}
h1.Sub {display:block;font-family:droid_sansregular,verdana,sans-serif;font-size:18px;font-weight:bold}
h2 {font-size:16px}

.red {color:#cc0033}
.header {font-size:16px;}
.headerc {font-size:16px; text-align: center;}
.swatchtitles {font-size:14px; font-weight: bold; }
.Blurb {font-size:14px; line-height:150%; border:1px solid #000000; padding:10px;}
.nowrap {white-space: nowrap}
.bold {font-weight: bold}
.RightLink {float:right;max-width:33%;padding:0 0 10px 2%;text-align:center;}

/* TABLE TAGS */
table {border-spacing:0;border-collapse:collapse;}

table.Swatches {border-spacing:0;border-collapse:collapse;border:1px solid #999999;border-bottom:none;font-size:13px;margin: auto;table-layout:auto;max-width:100%;width:90%}
.Swatches th {background-color:#ddd;font-weight:bold}
.Swatches td, th {border-bottom:1px solid #999;padding:6px 2%;text-align:center;vertical-align:middle}
.Swatches td {padding:10px 3%}
.Swatches td.Prod {background-color:#eee;font-weight:bold}
.Swatches img {height:50px;width:134px}
div.swatch {height:50px;width:134px;background-color:#000000;margin:auto}
div.swatch2 {height:50px;width:134px;background-color:#ffffff;margin:auto;border:1px solid #ccc}

table.Specs {border-spacing:0;border-collapse:collapse;border:1px solid #999999;border-bottom:none;font-size:13px;margin: auto;table-layout:auto;max-width:100%;width:90%}
.Specs tr:nth-of-type(odd) {background: #eee;}
.Specs th {background-color:#ddd;font-weight:bold}
.Specs td, th {border-bottom:1px solid #999;padding:6px 6px;text-align:center;vertical-align:middle}
.Specs td.SpecsH {white-space:nowrap}

/* Form */
.FormWrap {background-color:#cc0000;float:left;margin:10px 0 20px 2%; width:58%;}
.Clear {clear:both;height:5px;width:1px}
.FormStyle {background-color:#eeeeee;border:1px solid #ccc;font-weight:normal;padding:10px 3% 10px 3%;text-align:left;width:auto;}
.FormStyle div.Label {float:left;font-weight:bold;margin:4px 1% 5px 0px;padding:2px 1%; width:25%}
.FormStyle div.Input {float:left;margin:0px 0px 5px 0px;padding:2px 1%; width:68%}
.FormStyle div.Clear {height:1px;margin-bottom:10px;width:1px;}
.FormStyle .InputBox {font-size:14px;padding:4px;width:inherit}
.FormStyle .InputBox2 {font-size:14px;margin:5px 2px 0 0;padding:4px;width:inherit}
.Submit {border:1px solid #999;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;background-color:#ddd;color:#6666cc;font-size:16px;padding:10px}
.Submit:hover {border:1px solid #999;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;background-color:#f8f8f8;color:#6666cc;}
.Submit:active {border:1px solid #999;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;background-color:#f8f8f8;color:#cc0000;}
.NoShow {display:none}


.ContactWrap {float:left;margin:10px 2% 20px 0px; width:38%;}
table.Contact {border-spacing:0;border-collapse:collapse; width:auto;}
.Contact td {border-bottom:1px solid #eee;padding: 10px 3%;vertical-align:top}

ul {list-style-type: disc;}
ol {list-style-type: decimal;}

/*Top navigation menu*/
ul#css3menu1{
	margin:0;list-style:none;padding:0;background-color:#484848;border-width:0;border-style:solid;font-size:0;z-index:999;position:relative;display:inline-block;zoom:1;border-radius:0px;-moz-border-radius:0px;-webkit-border-radius:0px;
	*display:inline;}
ul#css3menu1 li{
	display:block;white-space:nowrap;font-size:0;float:left;}
* html ul#css3menu1 li a{
	display:inline-block;}
ul#css3menu1>li{
	margin:0;}
ul#css3menu1 a:active, ul#css3menu1 a:focus{
	outline-style:none;}
ul#css3menu1 a{
	display:block;vertical-align:middle;text-align:left;text-decoration:none;font:12px droid_sansregular,verdana,sans-serif;color:#000000;cursor:pointer;padding:3px;background-repeat:repeat;border-width:0px;border-style:none;}
ul#css3menu1 li:hover>a,ul#css3menu1 li a.pressed{
	border-style:none;color:#FFFFFF;}
ul#css3menu1 > li.switch{
	display:none;cursor:pointer;width:25px;height:20px;padding:12px 0px 12px 6%;max-width:94%}
ul#css3menu1 > li.switch:before{
	content:"";position:absolute;display:block;height:4px;width:25px;border-radius:4px;background:#ffffff;-moz-box-shadow:0 8px #ffffff, 0 16px #ffffff;-webkit-box-shadow:0 8px #ffffff, 0 16px #ffffff;box-shadow:0 8px #ffffff, 0 16px #ffffff;}
ul#css3menu1 > li.switch:hover:before{
	background:#ffffff;-moz-box-shadow:0 8px #ffffff, 0 16px #ffffff;-webkit-box-shadow:0 8px #ffffff, 0 16px #ffffff;box-shadow:0 8px #ffffff, 0 16px #ffffff;}
.c3m-switch-input{
	display:none;}
ul#css3menu1 li:hover>a,ul#css3menu1 li > a.pressed{
	border-style:none;color:#FFFFFF;text-decoration:none;}
ul#css3menu1>li>a{
	padding:15px 10px;}
ul#css3menu1 li.topmenu>a{
	border-bottom:1px solid #484848;background-color:#666;border-radius:0px;-moz-border-radius:0px;-webkit-border-radius:0px;padding:15px 10px;color:#ffffff;}
ul#css3menu1 li.topmenu:hover>a,ul#css3menu1 li.topmenu > a.pressed{
	background-color:#333;color:#ffffff;}
@media screen and (max-width: 960px) {
	ul#css3menu1 > li {
		position: initial;}
	ul#css3menu1 ul .submenu,ul#css3menu1 li > ul {
		left: 0; right:auto; top: 100%;}
	ul#css3menu1 .submenu,ul#css3menu1 ul,ul#css3menu1 .column {
		-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;padding-right: 0;width: 100% !important;}
}
@media screen and (max-width: 958px) {
	ul#css3menu1 {
		width: 100%;}
	ul#css3menu1 > li {
		display: none;		position: relative;		width: 100% !important;}
	ul#css3menu1 > li.switch,.c3m-switch-input:checked + ul#css3menu1 > li + li {
		display: block;}
	ul#css3menu1 > li.switch > label {		position: absolute;cursor: pointer;top: 0;left: 0;right: 0;bottom: 0;}}


@media only screen and (max-width: 480px), (min-device-width: 300px) and (max-device-width: 600px)  {
body{margin-bottom:0px}
h1 {font-size:22px;} .heading {font-size:22px;}
div.ContainerFooter {line-height:170%;}
.FWrap {width:100%;margin:auto}
.FLogo {float:left;max-width:100%;padding:0 30px 5px 0;width:auto}
.Footer {float:left;max-width:100%;padding:3px 0 0 5px; width:auto}
ul.FooterLinks {background-color:#999999;clear:both;color:#fff;font-size:12px;list-style-type:none;overflow: hidden;padding:0px 20px;margin: 0 auto;text-align:center;max-width:920px; }
.FooterLinks a:link {background-color:#999999;color:#fff;display:block;margin:2px;padding:8px 7px;white-space:nowrap}
.FooterLinks a:visited {background-color:#999999;color:#fff;display:block;margin:2px;padding:8px 7px;white-space:nowrap}
.FooterLinks a:hover {background-color:#666;color:#fff;display:block;margin:2px;padding:8px 7px;white-space:nowrap}
.FooterLinks a:active {background-color:#cc0000;color:#fff;display:block;margin:2px;padding:8px 7px;white-space:nowrap}

a.ButtonG:link {font-size:10px}
a.ButtonG:visited {font-size:10px}
a.ButtonG:hover {font-size:10px}
a.ButtonG:active {font-size:10px}

table.Swatches {font-size:12px;width:100%}
.Swatches img {height:40px;width:100px}
div.swatch {height:40px;width:100px;background-color:#000000;margin:auto}
div.swatch2 {height:40px;width:100px;background-color:#ffffff;margin:auto;border:1px solid #ccc}

.ContactWrap {float:none;margin:10px 0 0px 0; width:100%;}
.FormWrap {float:none;margin:10px 0 20px 0; width:100%;}
.FormStyle div.Label {float:none;font-weight:bold;font-size:14px;margin:4px 0px 5px 0px;padding:2px 1%; width:98%}
.FormStyle div.Input {float:none;margin:0px 0px 5px 0px;padding:2px 1%; width:98%}
.FormStyle .InputBox {font-size:14px;padding:6px 4px;width:inherit}
.FormStyle .InputBox2 {font-size:14px;margin:5px 2px 0 0;padding:6px 4px;width:inherit}
.HideMobile {display:none}

/* Force Spec table to behave like rows */
table.Specs {font-size:12px;width:100%}
table.Specs, .Specs thead, .Specs tbody, .Specs th, .Specs td, .Specs tr {display: block;}
.Specs thead tr {position: absolute;	top: -9999px;left: -9999px;}	
.Specs tr {border: 1px solid #ccc; }
.Specs td { /* Behave  like a "row" */border: none;border-bottom: 1px solid #ccc;position: relative;padding-left: 50%;text-align:left}
.Specs td:before {	/* Similar to table headers */position: absolute;/* Top/left values mimic padding */top: 6px;left: 6px;width: 45%;padding-right: 10px;	white-space: nowrap;text-align:left}
.Specs td.SpecsH  {font-weight:bold;}
.Specs strong {font-size:14px}
/* Data Labels */
    .Specs td:nth-of-type(1):before {content: attr(data-label);}
	.Specs td:nth-of-type(2):before {content: attr(data-label);}
	.Specs td:nth-of-type(3):before {content: attr(data-label);}
	.Specs td:nth-of-type(4):before {content: attr(data-label);}
	.Specs td:nth-of-type(5):before {content: attr(data-label);}
	.Specs td:nth-of-type(6):before {content: attr(data-label);}
	.Specs td:nth-of-type(7):before {content: attr(data-label);}
	.Specs td:nth-of-type(8):before {content: attr(data-label);}
	.Specs td:nth-of-type(9):before {content: attr(data-label);}
	.Specs td:nth-of-type(10):before {content: attr(data-label);}
	.Specs td:nth-of-type(11):before {content: attr(data-label);}
	.Specs td:nth-of-type(12):before {content: attr(data-label);}
	.Specs td:nth-of-type(13):before {content: attr(data-label);}
}