body { 	background-image: url('../images/background.jpg'); background-repeat: no-repeat; background-color: #0c0000; text-align: center; padding: 0px; margin: 0px; }
body, p, table, td, ol, ul { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6 { font-size: 1em; margin: 0; padding: 0; position: relative; }
ul, ul li { padding: 0; margin: 0; }

/* COMMON ELEMENTS */
.wrapper { width: 950px; position: relative; padding: 0px; margin: 0px auto; text-align: left; }

.header { position:relative; }
.header .wrapper { height: 220px; }

.footer { position:relative; }
.footer .wrapper { height: 100px; padding-top: 20px;}
.footer_content { position: absolute; top: 20px; height: 30px; width: 500px; font: 11px Arial, Helvetica, sans-serif, bold; color: #B3B3B3; }
.footer_content a { text-decoration: none; font-weight: bold; color:#B3B3B3; padding-right: 30px; }
.footer_content a:hover { text-decoration: none; color:#FFFFFF; }
.footer_logo {height: 45px; width: 328px; float: right; background-image: url('../images/footer_logo.gif');}

.row {}

/*COMPANY PAGE*/
.description { position:relative; }
.description .wrapper { height: 240px; }

.rings { position:relative; }
.rings .wrapper { height: 340px; }
	
.transparency { position: absolute; height: 340px; width: 950px; background-color: #000; opacity:0.8; filter:alpha(opacity=80); z-index: 10; }
.content { position: relative; height: 290px; width: 900px; padding: 25px; color: #fff; z-index: 20; }

.rings_text { float: left; height: 290px; width: 305px; color: #fff; font: 12px Arial, Helvetica, sans-serif; text-align: right; padding-right: 25px; }
.rings_text p { line-height: 20px; padding-bottom: 20px; }
.rings_optima { float: left; height: 290px; width: 240px; color: #fff; font: 12px Arial, Helvetica, sans-serif; text-align: left; padding: 0px 25px 0px 25px; border-left: #CCCCCC 1px solid; }
.rings_optima p { line-height: 15px; padding-bottom: 10px; }
.rings_champion { float: left; height: 290px; width: 240px; color: #fff; font: 12px Arial, Helvetica, sans-serif; text-align: left; padding: 0px 0px 0px 25px; border-left: #CCCCCC 1px solid; }
.rings_champion p { line-height: 15px; padding-bottom: 10px; }

.title { color: #F6921E; font-weight: bold; }

/*ELITE PAGE*/
.elite_desc { position:relative; }
.elite_desc .wrapper { height: 160px; }
.elite_desc_transparent { position: absolute; left: 0px; top: 0px; height: 137px; width: 950px; background-color: #000; opacity:0.8; filter:alpha(opacity=80); z-index: 10; }
.elite_desc_content { position: absolute; left: 0px; top: 0px; height: 97px; width: 910px; padding: 20px; color: #fff; font: 12px Arial, Helvetica, sans-serif; z-index: 20; }
.elite_desc_content p { line-height: 17px; padding-bottom: 15px; }

.elite { position:relative; }
.elite .wrapper { height: 745px; }
	
.elite_transparency { position: absolute; height: 100%; width: 950px; background-color: #000; opacity:0.8; filter:alpha(opacity=80); z-index: 10; }
.elite_content { position: relative; height: 705px; width: 897px; padding: 20px 25px 20px 25px; color: #fff; z-index: 20; }

.elite_rings_title { position: absolute; height: 22px; width: 153px; background-image: url('../images/elite_class_rings.gif'); background-repeat: no-repeat; float:left;}

.ring_title { font: 13px Arial, Helvetica, sans-serif, bold; height: 23px; border-bottom: 1px #999999 solid; width: 897px;}

.col_thumb { float:left; padding: 13px 14px 7px 0px; width: 116px; height: 142px;}
.col_thumb_last { float:left; padding: 13px 0px 7px 0px; width: 116px; height: 142px;}
.thumb { border: 1px #999999 solid; margin-bottom: 12px; }
.ring_label { font: 11px Arial, Helvetica, sans-serif, bold; }


/*CHAMPION PAGE*/
.champ_desc { position:relative; }
.champ_desc .wrapper { height: 113px; }
.champ_desc_transparent { position: absolute; left: 0px; top: 0px; height: 90px; width: 950px; background-color: #000; opacity:0.8; filter:alpha(opacity=80); z-index: 10; }
.champ_desc_content { position: absolute; left: 0px; top: 0px; height: 50px; width: 910px; padding: 20px; color: #fff; font: 12px Arial, Helvetica, sans-serif; z-index: 20; }
.champ_desc_content p { line-height: 17px; }
.champ_desc_content a { text-decoration: none; color:#F6921E; }
.champ_desc_content a:hover { text-decoration: underline; }

.champ { position:relative; }
.champ .wrapper { height: 487px; }
	
.champ_transparency { position: absolute; height: 487px; width: 950px; background-color: #000; opacity:0.8; filter:alpha(opacity=80); z-index: 10; }
.champ_content { position: absolute; height: 437px; width: 900px; padding: 25px; color: #fff; z-index: 20; }



/*CONTACT PAGE*/
.contact { position:relative; }
.contact .wrapper { height: 460px; }
	
.contact_transparency { position: absolute; height: 460px; width: 950px; background-color: #000; opacity:0.8; filter:alpha(opacity=80); z-index: 10; }
.contact_content { position: absolute; height: 410px; width: 900px; padding: 25px; color: #fff; z-index: 20; }

.contact_text { float: left; height: 410px; width: 270px; color: #fff; font: 12px Arial, Helvetica, sans-serif; text-align: right; padding-right: 30px; border-right: #CCCCCC 1px solid;}
.contact_text p { line-height: 20px; padding-bottom: 15px; }

.form { float: left; height: 410px; width: 560px; color: #fff; font: 12px Arial, Helvetica, sans-serif; padding: 0px 0px 0px 30px; }



/*FORM*/
form {padding: 0; margin: 0;}

label { font: 10px Arial, Helvetica, sans-serif; display: block; color: #fff; padding-bottom: 3px;}
label.req { display: block; color: #F6921E; }

input, textarea { height: 14px; font: 10px Arial, Helvetica, sans-serif; color: #666; background-color: #fff; padding: 3px; border: solid 1px #A6A8AB; }
textarea { width: 535px; height: 100px; overflow: auto;}

input:hover, textarea:hover { background-color: #fff; border: solid 1px #A6A8AB; color: #000; cursor: pointer; }
input:focus, textarea:focus { color: #666; background-color: #fff; border: solid 1px #A6A8AB; cursor: text; }		

input.textField_sm { width: 115px; }
input.textField_md { width: 255px; }
input.textField_lg { width: 395px; }

input.submitButton  { font: 10px Arial, Helvetica, sans-serif; vertical-align: middle; font-weight: bold; text-align: center; color: #ffffff; width: 50px; height: 21px; background: url('../images/submit_off.gif') no-repeat left top; cursor: pointer; border: none; }
input.submitButton:hover { background: url('../images/submit_on.gif') no-repeat left top; }
input.submitButton:active { background: url('../images/submit_off.gif') no-repeat left top; }

.col_sm { float:left; padding: 0px 25px 10px 0px; width: 115px;}
.col_md { float:left; padding: 0px 25px 10px 0px; width: 255px;}
.col_lg { float:left; padding: 0px 25px 10px 0px; width: 395px;}
.col_xlg { float:left; padding: 0px 25px 10px 0px; width: 535px;}

.required { font: 10px Arial, Helvetica, sans-serif; color: #F6921E; float:right;}

.confirm { float: left; width: 570; font: 16px Arial, Helvetica, sans-serif; color: #F6921E; padding: 0px 0px 0px 30px; }

/*POPUP*/

body.popup { background-image: none; background-color: #fff; text-align: center; padding: 0px; margin: 0px; }

.warranty_header { position:relative; background: url(../images/popup_header_bg.gif) repeat-x; height: 91px; width: 100%; padding: 0px; margin: 0px; color: #000; text-align: left; }
.warranty { position:relative; font: 12px Arial, Helvetica, sans-serif; height: 100%; width: 550px; padding: 25px; margin: 0px; color: #000; text-align: left; }
.warranty ul { padding: 0px 0px 15px 20px; margin: 0; }
.warranty ul li { padding: 0px 0px 0px 10px; margin: 0; }
.warranty p { line-height: 15px; padding-bottom: 15px; }
.champion_rings_title {
	position: absolute;
	height: 22px;
	width: 290px;
	background-image: url(../images/champion_class_rings.gif);
	background-repeat: no-repeat;
	float:left;
}