﻿/* CSS Document */
/* ------------- EXTRAS TO BE ADDED TO MAIN.CSS --------------- */

#page-holder {
	width: 1200px;
	margin: 10px auto;
	background: #fff url('../img/bg_white.png') repeat-x;
	box-shadow: 0px 0px 10px #111;
	min-height: 100%
	}

/* for all pages except index.php 
header {
	height: 110px; } */

/* Static info Pages */

#maincontent {
margin-bottom: 30px
}

.mainshadowbox { box-shadow: 3px 3px 12px #ccc; padding: 10px 20px; margin-bottom: 30px }

.contener p, .contener-2 p { margin: 10px 0; line-height: 150% }
.halfwidth { float:left; width: 49% }

.indent-left { margin-left: 40px }

#maincontent p { margin: 10px 0; }
#maincontent h2 { margin: 1.5em 0 .5em 0;; }
#maincontent h3 { margin: 1.5em 0 .5em 0; }

#breadcrumbs { font-size: 14px; margin: 10px 20px; padding-left: 5px; }
#maincontent a, #breadcrumbs a, .search-categories a{ color: #0000ff; text-decoration: none; }
#maincontent a:hover, #breadcrumbs a:hover, .search-categories a:hover { color: #cc0000; }

#maincontent ul li , .search-categories ul li, .guide_content_table ul li, icon-list ul li { clear: left; width: 100%; list-style-type: none; margin: 5px 0 0 0px; padding: 0 0 0 30px; line-height: 150%;
	background-image: url('../images/yellowsquare.png'); background-repeat: no-repeat; background-position: 0px 2px; }

.guide_content_table { float: left; width: 45%; margin-right: 20px;}
	
.guidepicholder { float: right; margin: 5px; font-size: .9em; width: 380px; background-color: #ccc}
.guidepicholder img { border: 1px solid #000000; margin: 5px; }
.guidepicholder div { margin: 10px; }

.standardbullets { margin: 5px 0 0 30px; }

.currency_conversion_tables { float: left; width:45% }
.currency_conversion_tables  ul { list-style-type: none; float: left; width: 40%; }
.currency_conversion_tables  ul li{ width: 100px; list-style-image: none !important }


/* buying costs */
.buyingcosts { margin: 10px auto; font-size: 12px }
.buyingcosts table {border: 1px solid #000000; width: 580px;}
.buyingcosts table  td, .buyingcosts table  th {padding: 2px;}
.buyingcosts table  th {background-color: #E7E7F7; color: #000; text-align: center}
.buyingcosts table  td {text-align: right}
.buyingcosts .thickline { height: 4px; }

.bg_light_yellow { background-color: #FFFF99; }
.txt_align_left { text-align: left; }
.txt_align_center { text-align: center; }

/* Univeral Forms */
.uni-form { margin-left: 10px; font-size: 16px }
.uni-form h3 {clear: left; padding-top: 20px;}
.uni-form label { margin-top: 10px; clear: left; float: left; }
.uni-form input[type="text"], .uni-form select { 
	float: left;
	border: 1px solid #ccc;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	padding: 3px 2px 2px 2px;
	margin-top: 7px;
	
	}
	
.uni-form input[type="text"] { height: 20px; line-height: 20px; }
.uni-form input[type="text"]:focus, .uni-form textarea:focus, .uni-form select:focus { border: 1px solid #7499b4; box-shadow: 0px 0px 5px #ffcc00; }
.uni-form select  { height: 24px; width: auto; }
.uni-form textarea { width: 100%; height: 100px; margin-top: 7px; border: 1px solid #ccc; }
.uni-form input[type="submit"], .uni-form input[type="button"]  { padding: 0px; margin: 10px 0 0 200px; font-size: 16px; font-weight: bold; font-family: arial; width: 255px; height: 35px; color: #344678; }
	
.uni-form .notes { clear: left; font-size: .7em; margin-left: 200px; } 
.uni-form .txtrightofbox { float: left; margin-top: 10px }
.uni-form .shortbox { width: 100px !important}

/* whole width forms */

.wholewidth-form label { text-align:right; width:200px;}
.wholewidth-form .form-field { clear:both;}

	
.wholewidth-form input[type="text"] { width: 200px; }
.wholewidth-form select  { min-width: 200px }
.wholewidth-form textarea { width: 100%; height: 100px; margin-top: 7px; border: 1px solid #ccc; }
.wholewidth-form input[type="submit"] { clear: left;  }
	
.wholewidth-form .notes { clear: left; font-size: .7em; margin-left: 200px; } 
.wholewidth-form .shortbox { width: 100px !important; min-width: 100px }

.websiteby { float: right }



.paypal_sub_box {float: left; margin: 25px 0 25px 50px; width: 300px; height: 100px; border: 1px solid #ccc; padding: 10px; color: #222}

.paypal_sub_box span { font-size: 1.5em; color: #a0a0a0; font-weight: 999 }
.paypal_sub_box form { margin: 10px; float: right }

@media screen and (max-width: 980px) {
	#page-holder {
	width: 100%;
	}
	.guide_content_table { float: none; width: 100%}
	}




