/* ------------------------------------------------------------------ Site Foundry CSS */

* {
	margin: 0;
	padding: 0;
	z-index: 0;
}

/* ------------------------------------------------------------------- General page guff */

body {
	font: 11px/17px "Verdana", Arial, sans;
	text-align: justify;
	background: url(../images/mainBG.jpg) 50% top repeat-y;
	color: #666;
}

hr {
	display: none;
}

a {
	color: #24b219;
}

a:hover {
	color: #d79292;	
}

.left {
	float: left;
	margin: 0 20px 10px 0;
}

.right {
	float: right;
	margin: 0 0 10px 20px;
}

img {
	border: 0;
}

pre {
	margin: 0 0 8px 95px;
}

/* ------------------------------------------------------------------- Headings */

div#footer h4, div#recent_sites h4 {
	font-size: 20px;
	font-weight: normal;
	color: #24b219;
	margin-bottom: 4px;
}

div#footer h4 {
	margin-bottom: 9px;
}

div#recent_sites h4 {
	font-size: 13px;
}

/* ------------------------------------------------------------------- Navigation */

ul#nav {
	margin: 0 0 0 213px;
	height: 23px;
	width: 580px;
	float: left;
	clear: left;
}

ul#nav li {
	font-size: 13px;
	list-style-type: none;
	float: left;
	margin-right: 20px;
}

ul#nav li a {
	color: #00a6dd;
	text-decoration: none;
}

ul#nav li a.active {
	color: #24b219;	
}

ul#nav li a:hover {
	color: #24b219;
}

p.tv_links {
	padding: 3px 0 0 13px;
	height: 24px;
	background: url('../images/tv_links_bg.jpg') left top no-repeat;
}

p.tv_links a {
	text-decoration: none;
	border-right: 1px solid #aaa;
	padding: 0 9px 0 5px;
}

p.tv_links a.last {
	border: none;
}

/* ------------------------------------------------------------------- General page layout */

div#wrapper {
	width: 808px;
	margin: 0 auto;
	position: relative;
}

div#logo {
	width: 195px;
	height: 101px;
	text-indent: -5000px;
	float: left;
	clear: left;
	background: url(../images/logo.jpg) left top no-repeat;
}

div#phone_number {
	width: 185px;
	height: 55px;
	background: url('../images/phone_number.jpg') left top no-repeat;
	float: right;
	margin-top: 15px;
	text-indent: -5000px;
}

div#left_col {
	float: left;
	clear: left;
	width: 190px;
}

div#helpfull_links {
	width: 190px;
	height: 144px;
	text-indent: -5000px;
	background: url(../images/helpfull_links.jpg) left top no-repeat;
}

div#helpfull_links a.take_tour {
	width: 164px;
	height: 53px;
	display: block;
	margin: 3px 0 0 13px;
	background: url(../images/take_tour.png) left top no-repeat;
}

div#helpfull_links a.take_tour:hover {
	background: url(../images/take_tour_roll.png) left top no-repeat;
}

div#helpfull_links a.var {
	width: 164px;
	height: 53px;
	display: block;
	margin: 3px 0 0 13px;
	background: url(../images/var.png) left top no-repeat;
}

div#helpfull_links a.var:hover {
	background: url(../images/var_roll.png) left top no-repeat;
}

ul#bottom_nav {
	float: left;
	clear: both;
	width: 300px;
	margin: -38px 0 0 213px;
}

ul#bottom_nav li {
	list-style-type: none;
	float: left;
	margin-right: 12px;
	padding-bottom:10px;
}

ul#bottom_nav li a {
	color: #cccccc;
	text-decoration: none;
	font-size: 12px;
}

ul#bottom_nav li a:hover {
	color: #24b219;	
}

/* ------------------------------------------------------------------- Home Page */

div#recent_sites {
	width: 155px;
	height: 229px;
	padding: 25px 18px 0 17px;
	background: url(../images/recent_sites.jpg) left top no-repeat;
}

div#recent_sites li {
	margin: 0px 0px -4px 20px;
	font-size: 9px;
}

div#recent_sites p {
	color: #00a8df;
	font-size: 9px;
	line-height: 11px;
	clear: left;
	text-align: left;
	margin-bottom: 8px;
}

div#recent_sites a {
	text-decoration: none;
	font-weight: bold;
}

div#recent_sites img.left {
	margin: 0 5px 10px 0;
}

div#main_content {
	background: url(../images/plate_bg.jpg) left top no-repeat;
	width: 600px;
	height: 377px;
	padding: 17px 0 0 18px;
	float: left;
}

div#footer {
	background: url(../images/footer.jpg) left top no-repeat;
	width: 466px;
	height: 129px;
	margin-left: 190px;
	clear: both;
	float: left;
	font-size: 10px;
	line-height: 12px;
	padding: 22px 134px 0 18px;
}

/* ------------------------------------------------------------------- Gen template */

div#main_content_gen {
	background: url(../images/main_content_middle.jpg) left top repeat-y;
	width: 618px;
	float: left;
}

span#main_content_top {
	display: block;
	width: 618px;
	height: 21px;
	background: url(../images/main_content_top.jpg) left top no-repeat;
}

span#main_content_bot {
/*	float:left;*/
	clear:both;
	display: block;
	width: 618px;
	height: 21px;
	background: url(../images/main_content_bot.jpg) left top no-repeat;
/*	border:1px solid red;*/
}

ul#bottom_nav.gen {
	margin-top: 20px;
	clear: none;
}

div#main_content_gen h4, div#main_content_gen h3, div#main_content_gen h5 {
	margin: 0 18px;
}

div#main_content_gen p {
	margin: 0 75px 13px 75px;
	color: #4490a9;
}

div#main_content_gen h4, div#main_content_gen h5 {
	font-size: 20px;
	font-weight: normal;
	color: #24b219;
	margin-bottom: 15px;
}

div#main_content_gen h5 {
	font-size: 15px;
	line-height: 22px;
	color: #00a6dd;
	padding-bottom: 9px;
	margin-right: 75px;
	border-bottom: 1px dotted #00a6dd;
}

div#main_content_gen h3 {
	width: 174px;
	height: 71px;
	background: url(../images/title_bg_4.png) left top no-repeat;
	font-size: 18px;
	line-height: 20px;
	font-weight: normal;
	color: #fff;
	padding: 45px 380px 0 26px;
	margin-bottom: 15px;
	text-align: left;
}

div#main_content_gen h4.no_border {
	border: none;
}

/* ------------------------------------------------------------------- About site foundry */

p#star_burst {
	position: absolute;
	top: 399px;
	left: -33px;
	text-indent: -5000px;
	width: 216px;
	height: 134px;
	background: url(../images/star_burst.jpg) left top no-repeat;
}

/* ------------------------------------------------------------------- Contact us */

p#nerd {
	position: absolute;
	top: 421px;
	left: 20px;
	text-indent: -5000px;
	width: 165px;
	height: 100px;
	background: url(../images/nerd.jpg) left top no-repeat;
}

/* ------------------------------------------------------------------- Benefits */

table.table {
	margin: 0 75px 17px 75px;
	border: 1px solid #fff;
}

table.table tr.title th {
	background: #4490a9;
	padding: 4px 5px;
	color: #fff;
	border-bottom: 1px solid #fff;
}

table.table td {
	background: #00a6dd;
	padding: 4px 5px;
	color: #fff;
}

table.table td.left_col {
	width: 60%;
	text-align: left;
	border-bottom: 1px solid #fff;
}

table.table td.yes, table.table td.no {
	border-bottom: 1px solid #fff;
}

table.table td.yes {
	text-indent: -5000px;
	background: #00a6dd url(../images/tick.png) 50% 50% no-repeat;	
}

table.table td.no {
	text-indent: -5000px;
	background: #00a6dd url(../images/cross.png) 50% 50% no-repeat;	
}

/* ------------------------------------------------------------------- Modules */

div#main_content_gen ol, div#main_content_gen ul {
	margin-bottom: 13px;
	width: 500px;
}

div#main_content_gen ol li, div#main_content_gen ul li {
	margin-left: 95px;
	color: #24b219;
}

div#main_content_gen ol li ul li {
	margin-left: 10px;
}

/* ------------------------------------------------------------------- How it works */

table#tableTwo {
	margin: 0 0 17px 87px;
	width: 450px;
	text-indent: 0;
	font-size: 9px;
	color: #4490a9;
}

table#tableTwo th {
	background: #9bd9f2;
	border: 1px solid #fff;
	text-align: center;
}

table#tableTwo th.empty {
	background: none;
}

table#tableTwo td {
	padding: 3px 5px;
	border: 1px solid #fff;
}

table#tableTwo td {
	background: #e1f3fc;
}

table#tableTwo td.rowName {
	background: #9bd9f2;
}

table#tableTwo tr.priceRow td {
	font-weight: bold;
	background: #a8d200;
}

/* ------------------------------------------------------------------- Configurator */

p.price_total {
	border: 1px dotted #4490a9;
	background: #c4dbe3;
	padding: 3px 5px;
}

div.price_list {
	border-top: 1px dotted #4490a9;
	padding: 10px 0;
	margin: 5px 75px;
}

div#main_content_gen div.price_list p {
	margin: 0;
}

div#main_content_gen div.price_list ol li {
	padding: 0;
	margin-left: 25px;
}

div#main_content_gen div.price_list ol {
	margin-top: 10px;
}

/* ------------------------------------------------------------------- TVM */

div#tvmInner {
	margin-left: 20px;
}

/* ------------------------------------------------------------------- USER ACCOUNT */

dl dt {
	width: 160px;
	float: left;
	clear: left;
	margin-left: 75px;
	_margin-left: 37px;
}

dl dd {
	margin-bottom: 5px;
	float: left;
	width: 305px;
}


select.select,
input.input,
input.input_short,
input.input_error,
textarea.textarea {
	border: 1px solid #24b219;
	padding: 2px 3px;
	width: 220px;
	color:#24b219;
}

select.select {
	width:auto;
}
select.select option {
	padding-right:30px;
}


input.input_short {
	width:auto;
}


input.input_error {
	border: 1px solid #ff0000;
}

select {
	border: 1px solid #24b219;
	padding: 2px 3px;
	width: 90px;
}

input.button {
	border: 1px solid #24b219;
	color: #24b219;
	font-size: 10px;
	padding: 2px 3px;
}

span.error {
	color: #ff0000;
}

/*========================================================================================== LICENSES TABLES */
table.license_table {
	width:580px;
	margin:15px 0 20px 18px;
}

table.license_table thead tr {
	background:#F5F5F5;
}

table.license_table thead tr th {
	padding:3px 6px;
	border-top:1px solid #DDD;
	border-bottom:2px solid #DDD;
}

table.license_table tbody tr {
	margin:14px;
	background:#FFF;
}

table.license_table tbody tr.odd{
	background:#EFFAFD;
}

table.license_table tbody tr td {
	padding:6px 6px;
	border-bottom:1px solid #DDD;
	text-align:left;
}

table.license_table tbody tr td input {
	float:left;
}

table.license_table tbody tr#edit_row {
	background:#F5F5F5;
}


a.cancel_button {
	border: 1px solid #24b219;
	color: #24b219;
	font-size: 10px;
	padding: 3px 4px;
	margin:2px 0 0 5px;
	text-decoration:none;
}

/*========================================================================================== ORDERS TABLE */
table#order_table tbody tr.order_total {
	background:#CCFFCC;
}

table#order_table tbody tr.order_row {
	background:#EFFAFD;
}


/*========================================================================================== LICENSES - EDIT DOMAIN */

table.license_table tbody tr td dl.license_edit {
	float:left;
	margin:20px 0;
}

table.license_table tbody tr td dl.license_edit dt {
	text-align:right;
	padding:0 10px 0 0;
	font-weight:bold;
	margin:0;
}

/*========================================================================================== LICENSES - ADD DOMAIN */

div#add_domain {
	width:464px;
	background:#F5F5F5;
	border-top:1px solid #DDDDDD;
	border-bottom:1px solid #DDDDDD;
	margin:0 0 0 70px;
	padding:20px 0 20px 10px;
}


div#add_domain table tbody th {
	text-align:right;
	padding:3px 4px 3px 0;
	vertical-align:text-top;
}


/*========================================================================================== COLLAPSE LINK */

div#wrapper div#main_content_gen p#collapse_all {
	width:575px;
	margin:10px 0 0 18px;
	text-align:right;
	padding:0 5px 0 0;
}

/*========================================================================================== PAGINATION */

div.pagination {
	font-size:10px;
	background-color:#F5F5F5;
	width:570px;
	margin:25px 0 0 18px;
	padding:7px 5px 6px 5px;
	border-bottom:1px solid #DDD;
	border-top:1px solid #DDD;
	text-align:right;
}
div.pagination a {
	color:#272727;
	padding:3px 5px 3px 5px;
	border:1px solid #CCCCCC;
	background:#FFFFFF;
	text-decoration:none;
}
div.pagination a:hover {
	background-color:#E7E7E7;
}
div.pagination span.current {
	color:#CC0000;
	padding:4px 6px 4px 6px;
	font-weight:bold;
	border:1px solid #DDD;
	background-color:#FFFFFF;
	color: #24b219;
}

/*========================================================================================== Download button */

div#download_button {
	background: url('../images/button.jpg') left top no-repeat;
	width: 152px;
	height: 92px;
	position: absolute;
	left: 20px;
	top: 525px;
}

div#download_button a {
	display: block;
	width: 150px;
	height: 90px;
	text-indent: -5000px;
}

div#main_content_gen p.left {
	margin: 0 0 0 40px;
	_margin-left: 20px;
}