/* MAIN */

body {margin:auto; padding: 0px; font-family: verdana; height:100%; width:100%; text-align:center; background-image:url(images/bg.jpg); background-repeat:repeat;}
#paper {background-image:url(images/paper.jpg); background-repeat:repeat-y; margin:0 auto 0 auto; width:1000px; text-align:center;}

.outer_shell {width: 990px; margin:auto;}
.left_col {width: 225px; text-align:left; margin-top:50px}
.center_col {width: 99%; text-align: left;}
.padingR20px {padding:0 20px 0 20px}
.right_col {width: 160px; text-align:left; margin-top:50px}

img {border: 0px;}

a {color: #42210B; text-decoration: none; font-size: 11px;}
a:visited {color: #42210B; text-decoration: none;}
a:hover {color: #42210B; text-decoration: underline;}
a:active {color: #42210B; text-decoration: underline;}

/* MISC */

.float {float: left;}
.clr {clear: both;}
.stretch {width: 100%;}

/* HEADER */
#head_top {padding: 0px 0px 10px 0px; text-align: center; background-image:url(images/header.jpg); background-repeat:no-repeat; height:100px;}

#head_nav {padding: 0px 10px 0px 10px; font-size: 11px; color: #42210B; text-align: right;}
#head_nav div {float:left; color: #FFFFFF; font-weight: bold;}
#head_nav a {color: #FFFFFF; text-decoration: none;}
#head_nav a:visited {color: #FFFFFF; text-decoration: none;}
#head_nav a:hover {color: #FFFFFF; text-decoration: underline;}
#head_nav a:active {color: #FFFFFF; text-decoration: underline;}

.h_tab_blue {background-image: url(layout/h_tab_blue_bg.gif); height: 19px; padding: 5px 0px 0px 5px;}
.h_tab_red {background-image: url(layout/h_tab_red_bg.gif); height: 19px; padding: 5px 0px 0px 5px;}


.search_bg {background-image: url(layout/search_bar_bg.gif); font-size: 10px; font-weight: bold; color: #42210B; padding: 0px 5px 0px 5px;}
.search_shadow {background-image: url(layout/search_shadow_bg.gif); font-size: 10px; font-weight: bold; color: #363741; text-align: left;}

.search_shadow a {color: #42210B; text-decoration: none; font-size: 11px;}
.search_shadow a:visited {color: #42210B; text-decoration: none;}
.search_shadow a:hover {color: #A67C52; text-decoration: underline;}
.search_shadow a:active {color: #A67C52; text-decoration: underline;}

/* CONTENT */

.center_col h1 {font-size: 18px; font-weight: normal; color: #42210B; margin: 5px 0px 5px 0px; padding: 0px; text-align: center;}

.c_bar {background-image: url(layout/c_bar_4.gif); width: 100%;}
.c_bar_blue {background-image: url(layout/c_bar_blue_2.gif); color: #FFFFFF; font-size: 10px; font-weight: bold; padding-left: 0px;}
.c_bar_red {background-image: url(layout/c_bar_red_2.gif); color: #FFFFFF; font-size: 10px; font-weight: bold; padding-left: 0px;}

.c_box_1 {background-color: #fff; border: 1px solid #42210B; padding: 5px; text-align: left; width:213px;}
.c_box_2 {background-color: #fff; border: 1px solid #42210B; padding: 5px; text-align: left; width:99%}
.c_box_3 {background-color: #fff; border: 1px solid #42210B; padding: 5px; text-align: left;}

.c_box_font {font-size: 9px; font-weight: bold; color: #42210B; line-height: 20px; width:213px}
.c_box_font2 {font-size: 9px; font-weight: bold; color: #42210B; line-height: 20px; width:148px}
.c_box_1 form {padding: 0px; margin: 0px;}

.feature_box { background-color:#FFF; border: 1px solid #42210B; width:99%; padding-top:10px;}

#cats {font-family: arial; font-weight: bold;}

.inp_box {border: 1px solid #F2D6B5;}

.print_header {border-bottom: 2px solid #42210B; padding: 5px; text-align: left; color: #42210B; font-weight: bold; font-size: 16px;}
.print_header_2 {text-align: left; color: #42210B; font-size: 18px; font-weight: bold;}

.print_box_1 {background-color: #F5EDD8; border: 1px solid #42210B; padding: 5px; text-align: left;}
.print_box_2 {background-color: #F9F8F2; border: 1px solid #42210B; padding: 5px; text-align: left;}

#print_styles {color: #595B68; font-size: 10px;}
#print_styles h1 {font-size: 18px; font-weight: bold; margin: 5px 0px 5px 0px; padding: 0px;}
#print_styles table tr td {text-align: left; padding-right: 20px;}

/* FOOTER */
#foot_links {text-align: center; color: #42210B; font-size: 11px; font-weight: bold; background-image: url(images/waroong.jpg); background-repeat:no-repeat; height:20px; width:1000px; padding:300px 0 0 0; margin:auto}
#foot_links ul {margin: 0px; padding: 5px;}
#foot_links ul li {margin: 0px; padding: 3px; list-style: none; display: inline;}

#foot_links a {color: #fff; text-decoration: none;}
#foot_links a:visited {color: #fff; text-decoration: none;}
#foot_links a:hover {color: #42210B; text-decoration: underline;}
#foot_links a:active {color: #A67C52; text-decoration: underline;}

#footer {border-top: 1px solid #42210B; border-bottom: 1px solid #42210B; padding: 10px; font-size: 11px; color: #fff; text-align: center; background-image: url(images/footer.jpg); background-repeat:repeat-x; }



/* DEFAULT GEO STYLES */


/* ----- CSS for User Management Table ----- */
.use_man_table_container
{
  text-align: center;
  margin: 0px auto;
  width: 600px;
}
.use_man_table_header
{
     clear: both;
     width: 600px;
     padding-bottom: 0px;
     padding-top: 30px;
}
.use_man_table_left
{
  width: 295px;
  padding-right: 5px;
  float: left;
  clear: left;
}

.use_man_table_right
{
  width: 295px;
  padding-left: 4px;
  float: right;
  clear: right;
}
.use_man_table_footer
{
     clear: both;
     width: 600px;
     height: 1px;
}
.use_man_table_left div,
.use_man_table_right div{
	text-align:left;
}

.use_man_table_left div a,
.use_man_table_right div a {
	padding-left: 30px;
	text-decoration:none;
}
.use_man_table_left div img,
.use_man_table_right div img {
	width: 42px;
	height: 42px;	
}
.use_man_table_sep {
	width: 100%;
	height: 20px;
	border-bottom: 1px solid #A67C52;
	clear:both;
}

/* extra questions and extra checkboxes */
.extraCheckboxes {
	margin:0px;
	padding:0px;
	float:left;
	list-style-type: none;	
}
.extraCheckboxes li {
	background-image: url('images/checkbox_arw.gif');
	background-position: 0px 50%; /* X-pos Y-pos (from top-left) */
	background-repeat: no-repeat;
	padding-left: 15px;
	border: 0px solid black;
	white-space:nowrap;
	margin:0px;
}
.extraQuestionName,
.extraQuestionName li,
.extraQuestionValue,
.extraQuestionValue li {
	margin:0px;
	padding:0px;
	list-style-type: none;

}
.extraQuestionName li,
.extraQuestionValue li {
	margin-bottom: 5px;
}



/* 3.1 CSS */


.geo_box
{
	border:1px solid #F2D6B5;
	height:auto;
	min-width: 150px;
	border:0; /*Remove outer border on main container*/
}
	

#transaction_details_header
{
	background-color:#F2D6B5;
	width:99%;
	height:20px;
	border:0;
	margin:5px;
	margin-right:auto;
	text-align:center;
	font-size: 14px;
}
.renew_upgrade_payment_header,
.invoice_payment_header
{
	font-family: Arial,Helvetica,sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #ffffff;
	background-color: #B58A61;
	text-align: center;
}

.geo_header
{
	background-color:#42210B;
	width:99%;
	height:20px;
	border:0;
	margin:5px;
	margin-right:auto;
	text-align:center;
	color:#000000;
}

.transaction_details_header_formatting
{
	padding-top:2px;
	width:99%;
	height:20px;
	margin:5px;
	margin-right:auto;
	background-color:#B58A61;
	color:#ffffff;
}


	
.geo_box_container
{
	border-style:solid;
	border-width:1px;
	height:auto;
	margin:5px;
	padding-bottom:8px;
}

.geo_box_sub_container
{
	position:relative;
	height:30px;
	border-style:solid;
	border-color:#42210B;
	border-width:1px;
	margin-top:10px;
	margin-bottom:10px;
	padding:7px;
}

.geo_box_userinfo
{
	 position:relative;
	 padding-top:8px;
	 padding-bottom:8px;
}


.geo_obj_elem
{
	position:relative;
	float:right;
	height:18px;
	padding: 4px;
	left:-160px;

}

.geo_textbox
{
	border-style:groove;
	border-width:2px;
	border-color:#42210B;
}

.text_options
{
	position:relative;
	width:250px;
	text-align:right;
}

.disabled
{
	color: #F2D6B5;
}

.transation_listing_box
{
	position:relative;
	border-style:solid;
	border-color:#42210B;
	border-width:1px;
	margin-top:10px;
	margin-bottom:10px;
	padding:7px;
	padding-top: 10px;
	padding-bottom: 10px;
}
				
.transation_payment_box
{
	position:relative;
	height:30px;
	border-style:solid;
	border-width:1px;
	margin-top:20px;
	margin-bottom:10px;
	padding:7px;
}

.listing_help
{
	position:relative;
	border:0;
	margin-left:4px;
	margin-right:1px;
	top:2px;
	display:inline;
}
	

.listing_price
{
	position:relative;
	width:auto;
	height:18px;
	top:-15px;
	float:right;
	padding-right: 15px;
}
	
.informationbox
{
	position:relative;
	width:615px;
	height:auto;
	border-style:solid;
	border-width:1px;
	border-color:#000000;
	left:50%;
	margin-left:-300px;
	margin-top:10px;
	margin-bottom:10px;
	background-color:#F5F5F5;
	padding:0px 2px 4px 1px;
}
	
.informationbox .title
{
	font-weight:bold;
	height:15px;
	border-stye:solid;
	border-color:#42210B;
	background-color:#E6F2FF;
}
	
.informationbox .container
{
	padding-left:7px;
	padding-right:7px;
	padding-top:2px;
}

#transation_details_userinfo_box_conainer
{
	position:relative;
	margin-left:20px;
}
	

	
#personal_info_field_labels
{
	float:left;
	width:50%;
	height:15px;
	text-align:right;
}

#personal_info_data_values_container;
{
	position:relative;	
	float:right;
	left:200px;
	top:50px;
}
	
#personal_info_data_values
{
	float:left;
	position:relative;
	width:50%;
	text-align:left;
	display:inline;
}
	
.clear
{
	clear: both;
	height: 1px;
	font-size: 1px;
	margin: 0px;
	padding: 0px;
	
	/*border: thin solid green;*/
}
	
#expand
{
	position:relative;
	height: 550px;
}
	
#link_button
{
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:20px;
}

#geo_listing_features
{
	position:relative;
	overflow:visible;
	border-style:solid;
	border-color:#F2D6B5;
	border-width:1px;
	width:270px;
	height:100px;
	left:40px;
	top:50px;
	padding-left:50px;
}

.ag_list
{
	background-color:white;
	position:relative;
	overflow:visible;
	border-style:solid;
	border-color:#F2D6B5;
	border-width:1px;
	min-width:200px;
	width:200px;
	left:-20px;
	height:auto;
	top:50px;
	margin: 10px 10px 10px 10px;
	padding: 40px;
}

.geo_radio
{
	position:relative;
	border:0;
	margin-left:30px;
	top:2px;
}

.geo_help_link
{
	position:relative;
	border:0;
	margin-left:11px;
	top:24px;
}

.payment_choices
{
	position:relative;
	border-style:solid;
	border-color:#F2D6B5;
	border-width:1px;
	width:370px;
	height:auto;
	padding-top:15px;
	padding-bottom:-5px;
	margin:2px;
}

.payment_geo_help_link,
.balance_price
{
	border:thin solid blue;
	border: none; /* remove this line to add border, to help position the help link */
	position:relative;
	width:auto;
	height:18px;
	top: 5px;
	float:right;
	padding-right: 15px;
	z-index: 100;
}


.payment_geo_radio 
{
	position:relative;
	border:0;
	margin-left:40px;
	top:8px;
}

.payment_text
{
	position:relative;
	top:-10px;
	margin-left:65px;
	font-weight:lighter;
}

.cc_box
{
	position:relative;
	border-style:solid;
	border-color:#F2D6B5;
	border-width:0px;
	width:477px;
	height:145px;
	margin-left:25px;
	margin-top:26px
}


.text_right
{
	position:relative;
	text-align:right;
	margin-left:20px;
}

/*.personal_info_position_layout
{
	width:100%;
	left:50%;
	margin-left:50%;
}*/

.final_fees
{
	border-style:solid;
	border:0;
}

.final_fees .final_fees_header
{
	border-style:solid;
	border-width:1px;
	text-align:center;
	padding:5px;
}

	
.final_fees .final_fees_td
{
	border:0;
	text-align:center;
	padding-left:5px;
	padding-right:5px;
}
 

.box_options
{
	border-color:#42210B !important;
}

.payment_choices_field_labels
{
	position:relative;
	margin-left:65px;	
}

.checkbox_options
{
	/*width:50%;
	text-align: left;*/
}

/* 
	container_width
	Used to make sure containers are centered,
	and to control default width of containers
*/
.container_width
{
	/* set width of container */
	width: 80%;
	
	/* make Firefox center */
	margin-left: auto;
	margin-right: auto;
	
	/* make IE center */
	text-align: center;
}
.container_width div,
.container_width table
{
	/* un-do align center for sub-containers */
	text-align: left;
}




#galleryContainer {width: 450px; height: 100%; margin: 0px auto; text-align: center;} 

#galleryBigImage {float: left; text-align: center; border: 1px solid #ccc; margin-top: 4px;} 

#galleryBigImage img {margin: 0px auto;} 

#galleryThumbs {width: 192px; float: right; padding: 3px;} 

#galleryThumbs ul {margin: 0px; padding: 0px;} 

#galleryThumbs ul li {list-style: none; padding: 0px; margin: 1px; display: block; float: left; border: 1px solid #ccc; text-align: center;} 

#galleryThumbs ul li img {margin: 0px auto; border: 0px;}