@charset "utf-8";
/* CSS Document */

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background:url(../images/bg.gif) repeat top;
	font:normal 12px/18px Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
}
p, span, h1, h2, h3, input, img {
	margin:0px;
	padding:0px;
	}
.clear { clear:both; }
.br { margin-bottom:4px; }
#body_div
{
	float: left;
	height: auto;
	background-image:url(../images/main_bg.gif);
	background-repeat: repeat-y;
	padding-right: 20px;
	padding-left: 20px;
}
#main_div {
	width:747px;
	margin:0 auto;
	padding:0px 16px 0px 20px;
	}
#top_div {
	width:747px;
	height:190px;
	}	
#top_righttext {
	width:168px;
	height:130px;
	padding:0px 10px 0px 299px;
	font:bold 13px/25px Arial, Helvetica, sans-serif;
	color:#4b9eba;
	text-align:center;
	float:left;
	}		
#logo {
	width:265px;
	height:124px;
	background:url(../images/logo.gif) no-repeat top;
	float:left;
	}
#nav {
	width:747px;
	height:39px;
	}
#nav_left {
	width:14px;
	height:39px;
	float:left;
	background:url(../images/nav_left.gif) no-repeat top;
	}
#nav_bg {
	width:714px;
	height:39px;
	float:left;
	background:url(../images/nav_bg.gif) repeat-x top;
	}
#nav_right {
	width:19px;
	height:39px;
	float:left;
	background:url(../images/nav_right.gif) repeat-x top;
	}	
ul.nav {
	margin:5px 0px 0px 10px;
	padding:0px 0px 0px 0px;
	}	
ul.nav li {
	margin:0px 5px 0px 6px;
	padding:0px 0px 0px 0px;
	text-decoration:none;
	display:inline;
	}	
ul.nav li a {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	text-decoration:none;
	font:normal 12px "Verdana" Arial, Helvetica, sans-serif;
	color:#000000;
	}	
ul.nav li a:hover {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font:normal 12px "Verdana" Arial, Helvetica, sans-serif;
	color:#999999;
	}
#scroll {
	width:747px;
	height:125px;
	}	
#scroll_left {
	width:14px;
	height:125px;
	float:left;
	}
#scroll_bg {
	width:714px;
	height:125px;
	float:left;
	background:url(../images/scroll_bg.gif) repeat-x top;
	}
#scroll_right {
	width:19px;
	height:125px;
	float:left;
	}
#welcome {
	width:747px;
	height:89px;
	}	
#welcome_left {
	width:14px;
	height:100px;
	float:left;
	}
#welcome_bg {
	width:714px;
	height:79px;
	float:left;
	background:url(../images/welcome_bg.gif) repeat-x top;
	padding:20px 0px 0px 0px;
	}
#welcome_right {
	width:19px;
	height:110px;
	float:left;
	}
#welcome_lefttext {
	width:486px;
	padding:0px 46px 10px 0px;
	float:left;
	}
.welcome_text {
	font:bold 12px "Verdana" Arial, Helvetica, sans-serif;
	color:#8cc63f;
	}	
.welcome_righttext {
	width:174px;
	padding:0px 8px 0px 0px;
	font: normal 12px/17px Arial, Helvetica, sans-serif;
	color:000;
	float:left;
	}
#text_1 {
	width:26px;
	float:left;
	font: normal 12px/17px Arial, Helvetica, sans-serif;
	color:000;
	}	
#text_2 {
	width:148px;
	float:left;
	font: normal 12px/17px Arial, Helvetica, sans-serif;
	color:000;
	}
#colom {
	width:738px;
	padding:0px 9px 0px 0px;
	}	
#colom_left {
	width:557px;
	float:left;
	}
#colom_left1 {
	width:19px;
	float:left;
	}
#colom_leftbg {
	width:521px;
	float:left;
	background:url(../images/colom_leftbg.gif) repeat-x top;
	padding:37px 0px 0px 0px;
	}
#colom_left2 {
	width:17px;
	float:left;
	}			
#colom_right {
	width:181px;
	height:216px;
	float:left;
	margin:35px 0px 0px 0px;
	background:url(../images/custom.gif) no-repeat top;
	}
.order_button {	
	width:164px;
	height:54px;
	padding:153px 10px 9px 7px;
	}		
.colom_div {
	width:164px;
	float:left;
	}	
.colom_divspacer {
	width:14px;
	float:left;
	height:180px;
	}	
.colom_divtop {
	width:155px;
	height:20px;
	background:url(../images/colom_divtop.gif) no-repeat top;
	padding:10px 0px 0px 9px;
	}	
.colom_divbg {
	width:147px;
	height:145px;
	background:url(../images/colom_divbg.gif) repeat-y top;
	padding:17px 10px 0px 7px;
	}
.colom_divbottom {
	width:164px;
	height:13px;
	background:url(../images/colom_divbottom.gif) no-repeat top;
	}		
.learn {
	width:91px;
	height:23px;
	padding:3px 0px 27px 53px;
	margin-top:10px;
	}	
.text1 {
	font:bold 12px "Verdana" Arial, Helvetica, sans-serif;
	color:#f37321;
	}
.text2 {
	font:bold 12px "Verdana" Arial, Helvetica, sans-serif;
	color:#067cbc;
	}	
.text3 {
	font:bold 12px "Verdana" Arial, Helvetica, sans-serif;
	color:#5d980e;
	}
ul.value {
	margin:10px 4px 0px 0px;
	padding:0px 0px 0px 0px;
	list-style:none;
	}	
ul.value li {
	margin:5px 0px 0px 0px;
	padding:0px 0px 0px 10px;
	text-decoration:none;
	background:url(../images/bullet4.gif) 0px 7px no-repeat;
	}	
#icon {
	width:747px;
	height:129px;
	}	
#icon_left {
	width:35px;
	height:129px;
	float:left;
	}
#icon_bg {
	width:646px;
	height:97px;
	float:left;
	background:url(../images/logo_bg.gif) repeat-x top;
	padding:10px 21px 22px 26px;
	}
#icon_right {
	width:19px;
	height:129px;
	float:left;
	}
.icon1 {
	width:150px;
	height:150px;
	}	
#icon_left1 {
	width:475px;
	height:97px;
	float:left;
	}	
#icon_right1 {
	width:171px;
	height:97px;
	float:left;
	}	
.symbol {
	width:155px;
	height:97px;
	text-align:center;
	float:left;
	}	
.visa {
	width:156px;
	height:48px;
	padding:0px 0px 0px 15px;
	}	
ul.nav1 {
	margin:16px 0px 10px 0px;
	padding:0px 0px 0px 0px;
	}	
ul.nav1 li {
	margin:0px 6px 0px 5px;
	padding:0px 0px 0px 0px;
	text-decoration:none;
	display:inline;
	}	
ul.nav1 li a {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	text-decoration:none;
	font:normal 12px "Verdana" Arial, Helvetica, sans-serif;
	color:#000000;
	}	
ul.nav1 li a:hover {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font:normal 12px "Verdana" Arial, Helvetica, sans-serif;
	color:#999999;
	}	
#footer {
	width:747px;
	height:80px;
	text-align:center;
	}	
.copy {	
	font:normal 11px "Verdana" Arial, Helvetica, sans-serif;
	color:#000000;
	}	
.top_spacer {
	width:747px;
	height:45px;
	}	
#button {
	width:511px;
	height:27px;
	padding:0px 208px 0px 25px;
	}
#button_right {
	width:694px;
	height:27px;
	padding:0px 25px 0px 25px;
	}		
.button1 {	
	width:123px;
	height:27px;
	float:left;
	}
.button1_left {	
	width:12px;
	height:27px;
	float:left;
	}
.button1_right {	
	width:12px;
	height:27px;
	float:left;
	}
.button1_bg {	
	width:99px;
	height:21px;
	background:url(../images/button1_bg.gif) no-repeat top;
	padding:6px 0px 0px 0px;
	text-align:center;
	font:bold 13px "Verdana" Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-decoration:none;
	text-transform:none;
	float:left;
	}				
.button1_spacer {
	width:6px;
	height:27px;
	float:left;
	}	
.button2_bg {	
	width:99px;
	height:21px;
	background:url(../images/button2_bg.gif) no-repeat top;
	padding:6px 0px 0px 0px;
	text-align:center;
	font:bold 13px "Verdana" Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	float:left;
	}	
.button3_bg {	
	width:99px;
	height:21px;
	background:url(../images/button3_bg.gif) no-repeat top;
	padding:6px 0px 0px 0px;
	text-align:center;
	font:bold 13px "Verdana" Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	float:left;
	}
.button4_bg {	
	width:99px;
	height:21px;
	background:url(../images/button4_bg.gif) no-repeat top;
	padding:6px 0px 0px 0px;
	text-align:center;
	font:bold 13px "Verdana" Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	float:left;
	}	
.button_div {	
	font:bold 13px "Verdana" Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-decoration:none;
	}
#body_top {	
	width:742px;
	height:22px;
	}
.body_bg {	
	width:667px;
	background:url(../images/body_bg.gif) repeat-y top;
	padding:0px 39px 0px 36px;
	}
#body_bottom {	
	width:742px;
	height:49px;
	}		
#package {
	width:667px;
	height:104px;
	}
#package_result {
	width:715px;
	height:41px;
	padding:0px 0px 0px 27px;
	}	
.package_text {
	font:bold 14px "Verdana" Arial, Helvetica, sans-serif;
	color:#84ac2b;
	margin:0px 0px 8px 0px;
	}
.package_text1 {
	font:bold 14px "Verdana" Arial, Helvetica, sans-serif;
	color:#fa7226;
	margin:0px 0px 8px 0px;
	}
.package_text2 {
	font:bold 14px "Verdana" Arial, Helvetica, sans-serif;
	color:#0859fd;
	margin:0px 0px 8px 0px;
	}			
.text49 {
	font:bold 11px/20px "Verdana" Arial, Helvetica, sans-serif;
	color:#84ac2b;
	}
.text25 {
	font:bold 11px/20px "Verdana" Arial, Helvetica, sans-serif;
	color:#ab8953;
	}
.text150 {
	font:bold 11px/20px "Verdana" Arial, Helvetica, sans-serif;
	color:#397374;
	}		
.jiven_logo {
	font:normal 11px/20px "Verdana" Arial, Helvetica, sans-serif;
	color:#000000;
	}	
.price_colom {
	width:667px;
	}
.price_colomtop {
	width:587px;
	height:134px;
	background:url(../images/price_colomtop.gif) no-repeat top;
	padding:8px 54px 0px 26px;
	}
.price_colombottom {
	width:667px;
	height:80px;
	}
.price_colomspace {
	width:667px;
	height:40px;
	}
.price_colommiddle {
	width:667px;
	}	
.price_colomleft {
	width:17px;
	float:left;
	}
.price_colomright {
	width:17px;
	float:left;
	}	
.price_colombody {
	width:633px;
	padding:0px 17px 0px 17px;
	margin:0 auto;
	float:left;
	}
.price_topleft {
	width:134px;
	float:left;
	}
.price_topleft1 {
	width:109px;
	height:40px;
	text-align:center;
	padding:18px 25px 0px 0px;
	}	
.price_topleft2 {
	width:134px;
	}
.price_topmiddle {
	width:317px;
	float:left;
	}		
.jiven_logo1 {
	font:bold 13px/20px "Verdana" Arial, Helvetica, sans-serif;
	color:#000000;
	}
.jiven_logo2 {
	font:bold 13px/20px "Verdana" Arial, Helvetica, sans-serif;
	color:#82a348;
	}
ul.price_list {
	margin:8px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	}
ul.price_list li {
	margin:4px 0px 0px 0px;
	list-style:none;
	background:url(../images/bullet5.gif)  0px 7px no-repeat;
	padding:0px 0px 0px 15px;
	}	
.price_topright {
	width:136px;
	float:left;
	}	
.price_topright1 {
	width:136px;
	height:76px;
	text-align:center;
	font:bold 12px/18px "Verdana" Arial, Helvetica, sans-serif;
	color:#9bc0c6;
	padding:24px 0px 0px 0px;
	}
.logo_img {	
	width:191px;
	text-align:center;
	padding:10px 10px 0px 10px;
	float:left;
	}
.variation_text1 {
	font:bold 12px "Verdana" Arial, Helvetica, sans-serif;
	color:#bdd396;
	}
.variation_text2 {
	font:bold 12px "Verdana" Arial, Helvetica, sans-serif;
	color:#9bc0c6;
	}
.variation_text3 {
	font:bold 12px "Verdana" Arial, Helvetica, sans-serif;
	color:#ab8953;
	}		
.jiven_stationary2 {
	font:bold 13px/20px "Verdana" Arial, Helvetica, sans-serif;
	color:#ab8953;
	}
.jiven_website2 {
	font:bold 13px/20px "Verdana" Arial, Helvetica, sans-serif;
	color:#397374;
	}
.video {
	width:341px;
	margin:0 auto;
	}		
.form_field {
	width:450px;
	margin:0 auto;
	padding:50px 0px 0px 0px;
	}
.form_area {
	width:450px;
	}	
.left_text {	
	width:99px;
	height:22px;
	text-align:right;
	float:left;
	padding:0px 5px 0px 0px;
	}	
.right_input {	
	width:346px;
	height:22px;
	padding:0px 0px 5px 0px;
	float:left;
	}	
.right_textarea {	
	width:346px;
	height:155px;
	padding:0px 0px 0px 0px;
	float:left;
	}	
.submi_area {	
	width:220px;
	height:33px;
	padding:6px 0px 10px 230px;
	text-align:right;
	}	
.statinary_galleryleft {
	width:174px;
	padding:0px 0px 0px 0px;
	float:left;
	}
.statinary_galleryright {
	width:493px;
	float:left;
	}
ul.orange {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	list-style:none;
	}
ul.orange li {
	margin:0px 0px 0px 0px;
	padding:0px 1px 0px 1px;
	text-decoration:none;
	display:inline;
	}
ul.orange li a {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font:normal 12px "Verdana" Arial, Helvetica, sans-serif;
	color:#000000;
	text-decoration:none;
	}
ul.orange li.select a {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font:normal 12px "Verdana" Arial, Helvetica, sans-serif;
	color:#fa7226;
	text-decoration:underline;
	}
.gallery1 {
	width:667px;
	height:188px;
	padding:0px 0px 52px 0px;
	}	
.gallery1_left {
	width:330px;
	height:186px;
	float:left;
	text-align:center;
	background:url(../images/shadow1.gif) no-repeat top;
	padding:2px 0px 0px 0px;
	}
.gallery1_right {
	width:330px;
	height:186px;
	float:left;
	text-align:center;
	background:url(../images/shadow1.gif) no-repeat top;
	margin:0px 0px 0px 7px;
	padding:2px 0px 0px 0px;
	}	
ul.green {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	list-style:none;
	}
ul.green li {
	margin:0px 0px 0px 0px;
	padding:0px 1px 0px 1px;
	text-decoration:none;
	display:inline;
	}
ul.green li a {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font:normal 12px "Verdana" Arial, Helvetica, sans-serif;
	color:#000000;
	text-decoration:none;
	}
ul.green li.select1 a {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font:normal 12px "Verdana" Arial, Helvetica, sans-serif;
	color:#9bbb52;
	text-decoration:underline;
	}
.gallery2 {
	width:667px;
	height:213px;
	padding:0px 0px 52px 0px;
	}	
.gallery2_part {
	width:221px;
	height:212px;
	float:left;
	text-align:center;
	margin:0px 1px 0p x0px;
	padding:1px 0px 0px 0px;
	background:url(../images/shadow2.gif) no-repeat top;
	}	
ul.blue {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	list-style:none;
	}
ul.blue li {
	margin:0px 0px 0px 0px;
	padding:0px 1px 0px 1px;
	text-decoration:none;
	display:inline;
	}
ul.blue li a {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font:normal 12px "Verdana" Arial, Helvetica, sans-serif;
	color:#000000;
	text-decoration:none;
	}
ul.blue li.select2 a {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font:normal 12px "Verdana" Arial, Helvetica, sans-serif;
	color:#0859fd;
	text-decoration:underline;
	}
.button5 {
	height:27px;
	float:left;
	}
.button6 {
	height:27px;
	float:right;
	}	
.button5_left {	
	width:8px;
	height:27px;
	float:left;
	}
.button5_right {	
	width:8px;
	height:27px;
	float:left;
	}
.button5_bg {	
	height:21px;
	background-color:#9cc938;
	padding:6px 5px 0px 5px;
	text-align:center;
	font:bold 13px "Verdana" Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-decoration:none;
	float:left;
	}
.email_link {
	font:normal 12px "Verdana" Arial, Helvetica, sans-serif;
	color:#999999;
	text-decoration:none;
	}
#scroll2 {
	width:747px;
	height:81px;
	}	
#scroll2_left {
	width:14px;
	height:81px;
	float:left;
	}
#scroll2_bg {
	width:714px;
	height:81px;
	float:left;
	background:url(../images/scroll2_bg.gif) repeat-x top;
	}
#scroll2_right {
	width:19px;
	height:81px;
	float:left;
	}
.testimonials {
	width:159px;
	padding:0px 0px 0px 5px;
	float:left;
	text-align:center;
	}
.why {
	width:503px;
	float:left;
	}
.why_text{
	font:bold 12px/22px "Verdana" Arial, Helvetica, sans-serif;
	color:#9cc938;
	}
.testimonials_text {
	font:bold 18px "Verdana" Arial, Helvetica, sans-serif;
	color:#000000;
	}
.free_text {		
	font:bold 12px "Verdana" Arial, Helvetica, sans-serif;
	color:#000000;
	margin-left:15px;
	}	
.process_bg {
	width:332px;
	height:23px;
	padding:5px 0px 0px 10px;
	background:url(../images/process_bg.gif) no-repeat top;
	float:left;
	font:bold 14px "Verdana" Arial, Helvetica, sans-serif;
	color:#84ac2b;
	}
.process_left {
	width:330px;
	height:40px;
	float:left;
	padding:2px 0px 3px 0px;
	font:bold 13px/16px "Verdana" Arial, Helvetica, sans-serif;
	color:#84ac2b;
	}	
.process_text {
	width:681px;
	height:45px;
	padding:0px 26px 0px 35px;
	}	
.process_right {
	width:330px;
	height:49px;
	float:left;
	margin:0px 0px 0px 20px;
	padding:2px 0px 3px 0px;
	font:bold 13px/16px "Verdana" Arial, Helvetica, sans-serif;
	color:#84ac2b;
	}	
.left_pro {
	width:66px;
	float:left;
	padding:0px 0px 0px 0px;
	}		
.right_pro {
	width:264px;
	float:left;
	}
.right1_pro {
	width:330px;
	float:left;
	}
.double_shadow {
	width:667px;
	height:188px;
	background:url(../images/shadow4.gif) no-repeat ;
	}		
.left_vari {
	width:270px;
	height:180px;
	padding:0px 40px 0px 20px;
	float:left;
	text-align:center;
		}	
.right_vari {
	width:270px;
	height:188px;
	padding:0px 20px 0px 40px;
	float:left;
	text-align:center;
	}
#confirm_body {
	width:607px;
	padding:50px 30px 0px 30px;
	}
.shoping {
	width:667px;
	height:22px;
	}		
.shop_pro {
	width:310px;
	height:22px;
	float:left;
	padding:0px 0px 0px 27px;
	}	
.shop_price {
	width:110px;
	height:22px;
	float:left;
	}
.shoping_bg {
	width:667px;
	height:153px;
	background:url(../images/shoping_bg.gif) no-repeat top;
	}
.total {
	width:167px;
	height:22px;
	padding:8px 0px 0px 500px;
	}	
.shop_button {
	width:267px;
	height:27px;
	padding:40px 0px 0px 300px;
	}	
ul.design {
	margin:15px 0px 15px 0px;
	padding:0px 0px 0px 0px;
	list-style:none;
	}
ul.design li {
	margin:0px 0px 0px 70px;
	padding:0px 1px 0px 1px;
	}
#cutomer_info {
	width:667px;
	height:705px;
	}	
#cutomer_info1 {
	width:667px;	
	}		
.customer_body {
	width:330px;
	float:left;
	margin:0px 7px 0px 0px;
	}
.customer_body1 {
	width:330px;
	float:left;
	}	
.customer_top {
	width:330px;
	height:34px;
	}	
.customer_bg {
	width:330px;
	background:url(../images/customer_bg.gif) repeat-y top;
	}	
.customer_bottom {
	width:330px;
	height:19px;
	}
.indicate {
	width:250px;
	height:42px;
	padding:0px 0px 0px 80px;
	}
.input_width {
	width:330px;
	height:27px;
	}
.info_left {
	width:120px;
	height:27px;
	float:left;
	text-align:right;
	padding:0px 5px 0px 0px;
	}
.info_right {
	width:205px;
	height:27px;
	float:left;
	text-align:left;
	}
.phone_field {
	width:85px;
	height:27px;
	float:left;
	text-align:left;
	}
.ext {
	width:38px;
	height:27px;
	float:left;
	padding:0px 5px 0px 0px;
	text-align:right;
	}
.ext_input {
	width:77px;
	height:27px;
	float:left;
	}
.note_width {
	width:246px;
	height:50px;
	padding:35px 18px 0px 66px;
	}
.notr_right {
	width:209px;
	height:50px;
	float:left;
	}
.notr_left {
	width:34px;
	height:50px;
	float:left;
	padding:0px 3px 0px 0px;
	text-align:right;
	}
.info1_left {
	width:138px;
	height:27px;
	float:left;
	text-align:right;
	padding:0px 5px 0px 0px;
	}
.info1_right {
	width:187px;
	height:27px;
	float:left;
	text-align:left;
	}
.details {
	width:310px;
	padding:3px 10px 0px 10px;
	}
.details1 {
	width:310px;
	height:220px;
	padding:3px 10px 0px 10px;
	}
.check_box {
	width:240px;
	height:90px;
	padding:5px 45px 0px 45px;
	}
.payment {
	width:153px;
	height:27px;
	padding:0px 88px 60px 89px;
	}
.body_result {	
	width:742px;
	height:731px;
	background:url(../images/body_result.gif) no-repeat top;
	}
.result_space {
	width:742px;
	height:181px;
	}
.messageBox { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.messageStackError, .messageStackWarning { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #ffb3b5; }
.messageStackSuccess { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #99ff00; }
/* input requirement */

.inputRequirement { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ff0000; }
div#ERROR_payment, div#ERROR_shipping{  text-align:center;   width:100%;   padding:10px 0 10px 0;   border:2px solid #96171A;   background-color:#F00;   color:#FFF; display:none}
iframe#checkout-gateway{  width:0; height:0;   visibility:hidden}
.checkout-overlay{  visibility:hidden;   position:absolute;   left:0px;   top:0px;   width:100%;     text-align:center;   z-index:5000;   background-color:#FFF}
.checkout-dialog-box{  position:absolute;   visibility:hidden;   width:540px;   height:300px;   z-index:9999;   text-align:center}
.checkout-js-required{  position:relative;   margin:120px auto;   padding:10px;   border:2px solid #F00;   visibility:visible;   font:12px arial,verdana,sans-serif}
.checkout-js-required h2{  font-size:18px;   margin:4px}
div#checkout-shipping-quotes{  font:14px arial;   color:#787878;   font-weight:bold;   text-align:center}
div#checkout-shipping-quotes table{  width:100%;   text-align:left}
span.pageHeading{  font-size:16px}
div#progress_bar{  position:relative;   width:300px;   height:20px;   border:1px solid #000;   padding:1px;   text-align:left}
div#progress_bar div#progress{  width:0;   background-color:#2E9127;   height:100%;   text-align:left}
div#progress_status{  font:11px verdana;   color:#96171A;   font-weight:bold;   padding-top:10px;   padding-bottom:4px}
.checkout-input-error{  border:2px solid #F00}
.checkout-form-error{color:#F00; font:11px arial; font-weight:bold; clear:left}
.checkout-spacing-1{  height:10px;   font-size:1px}
.checkout-spacing-2{  height:10px;   font-size:1px}
.checkout-input-text, .checkout-select{  font:12px arial}
.checkout-input-text{  padding:2px}
select.checkout-select{  padding:1px}
.checkout-field-short{  width:130px;   padding:2px}
.checkout-hidden{  display:none}
.pageHeading{  background:url(images/padlock.png) 10px 10px no-repeat;  height:42px;  padding:14px 10px 0px 45px}
h2{ font:14px arial,sans-serif;  font-weight:bold;  margin:0}
.checkout-js-pane{ height:184px;  overflow-y:scroll;  text-align:left;  border:1px solid #000;  padding:8px}
.checkout-column-right{ width:220px;  padding-right:10px}
.checkout-column-left{ padding:0 10px 10px 10px}
.productListing-heading{ font-size:11px}
.checkout-productListing-heading{ font:14px arial;  font-weight:bold;  color:#000;  background-color:#ffffff}
.checkout-productListing-heading a{ color:#fff;  font-size:12px}
.checkout-productListing-data{ padding:10px;  background-color:#fff}
.checkout-dashed-line{ border-top:1px dashed #000}
.checkout-loading{ padding:30px;  text-align:center}
.checkout-returning-customer{ border:1px solid #b6b7cb;  background-color:#fff;  padding:20px;  text-align:center;  width:100%}
.checkout-login-box table{ border:1px solid #b6b7cb}
.checkout-login-box table th{ background-color:#b6b7cb;  color:#fff;  padding:4px;  text-align:left;  font:11px arial}
.checkout-login-box table td{ padding:4px}
#checkout-coupon-status{ font:11px arial,verdana,sans-serif;text-align:left}
.checkout-order-total-wrapper{text-align:right}
.checkout-order-total{text-align:right}
.checkout-msg-success{ color:#090;  font-weight:bold;  text-align:left;  width:100%}
.checkout-msg-failure{ color:#900;  font-weight:bold;  text-align:left;  width:100%}
.checkout-order-total table tr td{ padding:4px}
.checkout-order-total table tr td.ot_total{ font-weight:bold;  font-size:16px}
span.main{ font-family:Verdana,Arial,sans-serif;  font-size:11px;  line-height:1.5}
label{display:block; float:left; padding:5px 5px 1px 5px; font-weight:bold; font-size:11px; color:#444}
label.optional{ font-weight:normal}
.checkout-tip{ clear:left;  padding-left:8px;  font:10px arial;  font-style:italic}
#bill_firstname, #ship_firstname{ width:120px}
#email_address{ width:260px}
#bill_country, #ship_country{ width:280px}
#bill_street_address, #bill_suburb, #ship_street_address, #ship_suburb{width:268px}
#bill_city, #ship_city{ width:110px}
#dob {width:120px;}

label.bill_state, label.ship_state{ display:block;  position:relative}
.state_container{ position:relative;  float:left;  *width:60px}
#bill_postcode, #ship_postcode{ width:80px}
.checkout-highlight{ background:#f8f8f9}
.payment-row, .shipping-row{ cursor:pointer;  *cursor:hand}
.shipping-row{ width:100%;  position:relative;  padding:2px}
.shipping-row .cost{ position:absolute;  top:0;  right:2px}
#dynamo-effects-logo {float: left}
.messageStackError, .messageStackWarning {background-color: transparent;color:#000000}
ul.checkout-payment-methods {list-style:none;margin:0;padding:0}
ul.checkout-payment-methods li {padding-top:10px}
ul.checkout-payment-methods li a.payment-title {font: 14px arial;font-weight:bold;text-decoration:none}
ul.checkout-payment-methods li a.payment-title:hover {cursor:pointer;*cursor:hand;color:#000}
ul.checkout-payment-methods li div {padding-left:20px}
div.terms-container {width: 640px;height: 300px;background-color:#b6b7cb;padding:10px}
div.terms-container textarea {border:1px solid #000;height:270px}
div.terms-container .button {padding-top: 4px;text-align:right;}