@charset "utf-8";
/*
Theme Name: Interspeed Hosting
Description: hosting Red :D
Author: SamB
Version: 1
.
Color Hints
--------------
Border Color ( light grey): #2C2C2C
Body Text ( grey): #919191
h1 BG (dark Grey ): #1A1A1A
Dark Red: #820000
.


[Table Of Contents] 

    0- Reset
    1- Global
    2- Links
    3- Headings
    4- Header 
    5- Navigation
    6- Middle 
    7- Forms
    8- Extras
    9- Footer 

*/

/* =0 Reset
----------------------------------------------------------------------------------------------------------------

/* =1 Global
---------------------------------------------------------------------------------------------------------------- */

html {
   /*  background: #1F1F1F;	*/

}
body {
    line-height: 1;
    font: normal 12px Arial, Helvetica, sans-serif;
    vertical-align: top;
    color: #333333;
    margin:0;
    padding:0;
    background:#E5E5E5;
}
.right {
    float: right;
}
.left {
    float: left;
}
.align-left {
    text-align: left;
}
.align-right {
    text-align: right;
}
.align-center {
    text-align:center;
}
.justify {
    text-align:justify;
}
.hide {
    display: none;
}
.clear {
    clear: both;
}
.bold {
    font-weight:bold;
}
.italic {
    font-style:italic;
}
.white { color:white; }
.quote { 
   font-family: Georgia,"Times New Roman",Times,serif;
   font-style: italic;
}
a img { border: none }


p.blocktext {
    line-height: 1.8em;	
}

.underline {
    border-bottom:1px solid;
}
.highlight {
    background:#ffc;
}
img.border { border: 1px solid #D8D8D8; padding:5px; }
img.centered {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
img.alignleft {
    float:left;
    margin:4px 10px 4px 0;
}
img.alignright {
    float:right;
    margin:4px 0 4px 10px;
}

.small { font-size: 11px; }
.medium { font-size: 13px; }

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.clearfix {
    display: block;
}
html[xmlns] .clearfix {
    display: block;
}
* html .clearfix {
    height: 1%;
}

p.spaced {
	line-height:16px;
}
ol li { font-size:13px; }
/* =2 Links
---------------------------------------------------------------------------------------------------------------- */
/*
#page a:link, #page a:visited {
    color: #333333;
    background: #E9E9E9;
    border-bottom:1px solid #CECECE;
    text-decoration: none;
}
#page a:hover, #page a:active  {
    color: #941D2F;
   /* background: #2C2C2C; */
---------------------------------------------------------------------------------------------------------------- */
h1 {
    color: #333333;
    text-transform: uppercase;
    font-weight: normal;
    line-height: 1.6em;
    margin: .30em 0 ;
}


h1 strong {
    	background: #E9E9E9;
		color: #333333;
    	padding-top:3px;
    	font-weight: normal;
    	border-bottom:1px solid #B5B5B5;
}

h2 {
    text-transform: uppercase;
    font-weight: normal; 
    margin: .75em 0 ;
}
h3 {
    text-transform: uppercase;
    font-weight: normal;    
    margin: .83em 0;
}
h3 a {
	text-decoration: none;
    border-bottom:1px solid #2C2C2C;
    padding:6px 0px 3px 4px;
    width:217px;
    display: block;
    margin: .83em 0;
}
h3 a img.arrow  {
    padding:0 0 0 5px;
}
h4 {
    color: #FFF;
    font-weight: normal;
    margin-bottom: 0px;
    margin-top:15px;
}
h5 {
    font: bold 0.9em;
}
p {
    margin: 12px 0;
}
ul li p { margin:0; }
ul.arrow_list  { 
	list-style-type: none; 
}

#page a.red { color: #770405; }
/* ul.arrow_list li  { font-size:1.5em; padding-bottom:3px; } */

/* =4 Header
---------------------------------------------------------------------------------------------------------------- */
.wrapper {
    width: 960px;
    margin: 0 auto;	
}

#header { 
    background: #770405;
}
#header img#logo{
	   float:left;
	   z-index:10;
	   padding:18px 0 0 9px;
}

#header div.wrapper {
	position: relative;
}
	
#header div.wrapper #icon {
	z-index:100;
	position: absolute;
	top:0;
	left:-220px;
	width: 230px;
	height: 100px;
    background: url(../images/bg_icon.gif) top right no-repeat;	
}

#page {
	/*background: #F2F2F2;*/
	/*
border-bottom:1px solid #D8D8D8;
	border-top:1px solid #D8D8D8;
*/
	clear: both;
	}
	
	#page div.cornerBG {
	    padding:22px 0;
	}
	#page #main-col h2 { text-transform:none; font-weight: bold; }
	#page h2.supportHeading { margin-left:10px; }
	
	#page  h2 { }
	#page.hosting #main-col h2 {text-transform:uppercase; font-weight: normal; }

/* =5 Navigation
---------------------------------------------------------------------------------------------------------------- */

#navigation {
	float: right;
	height: 93px;
}
	#navigation ul {
	    margin:0;	
	}
		#navigation li {
			  display: block;
			  float: left;
			  height: 93px;	
		}
			#navigation li.active {
			    background: url(../images/nav_active_bg.png) center bottom repeat-x;    
			}
			#navigation li.active a {
			    color: white;
			    background: url(../images/nav_active_triangle.png) center bottom no-repeat;	
			}
			#navigation li a { 
			    font-size: 18px;	
			    display: block;
			    text-decoration: none;
			    color: #BB8A8B;
			    padding:55px 14px 16px 14px;
			    text-transform: lowercase;
			}
			
#quickNav { 
	position:absolute; 
	top:0;
	right: 0;
}
#quickNav a { 
	display:block;
	padding:11px 25px 11px 11px;
	background: url(../images/arrow_red.gif) 90% 60% no-repeat #5B0000;
	color: white;
	font-size: 12px;
	text-decoration:none;
	float:left;
	margin-right:5px;
}
#quickNav a:hover {
	
	background-color:#AF696A;
}


/* Hosting Sub Menu */

ul.serviceList {
    margin: 0;
    padding: 0;
    list-style: none;       
}
    ul.serviceList li {
        
        }

    #page ul.serviceList li a {
        font-size: 13px;
        color: #333333;
        text-decoration: none;
        display: block;
        padding: 6px 2px;
        background: #F2F2F2;    
        text-transform:uppercase;
    }
    
    #page ul.serviceList li a:hover {
        border-color: #6C0000;  
        color: white;
        background: #0092D2;
    }
    #page ul.serviceList li.active a { 
        border-color: #6C0000;  
        color: white;
        background: #0092D2;
        } 

    #page ul.serviceList li ul li a { 
        display:none;
    }
    
    #page ul.serviceList li.active ul li a { 
        background:#ECECEC url(../images/grey_arrow_right.gif) no-repeat scroll 5px 12px;
        padding-left:20px;
        border:none;
        text-transform:none;
        display:block;
        color: #333333;
    }
    #page ul.serviceList li.active ul li.active a {  background-color: #666; color:white; text-transform:none; }


#page #nav-col h3.get-in-touch a {
	background: #056EAC;
	color:white;
}

#page #nav-col h3.web-design a {
    background: #333333;
    color:white;
}

/* =6 Middle
---------------------------------------------------------------------------------------------------------------- */
#page #crumbs {
 margin-top: -10px;
    padding-bottom: 10px;
    color: #443031;
    font-size: 10px;
}
#page #crumbs a {
	   background:none; 
	   text-decoration: underline;
	   border:none;
	   color: #AF1F43;
	   
	   
}

#page div.wrapper {
   /*  background: url(../images/2border_bg.png) right bottom repeat-y; */
}

	#page.wide div.wrapper {
	    /* background: url(../images/1border_bg.png) right bottom repeat-y; */
            width: 920px;
            margin-top: 20px;
	}
		#cornerBG {
		    /* background: url(../images/nav_col_bg.png) right bottom no-repeat;	 */
		}

#main-col, #more-info-col, #nav-col {
    float: left;
}

.col-wrap {
    padding:0px 20px;	
}

#main-col {
	width: 480px;
}

	#page.wide  #main-col {
	    width: 660px;
	    /*background: #F2F2F2;*/
	}
 

#more-info-col {
    width: 240px;    
}

	#page.wide  div#more-info-col {
	    display: none;
	}

#nav-col {
	width: 240px;
	padding-top: 10px;
	background: url("../images/nav_col_bg.png") no-repeat scroll right bottom transparent;
}
#nav-col .col-wrap { padding:0 0 0 1px; }

div.hosting #nav-col .col-wrap { padding:0 10px; } 


#main-col h2 { color: #333333; }

div#main ul#mainNavigation li { background: none; padding: 0;}

div#main ul li { 
	margin-left: 5px;
	padding-bottom: 10px;
	line-height: 1.2em;
}

table.addressTable td {
	line-height: 1.5em;
}
table.addressTable strong {
	color: white;
	font-weight: normal;
}

.section h2 { margin-top:0; text-transform: none; }

div.arrowLink { 
	padding-left: 17px; 
	display: block; 
	background: transparent url(../images/grey_arrow_right.gif) no-repeat scroll 3px 6px;
	padding-bottom:18px;
}
div.arrowLink a { 
	font-size:13px;
	text-transform: lowercase;
	padding:0 3px;
}


#sections div.section { 
	width:40%; 
	float:left; 
	margin-bottom:10px;
	margin-right:20px;
}

#nav-col h3 a { width: auto; padding-left:10px; }

body.home #page.wide #newsBlock { margin-left:0; }
body.support  #page.wide #newsBlock {   margin-left:10px; }
 
/* =7 Form
---------------------------------------------------------------------------------------------------------------- */
/*
.signupForm dt { width: 180px; float: left; clear:left; }
.signupForm dd { float:left; padding-bottom:10px;  }
*/

.signupForm dt {
	clear:both;
	float:left;
	margin:0.25em 0 0;
	padding:5px;
	text-align:right;
	width:30%;
}

.signupForm dd {
	float:left;
	margin:0 0 0 1em;
	padding:5px;
	width:60%;
}


.signupForm fieldset { clear:left;   }

.signupForm .input, .signupForm textarea, .signupForm select {
    width:250px;	
}

.signupForm label.error { font-size:12px; color: red; padding-left:5px; }

.signupForm input.hilight, .signupForm textarea.hilight, .signupForm select.hilight {
    background: #0092D2;
    color:white;	
}

.signupForm fieldset { 
    margin-bottom:5px;	
    background: #EAEAEA;
    padding:40px 5px 5px 5px;
    position:relative;
}
.signupForm legend {
    margin:0;
    padding:0;	
}
.signupForm legend span {
	position:absolute;
    left:0px;
	display: block; 
	width:100%; 
	background: #DFDFDF;
	padding:5px 0;
	text-indent: 5px;
	margin-left:-5px;
	border-bottom:1px solid  #CFCFCF;
	font-weight: bold;
	}

#duplicateDetails { margin:10px 0; clear: both; }
#debug { clear: both; margin: 10px; }



#domain_search_box #domainResults { padding-bottom:0; }

form label { font-size: 14px; }
form legend { font-size: 14px; margin-bottom:10px; }
#contactform fieldset label {
     font-size: 14px;

     float: left;
     margin-left:2px; 
     margin-bottom:0px;

}

#contactform #services_needed-element dl { padding: 2px 0 4px 2px ;} 
 #contactform fieldset dl input { 
    width: 15px;
    float: left;
    text-align: left;
    padding-left:0;
    margin-left:0;
    margin-right:10px;
    margin-bottom:12px;
    font-size: 11px; 
    border:none;
    background: none;  
}
#contactform fieldset dl dd {  clear: left; }

#domainResults { 
    padding-bottom:15px;	
}
#domainResults div { 
	   font-size:14px;
	   padding: 5px;
	   display: block;
	   margin-bottom: 3px;
	}
#domainResults div.loading { 	
    background: url('/asset/images/ajax-loader.gif') no-repeat  left 50%;
    padding-left:25px;
    font-style: italic;
}	
#domainResults div.available { background:#A7D16D; }
#domainResults div.unavailable { background:#CA575A; }
#page #domainResults div a { background: none; border-bottom:1px solid white; }
#domainName { width: 200px; }
#registerForm span { font-size: 14px; margin: 3px; display: block; }
label.required em { 
    color: #770405;	
}

div.loadingIcon {   
    background: url('/asset/images/ajax-loader.gif') no-repeat  left 50%;
    height: 50px;
}   

/* =8 Extra
---------------------------------------------------------------------------------------------------------------- */
#service_pic { margin-top:15px; }
#main-col ul.search { margin:10px 0; }
#main-col ul.search li { padding-bottom:10px;
        list-style: none;
        margin:5px 0;
        padding-left:20px;
        background: url(../images/arrow_red_left.gif) no-repeat 5px 6px;    }
#search_results_form { font-size:14px; }
#search_results_form input.keywords { padding:4px; }
        
        
#emailSetupContainer { width:100%; }

#emailSetupContainer h3 a {
	display: block;
	margin:0;
	width:220px;
	padding-top:100px;
	padding-left:10px;
	
}

#emailSetupContainer h3 { margin: 0 10px 10px 0;float: left; }
#emailSetupContainer h3.mac a { background: url('/asset/images/icons/mac_email.png') no-repeat top left #E9E9E9; }
#emailSetupContainer h3.outlook a { background: url('/asset/images/icons/outlook.png') no-repeat top left #E9E9E9; }
#emailSetupContainer h3.outlook_2010 a { background: url('/asset/images/icons/outlook_2010.png') no-repeat top left #E9E9E9; }
#emailSetupContainer h3.outlook_express a { background: url('/asset/images/icons/outlook_express.png') no-repeat top left #E9E9E9; }
#emailSetupContainer h3.thunderbird a { background: url('/asset/images/icons/thunderbird.png') no-repeat top left #E9E9E9; }
#emailSetupContainer h3.iphone a { background: url('/asset/images/icons/iphone.png') no-repeat top left #E9E9E9; }
#emailSetupContainer h3.android a { background: url('/asset/images/icons/android.png') no-repeat top left #E9E9E9; }
#emailSetupContainer h3.windows_live a { background: url('/asset/images/icons/windows_live.png') no-repeat top left #E9E9E9; }
#emailSetupContainer h3.outlook_2013 a { background: url('/asset/images/icons/outlook_2013.png') no-repeat top left #E9E9E9; }

h1.intro { color:#760000; }

#page h1.intro a {      
        background: #E9E9E9;
        color: #333333;
        padding-top:3px;
        font-weight: normal;
        border-bottom:1px solid #B5B5B5;
}        

ul.arrowList {	
	list-style: none;
	padding-left:0px;
	margin:0;
}
	ul.arrowList li {
	    margin:5px 0;
	    padding-left:20px;
	    background: url(../images/arrow_red_left.gif) no-repeat 5px 6px;	
	}
		ul.arrowList li a {
		    font-size: 13px;
		    line-height: 1.4em;	
		    letter-spacing: .05em;
		} 

ul.taglist {
	margin: 10px 0 10px 0 ;
	padding: 0;
	list-style: none;    	
}
	ul.taglist li {
		
		}
	
		
	
	#page #nav-col ul.taglist li a {
	    font-size: 12px;
	    color: #333333;
	    text-decoration: none;
	    display: block;
	    padding: 6px 10px;
	    background: transparent;
		text-transform:uppercase;
	}
	
	#page #nav-col ul.taglist li a:hover {
	    border-color: #6C0000;	
	    color: white;
	    background: #941D2F;
	}
	#page #nav-col ul.taglist li.active a { 
	    border-color: #6C0000;	
	    color: white;
	    background: #941D2F;
		} 

	#page #nav-col ul.taglist li ul li a { 
		display:none;
	}
	
	#page #nav-col ul.taglist li.active ul li a { 
		background:#ECECEC url(../images/grey_arrow_right.gif) no-repeat scroll 5px 12px;
		padding-left:20px;
		border:none;
		text-transform:none;
		display:block;
		color: #333333;
	}
	#page #nav-col ul.taglist li.active ul li.active a {  background-color: #666; color:white; text-transform:none; }
	
	
ul.service-list {	
	list-style: none;
	margin:0;
	padding:10px 0 0 0;
}
#page ul.service-list li { height: 2.4em; }
#page ul.service-list li a { 
    color: #919191;	
    padding:2px 2px;
    margin-top:2px;
    text-transform: lowercase;
    font-size: 13px;
}
	#page ul.service-list li a:hover { color: white; }


div#response div.error { font-size:12px; color: red; }

/* Homepage Styles */

.panel  { 
	background: #E9E9E9;
	width:230px;
	float:left;
	margin-right:4px;
	margin-bottom:12px;
}
	.panel h2 {
		font-size: 13px;
		text-transform: uppercase;
		font-weight: normal;    
		margin:0;
		background:#DADADA;
		border-bottom:1px solid #F2F2F2;
		padding:5px;
		
	}
	.panel h2 img.arrow  {
		padding:0 0 0 5px;
	}

.panel.last  { 
	margin-right:0px;
}


#homepagePanels .panel h2 { 
    background: #333333 url('../images/panel_page_tab.gif')  no-repeat top right;
    color: #FFFFFF;
    text-transform: uppercase;
}


#main-col .panel ul {	
	list-style: none;
	padding-left:0px;
	margin:0;
}
	#main-col  .panel ul li {
	    margin:5px 0;
	    padding-left:29px;
	    background: url(../images/red_arrow_right.gif) no-repeat 13px 6px;	
		line-height: 1.4em;	

	}
#page .panel h3.redBG a {
	background: #0092D2;
	border-bottom:1px solid #480202;
	color:#AF696A;
	margin:0 10px;
	width:auto;
	font-size:8px;
}
#page .panel h3.redBG a strong { color:white; font-weight:normal; }
#page .panel h3.redBG a:hover {
	background: #0092D2;
	color: #BC8A8B;
	border-color: #000;
	   
}

#domain_search_span { text-transform:uppercase; padding-right:6px; }
#domain_search_box { background:#E9E9E9; padding:9px; margin: 10px 0; }
#domain_search_box input.small_input { padding:4px; }
#domain_search_box p { margin:0; }
#domain_search_box input.button, #searchbox input.button, input#searchButton, input.button_search { 
	background:#941D2F;
	color:white; 
	border:none; 
	padding:4px; 
	text-transform:uppercase;
	cursor:pointer;
}
#domain_search_box input.button {
    padding-right:8px;
    padding-left:7px;
}

#searchbox input.search { padding: 4px; width:130px; }
#searchbox { padding:4px 0 0 4px; }
#searchboxContainer { 
	/*
	border-top:1px solid #D2D2D2; 
	border-bottom:1px solid #D2D2D2;
	*/
	padding-bottom: 12px; 
}
#searchbox h2 { margin: 5px; }
/* Panel services page */

#services_wide .panel { 
	width:100%;
	}
#services_wide .panel 	ul.arrow_list li {
	float:left;
	width:40%;
	}
#services_wide .panel  h3 { clear:both; }



#main-col ul { 
	list-style:disc;
}
#main-col ul li { padding-bottom:6px;  margin-left:40px;}

/* Other Panel Style */

div.panel.wide {
	width: auto;
}

/* Fancy Table */

.pretty_table {
	margin:10px auto;
	border-top:1px solid #CCCCCC;
}
.pretty_table td, .pretty_table th {
	border-bottom:1px solid #CCCCCC;
	padding:3px 10px;
	background:#F9F9F9;
}
.pretty_table tr.odd td {
	background-color:#F2F2F2;
}
.pretty_table th {
	color:#FFF;
	font-weight:bold;
	background-color:#5F6062
}	


/* =9 Footer
---------------------------------------------------------------------------------------------------------------- */
#footer { 
	background: #E5E5E5;
	color: #333333;
	font-size:11px;
	line-height: 13px;
	
}
#footer div.wrapper {   
    background: url(../images/footer_bg.png) 0px -1px no-repeat #E5E5E5;
    height: 76px;
    
}
#footer ul {
	padding-top:10px;
	margin:0;
	float: right;	
}
#footer ul li {
    width: 227px;
    list-style: none;
    float: left;
    padding-left:13px;
    	
}
#footer p {
	padding-top:10px;
	   margin:0px;
	   float: left;
	} 
#footer a, #footer strong {
	color: #333333;
	font-weight: normal;
	text-decoration: none;
}
#footer a:hover { text-decoration: underline; }


#sections { padding-top: 15px; }