body{
	margin:0;
	padding:0;
	background-color:#f1f1f1;
	color:#666;
	font-family:'Roboto Condensed', sans-serif;
	font-size:14px;
	line-height:24px;
}

.container{max-width:1024px;margin:0 auto}
#header{background-color:#003e7e}

h1{color:#fff;margin:0;padding:15px}
a{color:#f6931d}

.body{padding:15px}
.clear{clear:both}

.row{list-style:none;margin:0;padding:0;display:block}
.row li{display:block}
.col-25, .col-50, .col-75{float:left;box-sizing:border-box}
.col-25{width:25%}
.col-50{width:50%}
.col-75{width:75%}

.row{margin:0 -15px}
.row .step{padding:15px}
.row .step .image img{display:block;border:2px solid #003e7e;box-sizing:border-box}

.sizes-row label{display:block;float:left;padding:5px;line-height:18px}
.sizes-row input{padding:5px 35px 5px 5px;line-height:16px;color:#666}
.sizes-row .input{float:left;position:relative}
.sizes-row .unit{color:#bbb;position:absolute;top:0;right:5px;padding:5px;line-height:18px}

.colors-row{margin:15px -5px}
.colors-row .input-color{float:left;padding:5px;text-align:center}
.colors-row .input-color input{display:none}
.colors-row .input-color img{display:block;border:2px solid #ddd;cursor:pointer}
.colors-row .input-color.active img{border:2px solid #f6931d}

.designs-row{margin:15px -5px}
.designs-row .input-design{float:left;padding:5px;text-align:center}
.designs-row .input-design input{display:none}
.designs-row .input-design img{display:block;border:2px solid #ddd;cursor:pointer;padding:5px}
.designs-row .input-design.active img{border:2px solid #f6931d}

.selected-preview{margin:15px 0}
.selected-preview img{display:block}


input{box-sizing:border-box;border:1px solid #bbb}

hr{border-top:1px solid #ddd;border-bottom:0;border-right:0;border-left:0;margin:15px auto;width:75%}

.how{margin:15px 0}
.how a{text-decoration:underline;color:#f6931d}

.button{cursor:pointer;background-color:#f6931d;border:0;padding:5px 15px;color:#fff;border-bottom:3px solid #d87500}
.button.disabled{background-color:#bbb;border-bottom:3px solid #adadad}