/* CSS Document for MyCouponTags.com */

/* --- UNIVERSAL --- */

body {
margin: 0;
padding: 0;
font-family: "Century Gothic", "Avant Garde", Helvetica, Arial, Geneva, Verdana, sans-serif;
font-size: 62.5%;
color: #000;
text-align: center;
background-color: #FFFFFF;
}

img {
margin: 0;
border: 0;
}

form {
margin: 0;
padding: 0;
border: 0;
}

/* --- STRUCTURE --- */

#wrapper {
width: 925px;
margin: 0 auto;
padding: 0;
border: 1px solid #000;
border-top: none;
}

/* --- HEADER --- */

#header {
text-align: left;
}

.headerlogo {
float: left;
margin: 0;
padding: 0 0 0 4px;
display: inline;
}	

#headercopy {
color: #8b8b8b;
position: relative;
width: 329px;
top: 0;
right: 275px;
float: right;
padding: 0;
margin: 0;
}

#topbuttons { 
position: relative;
float: right;
top: 0;
left: 328px;
width: 275px;
margin: 0;
margin-right: -1px;
padding: 0;
background-color: #93daf8;
}

#topbuttons img {
display: inline;
}


/* --- MAIN MENU --- */

#mainmenu {
border-top: 1px solid #000;
border-bottom: 1px solid #000;
padding: 0;
background-color: #c9c9c9;
clear: both;
background: url(../img/bg_mainmenu.gif) repeat-x top left;
font-family: Arial, Helvetica, sans-serif;
font-size: 1.2em;
text-align: center;
font-weight: bold;
}

#mainmenu a:link, #mainmenu a:visited {
text-decoration: none;
color: #000;
padding: 4px;
background-color: #FEE96C;
border: 1px solid #000;
}

#mainmenu a:hover {
text-decoration: none;
color: #fff;
background-color: #f00600;
padding: 4px;
border: 1px solid #000;

}

#mainmenurow1 {
margin: 0;
padding: 10px 0 10px 3px;
}

#mainmenurow2 {
margin: 0;
padding: 10px 0 10px 3px;
}

#mainmenu ul {
margin: 0;
padding: 0;
}

#mainmenu li {
display: inline;
list-style-type: none;
padding-right: 5px;
}

/* --- COUPON AREA --- */

#coupons {
margin: 0;
margin-bottom: 25px;
font-size: 1.2em;
padding: 0;
text-align: center;
vertical-align: middle;
}

#coupons a:link, #coupons a:visited {
text-decoration: none;
color: #000;
padding: 4px 6px;
}

#coupons a:hover {
text-decoration: none;
color: #fff !important;
background-color: #b2b2b2 !important;
padding: 4px 6px;
}

.couponrow {
border-bottom: 1px solid #C8C8C8;
padding: 8px 0;
margin: 0;
}

/* --- FOOTER --- */

#footer {
background-color: #c9c9c9;
font-family: Arial, Helvetica, sans-serif;
font-size: 1.2em;
text-align: center;
font-weight: bold;
background: url(../img/bg_footer.gif) repeat-x top left;
border-top: 1px solid #000;
}

#footer a:link, #footer a:visited {
text-decoration: none;
color: #000;
padding: 4px 6px;
background-color: #FEE96C;
border: 1px solid #000;
}

#footer a:hover {
text-decoration: none;
color: #fff;
background-color: #f00600;
padding: 4px 6px;
border: 1px solid #000;
}

#footer ul {
margin: 0;
padding: 10px 1px 10px 5px;
}

#footer li {
display: inline;
list-style-type: none;
padding-right: 12px;
}

.footerbreak { color: #6a6a6a;
margin: -1px;
}

/* --- ADD YOUR COUPON PAGE --- */

#addheader { 
border-bottom: 1px solid #000;
margin: 0;
padding: 0;
}

#addcouponlogo {
padding-top: 5px;
}

#addsubheader {
margin: 0;
padding: 0;
}

#addform {
width: 625px;
margin: 0;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
}

#addformUpdate {
margin: 0;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
}

#addform h2 {
margin: 0;
padding: 0;
font-size: 1.8em;
}

#addform p {
margin: 0;
padding: 0;
}

.addnumber {
color: #ff0000;
padding-right: 20px;
font-size: 1.3em;
}

#addstep1 {
margin: 20px 0 10px 0;
padding: 0 5px 5px 5px;
background: url(../img/bg_step_1.gif) no-repeat 0 -15px;
border-bottom: 1px solid #000;
}

#addstep1 h2 {
margin: 0 0 8px 150px;
}

#addstep1 p {
margin: 0;
text-align: center;
}

#addstep1form {
padding: 0;
margin: 15px 0 15px 10px;
}

#addstep1descrip {
background: #dddddd url(../img/bg_step1arrow.gif) no-repeat 35px 185px;
border: 1px solid #000;
margin: 0;
padding: 10px 15px;
width: 310px;
font-weight: bold;
font-size: 1.2em;
}

.addstep1fields {
background-color: #ffffcc;
border: 1px solid #000;
font-family: Arial, Helvetica, sans-serif;
padding: 3px;
margin: 5px 3px 10px 3px;
font-size: 1.1em;
}

.addstep1multiline {
background-color: #ffffcc;
border: 1px solid #000;
font-family: Arial, Helvetica, sans-serif;
padding: 3px;
margin: 5px 3px 10px 3px;
font-size: 1.1em;
scrollbar-shadow-color: #ffffcc;
scrollbar-highlight-color: #ffffcc;
scrollbar-face-color: #ffffcc;
scrollbar-3dlight-color: #ffffcc;
scrollbar-darkshadow-color: #ffffcc;
scrollbar-track-color: #ffffcc;
scrollbar-arrow-color: #ffffcc;
}

.charsused {
background-color: #ccff99;
border: 1px solid #000;
margin: 0 auto;
padding: 8px;
width: 180px;
text-align: center;
font-weight: normal;
font-size: 1.3em;
}

#addstep1arrow { 
background: url(../img/bg_step1arrow2.gif) no-repeat 34px 0;
height: 15px;
}

#addstep1chars {
background-color: #ccff99;
border: 1px solid #000;
width: 310px;
margin: 0;
padding: 10px 15px;
text-align: center;
font-size: 1.4em;
}

#addstep1charlist {
padding: 0;
margin: 10px 0 0 0;
font-size: 0.8em;
background: url(../img/bg_addstep1_charlist.gif) no-repeat top center;
}

#addstep1charlist ul {
margin: 0;
padding: 0;
}

#addstep1charlist li {
list-style-type: none;
padding-bottom: 3px;
}

#addstep1url { 
background-color: #dddddd;
border: 1px solid #000;
margin: 15px 0 0 0;
padding: 10px 15px;
width: 310px;
font-weight: bold;
font-size: 1.2em;
}

#addstep1descriplist ul {
font-family: "Century Gothic", Arial, Helvetica, sans-serif;
font-size: 1.2em;
color: #0000ff;
font-weight: bold;
margin: 0 0 0 10px;
padding: 0;
font-style: italic;
}

#addstep1descriplist li {
list-style-type: none;
padding-bottom: 17px;
margin: 0;
}

.addstep1listtitle {
font-size: 1.4em;
color: #000;
font-family: Arial, Helvetica, sans-serif;
padding-bottom: 18px !important;
}

#addstep1tagpreview {
border: 2px solid #000;
padding: 10px;
margin: 15px 20px;
text-align: center;
font-weight: bold;
color: #808080;
font-size: 1.2em;
}

#addstep1tagpreview h3 {
display: inline;
margin: 0 25px 0 0;
padding: 0;
font-style: italic;
font-size: 1.5em;
color: #000;
}

#addstep2 {
border-bottom: 1px solid #000;
margin: 0 0 15px 0;
background: url(../img/bg_addstep2.gif) no-repeat 5px 0px;
padding: 0;
text-align: center;
}

#addstep2 h2 {
margin: 0 0 6px 10px;
padding: 140px 0 0 0;
}

#addstep2colortable {
background-color: #dddddd;
border: 1px solid #000;
text-align: center;
padding: 3px;
margin: 15px 2px 15px 15px;
font-size: 1.2em;
}

#addstep2colortable h4 {
font-size: 1.3em;
font-weight: bold;
padding: 0;
margin: 6px 0 15px 0;
}

.addstep2colortext {
font-size: 0.9em;
padding: 0 0 40px 0;
margin: 0 -5px 40px -5px;
}

#addstep2sizetable {
background-color: #ddd;
border: 1px solid #000;
padding: 16px 3px 32px 2px;
margin: 15px 8px 15px 8px;
text-align: left;
}

.addstep2bgcolortable {
margin: 0 0 0 0;
display: block;
width: 110px;
text-align: left;
color: #fff;
}

.addstep2fonttitle {
text-align: left;
padding: 15px 0 25px 15px;
margin: 0;
font-size: 1.4em;
font-weight: bold;
}

.addstep2fontsize {
margin: 0 0 10px 0;
display: block;
width: 100px;
text-align: left;
color: #000;
background-color: #fff;
padding-bottom: 10px;
}

.grayout {
color: #999999;
}

#addstep3 {
background: url(../img/bg_step_3.gif) no-repeat 0 -15px;
}

#addstep3 h2 {
margin: 0 0 6px 232px;
padding: 0;
}

#addstep3 p {
text-align: center;
}

#addstep3catselect {
background-color: #ddd;
border: 1px solid #000;
margin: 10px 15px;
padding: 10px 0 10px 0;
text-align: center;
}

#addstep3cattable {
font-size: 1.2em;
margin: 10px 15px;
padding-bottom: 4px;
background: url(../img/bg_addstep3_catlist.gif) no-repeat 260px 30px;
}

#addstep3cattable p {
margin: 0 0 0 0;
padding: 2px 0 2px 3px;
display: block;
width: 130px;
text-align: left;
}

.addstep3catitem {
background-color: #fff;
}

.addstep3catprice {
font-style: italic;
font-size: 0.9em;
}

#addstep3discount {
text-align: center;
margin: 20px 5px 25px 5px;
font-size: 1.2em;
}

.discountbutton {
background-color: #ccecff;
color: #000;
border: 1px solid #000;
text-transform: uppercase;
padding: 2px 2px;
margin: 8px 0 0 10px;
font-size: 0.9em;
font-weight: bold;
}

.discountfield {
color: #FF0000;
padding: 2px;
font-family: Arial, Helvetica, sans-serif;
margin: 0 0 0 8px;
}

#addsidebar {
width: 285px;
margin: 0;
padding: 0;
background-color: #5f5f5f;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
}

#addsidebar h3 {
color: #fcf15e;
margin: 0;
padding: 0 15px 0 15px;
font-size: 1.2em;
}

#addsidebar p {
margin: 0;
padding: 2px 15px 25px 15px;
color: #fff;
font-size: 1.1em;
}

.tagpreview {
border: 2px solid #000;
margin: 250px 5px 25px 5px;
background-color: #fff;
padding: 8px 4px 8px 4px;
text-align: center;
}

.tagpreview h4 {
margin: 0;
padding: 0;
font-size: 1.5em;
font-weight: bold;
font-style: italic;
display: block;
}

.tagpreview h5 {
margin: 0;
padding: 0;
font-size: 1.4em;
font-weight: bold;
font-style: italic;
display: block;
}

.previewtext {
padding: 15px;
margin: 3px;
}

.defaultpreview {
margin: 3px 0;
font-size: 1.2em;
font-weight: bold;
color: #808080;
padding: 8px 5px;
}

.tagpreviewcostbox {
border: 1px solid #000;
background-color: #eaeaea;
margin: 1px;
padding: 8px 1px 8px 1px;
text-align: right;
font-size: 1.1em;
}

.totalline {
border-bottom: 1px solid #000;
width: 251px;
height: 1px;
margin: 5px 0 0 0;
padding: 0;
}

.discounttext {
color: #FF0000;
}	

.grandtotaltext {
font-size: 1.5em;
font-style: italic;
font-weight: bold;
margin: -10px 0 0 0;
padding: 0;
}

.grandtotalnumber {
color: #FF0000;
font-weight: normal;
margin: -10px 0 0 15px;
padding: 0;
font-size: 1.2em;
}

#nextbutton {
margin: 100px 0 5px 150px;
padding: 0 10px 0 0;
}


/* ------- ACCOUNT CREATION PAGE ----------- */

#acctsubheader {
margin: 0;
padding: 0;
background: url(../img/bg_subheader_acct.gif) repeat-x top left;
height: 35px;
}

#setupaccountform {
margin: 20px 55px 10px 80px;
padding: 0;
font-size: 1.2em;
font-family: Arial, Helvetica, sans-serif;
}

#setupaccountform h2 {
color: #0000ff;
font-size: 1.5em;
padding: 0;
margin: 0 0 15px 0;
}

#setupaccountform h3 {
color: #0000ff;
padding: 0;
margin: 0 0 10px 0;
font-size: 1.3em;
}

setupaccountform p {
margin: 0;
padding: 3px;
}

#contactinfobox {
background-color: #dddddd;
border: 1px solid #000;
padding: 9px;
width: 400px;
}

.contactinfofield {
background-color: #ffffcc;
border: 1px solid #000;
font-family: Arial, Helvetica, sans-serif;
padding: 3px;
margin: 5px 3px 10px 3px;
font-size: 1.1em;
color: #FF0000;
}

.sectionbreak {
background-color: #000;
margin: 40px 0;
padding: 0;
height: 1px;
}

#usernamebox {
background-color: #dddddd;
border: 1px solid #000;
padding: 9px;
width: 350px;
margin: 25px 0 0 0;
}

#accountterms {
border: 1px solid #000;
padding: 7px;
height: 160px;
overflow: auto;
margin: 50px 0 20px 0;
background-color: #f0f0f0;
}

#accountterms h4 {
text-align: center;
font-weight: bold;
font-size: 1.3em;
margin: 0 0 15px 0;
padding: 0;
}

#accountterms p {
margin: 0;
padding: 2px 6px 12px 6px;
}

#accounttermscheck {
margin: 0 0 30px 80px;
padding: 0;
font-size: 0.9em;
}

#gotopaybutton {
margin: 40px -20px 40px 320px;
padding: 0;
}

/* ------- CHOOSE PAYMENT PAGE ----------- */

#choosepaymentform {
margin: 20px 55px 10px 45px;
padding: 0;
font-size: 1.2em;
font-family: Arial, Helvetica, sans-serif;
text-align: center;
}

#choosepaymentform h2 {
color: #000;
font-size: 1.7em;
padding: 0;
margin: 0 0 25px 0;
}

.tagpreviewsolo {
border: 2px solid #000;
margin: 70px 5px 50px 5px;
background-color: #fff;
padding: 8px 4px 8px 4px;
text-align: center;
}

.tagpreviewsolo h4 {
margin: 0;
padding: 0;
font-size: 1.5em;
font-weight: bold;
font-style: italic;
display: block;
}

.tagpreviewsolo h5 {
margin: 0;
padding: 0;
font-size: 1.4em;
font-weight: bold;
font-style: italic;
display: block;
}


/* ------- AFFILIATE PAYMENT PAGE ----------- */

#affilselections {
background-color: #dddddd;
border: 1px solid #000;
padding: 6px;
margin: 30px auto;
width: 150px;
text-align: left;
}


/* ------- THANK YOU PAGES ----------- */

#thankyoutext {
margin: 30px 55px 200px 45px;
padding: 0;
font-size: 1.6em;
font-family: Arial, Helvetica, sans-serif;
text-align: center;
}

#thankyoutext h1 {
margin: 0 0 25px 0;
font-size: 1.8em;
color: #333399;
}

#thankyoutext h2 {
color: #000;
font-size: 1.5em;
padding: 0;
margin: 0 0 25px 0;
}


/* ------- SUBMENU PAGES ----------- */

#subpagecontent {
margin: 15px 5px;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 1.2em;
color: #000;
text-align: left;
}

#subpagecontent h2 {
font-family: "Century Gothic", "Avant Garde", Helvetica, Arial, Geneva, Verdana, sans-serif;
font-size: 2.5em;
padding: 0 40px 0 40px;
margin: 0;
}

#subpagecontent p {
padding: 12px 65px 12px 65px;
margin: 0;
line-height: 1.5em;
}

#usecouponsteps ol {
margin: -10px 0 0 80px;
padding: 0 65px 0 80px;
}

#usecouponsteps li {
padding-bottom: 20px;
margin: 0 65px 0 80px;
}

#faqlist {
border-bottom: 1px solid #000;
margin: 25px 65px 30px 65px;
padding: 0 10px 20px 0;
list-style: none;
}

#faqlist ul {
list-style-type: none;
}

#faqlist li {
padding-bottom: 10px;
padding-left: 16px;
background-image: url(../img/icon_all_about_arrow.gif);
background-repeat: no-repeat;
background-position: 0 .2em;
}

#faqlist a:link, #faqlist a:visited {
text-decoration: underline;
color: #2e3192;
}

#faqlist a:hover {
text-decoration: underline;
color: #6a6dcf;
}

.faqlistheading {
font-size: 1.5em;
margin: 28px 0 -1px 60px;
padding: 0;
}

.faqitemlist {
margin: 0 65px 0 50px;
}

.faqitemlist li {
padding-bottom: 6px;
}

.toplink {
margin: 6px 5px 60px 750px;
padding: 0;
}

.toplink a:link, .toplink a:visited {
text-decoration: none;
color: #ff6e51;
}

.toplink a:hover {
text-decoration: none;
color: #3e509f;
}

.howitworks {
margin: 20px 5px 15px 12px;
padding: 0;
}

.getstarted {
margin: 5px 3px 25px 670px;
padding: 0;
}


/* --- SITE MAP --- */

#sitemaplinks {
	margin: 30px 10px 15px 25px;
	padding: 0;
	
}
	
#sitemaplinks h3 {
	margin: 5px 0 12px 25px;
	padding: 0 0 6px 0;
	font-size: 1.5em;
	border-bottom: 1px solid #000;
	width: 750px;
}

.sitemaptable {
	margin: 0 0 40px 30px;
	padding: 0;
}

.sitemaptable ul {
	margin: 0 0 0 110px;
	padding: 0;
	list-style-type: circle;
}

.sitemaptable li {
	margin: 0;
	padding: 3px 0 7px 0;
}

.sitemaptable a:link, .sitemaptable a:visited {
	text-decoration: none;
	color: #2e3192;
}

.sitemaptable a:hover {
	text-decoration: none;
	color: #6a6dcf;
}

/* REVISED ADVERTISING PAGE */

#adtext {
margin: 10px 0 25px 15px;
padding: 0;
text-align: left;
}

#adtext h3 {
margin: 0;
padding: 0;
}

#adtext p {
margin: 0;
padding: 6px 2px 6px 2px;
}

#adsites {
margin: 10px 0 10px 65px;
padding: 0;
color: #636466;
}