article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
html, button, input, select, textarea { font-family: sans-serif; color: #222; }
body {margin: 0; font-size: 13px; line-height: 1.3; }
a { color: #0b1938; }
a:visited { color: #0b1938; }
a:hover { color: #000;text-decoration:underline; }
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }

abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

ul { margin:0;padding:0;list-style:none;}
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }
h1,h2,h3,h4,h5,h6 { font-weight: bold;}

h1 { font-size: 3em;  margin: 0 0 0.5em; }
h2 { font-size: 2.5em; margin: 0 0 0.5em; }
h3 { font-size: 2em; margin: 0 0 1em; }
h4 { font-size: 1.5em; margin: 0 0 1em; }
h5 { font-size: 1em; margin: 0 0 1.5em; }
h6 { font-size: 1em; }
p{margin: 0 0 15px;}
.hidden{display:none;}
#container {
background:#fff;
font-family:tahoma;
border:1px solid #ccc;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
-moz-box-shadow:0 2px 5px #ccc;
-webkit-box-shadow:0 2px 5px #ccc;
box-shadow:0 2px 5px #ccc;
width:940px;
position:relative;
margin:10px auto;
padding:10px;
}
#content-wrapper{
padding:0 20px;
margin-top:80px;
}
h3{
color:#CD1E1E;
font-family:tahoma;
font-size:18px;
font-weight:normal;
text-transform:uppercase;
margin:15px 0;
}
h2 {
color:#CD1E1E;
font-family:tahoma;
font-size:20px;
font-weight:normal;
text-transform:uppercase;
margin:15px 0;
}

h1 {
color:#C61515;
font-family:tahoma;
font-size:24px;
font-weight:normal;
text-align:center;
text-transform:uppercase;
margin:10px 0 30px;
}

h1 span{
font-size: 11px;
font-weight: normal;
margin-left: 6px;
text-transform: none;
}
#changer img{
margin-bottom:6px;
}
#selected-item {
background:#A7FFA6;
border:1px dashed #1CB443;
-moz-border-radius:3px;
-webkit-border-radius:3px 3px 3px 3px;
border-radius:3px 3px 3px 3px;
width:938px;
position:absolute;
top:80px;
}

#selected-item h2 {
background:#FFF;
border-right:1px dashed #1CB443;
font-size:14px;
line-height:34px;
text-align:center;
text-transform:uppercase;
float:left;
margin:0 10px 0 0;
padding:0 10px;
}

#selected-item div {
padding:8px;
float:left;
width:790px;
height:18px;
}
#result-price{
float: right;
font-weight: bold;
}
.list {
width:100%;
float:left;
margin:0 0 20px;
}

.list li {
border:1px solid #ccc;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
float:left;
margin:0 10px 10px 0;
}

.list li:hover,.list li.active{
border:1px solid #333;
background:#A7FFA6;
}

#style-selector img {
float:left;
}

#style-selector a {
text-decoration:none;
text-align:center;
width:270px;
float:left;
padding:4px;
}

#style-selector span {
display:block;
margin:0 0 5px;
}

#dimensions li span {
display:none;
}
#dimensions div{
float:left;
margin-right:10px;
}
#accessories ul {
font-weight:bold;
font-size:14px;
margin:10px 0;
}
#accessories ul > li > ul {
font-weight:normal;
font-size:13px;
}
#accessories > ul  > li,#accessories form > ul  > li{
float: left;
width: 33%;
}
.list li a {
text-decoration:none;
float: left;
padding: 5px;
}
#overlay,#changer-overlay{
display:none;
width:600px;
}
#color-options li a{
width:78px;
text-align:center;
}
#color-options li a span{
float: left;
border:1px solid #000;
height: 50px;
width: 76px;
}
#overlay .overlay-close {
color: #fff;
font-size: 16px;
font-weight: bold;
position: absolute;
right: 12px;
text-decoration: none;
top: 12px;
z-index: 10;
}
#overlay .overlay-close:hover {
color: #ccc;
}
#overlay{
background: #FFF;
border: 1px solid #ccc;
-webkit-box-shadow: 0 5px 15px #BBB;
-moz-box-shadow: 0 5px 15px #BBB;
box-shadow: 0 5px 10px #BBB;
padding: 55px 10px 10px;
width: 600px;
display:none;
}
#overlay h2{
background:url(../images/tab-active.png) repeat-x;
font-size: 18px;
left: 0;
padding: 10px 20px;
margin:0;
position: absolute;
top: 0;
width: 580px;
color:#fff;
}
.form ul{
list-style:none;
margin:0;
padding:0;
float:left;
width:100%;
}
.form label{
color: #666666;
float: left;
font-weight: bold;
line-height: 25px;
margin-right: 15px;
text-align: right;
width: 230px;
}
.form li{
float: left;
margin-top: 10px;
width: 100%;
}
.form li:first-child{
margin-top:0;
}
.form .error{
background: #FFFFFF;
color: #FF0000;
float: left;
font-size: 12px;
margin: 6px 0 0 250px;
}

.form input[type=text],.form textarea,.form select{
width:290px;
float:left;
border:1px solid #ccc;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
padding:5px;
}
.form textarea{
height:90px;
}
.form select{
width:302px;
}
.form .submit,.next{
background: #49E435;
border: 1px solid #333333;
cursor: pointer;
float: right;
font-family: sans-serif;
font-size: 15px;
margin-right: 52px;
padding: 5px 10px;
text-transform: uppercase;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.next{
float: left;
margin-right: 15px;
text-decoration: none;
}
.form .align-center{
margin: 0 0 20px;
text-align: center;
}
.form .align-center img{
margin-top: 15px;
}
a.clear{
color:red;
font-weight:normal;
text-decoration:none;
}
a.info{
background: #EEE;
border: 1px solid #333;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
display: inline-block;
font-size: 12px;
height: 15px;
line-height: 15px;
text-align: center;
text-decoration: none;
width: 15px;
}
a.info:hover{
text-decoration:none;
}
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

.grid-container{
	grid-template-columns: 302px auto auto !important;

}