/* ---------------------------------------------------------
 * Cognecy Solutions Screen Stylesheet
 * (c) 2006-2009, Cognecy Solutions, LLC  All Rights Reserved
 * 
 * For information or permission to reuse portions of this
 * stylesheet, please contact Cognecy Solutions, LLC at
 * http://www.cognecy.com 
 * 
 * --------------------------------------------------------- */

* { font-size: 100%; margin: 0; padding: 0; }
html, body { height: 100%; }
body {
	font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 11px;
	color: #333333; text-align: center; background-color: #aaaaaa; }
p, ul, li, h1, h2, h3, h4, h5, h6, dl, dt, dd, form, input, textarea, blockquote, pre, table { margin: 0 0 .25em 0; }

/* -------------------------------------------- */
/* Generic styles                               */
/* -------------------------------------------- */
h1, h2, h3, h4, h5, h6 { background: transparent; color: #5F5F5F; font-weight: normal; letter-spacing: .1em; }
a img { border: none; }
a:link { background: transparent; color: #8C03FC; outline: none; }
a:visited, a:hover, a:focus, a:active { background: transparent; color: #43336F; }
:-moz-any-link:focus { outline: none; }

/* -------------------------------------------- */
/* Overall Site Container                       */
/* -------------------------------------------- */
#container {
	position: relative; width: 950px; margin-left: auto; margin-right: auto; 
	background-color: transparent; text-align: left; border: 0; border-collapse: collapse; }

/* -------------------------------------------- */
/* TOP AREA of the page:                        */
/* -------------------------------------------- */
#csHeader {
	background: url(../images/site/cs-nav_bg7.jpg) transparent top no-repeat;
	position: relative; width: 950px; height: 115px; margin: 0 auto 0 auto;
	border: none; font-size: 12px; color: #666666; }
#csHeader td { padding: 3px; }
#CompanyLinks {
	position: absolute; width: 250px; height: 18px; z-index: 1; left: 54px;
	top: 20px; display: inline; text-align: right; float: right; }
#CompanyLinks ul { list-style: none; margin: 0; }
#CompanyLinks li { display: inline; padding-right: 5px; }
#CompanyLinks a { text-decoration: none; color: #FFFFFF; font-size: 11px; }
#CompanyLinks a:hover { color: #000000; }
#navtext {
	position: absolute; width: 547px; margin: 0; padding: 0; bottom: 20px; left: 36px; 
	display: inline; color: #fff; font-family: "Lucida Grande", Arial, Helvetica, sans-serif; 
	font-size: 14px; font-weight: bold; text-shadow: #000 -2px 2px 2px; border-top: 1px solid #FFFFFF; }
#navtext li { display: inline; margin-left: 5px; margin-right: 5px; }
#navtext li a, #navtext li a:hover { color: #fff; text-decoration: none; }
#navtext li a:hover { color: #b0b0b0; }

/* -------------------------------------------- */
/* MAIN AREA Container:                         */
/* -------------------------------------------- */
#csMainArea {
	background: url(../images/site/middle_bg4.jpg) transparent top repeat-y;
	position: relative; width: 950px; padding: 0; margin: 0 auto 0 auto; border: 0; border-collapse: collapse; }
.csColumnSpacer { width: 10px; height: 480px; float: left; }
#csCenterWide { width: 880px; text-align: left; vertical-align: top; float: left; }
#csCenterWide table {	width: 100%; }

/* -------------------------------------------- */
/*  Page, Sub, and Section Titles               */
/* -------------------------------------------- */
#pagetitlehome, #pagetitlehosting, #pagesubtitleplans, #pagesubtitlewinplans, #pagesubtitlewinecomplans, #pagesubtitlelinplans, 
#pagesubtitlelinecomplans, #pagetitleservices, #pagetitlesupport, #pagetitleabout, #pagetitlecontact, #pagetitlestatus, 
#pagetitlethanks, #pagetitlesorry, #sectiontitleplans { height: 20px; overflow: hidden; width: auto; }
#pagesubtitle { margin-left: 65px; }

/* -------------------------------------------- */
/* Main Content Layout                          */
/* -------------------------------------------- */
#content { float: left; font-size: 1em; width: 100%; }
#content h2 { font-size: 1.4em; }
#content h3 { font-size: 1.2em; }
#content h4, #content h5, #content h6 { font-size: 1em; }
#content-inner { padding: 10px 15px 8px 15px; min-height: 400px; }
#content-full { padding: 10px 15px 8px 15px; font-size: 1.3em; min-height: 400px; }
.content-full-b { padding: 10px 15px 8px 15px; font-size: 1.2em; min-height: 400px; }
#content ol { list-style-position: inside; list-style-type: lower-roman; }
#content ul { list-style-type: none; }
/* #content ul li { background: transparent url(../images/site/bullet3.gif) no-repeat 0 3px; padding-left: 10px; } */
#content dt { font-weight: bold; }

/* -------------------------------------------- */
/* Left Column Layout                           */
/* -------------------------------------------- */
#contentleft { float: left; font-size: 1.3em; width: 644px; }
#contentleft-b { float: left; font-size: 1.2em; width: 495px; }
.contentleft-c { float: left; font-size: 1.2em; width: 555px; }
#contentleft-inner, #contentleft-b-inner, .contentleft-c-inner { padding: 20px 15px 10px 15px; }

/* -------------------------------------------- */
/* Right Column Layout                          */
/* -------------------------------------------- */
#contentright { float: left; font-size: 1em; width: 236px; }
#contentright-b { float: left; font-size: 1em; width: 210px; }
.contentright-c { float: left; font-size: 1em; width: 180px; }
#contentright-inner, #contentright-b-inner, .contentright-c-inner { padding: 10px 15px 10px 15px; }
#contentright-inner div, #contentright-b-inner div { margin-bottom: .8em; }
#contentright h3, #contentright-b h3 { height: 15px; overflow: hidden; width: auto; }
#hostingplantable { border-left: double; border-left-color: #43336f; border-left-width:medium; }

/* -------------------------------------------- */
/* Warnings and notes                           */
/* -------------------------------------------- */

p.note-general, p.note-warning {
	background: transparent; border: 1px solid #DDDDDD; color: #999999; font-size: .9em; padding: 8px 4px 8px 34px; }
p.note-general { background: url(../images/site/note_general.gif) no-repeat 8px 50%; }
p.note-warning { background: url(../images/site/note_warning.gif) no-repeat 8px 50%; }
p.note-general:before { background: transparent; color: #999500; font-weight: bold; }
p.note-warning:before { background: transparent; color: #FF6347; font-weight: bold; }
p.note-general:hover { border: 1px solid #9999CC; color: #666666; }
p.note-warning:hover { border: 1px solid #990000; color: #666666; }

/* -------------------------------------------- */
/* Bottom Row Layout                            */
/* -------------------------------------------- */
#contentbottom { clear: both; }
#contentbottom-inner { height: 20px; margin: .5em 0 .5em 0; padding: 0 400px; text-align: center; }
ul#bottomnav li { background: none; display: inline; margin-left: 5px; padding: 0; }
#bottomnav li a { border: 1px solid #DDDDDD; color: #999999; font-size: .9em; padding: 3px 4px 3px 20px; text-decoration: none; }
#bottomnav li a:hover, #bottomnav li a:focus, #bottomnav li a:active { color: #666666; }
#totop a { background: url(../images/site/totop.gif) no-repeat 4px 50%; }
#tonavigation a { background: url(../images/site/tonavigation.gif) no-repeat 4px 50%; }
#accessibility a { background: url(../images/site/accessibility.gif) no-repeat 4px 50%; }
#colophon a { background: url(../images/site/colophon.gif) no-repeat 4px 50%; }


/* -------------------------------------------- */
/* Footer                                       */
/* -------------------------------------------- */
#footer {
	background: url(../images/site/foot_bg4.jpg) transparent top no-repeat;
	width: 950px; border: 0; border-collapse: collapse; font-size: 11px; color: #666666; padding-bottom: 2em; }
#footer a:link, a:visited, a:hover { text-decoration: none; color: #666666; }
#footerSpacerBlank { width: 900px%; height: 35px; margin: 0 25px 0 25px; vertical-align: top; }
#copyright {
	width: 449px; margin: 0 0 0 25px; padding: 2px 0 3px 0; text-align: left;
	border: 0; border-collapse: collapse; float: left; }
#copyright p { padding-left: 2em; margin: 0; }
#credits { 
	width: 449px; margin: 0 25px 0 0;  padding: 2px 0 3px 0; text-align: right;
	border: 0; border-collapse: collapse; float: right; }
#credits p { padding-right: 2em; margin: 0; }
#credits a:link, a:visited { color: #42316f; text-decoration: none; }
#credits a:hover { color: #0000FF; text-decoration: none; }
#copynotice { width: 900px%; padding: 0 25px 0 25px; border: 0; border-collapse: collapse; }
#copynotice p { margin: 0 4em 0 4em; padding-top: .5em; text-align: justify; }


/*
 * Contact Form Rules
 * --------------------------------------------------------- */
#contact_additional_info {
	background-color: #9092b9;
	padding: .2em;
	margin-top: 1em;
	}

#contact_additional_info a, #contact_additional_info a:hover { 
	color: #fff;font-weight: bold;
	}

#contact_additional_details {
	border: 1px solid #b0b0b0;
	}

.bigcontact {
	font-size: 36px;
	font-weight: bold;
}

/* ------------------------------------------------------------------------- */

/* -------------------------------------------- */
/* Forms                                        */
/* -------------------------------------------- */
label { background: transparent; color: #999999; display: block; font-size: .9em; }
label span { background: transparent; color: #999500; font-size: .8em; text-transform: uppercase; }
input, textarea, select {
	/* background: transparent url(../images/site/form_inputtext.jpg) repeat-x 0 0; */
	font-family:Verdana, Arial, Helvetica, sans-serif; border: 1px solid #AAAAAA; 
	color: #666666; font-size: 1.0em; margin-top: .5em; padding: 2px; }
#contactform table td { padding: 0 10px .5em 0; }
#contactform-name, #contactform-email, #contactform-subject, #contactform-message { width: 200px; }
#contactform-subject, #contactform-message { width: 427px; }
#contactform-message { height: 140px; }
input.imagesubmit { border: none; margin: 0; padding: 0; }

/* -------------------------------------------- */
/* Misc. Text Formatting                        */
/* -------------------------------------------- */
kbd { background: transparent; color: #000000; font-size: 1em; font-family:"Courier New", Courier, monospace; }
del { background: transparent; color: #DDDDDD; }
ins { background: transparent; color: #333333; text-decoration: underline; }
#thankswrapper, #sorrywrapper { width: 600px; margin: 0 auto; border: 3px solid #43336F; }
#thankscontent, #sorrycontent { width: 570px; margin: 20px auto; text-align: left; font-size: 1.2em; }
#thankscontent h1, #sorrycontent h1 { color: #8C887D; font-size: 1.6em; }
#contents { text-align: justify; }
.contentpadding { padding: 1.5em; }
.required { color: #990000; }
.bold3 { font-weight: 500; color: #43336f; }
.bold4 { font-weight: 500; }
.rowspace1 { height: 10px; }
.rowspace2 { height: 20px; }
.rowspace3 { height: 30px; }
.rowspace4 { height: 40px; }

/* -------------------------------------------- */
/* Plan Tables Styles                           */
/* -------------------------------------------- */
th.side { background: transparent; }
td.side {
	background: transparent url(../images/site/bg_td_side.gif) no-repeat bottom left;
	text-align:right; width:180px; font:bold 10px/14px verdana; color: #fff; padding-right:8px; }
td.heading {
 	text-align: center; vertical-align: middle; background: transparent; width:100%; 
	font:bold 12px/30px verdana; color: #43336f; }
th.greyrounded {
	background:transparent url(../images/site/bg_th.gif) no-repeat bottom left;
	height:50px; border-right:1px solid #fff; vertical-align:bottom;  padding: 0 0 5px 0;
	color:#fff; font:bold 12px/12px arial; text-align:center; }
td.grey {
	background:transparent url(../images/site/bg_td.gif) no-repeat bottom left;
	border-right:1px solid #fff; padding: 3px 0 5px 0; vertical-align:middle; color:#fff;
	width:150px; height:20px; font:bold 10px/14px verdana; text-align:center; }
td.preferred { 
	background:transparent url(../images/site/bg_td_on.gif) no-repeat bottom left;
	border-right:1px solid #fff; padding: 3px 0 5px 0; color:#fff; width:150px;
	height:20px; font:bold 10px/14px verdana; text-align:center; }
th.preferred {
	background:transparent url(../images/site/bg_th_on.gif) no-repeat bottom left;
	vertical-align:bottom; padding-bottom: 8px; border-right:1px solid #fff; color:#fff;
	width:150px; height:20px; font:bold 12px/12px verdana; text-align:center; }
tfoot td {
	background:transparent url(../images/site/bg_foot_td.gif) no-repeat top left;
	height:64px; vertical-align:top;  padding-top: 3px; text-align:center; }
tfoot td.preferred { 	background:transparent url(../images/site/bg_foot_td_on.gif) no-repeat top left; padding-top:10px; }
tfoot td.side { background: transparent; }


ing-bottom: 8px;
	border-right:1px solid #fff;
	color:#fff;
	width:150px;
	height:20px;
	font:bold 12px/12px verdana;
	text-align:center;
}

tfoot td {
	background:transparent url(../images/site/bg_foot_td.gif) no-repeat top left;
	height:64px;
	vertical-align:top; 
	padding-top: 3px;
	text-align:center;
}

tfoot td.preferred {
	background:transparent url(../images/site/bg_foot_td_on.gif) no-repeat top left;
	padding-top:10px;
}

tfoot td.side { background: transparent; }