/* Style for BAIM Stamp */

body {
	margin:0; padding:0;
	background:#161616 url(../images/bg.png) 0 0 repeat;
	font-size:14px; font-family:'OpenSans', Arial, Helvetica;
	color:#FFF; line-height:normal;
}

.logowrap {
	margin-top:30px;
}
.heading {
	font-size:16px; line-height:22px;
	color:#A0A0A0; text-shadow:2px 2px #000;
	font-weight:normal; margin:15px 0 30px;
}
.noheading {
	margin-bottom:20px;
}
.subheading {
	font-size:26px; font-weight:normal;
	text-shadow:2px 2px #000; color:#A0A0A0;
	position:relative; margin:0 auto 20px;
	width:725px; font-family:'Exo', OpenSans, Arial;
	text-transform:uppercase;
}
.subheading:before {
	border-top:2px dashed #A0A0A0; content:'';
	width:100%; height:2px; position:absolute;
	top:15px; left:0; z-index:0;
}
.subheading span {
	background:#161616 url(../images/bg.png) 50% 50% repeat;
	z-index:1; position:relative;
	padding-left:15px; padding-right:15px;
}
.instr {
	font-size:16px; margin:0 0 20px;
	text-transform:uppercase; color:#cc3300;
	font-weight:bold; text-shadow:2px 2px #000;
	background:rgba(0,0,0,0.4); padding:10px 0;
	border:1px solid #000;
}
.instr span {
	display:block; padding-top:5px;
	color:#999; font-weight:200; font-size:13px;
}
.homepanel {
	text-align:center; border:4px solid #A0A0A0;
	border-radius:5px; -webkit-border-radius:5px;
	-o-border-radius:5px; -moz-border-radius:5px;
    -webkit-transition: all 300ms ease-out;
    -moz-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
	margin:0 0 30px;
}
.homepanel a {
	text-decoration:none; color:#A0A0A0; display:block;
    -webkit-transition: all 300ms ease-out;
    -moz-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
	padding:30px 10px;
}
.homepanel i {
	display:block; width:90px; height:90px; line-height:90px;
	background:#A0A0A0; font-size:50px; text-align:center;
	border-radius:45px; -webkit-border-radius:45px;
	-o-border-radius:45px; -moz-border-radius:45px;
	margin:0 auto; color:#161616; margin-bottom:20px;
    -webkit-transition: all 300ms ease-out;
    -moz-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
}
.homepanel span, .homepanel small {
	font-weight:bold; font-size:20px; text-transform:uppercase;
	text-shadow:2px 2px #000;
}
.homepanel:hover {
	border-color:#9a2800;
}
.homepanel:hover a {
	color:#9a2800;
}
.homepanel:hover i {
	background:#9a2800;
	-webkit-box-shadow: inset 0px 0px 8px 4px rgba(0,0,0,0.8);
	-moz-box-shadow: inset 0px 0px 8px 4px rgba(0,0,0,0.8);
	box-shadow: inset 0px 0px 8px 4px rgba(0,0,0,0.8);
}
.itemimg a {
	font-size:16px; color:#FFF;
	text-decoration:none; font-weight:600;
	font-family:'Exo', OpenSans, Arial;
	letter-spacing:0.8px; display:block;
    -webkit-transition: all 300ms ease-out;
    -moz-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
}
.itemimg a span {
	display:block; font-weight:200; font-size:14px;
}
.itemimg a img {
	display:block; margin:0 auto;
}
.itemimg a:hover {
	opacity:0.4;
}
.space {
	height:40px;
}
.shape {
	border:2px solid #E6E6E6;margin:20px 0 0;cursor:pointer;
	position:relative;
    -webkit-transition: all 300ms ease-out;
    -moz-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
}
.centeredshape .shape {
	margin-left:auto; margin-right:auto;
}
.shape .shapetitle {
	position:absolute; top:50%; left:10px; margin:-10px 0 0;
	height:20px; line-height:20px; font-size:16px; font-weight:600;
	font-family:'Exo', OpenSans, Arial; color:#E6e6e6;
	letter-spacing:1px;
}
.shape .shapetitle.pos2 {
	top:10px; margin-top:0;
	left:0; width:100%; text-align:center;
}
.shape .shapedesprice {
	position:absolute; top:50%; right:10px; margin:-18px 0 0;
	height:36px; line-height:18px; text-align:right;
	font-family:'Exo', OpenSans, Arial; color:#E6e6e6;
	letter-spacing:1px; font-size:12px;
}
.shape .shapedesprice.pos2 {
	top:inherit; bottom:10px; margin-top:0;
	left:0; width:100%; text-align:center;
	line-height:16px; height:32px;
}
.shapelhshort .shapedesprice {
	line-height:16px; height:32px; margin-top:-16px;
}
.shapesm .shapedesprice, .shapesm .shapedesprice.pos2 {
	letter-spacing:0; bottom:13px;
}
.shape:hover {
	background:#E6e6e6;
}
.shape:hover .shapetitle, .shape:hover .shapedesprice {
	color:#2C2C2C; font-weight:600;
}
.cartmodtitle {
	font-size:18px; font-weight:600; letter-spacing:1px;
}
.cartmodtitle span {
	display:block; font-size:14px; font-weight:normal;
	letter-spacing:0;
}
.subtitle {
	padding:0 0 13px 10px; border-bottom:1px solid #333;
	margin-bottom:15px; font-weight:600;
}
.subtitle span {
	font-weight:100; color:#999;
}
.control-label {
	font-weight:normal;
}
.blocklabel {
	display:block;
}
.blocklabel span {
	font-weight:normal;
}
.blocklabel input[type=checkbox] {
	vertical-align:top;
}
.boxcolor {
	position:relative;
}
.boxcolor:after {
	display:inline-block; content:'';
	width:16px; height:16px;
	border:1px solid #FFF;
	margin:0 0 0 10px;
	vertical-align:middle;
	background-color:#FFF;
}
.boxcolor1:after { background-color:#022E75; }
.boxcolor2:after { background-color:#CE0005; }
.boxcolor3:after { background-color:#8852D1; }
.boxcolor4:after { background-color:#068416; }
.boxcolor5:after { background-color:#09C; }
.boxcolor6:after { background-color:#C20A58; }
.boxcolor7:after { background-color:#1E1E1E; }
.boxcolor8:after { background-color:#7A7A7A; }
.boxcolor9:after { background-color:#F30; }
.boxcolor10:after { background-color:#ECCE00; }
.boxcolor11:after { background-color:#DC6F0C; }
.rowgroup {
	margin-bottom:15px;
}
#filelist > div {
	margin-bottom:10px;
}
#filescontainer {
	margin-bottom:5px;
}
#accordion {
	color:#333;
}
#accordion .panel {
	background:#F3F3F3;
    border-color: #4A4A4A;
}
#accordion .panel .panel-heading {
	padding:5px 10px;
}
#accordion .panel-default>.panel-heading {
    color: #FFF;
    background-color: #717171;
}
#accordion h4 {
	font-weight:bold;
}
#accordion h4 a {
	display:block;
	padding:5px;
}
#accordion h4 a:hover, #accordion h4 a:focus {
	color:#DDD;
	text-decoration:none;
}
#accordion ol {
	margin:0 0 0 20px; padding:0;
}
#accordion ol li {
	padding:0 0 7px 7px;
}

.havedesign, .formcaptcha, .res_color_more, .res_refill_more {
	display:none;
}
.padtop50 {
	padding-top:50px;
}
.bigquest {
	text-align:center; font-size:24px;
	margin:40px 0 30px;
}
.gray {
	color:#999;
}
.nomargin {
	margin:0;
}
.cartmod {
	border:1px solid #000; border-top:none;
	padding:10px;
}

#footer {
	text-align:center; font-size:12px;
	color:#949494; margin-top:10px;
	padding-bottom:20px;
}
#footer a {
	color:#949494; text-decoration:none;
}
.red {
	color:#F00;
}

.clr {
	clear:both; height:0;
}

@media screen and (max-width: 1200px) {
	.homepanel span, .homepanel small {
		font-size:16px;
	}
}

@media screen and (max-width: 991px) {
	.homepanel {
		border-width:2px;
	}
	.homepanel a {
		padding:20px 0;
	}
	.homepanel i {
		width:70px; height:70px; line-height:70px;
		font-size:42px;
		border-radius:35px; -webkit-border-radius:35px;
		-o-border-radius:35px; -moz-border-radius:35px;
	}
	.homepanel span, .homepanel small {
		font-size:16px;
	}
}

@media screen and (max-width: 767px) {
	.logowrap {
		margin-top:15px;
	}
	.logowrap img {
		width:70px; height:auto;
	}
	.heading {
		font-size:12px; line-height:16px;
		margin-bottom:15px;
	}
	.instr {
		font-size:12px; line-height:18px;
	}
	.homepanel {
		margin-bottom:30px;
	}
	#footer {
		margin-top:30px;
	}
	.subheading {
		width:100%;
	}
	.margtopmob {
		margin-top:40px;
	}
	.btn {
		margin-bottom:10px;
	}
}
@media screen and (max-width: 480px) {
	.homepanel small {
		display:none;
	}
}

@media screen and (max-width: 360px) {
	.homepanel {
		border-width:1px;
	}
	.homepanel a {
		padding:15px 0;
	}
	.homepanel i {
		width:60px; height:60px; line-height:60px;
		font-size:35px; margin-bottom:10px;
		border-radius:30px; -webkit-border-radius:30px;
		-o-border-radius:30px; -moz-border-radius:30px;
	}
	.homepanel span, .homepanel small {
		font-size:14px;
	}
	#footer {
		margin-top:0;
	}
	.heading {
		display:none;
	}
	.instr {
		margin-top:15px;
	}
	.itemimg a {
		margin-bottom:15px;
	}
}