/* ------------------------------------------------------------------
	PRINT STYLESHEET
	
	Project: Wightman Telecom
	Created: 2010-06-29
	Created by: Cindy Dochstader cindy@rkd.ca
	
------------------------------------------------------------------- */


/* TABLE OF CONTENTS */
/* ---------------------------------------- HTML, BODY, RESETS */
/* ---------------------------------------- GLOBAL STYLES */
/* ---------------------------------------- STRUCTURE */
/* -------------------------------------------- Header */
/* ----------------------------------------------- Top Nav */
/* ----------------------------------------------- Main Nav */
/* ----------------------------------------------- Sub Nav */
/* -------------------------------------------- Wrapper/Content Area */
/* ----------------------------------------------- Main Content */
/* -------------------------------------------------- Pricing Pages*/
/* -------------------------------------------------- Content Check Availability */
/* -------------------------------------------------- Major Links */
/* -------------------------------------------------- Community Board */
/* -------------------------------------------------- Misc*/
/* ----------------------------------------------- Side Bar */
/* -------------------------------------------------- Side Nav */
/* -------------------------------------------------- Side Bar Callouts */
/* -------------------------------------------- Footer */




 
/* ----------------------------------------------
	HTML, BODY, RESETS
---------------------------------------------- */

html { 
	overflow-y: scroll; /* keeps vertical scroll bar in firefox at all times so page doesn't jump around */
	height: 100%;
	}

body {
	background: #fff; /* background colour should be same as content area background colour to ensure WYSIWYG looks same as website */
	margin: 0;
	padding: 0;
	top: 0;
	left: 0px;
	font: 13px/22px Verdana, Geneva, Tahoma, sans-serif;
	color:#444;
	}
	.BodyStyle { /* use this class to set body background colour so that it does not interfere with the WYSIWYG editor */
		color:#444;
		background: #fff url(none);}

img, form { /* removes all default formatting on images and forms */
	margin: 0;
	padding: 0;
	border: 0;
	}

:focus { outline: none; } /* removes dotted outline from links */

.Clear { clear: both; } /* clears all floats; apply to empty divs */



/* ----------------------------------------------
	GLOBAL STYLES - style as necessary
---------------------------------------------- */

a:link, a:visited {
	color: #004b8d;
	text-decoration: none;
	}

a:hover, a:active {
	color: #004b8d;
	text-decoration: underline;
	}
	a.ArrowLink {background: url("../../images/link-bullet.png") no-repeat 0 5px; padding-left:10px;}


p {padding-bottom:11px;}
	p.Caption {
		font-size:11px;
		line-height:18px;
		padding:5px 0 22px 0;
		}
	p.Caption220 {
		width:220px;
		font-size:11px;
		line-height:18px;
		padding:5px 0 22px 0;
		}

strong, b {font-weight: bold;}

em, i {font-style: italic;}

h1 {
	font-weight: bold;
	font-size:17px;
	line-height:22px;
	text-transform: uppercase;
	padding-bottom:22px;
	color: #004b8d;
	}
	h1.AbovePromo {padding-bottom:10px;}	
		
h2 {
	color: #004b8d;
	font-weight: bold;
	font-size:15px;	
	line-height:19spx;
	padding:11px 0;
	}
	h2.UnderH1 {padding: 0 0 11px 0;}
	h2.Pricing {border-bottom:1px solid #e1e1e1;}
		h2.TopMargin20 {margin-top:20px;}
		h2 img {vertical-align:middle; margin-right:5px;}
	
h3 {
	color: #004b8d;
	font-weight: bold;
	font-size:13px;	
	line-height:17px;
	padding:11px 0 0 0;
	}
	
ul { 
	padding: 0 0 11px 20px;
	}

	ul li { 
		line-height:19px;
		padding: 0 0 11px 0; 
		background: url(none)
		}
	ul.LinksList li { background: url(none);}
	
ol {
	padding: 0 0 11px 20px;
	list-style-type: decimal;
	}
	ol li { 
		line-height:19px;
		padding: 0 0 11px 0; 
		}

.Note {
	font-size:11px; 
	line-height:15px; 
	font-weight:normal;
	}

.FloatLeft {float:left;}

.ImageFloatLeft {float:left; padding:6px 20px 10px 0;}
.ImageFloatRight {float:right; padding:6px 20px 10px 0;}
	.ExtraMarginBottom10 {margin-bottom:10px;}
	.ExtraMarginBottom40 {margin-bottom:40px;}

.SubInfo {font-weight:normal; color:#444; font-size:13px;}

hr {border-bottom:1px solid #e1e1e1;}
	
	.HR {
		clear:both;
		height:1px;
		margin:20px 0;
		background: url(none) no-repeat;
		}


/* styles used by WYSIWYG - style as necessary */
pre { }
address { }




/* ----------------------------------------------
	STRUCTURE
---------------------------------------------- */

/* ---------------------------------------- Header */

#PrintHeader { display: block; }

#Header { display:none;}

/* ---------------------------------------- Wrapper/Content Area */
	
#Wrapper {
	width: 700px;
	margin: 0;
	overflow:visible;
	}
	
	#Content {
		float:none;
		width:700px;
		margin:25px 0;
		}
	
	
/* ---------------------------------------- Main Content */

#Promo {display:none;}
/* -------------------------- Pricing Pages*/

.ChangeTown  {
		font-size:11px;
		text-transform:none;
		font-weight:normal;
		color:#004b8d;
		padding-left:15px;		
		margin-left:5px;
		background: url("../../images/changetown-icon.png") no-repeat 0 2px;
		}
		
.Bundle	{
	width:700px;
	height:130px;
	margin-bottom:30px;
	}
	.TopBundle {margin-bottom:15px;}

.PricingTable {width:700px; margin-bottom:40px;}
	.PricingTableFixed {table-layout:fixed}	/* use in conjunction with .PricingTable */
	
	.PricingTable tr {}
		.PricingTable tr.Alt {}
		
	.PricingTable td {padding:10px 0; border-bottom:1px solid #e1e1e1;}
	
		.PricingTable td.Title {font-weight:bold; padding-right:10px;}
		
		.PricingTable td.Prices {font-weight:bold; text-align:left; }
			.PricingTable td.LeftPadding15 {padding-left:20px}
		
		.PricingTable td.Details {font-size:11px; text-align:right; }
			.PricingTable td.Details a {background: url("../../images/link-bullet.png") no-repeat 0 4px; padding-left:10px;}	
			
		.PricingTable td.Header {color:#004b8d; font-weight:bold; font-size:15px; vertical-align:bottom;}
			.PricingTable td.HeaderH3 {color:#004b8d; font-weight:bold; font-size:13px; vertical-align:bottom;}		

		
.Checkmark {padding-right:2px;}
	


/* -------------------------- Content Area Check Availability */

.CheckAvailability {
	margin-top:10px;
	padding-bottom:15px;
	background: url(none) no-repeat 0 bottom;
	}

.CheckAvailability h2 {
	font-size:13px;
	color: #004b8d;
	font-weight: bold;
	line-height:15px;
	padding:20px 0 0 75px;
	height:42px;
	}
	.CheckAvailability h2.Residential {background: url(none) no-repeat 0 top;}
	.CheckAvailability h2.Business {background: url(none) no-repeat 0 top; padding-left:85px;}

	
.CheckAvailability p {padding: 0 0 5px 75px;}
	.CheckAvailability p.Note {padding: 0 0 5px 134px;}
.CheckAvailability select {margin:0 0 10px 10px; width:190px}
.CheckAvailability .Submit {margin:0 0 15px 246px;}
	
	
	
/* -------------------------- Major Links */

.MajorLinks {
	display:block;
	width:600px;
	margin:0 0 20px 0;
	padding: 6px 0 0 0;
	height:40px;
	font-weight:bold;
	}
	.InternationalRates, .Support, .CheckAvailabilityResidentialLink, .CheckAvailabilityBusinessLink, .TV, .Internet, .Phone, .Fibre,.NoIcon   {background: url(none);}
	
	.ExtraTopMargin20 {margin-top:20px;}
	.ExtraTopMargin40 {margin-top:40px;}
	.ExtraBottomMargin40 {margin-bottom:40px;}
	.FloatRightInternetByFibre {float:right; width:460px;}




/* -------------------------- Community Board*/

.CommunityBoardSearch {
	border:1px solid #e1e1e1;
	width:660px;
	padding:20px;
	margin:10px 0 40px 0;
	}
	
.Pagination {
	border-bottom:1px solid #e1e1e1 ;
	padding-bottom:5px;
	font-weight:bold;
	margin-bottom:20px;
	}
	
.CommunityBoardListingTitle {
	border:1px solid #e1e1e1;
	margin-bottom:20px;
	}
	.CommunityBoardListingTitle td {padding:8px 20px;}
	
.CommunityBoardListing {margin-bottom:40px;}

.calendar td {padding:2px;}


/* -------------------------- Misc*/

.Map iframe {
	border:1px solid #e1e1e1;
	}
	
.NetworkAlerts {
	border:1px solid #dc0c02;
	width:660px;
	padding:20px;
	}	
	.NetworkAlerts p, .NetworkAlerts h2 {color:#fff}	
	
.Remotes td {padding:0 20px 40px 0;}

.Alert {
	color:#dc0c02;
	font-weight:bold;}
	
.MonitoringText {margin-top:85px;}




/* ---------------------------------------- Side Bar */		

#SideBar { display:none;}


		

/* ---------------------------------------- Footer*/

#Footer { 
	background: url(none);
	width:700px;
	margin:30px 0 0 0;
	height:25px;
	overflow:visible;
	}
			
.FooterLinks {display:none;}

	
#Footer .SocialMedia {display:none;}
	
.Copyright {
	margin-top:10px;
	font-size: 9px;
	color:#888888;
	float:none;
	}
	
.SiteByRKD {display:none;}
	
	
		
/* ---------------------------------------- Form Elements*/

label {
	display:block;
	width:120px;
	float:left;
	text-align:right;
	padding-right:10px;
	line-height:18px;
	}
	label.Select {
		margin-left:130px;
		width:700px; 
		float:none;
		text-align:left;
		}
	label.CB {
		display:block;
		width:auto;
		float:left;
		text-align:left;
		padding-right:10px;
		line-height:18px;
		}
	
.Field  { 
	width:250px;
	border:1px solid #888;
	font-size:13px;
	color:#444;
	margin:0 10px 20px 0;
	padding:3px;
	float:left;
	}
	.FieldNoBottomMargin  { margin-bottom:0;}
	
.FileInput {
	width:258px;
	font-size:13px;
	color:#444;
	margin:0 10px 3px 0;
	padding:3px;
	}
	
.CBSearchField  { 
	width:250px;
	border:1px solid #888;
	font-size:13px;
	color:#444;
	margin:0 10px 20px 0;
	padding:3px;
	}
	.CBSearchDate  { width:100px;}
	
select {
	width:258px;
	border:1px solid #888;
	font-size:13px;
	color:#444;
	margin:5px 10px 0 130px;
	padding:3px;
	float:left;
	}
	.calendar select {	
		width:auto;
		margin:5px;
		float:none;
		}
	
.Submit {
	height:29px;
	margin:25px 0 0 313px;
	width:75px;
	}
	.CBSubmit {margin:0 0 0 160px;}
	
form br {
	clear:both;
	}

.Error, .Required {
	color:#dc0c02;
	font:12px/19px Arial,Helvetica,sans-serif;
	}
	
.PhotoSize {margin:0 0 0 130px;}