* { margin:0; padding:0;}

html, body { height:100%;}

body { background:#fff url(../images/tail-top.gif) left top repeat-x; font-family:Arial, Helvetica, sans-serif; font-size:100%; line-height:1.25em; color:#8c8c8c;}



input, select, textarea { font-family:Arial, Helvetica, sans-serif; font-size:1em;}



.fleft { float:left;}

.fright { float:right;}

.clear { clear:both;}



.alignright { text-align:right;}

.aligncenter { text-align:center;}



.wrapper { width:100%; overflow:hidden;}

.container { width:100%;}



p { margin-bottom:20px;}



/*==================forms====================*/

input, select { vertical-align:middle; font-weight:normal;}

img {border:0; vertical-align:top; text-align:left;}

object { vertical-align:top;}



#search-form { float:right; padding:75px 21px 0 0; text-align:right; font-size:1.00em; color:#494949;}

#search-form fieldset { border:none;}

#search-form select { width:62px; margin-right:1px; background:#fff; border:1px solid #d8d8d8; color:#7f7f7f;}

#search-form input.text { background:#fff; border:1px solid #d8d8d8; width:140px; padding:1px 0 1px 5px; margin-left:10px; margin-right:1px;}

#search-form input.submit { background:url(../images/search.gif) no-repeat left top; width:63px; height:25px; border:none; cursor:pointer; color:#636363; font-weight:bold; text-transform:uppercase; line-height:16px; position:relative; top:1px; padding-bottom: 4px;}



/*==================list====================*/

ul { list-style:none;}



.list1 li { width:100%;}

.list1 li a { display:block; color:#fff; height:22px; line-height:22px; text-decoration:none; text-indent:10px; margin-bottom:3px;}

.list1 li a:hover { background:url(../images/list-bg.gif) no-repeat left top;}



.list2 { padding:2px 0 6px 34px;}

.list2 li { background:url(../images/marker.gif) no-repeat left 4px; padding:0 0 3px 30px; /*font-size:1.17em;*/}

.list2 li a { color:#a7a7a7; text-decoration:none;}

.list2 li a span { color:#1a1a1a;}

.list2 li a:hover { color:#000; font-weight:bold;}


.list2x { padding:2px 0 6px 10px;}
 .list2x li { background:url(../images/marker.png) no-repeat left 4px; padding:0 0 3px 30px; /*font-size:1.17em;*/}

 .list2x li a { color:#a7a7a7; text-decoration:none;}

 .list2x li a span { color:#1a1a1a;}

 .list2x li a:hover { color:#000;}


.list3 { width:175px; margin-right:15px; float:left; font-size:.91em;}

.list3 li { padding-bottom:2px;}

.list3.last { margin-right:0;}

.list3 li a { color:#8c8c8c;}



.list5 { color:#000; list-style-type:decimal; font-weight:bold;}

.list5 li { margin:0 0 0 30px; padding:0 0 5px 2px;}

.list5 span { color:#8C8C8C;}



.list6 { color:#000; list-style-type:disc;}

.list6 li { margin:0 0 0 70px; padding:0 0 5px 2px;}

.list6 span { color:#8C8C8C;}



/*==================other====================*/

.img-indent { margin:0 20px 0 0; float:left;}

.img-box { width:100%; overflow:hidden; padding-bottom:20px;}

.img-box img { float:left; margin:0 20px 0 0;}



.extra-wrap { overflow:hidden; }



/* disabled by tom 25/aug/2010 - remove -disabled to enable */
#right-girl-disabled {

	background-image: url(../images/sweetchic.jpg);

	background-repeat: no-repeat;

	background-position: 680px 30px;

}



.highlite { color:#000;}



#home-host {

	color: white;

	font-size: 0.75em;

	width: 100%;

}

#home-host .first {

	background: #eee;

	color: #000;

	text-align: right;

}

#home-host .one {

	background: #ddd;

}

#home-host .two {

	background: #ccc;

}

#home-host .three {

	background: #bbb;

}

#home-host .one, #home-host .two, #home-host .three {

	color: #000;

	text-align: center;

}

#home-host .end {

	background: none;

	color: #fff;

}



.featuretable p{

	color: #000;

	line-height:150%;

	padding: 0px;

	padding-left: 10px;

	font-size:11px;

	font-weight: bold;

	margin: 1px;

}

.featuretable .result {

	text-align: center;

	font-weight: normal;

}

.featuretable {

	border: none;

}

.featuretable table{

	border: none;

	font-size: 14px;

	color: white;

}

.featuretable table td {

	font-size: 14px;

	font-weight: bold;

}

.packagerow1 {

	background: #EEE;

}

.packagerow2 {

	background: #F5F7FA;

}

.packagerow3 {

	background: #f3ffed;

}

.featuretable img {

	vertical-align:middle;

}

.featuretable .order a{

	color: #C80109;

}



/*---------- bubble tooltip -----------*/

a.tt {

	position:relative;

	/*z-index:99;*/

	color:#c80109;

	font-weight:bold;

	text-decoration:none;

}

a.tt span{ display: none; }



/* tooltip background:; IE hack, something must be changed in a for ie to execute it*/

a.tt:hover{ z-index:100; color: #000; background:;}



a.tt:hover span.tooltip{

	display:block;

	position:absolute;

	top:0px; left:0;

	padding: 15px 0 0 0;

	width:200px;

	color: #000;

	text-align: center;

}

a.tt:hover span.top{

	display: block;

	padding: 30px 8px 0;

	background: url(../images/bubble.gif) no-repeat top;

}

a.tt:hover span.middle{ /* different middle bg for stretch */

	display: block;

	padding: 0 8px 0 8px;

	background: url(../images/bubble_filler.gif) repeat bottom;

	font-size: 12px;

	line-height: 130%;

}

a.tt:hover span.bottom{

	display: block;

	padding:3px 8px 10px;

	background: url(../images/bubble.gif) no-repeat bottom;

}

/*---------- end bubble tooltip -----------*/



#more-link {

	color: #C80109;

	font-size:12px;

	font-weight:bold;

	margin-left:10px;

}



.small-print {

	float: right;

	font-size: 11px;

	text-align:right;

	width:460px;

}

.small-print-extra {

	float: left;

	font-size: 11px;

	text-align:left;

	width:360px;

}



#extras-list {

	background:transparent url(../images/features-background.gif) left top;

	height:160px;

	margin-bottom:19px;

	padding:10px;

	text-align:center;

	width:592px;

}

#extras-list a {

	color:#000;

	font-size:11px

}



/*==================txt, links, lines, titles====================*/

a {color:#8c8c8c; outline:none;}

a:hover{text-decoration:none;}



h1 { float:left; font-size:35px; line-height:1em; color:#10100f; padding:40px 0 0 15px;}

h1 a { color:#10100f; display:block; text-decoration:none;}

h1 a:first-letter { font-size:55px;}

h1 strong { text-transform:uppercase; color:#5f5f5f;}

h1 span { position:absolute; font-size:10px; line-height:16px; text-transform:uppercase; top:46px; left:85px; color:#7c7c7c;}

h2 { font-size:1.58em; line-height:1.1em; color:#000; /*border-top:1px solid #000;*/ padding:7px 0 0 0; margin-bottom:11px;}

h3, .h3 { font-size:1em; font-weight: bold;}

h4, .h4 { color: #000; font-weight: bold; }



.link1 { color:#000; font-weight:bold; text-decoration:none;}

.link1:hover { text-decoration:underline;}



.link2 { color:#fff; font-weight:bold; text-decoration:underline;}

.link2:hover { text-decoration:none;}



.line-hor { background:#3a3c52; height:1px; overflow:hidden; font-size:0; line-height:0; margin:20px 0 20px 0;}

.line-ver { background-image:url(../images/line-ver.gif); background-repeat:repeat-y; width:100%;}



.title { margin-bottom:20px;}



/*==================boxes====================*/

.box { background:#fff; width:100%;}

.box.alt { margin-bottom:4px;}

.box .left-top-corner {background:url(../images/left-top-corner.gif) no-repeat left top;}

.box .right-top-corner {background:url(../images/right-top-corner.gif) no-repeat right top;}

.box .left-bot-corner {background:url(../images/left-bot-corner.gif) no-repeat left bottom;}

.box .right-bot-corner {background:url(../images/right-bot-corner.gif) no-repeat right bottom; }

.box .inside { padding:27px 25px 30px 31px;}



.box1 { background:#1a1a1a; width:100%;}

.box1 .left-top-corner {background:url(../images/left-top-corner1.gif) no-repeat left top;}

.box1 .right-top-corner {background:url(../images/right-top-corner1.gif) no-repeat right top;}

.box1 .left-bot-corner {background:url(../images/left-bot-corner1.gif) no-repeat left bottom;}

.box1 .right-bot-corner {background:url(../images/right-bot-corner1.gif) no-repeat right bottom; }

.box1 .inner { padding:23px 16px 19px 18px;}



.main-banner { background:url(../images/main-banner.jpg) no-repeat left top; height:303px; width:756px;}

.main-banner .inner { padding:8px 0 0 210px;}
.main-banner2 { background:url(../images/New-Servers.jpg) no-repeat left top; height:303px; width:756px;}
.main-banner2 .inner2 { padding:30px 70px 0 120px;}
.main-banner2 .inner2 .free {position:absolute; padding:5px;}
.main-banner2 .inner2 .paid {float:right; margin-right:40px; padding:5px;}
.list3 { padding:2px 0 6px 20px;}



.main-banner1 { background:url(../images/main-banner1.gif) no-repeat left top; height:332px; width:709px; position:relative;}

.main-banner1 .inner { padding:30px 0 0 34px;}

.main-banner1 .banner1 { position:absolute; right:32px; top:32px;}

.main-banner1 .banner2 { position:absolute; right:32px; top:168px;}



.dept-list { float:left;}

.dept-list dd { clear:both; text-align:right;}

.dept-list dd span { float:left; padding-right:25px;}

.dept-list dd p { text-align:left;}





/*header*/

#header .row-1 { height:125px;}

#header .row-2 { height:48px; background:url(../images/nav-left.gif) no-repeat left top #1a1a1a;}



.nav { background:url(../images/nav-right.gif) no-repeat right top; text-align:center; padding:13px 0 0 0;}

.nav li { display:inline; color:#727171;}

.nav li a { color:#727171; padding:0 25px 0 23px; text-decoration:none;}

.nav li a:hover { color:#fff;}

.nav li a.current { color:#fff;}



/*content*/

#content { background:#eaeaea; padding:5px 3px 0 3px;}

#content .indent { padding:0 0 32px 0;}

#content .row-1 .col-2, #content .row-2, #content .row-3 { font-size: 1.25em;}



#content-wrapper { margin-right: 230px;}



/*footer*/

#footer { padding:0 0 23px 0;}

#footer p { text-align:right; margin:0; padding:8px 5px 0 0; color:#000; font-size:.91em;}

#footer p a { color:#000; text-decoration:none;}

#footer p a:hover { text-decoration:underline;}

#footer span { text-transform:uppercase;}



.footer-nav-box { background:url(../images/fotoer-nav-right.gif) no-repeat right top #eaeaea; height:51px; text-align:center;}

.footer-nav-box ul { background:url(../images/fotoer-nav-left.gif) no-repeat left top; padding:15px 0 16px 0;}

.footer-nav-box ul li { display:inline; color:#979797;}

.footer-nav-box ul li a {color:#979797; padding:0 26px 0 23px; text-decoration:none;}

.footer-nav-box ul li a:hover { color:#000;}



/*==========================================*/

.css-grd {
        font-family: verdana,helvetica;
        font-size: 10px;
        /*font-style: italic;*/
        border: 1px solid #ccc;

        /*background: #fff; /* if it goes belly up on the web browser this will be the default */

        background:#fafafa url('../images/grad2.gif') repeat-x;
        color: #000000; /* text colour (black) */
        height: auto; /* gradient uses the full height of the element */
        padding: 5px; /* distance from border edge to text */
}