/* Apply a natural box layout model to all elements: http://paulirish.com/2012/box-sizing-border-box-ftw/ */
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.chromeframe {position: absolute; top: 0;}

/* Ok, this is where the fun starts.
-------------------------------------------------------------------------------*/
html { background: #252525; }

body {
    color: #444;
    background: #fff;
    width: 1020px;
    margin: 0 auto 0 auto;
    font: 15px "Helvetica Neue", Helvetica, Arial, sans-serif;
    vertical-align: baseline;
}


select, input, textarea { color: #333; }

a {color: #f5842a;}
a:hover {color: #f5842a;}

li.current-menu-ancestor > a {
color: #f5842a;
}

img {
    vertical-align:bottom;
}

/* Custom text-selection colors (remove any text shadows: http://twitter.com/miketaylr/status/12228805301) */
::-moz-selection{background: #f5842a; color: #fff; text-shadow: none;}
::selection {background: #f5842a; color: #fff; text-shadow: none;}

/*        j.mp/webkit-tap-highlight-color */
a:link {-webkit-tap-highlight-color: #fcd700;}

ins {background-color: #f5842a; color: #000; text-decoration: none;}
mark {background-color: #f5842a; color: #000; font-style: italic; font-weight: bold;}

/* Mozilla dosen't style place holders by default */
input:-moz-placeholder { color:#a9a9a9; }
textarea:-moz-placeholder { color:#a9a9a9; }

#header {
    border-top: 2px solid #bbb;
    padding: 10px 25px 0 25px;
    height: 82px;
}

#pc_logo {
    display: inline-block;
}

/* Admin section
--------------------------------------------------------*/

#admin_menu {
    font-size: 11px;
    color: #999;
    background: #555;
    padding: 8px 20px;
}

#admin_menu a {
     color: #f5842d; text-decoration: none;
}

#admin_menu a:hover {
     color: #ffa904; text-decoration: underline;
}

#admin_menu span {
    padding:5px;
}


/* new content section
--------------------------------------------------------*/

.even {

    background-color: #eee;
}

.odd {
    border-top: 1px #ddd !important;

}

#content {
    width: 100%;
    clear: both;
    margin-bottom: 45px;
}


#content a {
    color: #f5842a;
    text-decoration: none;
}

#content a:hover {
    color: #f5842a;
    text-decoration: underline;
}

#content h2 {
    font-family: "Questrial", arial;
    line-height: 30px;
}

#content h2, #content h3, #content h4 {
    clear: both;
    background: #eee;
    color: #222;
    font-size: 21px;
    font-weight: normal;
    margin-top: 40px;
    margin-bottom: 40px;
    padding: 8px 5px 8px 40px;

}

#content h3, #content h4 {
    background: none;
    color: #333;
    font-size: 20px;
    font-weight: normal;
    margin-bottom: 10px;
    padding: 0;
    padding-left: 40px;
    border: 0;
}

#content h4 {
    color: #333;
    font-size: 15px;
    font-weight: bold;
    padding: 2px 2px 2px 40px;
}

#content ul {
    padding: 4px 10px 10px 40px;
}

#content li {
    padding: 2px 10px 4px 20px;
}

#content p {
    padding: 0;
    margin: 0 40px;
}

.content {
    margin: auto;
}

.networktraffic {
    width: 747px;
    margin: 20px auto;

}
table {
    margin: 10px 40px;
    width: 940px;
}




.addons_table {
    border: 0;
    margin: 0;
    padding: 0;
    margin-bottom: 2px;
    width: auto;
    position: relative;
    top: -4px;
}



.addons_table td {
    padding: 1px;
    padding-bottom: 2px;
    margin: 0;

}

.addons_table .ta_name {
    width: 75%;
}

.addons_table .ta_price {
    text-align: right;
}

.addons_table .taval {
    position: relative;
    top: -4px;
    padding-top: 0 !important;
    padding-bottom: 1px !important;
    margin: 0;
    }

.fields th:first-child {
    text-align: right;
}


thead th {
    font-size: 21px;
    margin: 0;
    padding: 0 0 15px 0;
    text-align: left;
    font-weight: normal;
     font-family: 'Questrial','arial';
     color: #333;
}

tbody th {
    text-align: left;
    vertical-align: top;
    padding: 6px 10px 6px 6px;
    font-size: 100%;

}

tbody td {
    padding: 6px;
    vertical-align: top;
    width: 55%;
}



legend {
    background: none;
    color: #555;
    font-size: 20px;
    font-weight: normal;
    padding: 5px 25px 5px 40px;
    margin-bottom: 4px;
}

#shared_reseller thead th {
    width: 10%;
}

#shared_reseller tbody td {
    width: 14%;
}


#randomImage {
    border: 2px solid #555;
    margin: 5px 15px 15px 40px;
    float: left;
    }

.exdate,.subtext {
    text-align: right;
    font-weight: bold;
    padding: 8px;
    display: inline-block;
    color: #777;
    font-size: 12px;
}

.exdate {
    width: 48px;
}

.exdate + input {
    width: 48px;
    display: inline-block !important;
    padding: 1px;
}

#home_page h2 {
font-family: 'Questrial','arial';
    text-align: left;
    background: none;
    color: #28327f;
    font-size: 21px;
    border: 0;
    margin: 0;
    margin-top: 37px;
    margin-bottom: 5px;
    padding: 0;
}


#home_columns {
    width: 940px;
    margin: 0 auto;
}

#home_columns img {
	margin: 0;
	padding: 0;
}

.home_column {
    text-align: center;
    width: 300px;
    float: left;
}

.home_column:first-child {
    margin-right: 20px;
}

.home_column:last-child {
    margin-left: 20px;
}

#home_columns p {
    line-height: 1.625;
    text-align: left;
    padding: 7px 10px;
    margin: 0;
    font-size: .9em;
}

#package_container {
    width: 960;
    margin: auto;
    overflow: hidden;
    font-size: 80%;
}

#package_container thead th {
    padding: 2px 5px;
    font-size: 14px;
    font-weight: bold;
}


#package_container th {
    width: 60px;
    padding: 2px 5px;
    font-size: 12px;
    font-weight: bold;
}

/* Specials Box */

#sidetext {
    float: left;
    width: 564px;
}

#sidetext h2 {
    font-family: 'Questrial','arial';
    text-align: left;
    background: none;
    color: #28327f;
    font-size: 21px;
    border: 0;
    margin: 0;
    margin-top: 37px;
    margin-bottom: 5px;
    margin-left: 40px;
    padding: 0;
}
#sidetext p {
    line-height: 1.625;
    text-align: left;
    padding: 7px 0px;
    margin: 0;
    margin-left: 40px;
    font-size: .9em;
}

#specials_container {
    position: relative;
    clear:both;
}

#specials .even {
    border: 0 !important;
}

#specials .odd {
    border: 0 !important;
}



#specials {
    background: #001b48;
    color: #fff;
    float: right;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
	list-style:none;
    margin: 20px 40px 40px 0 !important;
    padding: 8px !important;
}

#specials h3 {
    margin: 0;
    padding: 0;
    color: #fff;
    font-size: 21px;
    font-weight: 300px;
    font-family: 'Questrial','arial';
}

#specials li {
    width: 320px;
    height: 53px !important;
    margin: 8px 0;
   	padding: 0;
    background: #fff url('/images/specials_bg.jpg') no-repeat center left;
        -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

#specials a {
    text-decoration: none;
}

#specials a:hover {
    text-decoration: none;
}

#specials .name {
    width: 165px;
    height: 53px;
    display: table-cell;
    padding: 0 5px;
    color: #fff;
    font-size: 21px;
    font-weight: normal;
    vertical-align: middle !important;

}

#specials .price {
    height: 53px;
    display: table-cell;
    padding-left: 27px;
    color: #0d004c;
    font-size: 24px;
    font-weight: bold;
    vertical-align: middle !important;

}

#specials small {
    font-size: 12px;
    font-weight: normal;
}




#facilities {
    width: 940px;
    margin: 40px;

}

#facilities td {
    border: 3px solid #ddd;
    padding: 10px 6px;
    width: 360px;
}

#facilities tr td:first-child {
    text-align: right;
    padding-right: 14px !important;
    width: 40px !important;
    color: #00173c;
    font-size: 14px;
}

#facilities img {
    display: block;
    margin: 0 auto;
    padding: 0;
}


#facilities span {
    color: #999;
    font-size: 14px;
    display: inline-block;
    width: 100%;
    text-align: center;
    padding: 0;
    margin: 0;
}

#hostinghosting {
    margin-left: 10px;
}

#hostinghosting h2 {
    color: #101d46;
    background: none;
    font-size: 14px;
    padding-left: 10px;
    font-weight: bold;
    border-top: 0;
}

#facilities thead th {
padding: 2px !important;
font-size: 18px;
text-align: center;
}



#hosting_info {
    position: relative;
}

#hosting_info h2:first-child {
    margin-top: 40px;
    margin-bottom: 40px;
}

#specifications-container {
	float: left;
    width: 620px;
    margin: 0 20px 40px 40px;
}

#specifications-container.orders-page {
	float: none;
}

#specifications-container table {
    margin: 0px 0;
    width: 100%;
}



#specifications-container thead th {
    font-size: 21px;
    margin: 0;
    padding: 0 0 25px 0;
    text-align: left;
    font-weight: normal;
     font-family: 'Questrial','arial';
}


#upgrades-container {
    margin: 0 40px 0 0;
    float: right;
    width: 300px;
    margin-bottom: 40px;
    padding: 0;
    font-size: 13px;
}


#details-container h2 {
	background: none;
	font-size: 21px;
	margin: 0;
	padding: 0 0 25px 0;
	text-align: left;
	font-weight: normal;
	font-family: 'Questrial','arial';
}



#PackageDescription {
    padding-bottom: 40px;

}

#upgrades-container h3 {
    font-size: 21px;
    margin: 0;
    padding: 0 0 15px 0;
    font-family: 'Questrial','arial';
}

#upgrades-container h4 {
    font-weight: bold;
    color: #001B48;
    line-height: 2.6em;
    font-size: 13px;
    line-height: 2.6em;
    padding: 0;
    margin: 0 !important;

}

#upgrades-container ul {
    padding: 0;
    margin: 0;
    margin-bottom: 10px;
}

#upgrades-container li {
    padding: 0 0 8px 0;
    margin: 0;
}


#upgrades-container {
	float: right;
}

#upgrades-container .upgrade-options {
    background: #ddd;
    padding: 15px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}


/* Kart Info */

#spec-details-container {

}

#kartdetails-container {
	position: relative;
	top: 0;
	float: right;
    margin: 0 40px 0 0;
    width: 300px;
    margin-bottom: 40px;
    padding: 0;
    font-size: 13px;
    z-index: 1000;
}


#kartdetails-container h3 {
    font-size: 21px;
    margin: 0;
    padding: 0 0 15px 0;
    font-family: 'Questrial','arial';
}


#kartdetails-container .kartdetails-options {
    background: #ddd;
    padding: 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

#kartdetails-container table {
    margin: 0;
    width: 100%;
}

#kartdetails-container td {

}


#kartdetails-container td + td {
	text-align: right;
	width:30%;
}

#kartdetails-container td {
	width:70%;
}

#kartdetails-container p {
	margin: 0;
	text-align: right;
	color:#777;
}

#kartdetails-container .karttotals {
	border-bottom: 1px solid #a4a4a4;
	padding-bottom: 1px;
}

#kartdetails-container .kartdiv {
	border-bottom: 1px solid #b4b4b4;
	padding-bottom: 1px;
	margin-top: 10px;
	color: #555;
}


/* Galleries section
--------------------------------------------------------*/

#gallery {
    width: 940px !important;
    margin: 0 auto 80px auto !important;
    text-align: center;
    padding: 0 !important;

}

#gallery li {
    vertical-align: middle;
    display: inline-block;
    border: 1px solid #ddd;
    margin: 10px;
    padding: 4px;
}

#gallery li:hover {
    background: #eee;
}

#tosaup {
    padding: 20px 40px;
    list-style-position:inside;
}

#tosaup li {
    padding: 10px 0;
}



/* traceroute;
--------------------------------------------------------*/

#traceroute_content table {
    width: 940px;
    margin: 20px auto;
}

.trace {
    padding: 0 !important;
}

#traceroute_content thead th {
    font-family: "Questrial", arial;
    padding: 2px 5px;
    font-weight: bold;
    font-size: 12px;
}

#traceroute_content tr {
border-bottom: 1px dashed #ddd;
}

#traceroute_content th {
    text-align: right;
}


#traceroute_content th:first-child {
    text-align: left;
}

#traceroute_content td {
    width: 9%;
    padding-right: 8px;
    text-align: right;
}

#traceroute_content tr td:first-child {
    width: 46%;

    text-align: left;
}




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

#contact-us .even {
    background: none;
    border-bottom: 1px dashed #ddd !important;
}

#contact-us .odd {
    border-top: none;
    border-bottom: 1px dashed #ddd !important;
}

#contact-us h3 {
    font-size: 1.2em;
    margin: 0 0 0 40px;
    font-family: "Questrial", arial;
    padding: 0;
}

#contact-us table {
    margin-bottom: 25px
}

#contact-us td {
    line-height: 1.625;
}


#contact-us thead th {
    font-weight: bold;
    line-height: 2.6em;
    font-size: 1em;
    padding: 0;
}

#contact-us tbody th {
    font-weight: normal;
}

#contact-us p {
line-height: 1.625;
    padding: 0;
    margin: 10px 40px 25px 40px;
    }

#contact-us address {
line-height: 1.625;
    margin: 10px 40px 25px 40px;
    font-style: normal;
}


/* footer section
--------------------------------------------------------*/

#footer {
    position: relative;
    width: 100%;
    background: #42434d;
    color: #eee;
    clear: both;
        font-size: 11px;
    line-height: 18px;
    color: #eee;
    }

#footer address {
    margin: 10px 0 10px 40px;
    font-style:normal;

}

#footerblurb {
    width: 170px;
    float: left;
}

#footerblurb img {
    margin: 10px 0 0 40px;
    border: 0;
}

#footerblurb p {
    margin: 10px 0 0 40px;
    padding: 0;

}

#footermenu {
    float: left;
}

#footermenu ul {
    display: inline-block;
    vertical-align: top;
    margin: 44px 0 0 20px;
    font-size: 9px;
}
#footermenu li {
    padding-top: 2px;
 }

#footermenu a { color: #f5842d; text-decoration: none; }
#footermenu a:hover { color: #ffa904; text-decoration: underline; }
#footermenu h3 { font-size: 8pt; font-weight: bold; color: #fff; margin-top: 5px; }
#footermenu h3 a { color: #fff; }


#footnote {
    clear: both;
    width: 100%;
    background: #001b48;
    color: #888ea3;
    font-size: 10px;
    height: 25px;
    line-height: 25px;
    text-align: center;
}

#footnote ul {
    margin: 0 12px 0 12px;
}

#footnote li {
    display: inline-block;
}

#footnote li:first-child {
    padding-right: 10px;
}

#footnote a {

    text-decoration: none;
}

#footnote a:hover {

    text-decoration: underline;
}

/* Currency Picker
--------------------------------------------------------*/
#currencyPicker {
    float: right;
    font-size: 10px;
    margin-top: 6px;
    font-weight: bold;
}
#currencyPicker li {
    float: left;
}
#currencyPicker img {
    border: 0;
    margin-right: 2px;
    vertical-align: text-bottom;
}
#currencyPicker a {
    border: 1px solid #fff;
        -webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
    padding: 8px;
    white-space: nowrap;
    text-decoration: none;
    color: #777;
}
#currencyPicker a.selected {
    border: 1px solid #ccc;
    background-color: #d6d7d7;
    color: #000;

}

#otherfacility {
    position: absolute;
    top: 4px;
    font-size: 18px !important;
}

#solutions p {
	padding-bottom: 1em;
}

#solutions .floatimg {
	box-sizing: content-box;
	padding: 0 2.5em 0 0.5em;
	position: relative;
	top: -2em;
	float: right;
}
#solutions .floatimg2 {
	box-sizing: content-box;
	padding: 0 0.5em 0 2.5em;
	float: left;
}

#solutions h3 {
	color: #001b48;
	font-weight: bold;
}


/* Credit Cards
--------------------------------------------------------*/
#cc-brand { 
    display: inline-block;
    float: right;
    height: 24px;
    width: 35px;
    padding: 0;
    margin: 2px;
    background-size: 100%;
}

.noccbrand {
    display: hidden;
}

.ccvisa {
	background: rgba(255, 255, 255, 0) url('/images/visa.png') no-repeat center left;
}

.ccamex {
	background: rgba(255, 255, 255, 0) url('/images/amex.png') no-repeat center left;
}

.ccmastercard {
	background: rgba(255, 255, 255, 0) url('/images/mastercard.png') no-repeat center left;
}


/* Prompts
--------------------------------------------------------*/
div.error, div#confirm {
    margin: 0;
    padding: 15px 45px;
    font-weight: bolder;
    color: #eee;

}
div.error {
background: rgb(184,48,17); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2I4MzAxMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhZjFmMDciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(184,48,17,1) 0%, rgba(175,31,7,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(184,48,17,1)), color-stop(100%,rgba(175,31,7,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(184,48,17,1) 0%,rgba(175,31,7,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(184,48,17,1) 0%,rgba(175,31,7,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(184,48,17,1) 0%,rgba(175,31,7,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(184,48,17,1) 0%,rgba(175,31,7,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b83011', endColorstr='#af1f07',GradientType=0 ); /* IE6-8 */

}
div#confirm {
background: rgb(95,184,17); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzVmYjgxMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0NWE3MGEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, rgba(95,184,17,1) 0%, rgba(69,167,10,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(95,184,17,1)), color-stop(100%,rgba(69,167,10,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(95,184,17,1) 0%,rgba(69,167,10,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(95,184,17,1) 0%,rgba(69,167,10,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(95,184,17,1) 0%,rgba(69,167,10,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(95,184,17,1) 0%,rgba(69,167,10,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5fb811', endColorstr='#45a70a',GradientType=0 ); /* IE6-8 */

}
div.error ul {
    list-style-position: inside;
    padding: 0 !important;
}

div.error li {
    margin-left: 20px;
}


.focused {
    background-color: #aaa;
}

/* Tool Tips*/

.ui-tooltip, .arrow:after, .arrow2:after {
    background: #081f46;
    border: 2px solid #ccc;
      border-radius: 3px;
  }

.ui-tooltip {
    position: absolute;
    padding: 10px 10px;
    color: #f5842a;
    font: 14px "Helvetica Neue", Sans-Serif;
    z-index: 9000;
}

  .arrow {
    width: 70px;
    height: 16px;
    overflow: hidden;
    position: absolute;
    left: 70px;
    margin-left: -35px;
    bottom: -16px;
  }

 .arrow2 {
    width: 70px;
    height: 16px;
    overflow: hidden;
    position: absolute;
    right: 25px;
    margin-left: -35px;
    bottom: -16px;
  }


  .arrow.top, .arrow2.top {
    top: -16px;
    bottom: auto;
  }
  .arrow.left, .arrow2.left {
    right: 10%;
  }
  .arrow:after, .arrow2:after {
    content: "";
    position: absolute;
    left: 20px;
    top: -20px;
    width: 25px;
    height: 25px;
    box-shadow: 6px 5px 9px -9px black;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    tranform: rotate(45deg);
  }
  .arrow.top:after, .arrow2.top:after {
    bottom: -20px;
    top: auto;
  }

/* Print styles!
-------------------------------------------------------------------------------*/
@media print {



}


/* Media queries!
-------------------------------------------------------------------------------*/

@media screen and (max-width: 480px) {


}