body {font-size: 100%; font-family: 'Oxygen', Arial, Helvetica, sans-serif; line-height: 1.6; color: #020001; overflow-y:scroll}
/*----------[LAYOUT]----------*/
body, .content, .productColumn .selection, .selection h2  {margin: 0}
body, .container, .selection {padding: 0}
img, .selection li, .contact-right, textarea {max-width: 100%}
img {height: auto}
ul, ol {margin: .16666666667em}
.container, .selection, .gallery li {margin: 0 auto}
.container {max-width: 100em; min-width: 64.166666666667em}
.content, .top, .download {overflow: hidden}
.content {min-height: 33.3333333333em; padding: 2.5em}
.content h1 {padding: .4166666667em 0}
.banner_wrap, .footer, .top-images {width: 100%; display: block; float: left; background: #a22338; color: #ffffff;}
.banner_wrap h1, .productColumn, .contact-right, .contact-left, .left, .top-images {float: left}
h1.num, .right {float: right}
h1.num {margin-right: 2em}
.footer {height: 4.1666666667em; text-align: right}
.footer p {padding: .6666666667em .833333333em}
.productColumn {margin: 1em 0 1em 1em}
.gallery li, .selection li {display: inline-block; vertical-align: top}
.gallery li {padding:.8em .8em .5em .8em; max-width: 23em}
.selection li {width: 15em; list-style: none; margin: 1em; line-height:0}
.selection li.fabric, textarea {line-height: 1.5}
.selection li.fabric {max-width: 7.8125em}
.selection h2, .description, .side {padding: 2%}
.wide li {width: 32.6em}
.description {width: 52%}
.side {width: 19%}
.out-text, .pdfdl {position: absolute}
.out-text {z-index: 100; padding: .4166666667em}
.contact-left {max-width: 25%; margin-right: 10%}
input, textarea {padding: .75em; outline: 0; font: normal 1em/1 Arial, Helvetica, sans-serif; width:16.6666666666667em;}
textarea {width: 33.3333333333em; height: 12.5em}
.form label {margin-left: .833333333em}
.submit input {width: auto; padding: .75em 1.25em; background: #BDBDBD}
.iframeContainer {min-width: 8.33333333333em}
.clearFloat {clear: both}
.main-column {float: left; width: 50%; padding-right: 2%;}
.main-column li {margin-left: 0; margin-right: 0;}
.productColumn img {max-width: 100%; height: auto;}
.guide-small-image {width: 48%; margin-left: 1%;
}
/*----------[/LAYOUT]----------*/
/*----------[FUNCTION]----------*/
a:hover, a.visited:hover, a:focus, button:hover, button a:hover, .download:hover, .selection li:hover, .submit input {cursor: pointer}
/*----------[/FUNCTION]----------*/
/*----------[STYLE]----------*/
body, button:hover, button a:hover {background: #7e7c7d}
a, a.visited {color: #477DA7; text-decoration: none}
a:hover, a.visited:hover, a:focus {text-decoration: none}
a img, img, .submit input {border: 0}
.banner_wrap, .footer, .top-images {background: #a22338; color: #ffffff;}
h1, h2, h3, h4, h5, h6, .footer {font-family: 'Cabin Condensed', Cambria, serif;}
h2, h3, h5 {line-height: 1.2}
h4 {font-size: 1.1em; border-bottom: 1px solid #7E7C7D}
a:hover, a:visited:hover, a:focus, h4 {color: #7E7C7D}
h3, .fabric a, .selection a:hover h2, .top, .download, .out-text {color: #353334}
.container, .content {background: #fff}
.banner_wrap {padding: 0 2em; font-size: 1.5em}
.banner_wrap h1 a {color: #ffffff;}
h1 a, .submit input {color:#020001}
.productColumn, input, textarea, .top, .download, .iframeContainer {background: #F9F9F9}
.productColumn, .selection li, input, textarea {border: 1px solid #BDBDBD}
.fabric, button, .out-text {font-weight: bold}
.image {width: 20%; background: none; border: none;}
.fabric {text-align: center}
.fabric, .out-text, .important, .note, .top {font-size: .8em}
.selection li.fabric:hover a {color: #BDBDBD}
.selection li:hover {border: 1px solid #020001}
.selection h2, button {font-size: 1em}
.selection h2, .out-text {text-transform: uppercase}
button, button a, button:hover, button a:hover, .submit input:hover, .submit input:focus {color: #f9f9f9}
button {padding: .16666666667em .75em; background: #020001; border: 0}
.out {background-color: #f5f5f5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5}
.out-text, .important {font-style: italic}
input:hover, textarea:hover,input:focus, textarea:focus{border-color: #020001}
.submit input:hover, .submit input:focus {background: #353334; border-color: #BDBDBD}
.sup, .sub {font-size: .6em}
.sup {vertical-align: super}
.sub {vertical-align: baseline}
.important, .note {line-height: 1}
.top, .download {position: fixed; -moz-box-shadow: -2px 3px 10px 1px rgba(45,45,45,.2); -webkit-box-shadow: -2px 3px 10px 1px rgba(45,45,45,.2); box-shadow: -2px 3px 10px 1px rgba(45,45,45,.2); -moz-transition: 2s ease; -webkit-transition: 2s ease; -moz-transition-delay: .1s; -webkit-transition-delay: .1s}
.download {right: -17.1666666667em; width: 21.1666666667em; top:4.1666666667em; padding: 1em 2em 1em 4.5em; height: 5.166666667em}
.download:hover {right: -.16666666667em; -moz-transition: .5s ease; -webkit-transition: .5s ease; -moz-transition-delay: .1s; -webkit-transition-delay: .1s}
.top {right: 0; width: 6.9em; top: 85%; padding: 1em 0 1em 1em; height: 3.5em;  opacity: .3}
.top:hover {opacity: 1}
.pdfdl {left: .833333333em}
.top-images img {display:inline-block; float: left; width: 20%; max-width: 100%;}
/*----------[/STYLE]----------*/
/*----------[MEDIA QUERIES]----------*/
@media only screen and (min-width: .083333333em), only screen and (min-device-width: .083333333em) {
	* {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box}
	.container {min-width: 25em}
	.menu {width: 100%; margin: 0 auto; overflow: hidden; clear: both}
	.menu ul {list-style: none; overflow: hidden; margin: 0; padding: 0; background: #a22338}
	.menu li a {background: #a22338; color:#F9F9F9; display: block; float: left; line-height: 1.4; font-weight: bold; padding: .833333333em; text-align: center;  width: 20%; border-right: 1px solid #7E7C7D; white-space: nowrap; -webkit-transition: background 0.5s ease; -moz-transition: background 0.5s ease; -o-transition: background 0.5s ease; -ms-transition: background 0.5s ease; transition: background 0.5s ease}
	.menu li a:hover {color: #F9F9F9; background: #ca9758}
	/*.menu li:last-child a {border: none}*/
}
@media only screen and (max-width: 1220px), only screen and (max-device-width: 1220px) {
	.menu li {border-right: none}
	.menu li a {line-height: 1.4; padding: .833333333em .4166666667em; border-right: 1px solid #ca9758}
}
@media only screen and (max-width: 930px), only screen and (max-device-width: 930px) {
	.banner_wrap h1 {font-size: 1.4em}
	.selection h2 {font-size: .9em; line-height: 1.6}
	/*.menu li:nth-child(3) a, .menu li:nth-child(4) a {border-bottom: none}*/
	.image {width: 23%}
	.description {width: 70%}
	.side {width: 100%}
}
@media only screen and (max-width: 40em), only screen and (max-device-width: 40em) {
	.main-column {float: none; width: 100%; padding-right: 0;}
}
@media only screen and (max-width: 580px), only screen and (max-device-width: 580px) {
	h1 {font-size: 1.3em}
	.banner_wrap h1 {text-align: center; float: none; margin: 0}
	.banner_wrap img {float: none}
	.selection h2 {font-size: .8em; margin: 0; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto}
	.menu li a {width: 50%; line-height: 1.4; padding-bottom: 1em; border-bottom: 1px solid #ca9758}
	button {padding: .75em; margin: 2%}
	.productColumn {width: 100%; margin: .5em 0; padding: 1em}
	.image {margin: 0 auto; text-align: center}
}
/*----------[/MEDIA QUERIES]----------*/