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

reset.css
* Resets default browser CSS.
@source blueprintcss.org

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

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,
hgroup, nav, section, .header1 {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

article, aside, dialog, figure, footer, header,
hgroup, nav, section {
    display:block;
}

body {
  line-height: 1.5;
}

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }
* { outline: none; }

/* END OF RESET */
/*****************************************************************
*****************************************************************/

ul { list-style:none; }

body {
    color: #000;
    font: normal 13px/17px Arial, sans-serif;
    background: #75beff url('../images/bg.gif') repeat-x;
}
h1, h2, h3, h4, h5, .header1 {
    color:#042a37;
}
h1, .header1 { font: normal 36px/42px Arial, sans-serif; color:#619d14; }
    h1 span, .header1 span { font-weight:bold; text-transform:uppercase; }
h2 { font: normal 26px/34px Arial, sans-serif; margin-bottom: 10px; }
h3 { font: normal 15px/20px  Arial, sans-serif; }
h4 { font: bold 12px/16px Arial, sans-serif; text-transform: none; letter-spacing: 0; }

a { color:#493557; text-decoration:none; }
a:hover { color: #222; text-decoration:underline; }
img { display:inline-block; }

.orange {
	color:#dc6915;
}

.blue {
	color:#218ba5;
}

.green {
	color:#6fa725;
}

.purple {
	color:#7F579D;
}

.button {
    display: inline-block;
    color: #fff;
    font-size: 14px;
    line-height: 15px;
    text-transform: uppercase;
    background: url(../images/button.png) left top no-repeat;
}
    .button span {
        display: block;
        padding: 14px;
        background: url(../images/button.png) right -44px no-repeat;
    }
.button:hover {
    color: #000;
    text-decoration: none;
}
/* //.button */

.buttongrey {
    display: inline-block;
    color: #829f1d;
    font-size: 14px;
    line-height: 15px;
    font-weight: bold;
    text-transform: uppercase;
    background: url(../images/button-grey.png) left top no-repeat;
}
    .buttongrey span {
        display: block;
        padding: 12px 14px;
        background: url(../images/button-grey.png) right -40px no-repeat;
    }
.buttongrey:hover {
    color: #000;
    text-decoration: none;
}
/* //.buttongrey */

.buttonorange {
    display: inline-block;
    color: #FFF;
    font-size: 12px;
    line-height: 15px;
    font-weight: normal;
    text-transform: uppercase;
    background: url(../images/button-orange.png) left top no-repeat;
}
    .buttonorange span {
        display: block;
        padding: 12px 14px;
        background: url(../images/button-orange.png) right -41px no-repeat;
    }
.buttonorange:hover {
    color: #000;
    text-decoration: none;
}
/* //.buttonorange */

.buttontrans {
    display: inline-block;
    color: #fff;
    font-size: 14px;
    line-height: 15px;
    text-transform: uppercase;
    background: url(../images/button-trans.png) left top no-repeat;
}
    .buttontrans span {
        display: block;
        padding: 14px 24px;
        background: url(../images/button-trans.png) right -44px no-repeat;
        margin-right:-19px;
    }
.buttontrans:hover {
    color: #000;
    text-decoration: none;
}
/* //.buttontrans */

.textright { text-align:right; }
.textleft { text-align:left; }

.tabs {

}
    .tabs .tabmenu {
        overflow: hidden;
    }
        .tabs .tabmenu li {
            float: left;
            padding: 5px 10px;
            margin-right: 3px;
            color: #000;
            font-size: 17px;
            line-height: 22px;
            background: #dcdcdc;
        }
        .tabs .tabmenu li.active {
            background: #5f9b10;
        }
            .tabs .tabmenu li a,
            .tabs .tabmenu li a:hover { color:#000; }
    .tabs .tab {
    }

html, body {
	/*height: 100%;*/
	margin: 0;
}
#wrapper {
    width: 988px;
    height: auto !important;
    margin: 0 auto;
    background: #fff;
	position: relative;
	min-height: 100%;
}
    #header {
        padding-top: 10px;
        height: 97px;
        overflow: hidden;
    }
        #header .logo {
            float: left;
            color: #222;
            padding-left: 15px;
            padding-bottom: 9px;
        }
        #header h1.logo {
            margin:0;
        }
        #quicklinks {
            position:absolute;
            right:0;
        }
            #quicklinks ul { overflow:hidden; }
            #quicklinks li { float:left; padding:0 10px; border-right:1px solid #493557; }
            #quicklinks li.last { border-right:0; }
            #quicklinks a { color:#000; }
				.addthis_toolbox {
						float:right;
						margin-top:26px;
						width:186px;
				}
						.addthis_default_style .at300b { margin-bottom: 2px; }
        #domainsearch {
            height: 56px;
            padding: 17px 0px 0px 92px;
            background: url(../images/domainsearch.png) repeat-x;
        }
            #domainsearch label {
                display: block;
                position: relative;
                width: 180px;
                padding: 5px 2px 5px 0;
                float: left;
                color: #fff;
                font-size:16px;
                font-weight:bold;
                margin-top:7px;
            }
            #domainsearch input, #domainsearch select { float:left; }
            #domainsearch input#domainsearch_domainname {
                width: 407px;
                height: 23px;
                padding: 2px 2px 2px 10px;
                border: 0;
                background: none;
                margin-top:7px;
                line-height:23px;
            }
            #domainsearch select#domainsearch_domainext {
                width: 64px;
                height: 25px;
                padding: 2px;
                margin:10px 17px 0 12px;
                border: 0;
                background: none;
            }
            #domainsearch input#domainsearch_button {
                width: 31px;
                height: 27px;
                margin-left: 15px;
                border: 0;
                cursor: pointer;
                text-indent: -1234px;
                background: url(../images/domainsearch_button.gif) no-repeat;
            }

        #contacts {
            font-size: 18px;
            line-height: 18px;
            float:right;
            margin:23px 54px 0 0;
        }
        #tagline {
            color:#54afff;
            font-style:italic;
            font-weight:bold;
        }
        #callusfree {
            font-size: 23px;
            line-height: 30px;
            color: #206496;
            margin-top:8px;
        }

    /* //#header */
    #navigation {
        background: #4CAAE5 url(../images/navigation2.gif) repeat-x;
    }
    #navigation-left {
        background: url(../images/navigation_left.gif) no-repeat;
    }
   #navigation-right {
        height: 55px;
        padding-left: 7px;
        background: url(../images/navigation_right.gif) no-repeat right;
    }
        #navigation li {
            float: left;
            background: url(../images/navigation_line.gif) no-repeat right;
        }
            #navigation li a {
                color: #fff;
                padding: 20px 12px 18px 13px;
                display: block;
                font-size:16px;
                font-weight:bold;
            }
            #navigation li a.current,
            #navigation li a:hover {
                color: #000;
                text-decoration: none;
            }
        #navigation li.last {
            background: none;
        }
    /* //#navigation */
    #main {
        overflow: hidden;
        margin-top: 5px;
        padding-bottom: 30px;
        background: url(../images/main.png) repeat-x;
    }
        #main h1, #main .header1 { padding: 20px; }
        #content {
            overflow: hidden;
            width: 928px;
            padding: 0 24px;
        }
            #content p { margin-bottom: 12px; }
.header1 { float:left; margin-bottom:0 !important; }
            #content .head {
                width: 760px;
                height: 160px;
                padding: 25px 380px 20px 20px;
                margin-bottom: 12px;
                color: #17311b;
                font-size: 14px;
            }
                #content .head h2 { font-size:18px; line-height:22px; margin-bottom:15px; color:#17311b; }
            #content .content-left {
                width: 657px;
                margin-left: 10px;
                float: left;
            }
            #content .content-right {
                width: 232px;
                float: right;
            }
            #content table.features {
                width: 100%;
                margin-bottom: 5px;
            }
                #content table.features th {
                    padding: 15px;
                    color:#619d14;
                    font-size: 18px;
                    line-height: 24px;
                    background: url(../images/table-th.gif) repeat-x;
                }
                #content table.features th.bigger { font-size:22px; line-height: 24px; }
                #content table.features td {
                    padding: 6px 20px;
                    border-bottom: 1px solid #fff;
                    background: #f0f0f0;
                }
                #content table.features .cta td { background:none; text-align:left; padding:6px 0; }
            #content table.cols {
                width: 100%;
                margin-bottom: 5px;
                border: 1px solid #dcdcdc;
            }
                #content table.cols th { padding: 10px 0; }
                #content table.cols th,
                #content table.cols td {
                    text-align: left;
                    background: #f4f6f6;
                }
                #content table.cols td.col1 { padding: 0 20px; }
                #content table.cols td.col1.section { padding: 10px 20px; }
                #content table.cols th.col2,
                #content table.cols td.col2 {
                    text-align: center;
                    background: #ffffff;
                }
                #content table.cols th.col3,
                #content table.cols td.col3 {
                    text-align: center;
                    background: #dcdcdc;
                }
                #content table.cols th.col4,
                #content table.cols td.col4 {
                    text-align: center;
                    background: #f4f6f6;
                }
        /* //#content */
    /* //#main */
/* //#wrapper */

//.footer-push { height:160px; clear:both; }

.footer-push {
	clear: both;
	height: 52px; /* increased by tom 18/oct/2010 - increased in size, broken 404 page */
}

#footer {
	height: 55px;
    padding-top: 15px;
    color: #fff;
    background: #276094;
	position: relative;
	width: 100%;
	margin-top: 0;
}
    #footer h2, #footer a, #footer a:hover { color:#fff; }
    #footer h2 { font-style:italic; border-bottom: 1px dotted #767676; padding-left: 5px; font-size:14px;line-height:17px; text-transform:uppercase; }
    #footer ul { float:right; }
        #footer ul li { border-right:#fff 1px solid; float:left; line-height:13px; margin:2px 0; padding:0 8px; }
        #footer ul li.last { border-right:0; padding-right:0; }
    #footer .footer-payments {
        float: left;
        margin-left: 50px;
    }
        #footer .footer-payments h2 { border:0; }
        #footer .footer-payments img { margin-left:5px; margin-top:5px; }
	#footer .easy-internet-logo {
		position:absolute;
		top:12px;
		left:22px
	}

.orangeticks li, .greenticks li, .blueticks li, .purpleticks li, div.orangeticksimg, div.greenticksimg, div.blueticksimg, div.purpleticksimg {
    padding: 3px 0 2px 25px;
    background: url(../images/ticks.png) no-repeat;
}

div.orangeticksimg, div.greenticksimg, div.blueticksimg, div.purpleticksimg {
    height: 20px;
    margin-left:5px;
}

.orangeticks li, div.orangeticksimg { background-position: 0 -23px; }
.blueticks li, div.blueticksimg  { background-position: 0 -45px; }
.greenticks li, div.greenticksimg { background-position: 0 -69px; }

#keyfeatures {
    overflow: hidden;
}
    #keyfeatures li {
        float: left;
        width: 170px;
        padding: 15px 0 25px 40px;
        background: url(../images/keyfeatures.png) top left no-repeat;
    }
    #keyfeatures .kf-google { background-position: 0 0; }
    #keyfeatures .kf-support { background-position: 0 -120px; }
    #keyfeatures .kf-design { background-position: 0 -180px; }
    #keyfeatures .kf-cpanel { background-position: 0 -240px; }
    #keyfeatures .kf-software { background-position: 0 -60px; }
    #keyfeatures .kf-antivirus { background-position: 0 -300px; }
    #keyfeatures .buttonorange { clear:both; float:right; }

.widget {
    margin-bottom: 15px;
    width: 227px;
    min-height: 100px;
    background: url(../images/widget.png) top left no-repeat;
}
    .widget .widget-content {
        width: 203px;
        padding: 12px 12px 2px;
    }
        .widget .widget-content h2 { margin-bottom:5px; }
        .widget .widget-content p { margin-bottom: 15px; }
        .widget .widget-content p span { color:#75ac2d; font-size:22px; font-weight:bold; }
    .widget .widget-bottom {
        width: 227px;
        height: 8px;
        background: url(../images/widget.png) top right no-repeat;
    }

    #widget_package {

    }
        #widget_package .widget-content h2 {
            color: #b96400;
            line-height: 26px;
        }
        #widget_package .widget-content p span {
            color: #6a4d7f;
            font-size: 14px;
            line-height: 26px;
            text-transform: uppercase;
        }

    #widget_avg {

    }
        #widget_avg .widget-content h2 {
            font-size: 14px;
            line-height: 22px;
        }
            #widget_avg .widget-content h2 span { font-size:18px; font-weight:bold; }

/* .widgets */

/* PAGE SPECIFIC */
    #main.home { background:none; }
    #main.home #content { width: 100%; padding:0; }
    #main.home #packages { width:972px; margin:4px auto 0; overflow:hidden; }
        #main.home #packages .package {
            overflow: hidden;
            float: left;
            padding: 20px 20px 0 15px;
            margin: 0 1px;
            width: 204px;
            height: 229px;
            background: url(../images/home-package.jpg) no-repeat;
        }
        #main.home #packages .package h2 {
            font-size: 18px;
            line-height: 24px;
            margin-bottom: 4px;
        }
            #main.home #packages .package h2 span {
                font-size: 26px;
            }
            #main.home #packages .package h2 span.price {
                font-size: 24px;
                font-weight: bold;
            }
        #main.home #packages .package ul { margin: 2px 0 2px 2px; }
        #main.home #packages .package .button { float:right; margin-right: -5px; }
        #main.home #packages .package.orange h2 span {
            color: #dc6915;
        }
        #main.home #packages .package.blue h2 span {
            color: #218ba5;
        }
        #main.home #packages .package.green h2 span {
            color: #6fa725;
        }
        #main.home #packages .package.purple h2 span {
            color: #7f579d;
        }
    #main.home #oneclicksetup {
        float: left;
        padding: 15px 20px;
        width: 586px;
        height: 116px;
        color: #042a37;
        font-size: 14px;
        background: url(../images/home-oneclick.png) no-repeat;
    }
        #main.home #oneclicksetup h2 { font-size:30px; line-height:35px; color:#042a37; }
        #main.home #oneclicksetup p span { color:#75ac2d; font-size:22px; font-weight:bold; }
        #main.home #oneclicksetup ul { overflow: hidden; width:100%; margin-top:15px; }
        #main.home #oneclicksetup ul li { float:left; margin-right: 40px; }
    #main.home #affiliatescheme {
        overflow: hidden;
        float: right;
        padding: 15px 20px;
        width: 297px;
        height: 116px;
        color: #042a37;
        font-size: 14px;
        background: url(../images/home-affiliate.png) no-repeat;
    }
     #main.home #affiliatescheme h2 { font-size:30px; line-height:35px; color:#ba690a; }
     #main.home #affiliatescheme p { float:left; width:160px; }
     #main.home #affiliatescheme .button { float:right; margin-top:32px; margin-right:-10px; }

		#main.home #slideshow {
			margin:10px auto;
			overflow: hidden;
			padding: 0 24px;
			width: 926px;
		}
		#main.home #slideshow #slider1 {
			margin:0;
		}
		#main.home #slideshow .bx-wrapper { position:static !important; }
		#main.home #slideshow .bx-prev {
			position:absolute;
			width: 44px;
			height: 44px;
			text-indent: -999999px;
			left:-22px;
			top: 345px;
			background-image: url('../images/slideshow-left.png');
			background-repeat: no-repeat;
		}
		#main.home #slideshow .bx-next {
			position:absolute;
			width: 44px;
			height: 44px;
			text-indent: -999999px;
			right:-22px;
			top: 345px;
			background-image: url('../images/slideshow-right.png');
			background-repeat: no-repeat;
		}

#main.resellerhosting {

}
    #main.resellerhosting #content .head {
        background: url(../images/reseller-head.jpg) no-repeat;
    }
    #main.resellerhosting {

    }
/* .resellerhosting */

#main.freehosting {

}
    #main.freehosting #content {
        background: url(../images/content-circle.png) top right no-repeat;
    }
    #main.freehosting #content h1 {

    }
        #main.freehosting #content h1 span {
            color:#000;
        }
    #main.freehosting #content .head {
        height: 158px;
        background: url(../images/freehosting-head.jpg) no-repeat;
    }


/* .freehosting */

#main.webhosting {

}
    #main.webhosting #content h1 {
        color: #dc6915;
    }
        #main.webhosting #content h1 span {
            color:#000;
            text-transform: none;
        }
    #main.webhosting #content .head {
        padding-right: 446px;
        width: 460px;
        height: 103px;
        font-size: 18px;
        line-height: 22px;
        background: url(../images/webhosting-head.jpg) no-repeat;
    }
    #main.webhosting #packages {
        overflow: hidden;
        width: 936px;
        margin-bottom: 10px;
    }
        #main.webhosting #packages .package {
            float: left;
            width: 262px;
            height: 222px;
            padding: 16px 20px;
            margin-right: 10px;
            background: url(../images/package_3.gif) no-repeat;
        }
            #main.webhosting #packages .package h2 {
                color: #000;
                font-size: 24px;
                line-height: 32px;
            }
                #main.webhosting #packages .package h2 span {
                    font-size: 30px;
                    line-height: 32px;
                    font-weight: bold;
                }
                #main.webhosting #packages .package h2 span.price {
                    color:#dc6915;
                    font-size: 30px;
                    line-height: 32px;
                }
            #main.webhosting #packages .package ul li { color:#606060; font-size:12px; margin-top:-5px; }
            #main.webhosting #packages .package .buttonorange { float:right; }
    #main.webhosting .fadeblock {
        padding: 12px;
        background: url(../images/fadeblock.gif) top left repeat-x;
    }
    #main.webhosting #widget_avg h2 span { color:#DC6915; }
/* .webhosting */

#main.businesshosting {

}
    #main.businesshosting #content h1 {
        color: #218ba5;
    }
        #main.businesshosting #content h1 span {
        }
    #main.businesshosting #content .head {
        padding-right: 446px;
        width: 460px;
        height: 140px;
        font-size: 18px;
        line-height: 22px;
        background: url(../images/businesshosting-head.jpg) no-repeat;
    }
    #main.businesshosting #whatmakesusdifferent {
        padding-left: 7px;
        margin-bottom: 20px;
    }
        #main.businesshosting #whatmakesusdifferent h2 {
            font-size: 24px;
            font-weight: bold;
            color: #218ba5;
        }
    #main.businesshosting table.features th { color:#218ba5; }
    #main.businesshosting .tabs .tabmenu .active { background:#218ba5; }
    #main.businesshosting #widget_avg h2 span { color:#218ba5; }
/* .businesshosting */

#main.extras #content {
	width:940px;
}
#main.extras a {
	color: #6f5583;
	text-decoration:underline;
}
#main.extras a:hover {
	text-decoration:none;
}
/* .extras */

.columns {
	padding: 10px 15px 0 15px;
}
.columns .left, .columns .right {
	float:left;
	width:50%;
}
.columns a {
	color:#497f03;
}
.columns ul, .tab_container ul, .list_format {
	list-style-image: url(../../layout/bullet.jpg);
	padding-left:30px;
}

ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 32px; /*--Set height of tabs--*/
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
	width: 100%;
}
ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 31px; /*--Subtract 1px from the height of the unordered list--*/
	line-height: 31px; /*--Vertically aligns the text within the tab--*/
	border: 1px solid #999;
	border-left: none;
	margin-bottom: -1px; /*--Pull the list item down 1px--*/
	overflow: hidden;
	position: relative;
	background: #e0e0e0;
}
ul.tabs li a {
	text-decoration: none;
	color: #000;
	display: block;
	font-size: 1.2em;
	padding: 0 20px;
	border: 1px solid #fff; /*--Gives the bevel look with a 1px white border inside the list item--*/
	outline: none;
}
ul.tabs li a:hover {
	background: #ccc;
}
html ul.tabs li.active, html ul.tabs li.active a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/
	background: #94C456;
	border-bottom: 1px solid #fff; /*--Makes the active tab look like it's connected with its content--*/
}

.tab_container {
	border: 1px solid #999;
	border-top: none;
	overflow: hidden;
	clear: both;
	float: left; width: 100%;
	background: #fff;
}
.tab_content {
	padding: 20px;
}

 /* Show/Hide */
.subvisible {
 display : block;
 visibility: visible;
 padding: 0px 0px 0px 10px;
 }
 .subhidden, .hidden {
  display: none;
  visibility: hidden;
 }

 /* table skins */

.rowhighlight {
	background: #EBF0F6;
	font-weight: bold;
}

.tablehead {
	background: #7C94AB;
}

.tablehead strong{
	font-weight: bold;
	color: white;
	font-size: 13px;
}

.row2 {
	background: #F7F7F7;
}



.packagerow1 {
	padding: 6px 20px;
	border-bottom: 2px solid #fff;
	background: #f0f0f0;
}

.packagerow2 {
	padding: 6px 20px;
	border-bottom: 2px solid #fff;
	background: #f0f0f0;
}

.packagerow3 {
	padding: 6px 20px;
	border-bottom: 2px solid #fff;
	background: #f0f0f0;
}

/* */
.featuretable p{
	padding: 0px;
	margin: 0;
	margin-bottom: 0 !important;
}

.featuretable .result {
	font-weight: normal;
}

.featuretable {
	//border: none;
}

.featuretable table{
	//border: none;
	font-size: 14px;
	color: white;
	border-collapse: collapse;
}

.featuretable table td {
	font-size: 14px;
	font-weight: bold;
	padding: 0;
	margin: 0;
}


.featuretable .signup {
	background: url(../../layout/signup_boxend.jpg) no-repeat right;);
	width: 100px;
	height: 24px;
}


.featuretable .signup a {
	padding-left: 23px;
	font-weight: bold;
	text-decoration: none;
	color: #23375C;
}

.featuretable .signup a:hover {
	color: white;
}

/*.featuretable .highlight {
	background: #DBEBFF;
}*/


.question1 {
	text-align: center;
}

.question2 {
	text-align: center;
}

.question1 a {
	text-align: center;
	display: block;
	height: 14px;
	width: 14px;
	background: url(../../layout/question_row1.jpg);
}

.question1 a:hover {
	background: url(../../layout/question_row1_over.jpg);
}

.question2 a {
	text-align: center;
	display: block;
	height: 14px;
	width: 14px;
	background: url(../../layout/question_row2.jpg)
}

.question2 a:hover {
	background: url(../../layout/question_row2_over.jpg)
}

/*---------- bubble tooltip -----------*/
a.tt{
    position:relative;
    z-index:99;
    color:#619D14;
	font-weight:bold;
    text-decoration:none;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
}
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: #aaaaff; background:;}
a.tt:hover span.tooltip{
    display:block;
    position:absolute;
    top:0px; left:0;
	padding: 15px 0 0 0;
	width:200px;
	color: #1b385a;
    text-align: center;
/*	font-weight: normal;
	filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;*/
}
a.tt:hover span.top{
	display: block;
	padding: 30px 8px 0;
    background: url(../../layout/bubble.gif) no-repeat top;
}
a.tt:hover span.middle{ /* different middle bg for stretch */
	display: block;
	padding: 0 8px 0 8px;
	background: url(../../layout/bubble_filler.gif) repeat bottom;
	font-size: 12px;
	line-height: 130%;
}
a.tt:hover span.bottom{
	display: block;
	padding:3px 8px 10px;
	color: #548912;
    background: url(../../layout/bubble.gif) no-repeat bottom;
}

#main.interior strong {
	color: #4c7a10;
}
#main.interior ul, #main.interior ol {
	margin-bottom:16px;
	padding-left:30px;
}
#main.interior .widget ul, #main.interior .widget ol {
	margin-bottom:0;
	padding-left:0;
}
#main.interior a {
	color: #6f5583;
	text-decoration:underline;
}
#main.interior a:hover {
	text-decoration:none;
}
#main.interior h1 a, #main.interior .header1 a {
	text-decoration:none;
}
#main.interior h1 a:hover, #main.interior .header1 a:hover {
	text-decoration:underline;
}
#main.interior .buttongrey {
	color:#829F1D;
}
#main.interior .buttongrey:hover {
	color:#000;
}
#main.interior .button {
	color:#fff;
	text-decoration:none;
}
#main.interior .button:hover {
	color:#000;
}

 /* round box */
 /* set millions of background images */
.rbroundbox {
	background-image: url(../../layout/nt.gif);
	background-repeat: repeat;
}
.rbtop div { background: url(../../layout/tl.gif) no-repeat top left; }
.rbtop { background: url(../../layout/tr.gif) no-repeat top right; }
.rbbot div { background: url(../../layout/bl.gif) no-repeat bottom left; }
.rbbot { background: url(../../layout/br.gif) no-repeat bottom right; }

/* height and width stuff, width not really nessisary. */
.rbtop div, .rbtop, .rbbot div, .rbbot {
width: 100%;
height: 7px;
font-size: 1px;
}
.rbcontent { margin: 0 7px; }
.rbroundbox { width: 80%; margin: 1em auto; }



.clear {
	clear: both;
}


/* Changed made for the drive page */
.freedom-drive {
background:url(../../images/freedom.jpg);
background-repeat:no-repeat;
width: 145px;
height:100%;
}
.share-drive {
background:url(../../images/share.jpg);
background-repeat:no-repeat;
width: 145px;
height:100%;
}
.security-drive {
background:url(../../images/security.jpg);
background-repeat:no-repeat;
width: 145px;
height:100%;
}
.publish-drive {
background:url(../../images/publish.jpg);
background-repeat:no-repeat;
width: 145px;
height:100%;
}
/* drive specific boxes */

#driveoverviewcontainer {
	width: 100%;
	height: 100%;
}


#driveoverviewcontainer div{
	width: 143px;
	height: 320px;
	float: left;
	margin-right: 15px;
	line-height: normal;
	padding-top: 110px;
	margin-bottom: -100px;
}

#driveoverviewcontainer div h1{
	font-size: 12px;
	color: white;
	margin: 0px;
	padding: 0px;
	position: relative;
	top: 5px;
	left: 15px;
	line-height:1em;
	margin-bottom:14px;
}

#driveoverviewcontainer div p{
	font-size: 11px;
	padding-left:7px;
	padding-right:7px;
	height:135px;

}

#driveoverviewcontainer div a{
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
	position: relative;
	z-index: 100;
	color:#999999;
}
#driveoverviewcontainer div a:visited {
	text-decoration: none;

}
#driveoverviewcontainer div a:hover {
	text-decoration: none;
	color:#18365A;

}

/* domains */


.featurebox {
	width: 408px;
	background: #D7C7E2;
	margin-left: 20px;
}

.featurebox .top {
	width: 100%;
	height: 24px;
	background: url(../../layout/featurebox_top.jpg) no-repeat;
	font-size: 0px;
}

.featurebox .head {
	font-weight: bold;
	padding-top: 4px;
	color: #1F355A;
	font-size: 12px;
	padding-left: 10px;
	display: block;
	text-transform: uppercase
}

.featurebox form {
	margin: 0px;
	padding: 0px;
}


.featurebox .mid {
	padding: 5px;
}

.featurebox .bot {
	width: 100%;
	height: 22px;
	background: url(../../layout/featurebox_bot.jpg) no-repeat;
	font-size: 0px;
}

.featurebox .bot input {
	float: right;
	padding-right: 15px;
}

.packagebox1 {
	width: 213px;
	float: left;
}

.packagebox1 .domains {
	background: url(../../layout/packagebox_domains.jpg) no-repeat;
	height: 35px;
}

.packagebox1 .mid {
	background: url(../../layout/packagebox_mid.jpg) repeat-y left;
	min-height: 100px;
}

.packagebox1 .bot {
	background: url(../../layout/packagebox_bot.jpg) no-repeat left;
	height: 25px;
}

.packagebox1 .bot a{
	text-align: right;
	padding-right: 10px;
	text-transform:uppercase;
	font-weight: bold;
	text-decoration: none;
	color: #1F355A;
	display: block;
	padding-top: 3px;
}

.packagebox2 {
	width: 213px;
	float: left;
}


.packagebox2 .domains {
	background: url(../../layout/packagebox2_domains.jpg) no-repeat;
	height: 35px;
}

.packagebox2 .mid {
	background: url(../../layout/packagebox2_mid.jpg) repeat-y left;
	min-height: 100px;
}

.packagebox2 .bot {
	background: url(../../layout/packagebox2_bot.jpg) no-repeat left;
	height: 25px;
}

.packagebox2 .bot a{
	text-align: right;
	padding-right: 10px;
	text-transform:uppercase;
	font-weight: bold;
	text-decoration: none;
	color: #1F355A;
	display: block;
	padding-top: 3px;
}

.packageslink {
	display:block;
	color:#000;
	height:229px;
	text-decoration:none !important;
	width:204px;
}

/* IE6 hack, fix spacing on lists */
* html div#footer ul {
	margin: 0 0 0 20px;
	padding: 0;
}

/* ...and don't apply it to the inner lists */
* html div#footer ul li ul {
	margin: 0;
}

/* ...and don't pad the payments box too much */
* html div.footer-payments {
	margin: 0 !important;
}

.footer-copyright {
	position: absolute;
	top: 0;
	padding: 0 0 0 30px;
	text-align: right;
	width: 937px;
}

* html div.footerpad {
	margin-left: -4px;
}

div.footerpad{
	*margin-left: -4px;
}

/*
 * IE5.5:       JS errors, layout screwed (don't worry)
 * IE6:         Footer OK until ajaxtabs expanded. Spec table bullets are misaligned
 * IE7:         Footer copyright block broken, ajaxtabs/footer broken like IE6. Spec table bullets are misaligned
 * IE8:         OK!
 * Firefox 3.6: OK!
 * Chrome 6:    OK!
 * Opera 10:    OK!
 */

/* links can look like buttons too! - copied from client area */
a.button-from-ca {
        -moz-border-radius: 3px;
        border: 1px solid #d1d1d1;
        padding: 4px 8px;
        cursor: pointer;
        cursor: hand;
        background: url(../../../my.freevirtualservers.com/clients/assets/images/button-background.png) repeat-x scroll 0 30% #ffffff;
        text-decoration: none !important;
        color: #000000;
}

/* act like a button when rolling over it - copied from client area */
a.button-from-ca:hover, a.h-menu-button:hover, a.button:active, a.h-menu-button:active {
        background: url(../../../my.freevirtualservers.com/clients/assets/images/button-background-hover.png) repeat-x scroll 0 31% #ffffff;
}

/* WordPress */

#main.wordpress #content .head {
	background: url('../images/wordpress-head.png') no-repeat;
	font-size: 20px;
	height: 89px;
	line-height: normal;
	margin: 10px 0 20px 0;
	padding: 174px 0 0 15px;
	width: 911px;
}

#main.wordpress #content h1 {
	color:#000;
	font-size:32px;
	letter-spacing:-1px;
}

#main.wordpress #content #top {
	background: url('../images/malwise-top.gif') no-repeat center top;
	font-size: 14px;
	line-height: normal;
	margin-bottom: 30px;
	padding: 30px 30px 0 30px;
	width: 604px;
}

#main.wordpress #content #top ul {
	padding-left: 0;
}

#main.wordpress #content #top ul li {
	background: url('../images/green-tick.gif') no-repeat 0px 5px;
	list-style-type: none;
	margin-bottom:20px;
	padding-left: 30px;
	padding-top: 5px;
}

#main.wordpress #packages .package h2 span.price {
	color:#218BA5;
}

#main.wordpress #packages .button {
	float:right;
}

#main.wordpress .widget .widget-content {
	padding: 16px 23px;
	width:auto;
}

/* Joomla Hosting page */

#main.joomla #content .head {
	background: url('../images/joomla-head.png') no-repeat;
	font-size: 20px;
	height: 89px;
	line-height: normal;
	margin: 10px 0 20px 0;
	padding: 174px 0 0 15px;
	width: 911px;
}

#main.joomla #content h1 {
	color:#000;
	font-size:32px;
	letter-spacing:-1px;
	padding: 20px 20px 20px 30px;
}

#main.joomla #content #top {
	background: url('../images/malwise-top.gif') no-repeat center top;
	font-size: 14px;
	line-height: normal;
	margin-bottom: 30px;
	padding: 30px 30px 0 30px;
	width: 604px;
}

#main.joomla #packages .package h2 span.price {
	color:#218BA5;
}

#main.joomla .widget .widget-content {
	padding: 16px 23px;
	width:auto;
}

#main.joomla .greenticks {
	padding:10px 0
}

#main.joomla #packages .button {
	float:right;
}

#main.joomla .hosting-packages {
	padding:10px 0px 0px 2px
}

#main.joomla .signup-button {
	margin:6px 0 0 11px
}

/* Ecommerce Hosting page */

#main.ecommerce {
	padding-bottom:10px;
}

#main.ecommerce #content .head {
	background: url('../images/ecommerce-head.png') no-repeat;
	font-size: 20px;
	height: 89px;
	line-height: normal;
	margin: 10px 0 20px 0;
	padding: 174px 0 0 15px;
	width: 911px;
}

#main.ecommerce #content h1 {
	color:#000;
	font-size:32px;
	letter-spacing:-1px;
	padding: 20px 20px 20px 30px;
}

#main.ecommerce #content #top {
	background: url('../images/malwise-top.gif') no-repeat center top;
	font-size: 14px;
	line-height: normal;
	margin-bottom: 30px;
	padding: 30px 30px 0 30px;
	width: 604px;
}

#main.ecommercev #packages .package h2 span.price {
	color:#218BA5;
}

#main.ecommerce .widget .widget-content {
    padding: 16px 19px;
    width: auto;
}

#main.ecommerce .greenticks {
	padding:10px 0
}

.ecommerce-cart-images {
	float:left;
	padding:0 20px 20px 0
}

.ecommerce-features {
	float: left;
	margin-left: 0;
}

.ecommerce-content-left {
	float:left;
	width:657px
}

#main.ecommerce #packages .button {
	float:right;
}

#main.ecommerce .hosting-packages {
	padding:10px 0px 0px 2px
}

#main.ecommerce .signup-button {
	margin:6px 0 0 11px
}

#e-commerce-scripts {
	margin-left:5px;
    padding: 11px 0 0 15px;
    width: 936px;
	background: url("../images/ecommerce-scripts-background.png") no-repeat scroll 0 0 transparent;
}

.ecommerce-scripts-heading {
	padding-left:4px;
	margin-top:20px;
}

.center-image {
	display:inline-block;
	margin:auto;
}

.center-text {
	text-align:center;
}


/* Design Page */

#main.design {
	padding-bottom: 0;
}

#main.design #content .head {
	background: url('../images/design-head.png') no-repeat;
	font-size: 20px;
	height: 182px;
	line-height: normal;
	margin:10px 0 0 0;
	padding: 11px 0 0 15px;
	width: 926px;
}

#main.design #content .content-left {
	float:left;
	width:657px;
	margin:0;
}

#main.design  h1, #main.design.header1 {
	padding: 50px 50px 50px 280px;
}

#main.design #content h1 {
	color:#619d14;
	font-size:38px;
	letter-spacing:-1px;
}

#main.design #content #top {
	background: url('../images/malwise-top.gif') no-repeat center top;
	font-size: 14px;
	line-height: normal;
	margin-bottom: 30px;
	padding: 30px 30px 0 22px;
	width: 612px;
}

#main.design #content #bottom {
	background: url('../images/malwise-top.gif') no-repeat center top;
	font-size: 14px;
	line-height: normal;
	margin-top: 30px;
	padding: 10px 30px 0 22px;
	width: 612px;
}

#main.design #content #top ul {
	padding-left: 20px;
}

#main.design #packages .package h2 span.price {
	color:#218BA5;
}

#main.design #packages .button {
	float:right;
}

#main.design .widget .widget-content {
	padding: 16px 23px 16px 17px;
	width:auto;
}

#main.design .portfolio-button {
	width:188px;
	margin:auto;
	margin-top:20px
}

#main.design .submit-button {
	width:163px;
	margin:auto;
}

#callback #form{width:190px; height:310px; margin:auto;}

#form p {
	margin:10px 0 0 0;
}

#form h2 {
	font-size: 20px;
}

.portfolio-heading {
	font-size: 22px;
}

element.style {
    font-size: 10.5pt;
    margin: 0 30px;
    padding: 5px 20px;
    width: 792px;
}
div.greybox, span.greybox {
    background: none repeat scroll 0 0 #fafafa;
    border: 2px solid #e0e0e0;
    padding: 20px;
}
	
#content td {
    padding: 0px;
}
.greybox td {
    font-size: 9.5pt;
}
td {
    font-weight: normal;
}
* {
    outline: medium none;
}	
element.style {
    margin-left: 30px;
}
#content input {
    text-transform: none;
}
input.button {
    background: url("../images/button-background.png") repeat-x scroll 0 100% 
    border: 1px solid #d1d1d1;
    color: #000000;
    cursor: pointer;
    padding: 6px;
}
#content h2 {
    font-size: 14px;
    font-weight: bold;
    line-height: 120%;
    margin-top: 10px;
}
.greybox input {
    border: 1px solid #d1d1d1;
    padding: 2px;
}

#callback-form .capbox{background-color:#fff; width:184px; height:58px; margin-top:5px;}
#callback-form a:hover {text-decoration:none; color:#000000;}