/* CSS Document */

#clear
{
	clear: both;
}

/* --------------- Page background Image --------------- */
body
{
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px;
	padding-top: 0px;
	background-color: #331334;
	text-align: center;
	background-image: url("images/pagebackground_repeat.jpg");
	background-repeat: repeat-x;
}

/* - Centers the Page, Contains Page Backgrokund Image - */
#center
{
	width: 1000px;
	height: 1000px;
	text-align: left;
	margin: 0 auto;
	background-image: url(images/pagebackground.jpg);
	background-repeat: no-repeat;
}
.disclaimersmall {
	font-size: 9px;
}
.grayitalic {
	font-style: italic;
	color: #666666;
}




/* ------- Creates spacing at the top of the page ------ */

#surlogo
{
	height: 33px;
	width: 1000px;
}

/* ------------------------ Logo ----------------------- */

#logo
{
	margin-left: 49px;
	width: 351px;
	height: 164px;
	float: left;
	display: inline;
	display: inline;
}

/* ------------------------ Menu ----------------------- */


#menu_1
{
	height: 39px;
	width: 100px;
	float: left;
	display: inline;
	display: inline;
	margin-left: 130px;
}

#menu_2
{
	height: 39px;
	width: 141px;
	float: left;
	display: inline;
	margin-left: 38px;
	
}

#menu_3
{
	margin-left: 25px;
	height: 39px;
	width: 146px;
	float: left;
	display: inline;
}

#menu_4
{
	margin-left: 44px;
	height: 39px;
	width: 67px;
	float: left;
	display: inline;
}

#menu_5
{
	margin-left: 62px;
	margin-right: 134px;
	height: 39px;
	width: 113px;
	float: left;
	display: inline;
}


/* --- Foreground (White Area Where Content Is Placed -- */


/* Row A */
#a1
{
	background-image: url(images/a2.jpg);
	background-repeat: no-repeat;
	background-position: right;
	background-color: #FFFFFF;
	margin-top: 11px;
	margin-left: 97px;
	width: 802px;
	float: left;
	display: inline;
	height: 8px;
}

#a2
{
	background-image: url(images/a1.jpg);
	background-position: left;
	background-repeat: no-repeat;
	width: 802px;
	float: left;
	display: inline;
	height: 8px;
}

/* Row B */
#b1
{
	background-image: url(images/b2.jpg);
	background-repeat: no-repeat;
	background-position: right;
	background-color: #FFFFFF;
	margin-left: 97px;
	width: 802px;
	float: left;
	display: inline;
}

#b2
{
	background-image: url(images/b1.jpg);
	background-position: 0px, 0px;
	background-repeat: no-repeat;
	width: 788px;
	padding-left: 14px;
	float: left;
	display: inline;
}

/* Pane Width Variations for 1-Pane Layouts */
/* Add additional styles for pane widths as necessary, sum including margins should be equal to 780px */

#terms
{
	width: 753px;
	margin-left: 15px;
	float: left;
	display: inline;
}

/* Pane Width Variations for 2-Pane Layouts */
/* Add additional styles for pane widths as necessary, sum including margins should be equal to 780px */

#leftpane_about
{
	width: 380px;
	float: left;
	display: inline;
}

#rightpane_about
{
	width: 380px;
	float: left;
	display: inline;
	margin-left: 20px;
}

#leftpane_contest
{
	width: 200px;
	float: left;
	display: inline;
	text-align: center;
}

#rightpane_contest
{
	width: 560px;
	float: left;
	display: inline;
	margin-left: 20px;
	line-height: 22px;
}

#leftpane_getyourlook
{
	width: 230px;
	float: left;
	display: inline;
	margin-left: 20px;
	padding-top: 20px;
	text-align: left;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
}
.pinktext {
	color: #CC33FF;
}


#rightpane_getyourlook
{
	width: 510px;
	float: left;
	display: inline;
	margin-left: 20px;
	line-height: 22px;
	padding-top: 10px;
}

#leftpane_aboutus
{
	width: 185px;
	float: left;
	display: inline;
	text-align: right;
}

#rightpane_aboutus
{
	width: 475px;
	float: left;
	display: inline;
	margin-left: 20px;
}

#leftpane_expert
{
	width: 185px;
	float: left;
	display: inline;
	text-align: center;
}

#rightpane_expert
{
	width: 575px;
	float: left;
	display: inline;
	margin-left: 20px;
	line-height: 22px;
}

#leftpane_forgottenpassword
{
	width: 750px;
	float: left;
	display: inline;
	text-align: center;
	margin-top: 12px;
}

/* Pane Width Variations for 3-Pane Layouts */
/* Add additional styles for pane widths as necessary, sum including margins should be equal to 780px */

#leftpane_comingsoon
{
	width: 200px;
	float: left;
	display: inline;
	text-align: center;
}

#centerpane_comingsoon
{
	width: 255px;
	float: left;
	display: inline;
	margin-left: 20px;
}

#rightpane_comingsoon
{
	width: 285px;
	float: left;
	display: inline;
	margin-left: 20px;
}

#leftpane_contest
{
	width: 215px;
	float: left;
	display: inline;
	text-align: center;
	margin-left: 20px;
	text-align: left;
}

#centerpane_contest
{
	width: 230px;
	float: left;
	display: inline;
	margin-left: 20px;
}

#rightpane_contest
{
	width: 275px;
	float: left;
	display: inline;
	margin-left: 20px;
}



/* Pane Width Variations for 4-Pane Layouts */
/* Add additional styles for pane widths as necessary, sum including margins should be equal to 780px */

#leftpane_blowakiss
{
	width: 316px;
	height: 300px;
	float: left;
	display: inline;
	text-align: center;
	background-image: url(images/blowakiss_frame.jpg);
	background-repeat: no-repeat;
	background-position: 200px,200px;
	margin-top: 10px;
}

#centerpane_blowakiss
{
	width: 210px;
	height: 250px;
	float: left;
	display: inline;
	margin-left: 20px;
}

#rightpane_blowakiss
{
	width: 210px;
	float: left;
	display: inline;
	margin-left: 10px;
}



/* Row C */

#c2
{
	background-image: url(images/c3.gif);
	background-repeat: no-repeat;
	background-position: right;
	width: 802px;
	height: 14px;
	margin-left: 97px;
	float: left;
	display: inline;
}

#c1
{
	background-image: url(images/c1.gif);
	background-repeat: no-repeat;
	background-position: left;
	width: 802px;
	float: left;
	display: inline;
	height: 14px;
}

#c3
{
	background-image: url(images/c2.jpg);
	background-position: left;
	background-repeat: repeat-x;
	width: 777px;
	margin-left: 14px;
	float: left;
	display: inline;
	height: 14px;
	text-align: right;
}




/* ----------- Registration Page Foreground ------------ */


#leftpane_registration
{
	width: 314px;
	float: left;
	display: inline;
	margin-left: 97px;
}

/* Row D - Left Pane */
#d1
{
	background-image: url(images/a2.jpg);
	background-repeat: no-repeat;
	background-position: right;
	background-color: #FFFFFF;
	margin-top: 11px;
	width: 314px;
	float: left;
	display: inline;
	height: 8px;
}

#d2
{
	background-image: url(images/a1.jpg);
	background-position: left;
	background-repeat: no-repeat;
	width: 314px;
	float: left;
	display: inline;
	height: 8px;
}

/* Row E */
#e1
{
	background-image: url(images/b2.jpg);
	background-repeat: no-repeat;
	background-position: right;
	background-color: #FFFFFF;
	width: 314px;
	float: left;
	display: inline;
}

#e2
{
	background-image: url(images/b1.jpg);
	background-position: 0px, 0px;
	background-repeat: no-repeat;
	width: 280px;
	height: 700px;
	padding-left: 24px;
	padding-right: 10px;
	float: left;
	display: inline;
}


/* Row F */

#f2
{
	background-image: url(images/c3.gif);
	background-repeat: no-repeat;
	background-position: right;
	width: 314px;
	height: 14px;
	float: left;
	display: inline;
}

#f1
{
	background-image: url(images/c1.gif);
	background-repeat: no-repeat;
	background-position: left;
	width: 314px;
	float: left;
	display: inline;
	height: 14px;
}

#f3
{
	background-image: url(images/c2.jpg);
	background-position: left;
	background-repeat: repeat-x;
	width: 289px;
	margin-left: 14px;
	float: left;
	display: inline;
	height: 14px;
	text-align: right;
}

/* Row G - Right Pane */

#rightpane_registration
{
	width: 479px;
	float: left;
	display: inline;
	margin-left: 10px;
}

#g1
{
	background-image: url(images/a2.jpg);
	background-repeat: no-repeat;
	background-position: right;
	background-color: #FFFFFF;
	margin-top: 11px;
	margin-left: 0px;
	width: 479px;
	float: left;
	display: inline;
	height: 8px;
}

#g2
{
	background-image: url(images/a1.jpg);
	background-position: left;
	background-repeat: no-repeat;
	width: 479px;
	float: left;
	display: inline;
	height: 8px;
}

/* Row H */
#h1
{
	background-image: url(images/b2.jpg);
	background-repeat: no-repeat;
	background-position: right;
	background-color: #FFFFFF;
	margin-left: 0px;
	width: 479px;
	float: left;
	display: inline;
}

#h2
{
	background-image: url(images/b1.jpg);
	background-position: 0px, 0px;
	background-repeat: no-repeat;
	width: 222px;
	height: 700px;
	padding-left: 25px;
	float: left;
	display: inline;
}

#h3
{
	width: 232px;
	height: 600px;
	float: left;
	display: inline;
}


/* Row I */

#i2
{
	background-image: url(images/c3.gif);
	background-repeat: no-repeat;
	background-position: right;
	width: 479px;
	height: 14px;
	margin-left: 0px;
	float: left;
	display: inline;
}

#i1
{
	background-image: url(images/c1.gif);
	background-repeat: no-repeat;
	background-position: left;
	width: 479px;
	float: left;
	display: inline;
	height: 14px;
}

#i3
{
	background-image: url(images/c2.jpg);
	background-position: left;
	background-repeat: repeat-x;
	width: 454px;
	margin-left: 14px;
	float: left;
	display: inline;
	height: 14px;
	text-align: right;
}


/* ---------------------- UserInfo --------------------- */


#userinfo
{
	margin-left: 10px;
	margin-right: 160px;
	width: 330px;
	height: 164px;
	float: left;
	display: inline;
	text-align: right;
}


/* -------------------- UserInfoInner ------------------ */


#userinfoinner
{
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 144px;
	margin-bottom: 0px;
	width: 330px;
	height: 20px;
	float: right;
	text-align: right;
}


/* ------------------------ Ads ------------------------ */

#ad1
{
	width: 389px;
	height: 100px;
	margin-left: 100px;
	margin-top: 9px;
	float: left;
	display: inline;
}

#ad2
{
	width: 401px;
	height: 100px;
	margin-left: 8px;
	margin-top: 9px;
	float: left;
	display: inline;
}

/* ----------------------- Footer ---------------------- */

#footer
{
	width: 1000px;
	float: left;
	display: inline;
	text-align: center;
	margin-top: 7px;
	margin-bottom: 35px;
}


/* -------------------- Font Styles -------------------- */

.H1
{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #310e31;
	font-size: 13px;
	line-height: 35px;
}

.normal
{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #310e31;
	font-size: 12px;
}

.tipnumber
{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #dd1875;
	font-size: 13px;
}

A:link
{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #310e31;
	font-size: 12px;
}

A:visited
{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #310e31;
	font-size: 12px;
}

A:active
{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #310e31;
	font-size: 12px;
}

A:hover
{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #9b8a98;
	font-size: 12px;
	text-decoration: underline;
}

.directions
{
	color: #000000;
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
}

.checkfield
{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #666667;
	font-size: 12px;
}

.errormessage
{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #FF0033;
	font-size: 12px;
}

.footerlinks
{
	color: #FFFFFF;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
}

.loginlinks
{
	font-family: Optima, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 12px;
}

a.loginlinks
{
	font-family: Optima, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
	font-size: 12px;
}

a.loginlinks:visited,active
{
	font-family: Optima, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
	font-size: 12px;
}

a.loginlinks:hover
{
	font-family: Optima, Arial, Helvetica, sans-serif;
	color: #9b8a98;
	text-decoration: underline;
	font-size: 12px;
}

a.footerlinks
{
	font-family: Optima, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
	font-size: 11px;
}

a.footerlinks:hover
{
	font-family: Optima, Arial, Helvetica, sans-serif;
	color: #9b8a98;
	text-decoration: underline;
	font-size: 11px;
}



/* ------------------- Form Fields --------------------- */

input.formfield
{
	width: 190px;
	padding-left: 10px;
	padding-top: 6px;
	padding-right: 10px;
	height: 22px;
	border-width: 0px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #666667;
	font-size: 12px;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: right;
	background-image: url(images/borderbackground.jpg);
}

#formfield
{
	width: 190px;
	padding-left: 10px;
	padding-top: 6px;
	padding-right: 10px;
	height: 22px;
	border-width: 0px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #666667;
	font-size: 12px;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: right;
	background-image: url(images/borderbackground.jpg);
}

#formfield_large
{
	width: 190px;
	padding-left: 10px;
	padding-top: 6px;
	padding-right: 10px;
	padding-bottom: 10px;
	height: 158px;
	border-width: 0px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #666667;
	font-size: 12px;
	background-image: url(images/borderbackground_large.jpg);
}

#dropdownmenu
{
	width: 150px;
	border: 0xp;
}

/* ----------------- Home Page Styles ------------------ */


/* Centers the Home Page, different background */

#home_center
{
	width: 1000px;
	height: 700px;
	text-align: left;
	margin: 0 auto;
	background-image: url(images/homepagebackground.jpg);
	background-repeat: no-repeat;
}

#home_directions
{
	width: 138px;
	height: 136px;
	margin-top: 0px;
	margin-left: 0px;
	padding-top: 10px;
	padding-left: 12px;
	padding-right: 8px;
	float: left;
	display: inline;
}

#home_winprizes
{
	width: 475px;
	height: 146px;
	margin-left: 7px;
	margin-right: 0px;
	margin-top: 0px;
	float: left;
	display: inline;
}

#home_photoframe
{
	width: 194px;
	height: 220px;
	float: left;
	display: inline;
	margin-top: 131px;
	margin-left: 0px;
}

/* Rollover Menu Links */

#home_menu1
{
	width: 165px;
	height: 184px;
	margin-left: 95px;
	margin-top: 2px;
	padding: 0px;
	float: left;
	display: inline;
	text-align: left;
}

#home_menu2
{
	margin-top: 2px;
	width: 161px;
	height: 184px;
	float: left;
	display: inline;
	text-align: left;
}

#home_menu3
{
	margin-top: 2px;
	width: 162px;
	height: 184px;
	float: left;
	display: inline;
	text-align: left;
}

#home_menu4
{
	margin-top: 2px;
	width: 161px;
	height: 184px;
	float: left;
	display: inline;
	text-align: left;
}

#home_menu5
{
	margin-top: 2px;
	width: 157px;
	height: 184px;
	float: left;
	display: inline;
	text-align: left;
}

#home_logindirectionsprizes
{
	margin-left: 90px;
	margin-top: 174px;
	width: 640px;
	height: 156px;
	float: left;
	display: inline;
}

#home_login
{
	font-family: Optima, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 12px;
	width: 640px;
	height: 20px;
	float: left;
	display: inline;
	text-align: right;
}
#home_spokesmodel {
	font-family: Optima, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 12px;
	width: 400px;
	height: 156px;
	float: left;
	display: inline;
	text-align: right;
}


.button
{
	color: #c02082; 
	font-family: Geneva, Arial, Helvetica, sans-serif;
	background-color: #ffe7f6;
	border: 1px solid; 
	border-color: #c02082;
	filter:progid:DXImageTransform.Microsoft.Gradient (GradientType=0,StartColorStr='#ffffffff',EndColorStr='#ffeeddaa');
	width: 100px;
	text-align: center;
}

.button_over
{
	color: #c02082; 
	font-family: Geneva, Arial, Helvetica, sans-serif;
	background-color: #f5c9f4;
	border: 1px solid; 
	border-color: #c02082;
	filter:progid:DXImageTransform.Microsoft.Gradient (GradientType=0,StartColorStr='#ffffffff',EndColorStr='#ffeeddaa');
	width: 100px;
	text-align: center;
}

a.button_over:hover
{
	color: #c02082; 
	font-family: Geneva, Arial, Helvetica, sans-serif;
	background-color: #f5c9f4;
	border: 1px solid; 
	border-color: #c02082;
	filter:progid:DXImageTransform.Microsoft.Gradient (GradientType=0,StartColorStr='#ffffffff',EndColorStr='#ffeeddaa');
	width: 100px;
	text-align: center;
}
#leftpane_spokesmodel {
	display: inline;
	text-align: left;
}
#spokesmodela2 {
	background-image: url(images/a1.jpg);
	background-position: left;
	background-repeat: no-repeat;
	width: 802px;
	float: left;
	display: inline;
	height: 8px;
}

#spokesmodeltitletext {
	font: bold 16px Verdana, Arial, Helvetica, sans-serif;
}
.spokesmodeltext {
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
}
.spokesmodelsubtitletext {
	font: bold normal 14px Verdana, Arial, Helvetica, sans-serif;
}
