/* new class and id definitions - old ones at bottom of page */
html,body{
	margin:0;
	padding:0;
	width:100%;
	height:100%;
}

html{
	font-size:100%;
}

body{
	text-align:center;
	font-size:62.5%;
}

body,table{
	font: normal 12px Arial, Helvetica, sans-serif;
	
}

#mainContainer{
	/* this is the main div that centers the content*/
	width:950px;
	margin:auto;
	text-align:left;
	position:relative;
}

#bodyContainer{
	/* this is the div that contains the body content that has a high padding set due to the absolute positioning of the menu */
	padding-top:40px;
	padding-bottom:20px;
	min-height:300px;
}
#header{
	background:url(../images/global/logo.gif) no-repeat 0 0;
	height:100px;
}
#header h1,#header h2{
	display:none;
}

#footer{
	clear:both;
	padding-top:20px;
	text-align:center;
	color:#666666;
}
#banner_top{
	width:468px;
	height:60px;
	position:absolute;
	top:20px;
	right:0;
	border:1px solid ##dfdfdf;
}
#banner_bot{
	width:728px;
	height:90px;
	margin:20px auto;
	border:1px solid ##dfdfdf;
}
h1{
	font-size:2.0em;
	margin:0;
	padding:0;
	position:relative;
}
h2{
	font-size:1.5em;
	margin:0;
	padding:0;
}
	
/*
 Link Elements
 --------------------------------------------
*/
a,a:visited{
	color:#077c2e;
}

a:hover,a:active{
	color:#ff0000;
}

a.boxed{
	text-decoration:none;
	display:block;
	margin-bottom:5px;
}
	
a.btn{
	display:block;
	padding:3px 6px;
	color:#ffffff;
	text-decoration:none;
	border:1px solid #333333;
	background:#cc0000;
	font-size:12px;
}

/*
 Image Headers - H1 tags that represent the headers
 --------------------------------------------
*/
h1.heading{
	margin:-7px 0 0 0;
	padding:0;
	height:70px;
	width:600px;
	text-indent:-9000px;
}
h1#heading_aboutus{
	background:url(../images/h1/aboutus.png) no-repeat 0 0;
}
h1#heading_contactus{
	background:url(../images/h1/contactus.png) no-repeat 0 0;
}
h1#heading_phone{
	background:url(../images/h1/phone.png) no-repeat 0 0;
}
h1#heading_contest{
	background:url(../images/h1/contest.png) no-repeat 0 0;
}
h1#heading_affiliateprogram{
	background:url(../images/h1/affiliateprogram.png) no-repeat 0 0;
}
h1#heading_faq{
	background:url(../images/h1/faq.png) no-repeat 0 0;
}
h1#heading_childprivacy{
	background:url(../images/h1/childprivacy.png) no-repeat 0 0;
}
h1#heading_password{
	background:url(../images/h1/password.png) no-repeat 0 0;
}
h1#heading_privacystatement{
	background:url(../images/h1/privacystatement.png) no-repeat 0 0;
}
h1#heading_terms{
	background:url(../images/h1/terms.png) no-repeat 0 0;
}
h1#heading_samples{
	background:url(../images/h1/samples.png) no-repeat 0 0;
}
h1#heading_products{
	background:url(../images/h1/products.png) no-repeat 0 0;
}
h1#heading_myaccount{
	background:url(../images/h1/myaccount.png) no-repeat 0 0;
}
h1#heading_myorders{
	background:url(../images/h1/myorders.png) no-repeat 0 0;
}
h1#heading_login{
	background:url(../images/h1/login.png) no-repeat 0 0;
}
h1#heading_register{
	background:url(../images/h1/register.png) no-repeat 0 0;
}
h1#heading_cart{
	background:url(../images/h1/mycart.png) no-repeat 0 0;
}
h1#heading_orderpreview{
	background:url(../images/h1/orderpreview.png) no-repeat 0 0;
}
h1#heading_ordercheckout{
	background:url(../images/h1/ordercheckout.png) no-repeat 0 0;
}
h1#heading_orderconfirmation{
	background:url(../images/h1/orderconfirmation.png) no-repeat 0 0;
}
h1#heading_trouble{
	background:url(../images/h1/trouble.png) no-repeat 0 0;
}
h1#heading_games{
	background:url(../images/h1/games.png) no-repeat 0 0;
}
h1#heading_coloringbook{
	background:url(../images/h1/coloringbook.png) no-repeat 0 0;
}
h1#heading_meet{
	background:url(../images/h1/meet.png) no-repeat 0 0;
}
h1#login{
	width:410px;
	height:35px;
	background:url(../images/store/h_login.gif) no-repeat 0 0;
}
h1#register{
	width:410px;
	height:35px;
	background:url(../images/store/h_register.gif) no-repeat 0 0;
}
	
/*
 Form Elements
 --------------------------------------------
*/
form{
	margin:0;
	padding:0;
	text-align:left;
	font-size:12px;
}
input,textarea,select{
	background:url(../images/global/inputBG.png) 0 0 no-repeat;
	border:1px solid #b1b0b1;
	padding:5px;
	font-size:1.1em;
	vertical-align:middle;
	font-family: Tahoma, Geneva, sans-serif;
}
.button{
	border:1px solid #169265;
	padding:3px 6px;
	background:url(../images/global/bg_button.gif) repeat-x left center;
	color:#169265;
	font-size:12px;
}

.inputWithError{
	border:1px solid #ff0000;
	color:#ff0000;
}
.clearStyle{
	background:none;
	border:none;
	width:auto;
}

form h3{
	margin:0;
	padding:5px 0 0 0;
	text-transform:uppercase;
	color:#ff0000;
}
form span{
	display:block;
	padding:0 5px 5px 5px;
	color:#333333;
	font-weight:bold;
}
dl{
	margin:0;
	padding:10px;
}
dl.bg{
	border:1px solid #483D8B;
	border-width:1px 0 0 0;
	margin-right:20px;
	background:transparent;
}
dl.bg dd input,dl.bg dd select{
	width:350px;
}
dl.wider dt{
	width:200px;
}
dl.wider dd{
	margin: 0 0 5px 205px;
}
dl.wider2 dt{
	width:120px;
}
dl.wider2 dd{
	margin: 0 0 5px 125px;
}
dl.wider3 dt{
	width:140px;
}
dl.wider3 dd{
	margin: 0 0 5px 145px;
}
dl.short dt{
	width:20px;
}
dl.short dd{
	margin: 0 0 5px 25px;
}
dt{
	width:100px;
	font-weight:bold;
	margin: 6px 0 0 0;
	padding: 0;
	text-align: right;
	white-space: nowrap;
	float: left;
	clear: left;
	position: relative;
	text-transform:uppercase;
	color:#333333;
}
dd{
	margin: 0 0 5px 105px;
}
dd span{
	font-size:10px;
	font-weight:normal;
	color:#666666;
}
dd.textOnly {
	padding:6px 0 0 0;
	margin-bottom:3px;
	color:#333333;
}
dd.textOnly span{
	padding:0;
}
/* 
	Classes
 --------------------------------------------
*/
.textSmall{
	font-size:.9em;
	line-height:1.3em;
}
.textMedium{
	font-size:1.1em;
	line-height:1.4em;
}
.textLarge{
	font-size:1.4em;
	line-height:1.7em;
}
.padding{
	padding:0px 20px;
}
.allCaps{
	text-transform:uppercase;
}
.contactBar{
	background:#01B905;
	padding:5px;
	color:#ffffff;
	font-size:14px;
	margin-bottom:5px;
	position:relative;
	width:100%;
}
.thinkGreen{
	margin:10px 0;
	text-align:center;
	color:#009900;
}
.mainColor{
	color:/*#006caa*/#077c2e;
}
.red{
	color:#ff0000;
}
.green{
	color:#009900;
}
.grey{
	color:#666666;
}
.burg{
	color:#990000;	
}
.orange{
	color:#ff6600;
}
.confirmation{
	color:#076b08 !important;
	background:url(../images/icons/tick.png) no-repeat 8px center #e2f9e3 ;
	border:2px solid #076b08 !important;
	text-align:left;
	font-size:12px;
	padding:10px 10px 10px 35px;
	margin:5px;
}
.cSpacer{
	clear:both;
}

/* Pop Up Error */
#popUpError{
	background:url(../images/global/popUpError.png) no-repeat 0 0;
	width:400px;
	height:230px;
	position:absolute;
	left:50%;
	top:0;
	margin-left:-200px;
	z-index:1001;
}
#popUpError a{
	position:absolute;
	right:10px;
	top:10px;
	width:42px;
	height:42px;
	text-decoration:none;
	display:block;
}
#popUpError div h2{
	color:#cc0000;
}
#popUpError div{
	margin:50px 50px 0 40px;
	padding:10px;
	color:#cc0000;
	font-size:14px;
	font-weight:bold;
	text-align:center;
}

/* Video Player */
#video_overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1001;
	width: 100%;
	height: 100%;
	background-color: #333333;
	}
#video_border{
	background:#ffffff;
	width:720px;
	height:486px;
}
#video_holder{
	position:absolute;
	z-index: 1002;
	margin-left:-330px;
	left:50%;
	top:0;
	width:720px;
	padding:10px;
	text-align:center;
	background-color:#FFFFFF;
}
#video_player{
	width:720px;
	height:486px;
	background-color:#FFFFFF;
	border:solid 1px #dfdfdf;
}
#video_holder a{
	text-align:right;
	display:block;
	padding:15px 5px 0px 5px;
}

/* Home Page Styles*/
#i_leftCol{
	background:url(../images/global/bg_home.gif) no-repeat 0 0;
	width:700px;
	height:500px;
	float:left;
	position:relative;
}
#i_rightCol{
	margin-left:700px;
	width:250px;	
	height:483px;
	color:#077c2e;
	text-align:center;
	position:relative;
	padding-top:17px;
}
#i_rightCol h1{
	display:none;
}
#i_promo{
	background:url(../images/store/promotionalcode.gif) no-repeat 0 0;
	width:250px;
	padding-top:40px;	
}
#i_promo form{
	text-align:center;
}
#i_ins{
	margin:0;
	padding:10px 20px;
	font-size:11px;
	color:#999999;
	text-align:left;
}
#i_inv{
	background:url(../images/store/view_my_drawing.gif) no-repeat 0 0;
	width:250px;
	padding-top:40px;	
}
/* FAQ Page Styles*/
.questions a{
	color:#077c2e;
}
.question{
	color:#077c2e;
	margin-bottom:3px;
	padding-bottom:0;
	font-size:1.4em;
}
.answer{
	margin:0 0 25px 0;
	padding:0 5px 10px 5px;
	color:#666666; 
}
.answerList{
	color:#666666; 
}