/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.7.0
*/


body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}
del,ins{text-decoration:none;}
li{list-style:none;}
caption,th{text-align:left;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
legend{color:#000;}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
input,button,textarea,select{font-size:100%;}
body{}
select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}
table{font-size:inherit;}
pre,code,kbd,samp,tt{font-family:monospace;font-size:108%;line-height:100%;}




body 
{
	margin: 0; 
	padding: 0;
	font: normal 12px Arial, Arial, Helvetica, sans-serif;
	background: #fff  url(../images/body_bg.jpg) repeat-x;
	background-position : 0px -30px;
	z-index : 1;
	font-size : 12px;
}

*{outline: none;margin: 0; padding: 0;}

img {border: 0;}


/* 
----------------------------------------------------------------------------------------
Common elements
----------------------------------------------------------------------------------------
*/

a  
{
	color : #555;
	text-decoration : none;
}

a:hover  
{
	color : #999999; 
	text-decoration : none;
}



p
{
	font-size: 1.2em;
	color : #5B5745;
	font-family : Arial;
	line-height : 1.3em;
	text-align:justify;
	margin-bottom : 1.6em;
}

h1
{
	font-size : 2.6em;
	color : #000000;
	font-family : Arial;
	margin-bottom : 0.5em;
	font-weight : 700;
}

h2
{
	color : #555555;
	font-size : 2.2em;
	font-family : Arial;
	font-weight:bold;
	letter-spacing :0px;
	margin-bottom : 0.3em;
}
h2.subtitle
{
	color : #888;
	font-size : 1.3em;
	margin-top : -15px;
	font-family : Arial;
	font-weight:bold;
	letter-spacing :0px;
	margin-bottom : 0.5em;
	margin-left : 1px;
}

h3
{
	color : #086FA1;
	font-size : 1.4em;
	font-family : Arial;
	font-weight:bold;
	margin-bottom : 0.5em;
}


h4
{
	color : #666666;
	font-size : 1.2em;
	font-family : Arial;
	font-weight:bold;
	margin-top : -2px;
	margin-bottom : 10px;
}

h5
{
	font-size : 1.9em;
	font-family:"Times New Roman",Times,serif;
	margin-bottom : 1em;	
	color : #666;
	font-weight : 800;
	letter-spacing : -1px;
	text-align : center;
}

ul
{

}
li
{
	
}
strong { font-weight :700 }


/* 
----------------------------------------------------------------------------------------
Container objects
----------------------------------------------------------------------------------------
*/

#container
{
	position : relative;	
	width : 990px;
	margin : 0 auto;	
}

#content_text
{
	width : 630px;
}
#content_text .wide
{
	width : 740px;
}
#content_text .fullwidth
{
	width : 100%;
}

#main_content
{
	background : #ffffff;
	position : relative;
	margin : 0 auto;
	margin-top : 0px;
	margin-bottom : 20px;
}

#main_content_menu
{
	float : right;
	width : 400px;
	text-align:right;
}

#main_content_menu div
{
	margin-top : 5px;
}

#main_content ul.list
{
	margin-left : 30px;
	margin-bottom  :20px;
}




#main_content_body ul.list
{
	margin-left : 45px;
	padding : 0;
	list-style-type : none;
}

#main_content_body ul.list li
{
	background-image: url(../images/bullet.png);
	background-repeat: no-repeat;
	background-position: 0px -2px;
	list-style-type : none;
	padding-left : 25px;
	font-size : 1.2em;
	padding-bottom : 8px;
	color:#5B5745;
	list-style-type : none;
}






#main_content_body h2
{
	width : 100%;
	display : block;
	background : url(../images/features/separator.png) repeat-x; 
	background-position : 0px 0px;
	padding-top : 15px;
	
}
#main_content_body h3
{
	width : 100%;
	display : block;
	background : url(../images/features/separator.png) repeat-x; 
	background-position : 0px 0px;
	padding-top : 15px;
	
}
.top
{
	background : none !important;
}









/* 
----------------------------------------------------------------------------------------
Centre Section Menu
----------------------------------------------------------------------------------------
*/

a.Section-Menu
{
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	color:#555555;
	float:left;
	font-size:16px;
	font-weight:bold;
	margin-left:-3px;
	margin-right:35px;
	margin-top : 10px;
	margin-bottom : 20px;
	padding:2px 0 0 25px;
	text-decoration : none;
	width : 280px;
	min-height : 30px;
}

a.Section-Menu:hover
{
	color:#086FA1;
}

a.Section-Menu span
{
	color:#888888;
	display:block;
	font-size:13px;
	font-weight:normal;
	margin-top:-1px;
	margin-left : 1px;
	text-decoration : none;
}

#main_content_section_menu p
{
	font-size : 1.2em;
	margin-bottom : 1.5em;
}


/* 
----------------------------------------------------------------------------------------
Link-Feature Sub-Styles
----------------------------------------------------------------------------------------
*/

a.link-feature-blue
{
	background : url(../images/bullets/bullet-blue.png) no-repeat scroll 0 4px;
}

a.link-feature-blue:hover
{
	color:#086FA1;
	background : url(../images/bullets/bullet-blue-hover.png) no-repeat scroll 0 4px;
}

a.link-feature-green
{
	background : url(../images/bullets/bullet-green.png) no-repeat scroll 0 4px;
}

a.link-feature-green:hover
{
	color:#448A00;
	background : url(../images/bullets/bullet-green-hover.png) no-repeat scroll 0 4px;
}

a.link-feature-orange
{
	background : url(../images/bullets/bullet-orange.png) no-repeat scroll 0 4px;
}

a.link-feature-orange:hover
{
	color:#FF8900;
	background : url(../images/bullets/bullet-orange-hover.png) no-repeat scroll 0 4px;
}

a.link-feature-red
{
	background : url(../images/bullets/bullet-red.png) no-repeat scroll 0 4px;	
}

a.link-feature-red:hover
{
	color:#C11C53;
	background : url(../images/bullets/bullet-red-hover.png) no-repeat scroll 0 4px;
}

a.link-feature-black
{
	background : url(../images/bullets/bullet-black.png) no-repeat scroll 0 4px;	
}

a.link-feature-black:hover
{
	color:#333;
	background : url(../images/bullets/bullet-black-hover.png) no-repeat scroll 0 4px;
}

a.link-feature-up
{
	background : url(../images/bullets/bullet-up.png) no-repeat scroll 0 4px;	
}


/* 
----------------------------------------------------------------------------------------
Separators
----------------------------------------------------------------------------------------
*/

div.separator 
{
	height : 1px; 
	margin-top : 5px; 
	margin-bottom : 15px;
	width : 100%; 
	background : url(../images/features/separator.png) repeat-x; 
	clear : both;
}

.feature_separator
{
	background : url(../images/features/separator.png) repeat-x;
	background-position : center bottom;
	margin : 0 auto;
	height : 1px;
	width : 85%;
}


/* 
----------------------------------------------------------------------------------------
Misc
----------------------------------------------------------------------------------------
*/
.broadband-price
{
	margin-left : 20px;
	margin-bottom : 20px;
	width : 140px;
	background : #eeeeee;
	padding : 5px;
	border : solid 2px #ddd;
	
	padding-top : 20px;

	position : relative;
	
	-moz-border-radius-topright: 20px;
	-khtml-border-radius-topright: 20px;
	-webkit-border-top-right-radius: 20px;

	-moz-border-radius-topleft: 20px;
	-khtml-border-radius-topleft: 20px;
	-webkit-border-top-left-radius: 20px;
		
	-moz-border-radius-bottomright: 20px;
	-khtml-border-radius-bottomright: 20px;
	-webkit-border-bottom-right-radius: 20px;
	
	-moz-border-radius-bottomleft: 20px;
	-khtml-border-radius-bottomleft: 20px;
	-webkit-border-bottom-left-radius: 20px;	
}
.broadband-price h1
{
		text-align : center;
		font-weight : bold;
		margin : 0;
}
.broadband-price .price
{
	font-size : 1em;
	font-family: Arial;
	text-align : center;
	margin-bottom : 15px;
}



/* 
----------------------------------------------------------------------------------------
Clear fixes for floats
----------------------------------------------------------------------------------------
*/

.clear {clear : both;}
.right {float : right;}
.left  {float : left;}

.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */








/* 
----------------------------------------------------------------------------------------
Rounded Box 
----------------------------------------------------------------------------------------
*/

.rb
{
	margin : 20px 0px 30px 0px;
}

.rb .fb-bl
{
    background : url(../images/curvedbox.png) no-repeat;
    background-position :  left bottom; 
    padding-left :20px;
 }
.rb .fb-br
{
    background : url(../images/curvedbox.png) no-repeat;
    background-position :  right bottom; 
    padding-bottom : 20px;
}                               
.rb .fb-tr
{
    background : url(../images/curvedbox.png) no-repeat;
    background-position :  right top; 
    padding-right : 20px;
} 
.rb .fb-tl
{
    background : url(../images/curvedbox.png) no-repeat;
    background-position :  left top;
    padding-top : 20px;
    padding-left : 20px;
    margin-left : -20px;
} 






/*
TopButtons
*/



a.button-link
{
	border : 0;
	width : 120px;
	height : 30px;
	display : block;
	color : white;
	font-weight : bold;
	line-height : 30px;	
	text-align : center;
	font-size : 1.1em;	
	font-family : Verdana;
	margin-left : 12px;
	float : right;
	text-shadow: #000 1px 1px 1px;
	background : url(../images/featurebox/buttons.png) no-repeat;
	background-position : -120px 0px;
}
a.button-link-wide
{
	border : 0;
	width : 180px;
	height : 30px;
	display : block;
	color : white;
	font-weight : bold;
	line-height : 30px;
	text-align : center;
	font-size : 1em;	
	font-family : Verdana;
	margin-left : 5px;
	float : right;
	text-shadow: #000 1px 1px 1px;
	background : url(../images/featurebox/buttons-wide.png) no-repeat;
}

/*
----------------------------------------------------------------------------------------
Selection Menus
----------------------------------------------------------------------------------------
*/


.menu-central-full
{
	width : 500px;
	float : left;
    padding-left : 120px;	
    background-position : 20px 0px;    
	margin-bottom : 15px;
	margin-top : 20px;
}
.menu-central-half
{
	width : 320px;
	float : left;
	margin-right : 30px;
    padding-left : 100px;	
    background-position : 10px top;    
}

/* then applied */

.menu-central a h2
{
	color : #444;
	text-decoration : none;
	background : none;
	padding-top : 0px;
}
.menu-central a:hover h2
{
	color : #666;
	text-decoration : none;
}
.menu-central a p
{
	color : #555;
	text-decoration : none;
}
.menu-central a:hover p
{
	color : #777;
	text-decoration : none;
}

/*
----------------------------------------------------------------------------------------
Selection Menus - sub-classes
----------------------------------------------------------------------------------------
*/

.menu-business-broadband
{
    background : url(../images/producticons/office.png) no-repeat;  
}
.menu-home-broadband
{
    background : url(../images/producticons/home.png) no-repeat;
}
.menu-shared-hosting
{
	background : url(../images/producticons/shared.png) no-repeat;
}
.menu-domains
{
	background : url(../images/producticons/domains.png) no-repeat;
}
.menu-email-solutions
{
	background : url(../images/producticons/email.png) no-repeat;
}
.menu-online-backup
{
	background : url(../images/producticons/backup2.png) no-repeat;
}
.menu-dedicated
{
	background : url(../images/producticons/dedicated.png) no-repeat;
	background-position : 12px 10px;
}
.menu-vps
{
	background : url(../images/producticons/hosted.png) no-repeat;
}
.menu-colocation
{
	background : url(../images/producticons/ethernet.png) no-repeat;
}
.menu-sdsl-broadband
{
	background : url(../images/producticons/sdsl.png) no-repeat;
	background-position : 20px 0px;   
}
.menu-wimax-broadband
{
	background : url(../images/producticons/wireless.png) no-repeat;
	background-position : 20px 0px;   
}
.menu-adsl-broadband
{
	background : url(../images/producticons/broadband.png) no-repeat;
	background-position : 20px 0px;   
}
.menu-homebroadband-addons
{
	background : url(../images/producticons/addons.png) no-repeat;
}
.menu-broadbandlite
{
	background : url(../images/producticons/broadband-10.png) no-repeat;
}
.menu-broadbandplus
{
	background : url(../images/producticons/broadband.png) no-repeat;
}
.menu-router
{
	background : url(../images/producticons/router.png) no-repeat;
}
.menu-plustalk
{
	background : url(../images/producticons/plustalk.png) no-repeat;
	background-position : 12px 5px;
}
.menu-webfilter
{
	background : url(../images/producticons/webfilter.png) no-repeat;
}
.menu-numbering
{
	background : url(../images/producticons/numbering.png) no-repeat;
	background-position : 10px 0px;
}
.menu-voice
{
	background : url(../images/producticons/voice.jpg) no-repeat;
	background-position : 15px 10px;
}

/*
----------------------------------------------------------------------------------------
Other
----------------------------------------------------------------------------------------
*/


#equipment-list
{
	margin-left : 30px;
	list-style-type : circle;
	margin-bottom : 10px;
}

.disclaimer
{
	font-size : 0.9em;
	color : #666;
	font-family : Tahoma;
	margin-top : -10px;
	margin-bottom : 20px;
}




blockquote {
	border-left:3px solid #CBCAC8;
	color:#666666;
	background : #f2f2f2;
	display:block;
	font-style:italic;
	line-height:1.5em;
	margin:20px 0 20px 20px;
	padding:0 0 0 20px;
}



.left20
{
	float : left;
	width : 192px;
	margin-right : 36px;
}

.left25
{
	float : left;
	width : 240px;
	margin-right : 36px;
}
.left30
{
	float : left;
	width : 320px;
	margin-right : 36px;
}
.left35
{
	float : left;
	width : 336px;
	margin-right : 36px;
}
.left40
{
	float : left;
	width : 384px;
	margin-right : 36px;
}

.left70
{
	float : left;
	width : 672px;
}

.right40
{
	float : right;
	width : 384px;
	margin-right : 36px;
}

.left50
{
	float : left;
	width : 435px;
	margin-right : 40px;
	margin-left : 20px;
}

.right50
{
	float : right;
	width : 435px;
	margin-right : 20px;
}

/* 
----------------------------------------------------------------------------------------
Buttons
----------------------------------------------------------------------------------------
*/

/* Normal Buttons */
.button-orange
{	
	background : url(../images/buttons/buttons.png) no-repeat;
	background-position : 0px 0px;
}
.button-orange:hover
{
	background : url(../images/buttons/buttons.png) no-repeat;
	background-position : 0px -30px;
}
.button-blue
{
	background : url(../images/buttons/buttons.png) no-repeat;
	background-position : -120px 0px;
}
.button-blue:hover
{
	background : url(../images/buttons/buttons.png) no-repeat;
	background-position : -120px -30px;
}
.button-green
{
	background : url(../images/buttons/buttons.png) no-repeat;
	background-position : -240px 0px;
}
.button-green:hover
{
	background : url(../images/buttons/buttons.png) no-repeat;
	background-position : -240px -30px;
}
.button-red
{
	background : url(../images/buttons/buttons.png) no-repeat;
	background-position : -360px 0px;
}
.button-red:hover
{	
	background : url(../images/buttons/buttons.png) no-repeat;
	background-position : -360px -30px;
}
.button-grey
{
	background : url(../images/buttons/buttons.png) no-repeat;
	background-position : -480px 0px;
}
.button-grey:hover
{
	background : url(../images/buttons/buttons.png) no-repeat;
	background-position : -480px -30px;
}




/* Wide Buttons */
.button-orange-wide
{	
	background : url(../images/buttons/buttons-wide.png) no-repeat;
	background-position : 0px 0px;
}
.button-orange-wide:hover
{
	background : url(../images/buttons/buttons-wide.png) no-repeat;
	background-position : 0px -30px;
}
.button-blue-wide
{
	background : url(../images/buttons/buttons-wide.png) no-repeat;
	background-position : -180px 0px;
}
.button-blue-wide:hover
{
	background : url(../images/buttons/buttons-wide.png) no-repeat;
	background-position : -180px -30px;
}
.button-green-wide
{
	background : url(../images/buttons/buttons-wide.png) no-repeat;
	background-position : -360px 0px;
}
.button-green-wide:hover
{
	background : url(../images/buttons/buttons-wide.png) no-repeat;
	background-position : -360px -30px;
}
.button-red-wide
{
	background : url(../images/buttons/buttons-wide.png) no-repeat;
	background-position : -540px 0px;	
}
.button-red-wide:hover
{
	background : url(../images/buttons/buttons-wide.png) no-repeat;
	background-position : -540px -30px;
}
.button-grey-wide
{
	background : url(../images/buttons/buttons-wide.png) no-repeat;
	background-position : -720px 0px;
}
.button-grey-wide:hover
{
	background : url(../images/buttons/buttons-wide.png) no-repeat;
	background-position : -720px -30px;
}

a.pdf
{
	background : url(../images/icons/pdf.gif) no-repeat;
	padding : 2px 2px 2px 25px;
	display : block;
	color : #444;
}
a.pdf span
{
	display : block;
	color : #666;
	font-size : 0.9em;
}

.editpage
{
	background : #dddddd;
	border : solid 1px #ccc;
	margin : 10px;
	font-weight : bold;
	color : #333;
	padding : 10px;
	width : 200px;
}
.editpage a
{
	display : block;
	padding : 10px;
	background : #f2f2f2;
	color : #333;
	text-align : center;
	font-size : 1.2em;
	font-weight : normal;
}