@charset "utf-8";

* { margin: 0; padding:0;}
img { border: none;}

body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #4c4c4c;
}

body {
	background-image: url(../images/body-gradient.gif);
	background-repeat:repeat-x;
	background-position: top;
	background-color: #5c5c5c;
	}

h1 { font-size: 24px; color: #c21b1b;}
	h1.icon-squares { background-image:url(../images/icon-squares.gif); background-repeat:no-repeat; background-position: left; padding-left: 25px;}

h2 { font-size: 18px; color: #231f20;}
	h2.icon-person { background-image:url(../images/icon-person.gif); background-repeat: no-repeat; background-position: left top; padding: 8px 0 8px 35px;}
h3 { font-size: 14px; color:#333333;}

p { line-height: 18px; padding-bottom: 18px;}

a { color: #c21b1b; text-decoration: underline;}
a: hover { text-decoration: none;}

/*-------------------------framework---------------------------*/

#container {
	width: 800px;
	margin: 0 auto;
	}

#header {
	height: 131px;
	margin-top: 16px;
	background-image:url(../images/header.jpg);
	background-repeat:no-repeat;
	background-position:top;
	}

#nav {
	width: 780px;
	margin: 0 auto; 
	height: 37px;
	background-image:url(../images/nav-gradient.gif);
	background-repeat:repeat-x;
	}
#nav ul { list-style: none;}
#nav li { float: left;}
#nav a {
	display: block;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	padding: 10px 20px;
	background-image: url(../images/nav-divider.gif);
	background-repeat:no-repeat;
	background-position:right;
	}
#nav a:hover {color: #d75943;}

#banner {height: 219px;}

#extender {
	background-image: url(../images/extender.gif);
	background-repeat:repeat-y;
	}
	#wrapper {
		width: 780px;
		margin: 0 auto;
		padding: 35px 0 0 0;
		background-image: url(../images/wrapper-top.gif);
		background-repeat:no-repeat;
		background-position:top;
		}
		#leftcol {
			width: 455px;
			padding: 0 25px 160px 25px;
			}
			#leftcol h2 { padding: 5px 25px 14px 25px;}
			#leftcol h3 { padding: 0 25px 10px 25px;}
			#leftcol p { padding: 0 25px 14px 25px;}
		
			#BB_BuyButtonForm { margin-left: 25px;}
			
			#register-form {
				background-color: #f3f3f3;
				border: 1px solid #d6d6d6;
				padding: 20px 0 20px 40px;
				}
			#register-form table td {
				padding: 2px 0;
				}
			
		#rightcol {
			width: 240px;
			padding: 0 35px 0 0;
			}

#footer {
	background-image: url(../images/footer-gradient.gif);
	background-repeat:no-repeat;
	background-position:top;
	padding: 25px 13px 0 0;
	
	font-size: 11px;
	color: #cbcbcb;
	text-align:right;
	}
#footer a { color:#FFFFFF; text-decoration: none;}
#footer a:hover { text-decoration: underline;}

/*-------------------------universal classes---------------------------*/

.small { font-size: 12px;}
.xxlarge { font-size: 24px; line-height: 30px;}

.textcenter { text-align: center;}
.indent25 { text-indent:25px;}
.pad25 { padding: 0 25px;}

.input-small, .input-med, .input-large { border: 1px solid #b8b4b4; padding: 3px 3px;}
.input-small { width: 25px;}
.input-med { width: 35px;}
.input-large { width: 200px;}

.input-radio { margin: 0 2px 0 6px;}

.red { color: #c21b1b;}

.right { float:right;}
.left { float: left;}
.clearb { clear: both;}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */