@charset "UTF-8";
/* CSS Document */

.bigbutton a {
	text-decoration: none;
	color: #fff;	
	font-size: 15px;
	padding: 6px 18px;
	font-family: arial, helvetica, sans-serif;
	margin: 5px 4px;
	vertical-align: middle;
	display: inline-block;
	zoom:1;
	*display:inline;
	-webkit-border-radius: 17px;
	-moz-border-radius: 17px;
	border-radius: 17px;
	text-shadow: 1px 1px #000;
}

.smallbutton a {
	text-decoration: none;
	color: #fff;	
	font-size: 11px;
	padding: 3px 11px;
	font-family: arial, helvetica, sans-serif;
	margin: 5px 4px;
	vertical-align: middle;
	display: inline-block;
	zoom:1;
	*display:inline;
	-webkit-border-radius: 14px;
	-moz-border-radius: 14px;
	border-radius: 14px;
	text-shadow: 1px 1px #000;
}
	
.bluebutton a {
	background: #0088cc;
	background: -webkit-gradient(linear, left top, left bottom, from(#00aed9), to(#0088cc));
	background: -moz-linear-gradient(top,  #00aed9,  #0088cc);
	background: linear-gradient(-90deg, #00aed9, #0088cc);
}

.bluebutton a:hover {
	background: #0088cc;
}

.greenbutton a {
	background: #669900;
	background: -webkit-gradient(linear, left top, left bottom, from(#82c300), to(#669900));
	background: -moz-linear-gradient(top,  #82c300,  #669900);
	background: linear-gradient(-90deg, #82c300, #669900);
}

.greenbutton a:hover {
	background: #669900;
}

.redbutton a {
	background: #cc0000;
	background: -webkit-gradient(linear, left top, left bottom, from(#e80000), to(#cc0000));
	background: -moz-linear-gradient(top,  #e80000,  #cc0000);
	background: linear-gradient(-90deg, #e80000, #cc0000);
}

.redbutton a:hover {
	background: #cc0000;
}

.brownbutton a {
	background: #e58c00;
	background: -webkit-gradient(linear, left top, left bottom, from(#fb9b00), to(#e58c00));
	background: -moz-linear-gradient(top,  #fb9b00,  #e58c00);
	background: linear-gradient(-90deg, #fb9b00, #e58c00);
}

.brownbutton a:hover {
	background: #e58c00;
}

.darkbutton a {
	background: #111;
	background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#111));
	background: -moz-linear-gradient(top,  #666,  #111);
	background: linear-gradient(-90deg, #666, #111);
}

.darkbutton a:hover {
	background: #111;
}

.lightbutton a {
	color: #666;
	text-shadow: 1px 1px 1px #fff;
	background: #ccc;
	background: -webkit-gradient(linear, left top, left bottom, from(#eaeaea), to(#ccc));
	background: -moz-linear-gradient(top,  #eaeaea,  #ccc);
	background: linear-gradient(-90deg, #eaeaea, #ccc);
}

.lightbutton a:hover {
	background: #ccc;
}

p.alert {
	float: left;
	margin: 5px 10px;
	background: #fffdf6;
	color: #e1b42f;
	border: solid 1px #eaeaea;
	padding: 10px 5px;
	width: 90%;
}

span.alert {
	background: url(images/alert-icon.png) no-repeat left;
	margin: 5px;
	padding: 5px;
	padding-left: 25px;
	
}

.alert a {
	color: #e1b42f;
	font-weight: bold;
}

p.cart {
	float: left;
	margin: 5px 10px;
	background: #fafdf9;
	color: #6cb656;
	border: solid 1px #c1cec1;
	padding: 10px 5px;
	width: 90%;
}

span.cart {
	background: url(images/cart-icon.png) no-repeat left;
	margin: 5px;
	padding: 5px;
	padding-left: 25px;
}

.cart a {
	color: #6cb656;
	font-weight: bold;
}

p.doc {
	float: left;
	margin: 5px 10px;
	background: #eaeaea;
	color: #666;
	border: solid 1px #ccc;
	padding: 10px 5px;
	width: 90%;
}

span.doc {
	background: url(images/doc-icon.png) no-repeat left;
	margin: 5px;
	padding: 5px;
	padding-left: 25px;
}

.doc a {
	color: #666;
	font-weight: bold;
}

p.download {
	float: left;
	margin: 5px 10px;
	background: #eaeaea;
	color: #666;
	border: solid 1px #ccc;
	padding: 10px 5px;
	width: 90%;
}

span.download {
	background: url(images/download-icon.png) no-repeat left;
	margin: 5px;
	padding: 5px;
	padding-left: 25px;
}

.download a {
	color: #666;
	font-weight: bold;
}

.bigred a {
	text-decoration: none;
	color: #fff;	
	font-size: 15px;
	padding: 8px 22px;
	font-family: arial, helvetica, sans-serif;
	margin: 10px 0;
	vertical-align: middle;
	display: inline-block;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	background: #990000;
	clear: left;
	float: left;
}

.halfcolumn {
	width: 46%;
	float: left;
	margin-right: 3%;
	margin-top: 10px;
	margin-bottom: 10px;
	position: relative;
}

.onethirdcolumn {
	width: 30%;
	float: left;
	margin-right: 3%;
	margin-top: 10px;
	margin-bottom: 10px;
}