﻿/* ============== RESET CSS ===================*/

html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, code,del, dfn, em, img, q, dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td 
{margin: 0;	padding: 0;	border: 0;	font-weight: inherit;	font-style: inherit;	font-size: 100%;	font-family: inherit;	vertical-align: baseline;}
body { line-height: 1.5; background: #666666; margin:0; font-family:Arial; font-size:11px; color:#222222;}

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight:400; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

a img { border: none; }

/* Div clear fix */
.clear:after{	content: ".";	display: block;	height: 0;	font-size: 0;	clear: both;	visibility: hidden;}
.clear{	min-height: 1px;}
* html .clear{	height: 1px;}

/* ================ END RESET CSS =================*/
.wrapper {margin:0; background-color:#ffffff;}
.contentWrapper {width:980px; margin:auto;}
.leftColumn, .rightColumn {height:350px; width:306px; padding:40px 10px 10px 10px;}
.centerColumn {width:266px; height:350px; padding:40px 10px 10px 10px;}

/* ================    Header     =================*/
.header {background-color:#000000; border-bottom:1px solid #666666; margin:auto;}
.flashWrapper {width:980px; margin:auto;}
/* ================ Left Column   =================*/
.leftColumn {float:left;}
.title1 {display:block; background-image:url(../images/title_1.jpg); background-repeat:no-repeat; height:13px; width:148px;}
.checkboxWrapper {height:35px; margin:10px 0 10px 0;}
.checkBox {float:left;}
.checkBoxCopy {float:left; margin-left:5px;}
.checkBoxTitle {font-weight:bold;}
.checkBoxDescription {line-height:8px;}

/* ================ Right Column  =================*/
.rightColumn {float:left; padding-left:40px;}
.titleUnsubscribe {display:block; width:76px; height:11px; background-image:url(../images/title_Unsubscribe.jpg); background-repeat:no-repeat;}
.titleWantMore {display:block; width:68px; height:11px; background-image:url(../images/title_WantMore.jpg); background-repeat:no-repeat;}
.sendBtn {display:block; background-image:url(../images/btn_send.jpg); width:51px; height:20px; border:none;}
.sendBtn:hover {cursor:pointer; background-position:0 20px;}
.rightColumn .inputWrapper {border-bottom:1px solid #bfbfbf; padding-bottom:50px; width:200px; margin-bottom:30px;}
.rightColumn .inputBox {margin-bottom:10px;}
.rightColumn li {background-image:url(../images/icn_arrow.jpg); background-repeat:no-repeat; background-position:0 3px; padding-left:15px; list-style-type:none;}
.rightColumn li a {color:#474747; text-decoration:none; font-weight:bold;}
.rightColumn li a:hover {color:#e60f46;}
.rightColumn ul {margin:5px 0 0 0;}
/* ================ Center Column =================*/
.centerColumn {float:left; border-right:1px solid #bfbfbf;}
.title2 {display:block; background-image:url(../images/title_2.jpg); background-repeat:no-repeat; height:13px; width:140px;}
.title3 {display:block; background-image:url(../images/title_3.jpg); background-repeat:no-repeat; height:13px; width:140px; margin:30px 0 20px 0;}
.submitBtn {display:block; background-image:url(../images/btn_submit.jpg); width:92px; height:37px; border:none;}
.submitBtn:hover {cursor:pointer; background-position:0 37px;}
.inputWrapper {margin:10px 0 10px 0px;}
.inputTitle {font-weight:bold;}
.inputBox {width:200px; color:#666666; font-size:10px; border:1px solid #ababab;}
.buttonBox {float:left;}


/* ================     Footer    =================*/
.footer {background-color:#666666; color:#ffffff;}
.footer a {color:#ffffff; text-decoration:none; display:inline-block;}
.footer a:hover {color:#e60f46;}
.footerWrapper {width:980px; margin:auto;}
.footer2 {padding:20px;}

/* ================     Thanks.aspx ================*/
#thanks .leftColumn {width:592px; border-right:1px solid #bfbfbf;}

.titleThanks {background-image:url(../images/title_Thanks.jpg); background-repeat:no-repeat; display:block; width:381px; height:76px; margin-top:40px; }
.titleOut {background-image:url(../images/title_Out.jpg); background-repeat:no-repeat; display:block; width:381px; height:76px; margin-top:40px; }
#thanks .rightColumn {width:auto; padding-left:40px;}