@charset "utf-8";

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
 caption{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
	background-color:#7b098b;
	background-image:url(images/topbk.jpg);
	background-repeat:repeat-x;
	background-position:top;	
	font-family:Arial, Helvetica, sans-serif;
	color:#313131;
	padding:0;
	margin:0
}
ol, ul {
	list-style: none;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* Main Style */
#container{width:950px; margin:0 auto; background-image:url(images/container_bk.jpg); background-repeat:repeat-y; border-left:1px solid #FFF; border-right:1px solid #FFF; position:relative; }
#container2{width:896px; margin:0 auto; background-color:#fff; border-left:1px solid #FFF; border-right:1px solid #FFF; position:relative}
#header1 img{float:left}
#header2 {float:left; width:615px}
#header2 img{float:left}

#bodyform {width:950px;}
#bodycontent { width:960px;}
#oracontent{ width:960px;}
#oracontent img{ float:left;display:inline}
#bodycontent img{ float:left;display:inline}
#bottomcontent{ width:960px; margin:20px auto}
#bottomcontent img{ float:left;display:inline}
#formback { background-image:url(images/formback.jpg); width:369px; height:562px; background-repeat:no-repeat;float:left; position:relative; z-index:0}
#formback3 { background-image:url(images/formback2.jpg); width:335px; height:529px; background-repeat:no-repeat;float:left; position:relative; z-index:0;}
#bodyform2 {width:950px;}
#formback2{ width:369px;float:left; position:relative; z-index:0}
#leftpanel{width:580px; float:left; background-color:#FFFFFF}
#leftpanel p{width:539px;margin:0 auto; font-size:14px;padding:5px 4px 10px 12px;line-height:18px}
#leftpanel h2{ font-size:24px; font-weight:bold; width:539px; margin:0 auto; padding:10px 0 6px 10px}
#leftpanel h3{ font-size:20px; font-weight:bold; width:539px; margin:0 auto; padding:10px 0 6px 10px}
#rightpanel{ width:370px; float:left; background-color:#eaeaea}	
#rightpanel h2{ font-size:24px; font-weight:bold; width:539px; margin:10px auto; text-align:center; width:350px}
#naturalbox{ width:539px;position:relative; height:353px; background-image:url(images/natural_back.jpg); margin:0 auto}
#naturalbox p{ width:370px; position:absolute; top:70px; left:8px; line-height:18px;}
#logodisplay{ margin:10px auto; width:206px}
#logodisplay img{margin-left:10px;}
#graph{ background-image:url(images/graph.jpg); width:340px; height:436px; margin:10px auto}
#anatomy {width:539px; margin:0 auto}
#anatomy img.penispic{ float:left}
#anatomy ul{ float:right;width:320px;margin:10px auto; padding:0}
#anatomy li{ margin-top:10px; font-size:11px}
#changelist ul{padding:0; margin:0}
#changelist li{width:100%; text-align:center; color:#FFFFFF; height:34px; line-height:34px}
#changelist li.color1{ background-color:#3d8fc9}
#changelist li.color2{ background-color:#1875b6}
#bottompart img{float:left}
#bottompart .moretext { width:369px; height:119px; background-color:#eaeaea; float:left; }
#bottompart .moretext p{ width:350px; text-align:justify; margin:20px auto; font-size:15px}	
#footer {height:100px; padding-top:50px}
#footer p{ text-align:center; font-size:11px; margin:0; color:#FF99FF}
#footer a{color:#fff; text-decoration:none}
#footer a:hover{color:#CCCCCC; text-decoration:none}

#footer2 {height:100px; padding-top:160px}
#footer2 p{ text-align:center; font-size:11px; margin:0}
#footer2 a{color:#000; text-decoration:none}
#footer2 a:hover{color:#3e3e3e; text-decoration:none}

#left_acaibk{position:absolute;top:0; left:-110px; background-image:url(images/left_acaibk.png); background-repeat:no-repeat; width:109px; height:537px; z-index:9999}
#right_acaibk{position:absolute;top:0; right:-110px; background-image:url(images/right_acaibk.png); background-repeat:no-repeat; width:109px; height:537px; z-index:0}
#hurrycircle{position:absolute;top:660px; right:-75px; background-image:url(images/hurry_button.png); background-repeat:no-repeat; width:95px; height:96px; z-index:9999}
#hurrycircle2{position:absolute;top:545px; right:-80px; background-image:url(images/hurry_button.png); background-repeat:no-repeat; width:95px; height:96px; z-index:9999}
#arrowform{position:absolute;top:150px; right:-72px; background-image:url(images/arrow_tourpage.png); background-repeat:no-repeat; width:107px; height:120px; z-index:9999}
/* order form */

#formcontainer{ position:absolute;  height:400px; width:315px; left:20px; top:4px;}

#formcontainer ul{ width:240px; margin:20px auto; height:380px}
#formcontainer li { font-size:13px; margin-top:6px; display:block; position:relative}
#formcontainer li .error{ padding:5px; display:none; border:1px solid #000;background-color:#FF6633; color:#fff; position:absolute; left:230px; top:-1px; font-size:11px; width:140px}
#formcontainer li input.textbox{ width:220px; border:1px solid #ccc; font-size:12px; padding:1px; color:#313131;-moz-border-radius: 5px; -webkit-border-radius: 5px;}
#formcontainer li input.textbox:focus{ width:220px; border:1px solid #000}

#formcontainer2{ position:absolute; background-color:#a3140d; width:309px; left:0px; top:0px; }
#formcontainer2 ul{ width:240px; margin:10px auto;}
#formcontainer2 li { font-size:13px; margin-top:4px; color:#fff; display:block; position:relative}
#formcontainer2 li .error{ padding:5px; display:none; border:1px solid #000;background-color:#FF6633; color:#fff; position:absolute; left:230px; top:-1px; font-size:11px; width:140px}
#formcontainer2 li input.textbox{ width:170px; border:1px solid #ccc; font-size:12px; padding:1px; color:#313131;}
#formcontainer2 li input.textboxcvv{ width:40px; border:1px solid #ccc; font-size:12px; padding:1px; color:#313131;}
#formcontainer2 li input.textbox:focus{ border:1px solid #000}
#formcontainer2 li input.textboxcvv:focus{ border:1px solid #000}

#formcontainer3 ul{ width:310px; margin:15px auto; text-align:center; padding:0}
#formcontainer3 li { font-size:12px; margin-top:5px; display:block; position:relative; color:#FFFFFF; line-height:20px; font-weight:bold; font-family:Tahoma}
#formcontainer3 li .error{ padding:5px; display:none; border:1px solid #000;background-color:#FF6633; color:#fff; position:absolute; left:230px; top:-1px; font-size:11px; width:140px}
#formcontainer3 li input.textboxshort{ width:92px; border:1px solid #ccc; font-size:12px; padding:1px; color:#313131;height:20px}
#formcontainer3 li input.textboxshort2{ width:89px; border:1px solid #ccc; font-size:12px; padding:1px; color:#313131;}
#formcontainer3 li input.textboxcity{ width:84px; border:1px solid #ccc; font-size:12px; padding:1px; color:#313131;}
#formcontainer3 li input.textboxlong{ width:196px; border:1px solid #ccc; font-size:12px; padding:1px; color:#313131; height:20px}
#formcontainer3 li input.textboxaddress{ width:275px; border:1px solid #ccc; font-size:12px; padding:1px; color:#313131;}
#formcontainer3 li input.textboxcvv{ width:40px; border:1px solid #ccc; font-size:12px; padding:1px; color:#313131;}
#formcontainer3 li input.textboxlong:focus { border:1px solid #000}
#formcontainer3 li input.textboxcity:focus { border:1px solid #000}
#formcontainer3 li input.textboxshort:focus{ border:1px solid #000}
#formcontainer3 li input.textboxaddress:focus{ border:1px solid #000}
#formcontainer3 li input.textboxshort2:focus{ border:1px solid #000}
#formcontainer3 li input.textboxcvv:focus{ border:1px solid #000}
#formcontainer3 hr{ border-top:1px solid #fff}


.join_button {background:url(images/button_rush.png) no-repeat 0 0;cursor:pointer; cursor:hand; width:308px; height:91px; border:0; }
.join_button3 {background:url(images/button_rush.png) no-repeat 0 0;cursor:pointer; cursor:hand; width:308px; height:80px; border:0; margin-top:12px }
.join_button2 {background:url(images/placeorder.png) no-repeat 0 0;cursor:pointer; cursor:hand; width:308px; height:91px; border:0; position:relative; left:20px; margin-top:2px}
.information_state{width:225px;font-size:12px;color:#313131}
.information_state2{width:93px;font-size:12px;color:#313131}

#errorbox{width:290px; position:absolute; background-color:#FFFFFF; padding:10px; right:-302px; top:45px; border:5px solid #c8c8c8; text-align:center;font-size:12px;display:none}
#errorbox ul{width:260px; margin:0 auto;padding:0}
#errorbox li{ list-style-type:disc; margin-top:2px;text-align:left; }
#errorbox h2{font-size:14px}

#orderdetails{ width:581px; float:left}


/*common classes*/
.borderit{border:1px solid #e6e6e6}
.clearfix {clear:both}
.makeorange{ color:#ff4e23}
.makeyellow{ color:#FFFF00}
.makewhite{ color:#FFF}
.makeblue{ color:#46a1da}
.makegreen{color:#009900}
.makegreen2{color:#ccff00}
img.adjustpic{margin-left:26px;}
.small{font-size:11px; margin:0; padding:1px}
.small2{font-size:10px; margin:0; padding:1px; position:relative; right:110px}
.smallterms{font-size:12px; width:400px; margin:0 auto; padding:0}
.normalfont{font-size:12px;}
.extrabigfont{font-size:14px; font-weight:bold}
.makeitalic{ font-style:italic}
.alignright{ text-align:right; padding-right:10px;margin:0}
.justifythis{ text-align:justify;}
.closepop { padding:4px 6px 4px 6px; background-color:#000; color:#FFFFFF; font-size:16px; text-decoration:none; line-height:20px;  }

/* common tags */

/* smooth popup style */
#backgroundPopup{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:100%;
width:100%;
top:0;
left:0;
background:#000000;
border:1px solid #cecece;
z-index:1;
}
#popupContact{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
width:430px;
background:#FFFFFF;
border:4px solid #ccc;
z-index:2;
padding:12px;
font-size:13px;
}
#popupContact2{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
width:430px;
background:#FFFFFF;
border:4px solid #ccc;
z-index:2;
padding:12px;
font-size:13px;
}