/*
-----------------------------------------------
CityWest Internal Pages
version: 2007.06.04
----------------------------------------------- 
Table of Contents
----------------------------------------------- 

   1.  =General
   2.  =Sidebar
   3.  =Primary content
   4.  =Headers
   5.  =Nav
   6.  =Colour Schemes
   7.  =Footer
   8.  =Misc
   other glen changes = change #rupert to #prince_rupert
----------------------------------------------- 
*/
@import url("../css/drupaloverride.css");
/* 1.  =General
----------------------------------------------- */

body {
	background:url(../images/bg.gif);
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
	text-align:center;
	}
	
img {
	border:0;
	}	
	
#shadow {
	background:url(../images/shadow2.png) repeat-y !important;
	background:url(../images/shadow2.gif) repeat-y;
	width:940px;
	text-align:left;
	margin:0 auto;
	padding:0;
	}
	
#site {
	position:relative;
	left:70px;
	width:800px;
	padding:0;
	margin:0;
	}
	
/* KLUDGE: IE <=6.0  is 4px off for some odd reason, 
so I'm sliding it over with a star hack */
* html #site {
	left:66px;
	}
/* aug 23 2007 */	
#content {
	clear:both;
	float:left;
	background:url(../images/sidebar_bg.gif)  repeat-y;
	width:100%;
	margin-top:20px;
	}

#secondary {
	color:#666;
	font-size:0.75em;
	width:231px;
	float:left;
	padding-top:10px;
	padding-bottom:20px;
	}
	
#photo {
	clear:both;
	display:block;
	width:569px;
	height:151px;
	margin:0;
	padding:0;
	float:right;
	}
#photo { background:url(../images/default.jpg) no-repeat; }	
/* glen changed rupert to prince_rupert and pedward to port_edward due to pathauto */
#prince_rupert #photo { background:url(../images/rupert.jpg) no-repeat; }
#port_edward #photo { background:url(../images/pedward.jpg) no-repeat; } 
#terrace_thornhill #photo { background:url(../images/terrace.jpg) no-repeat; }
#kitimat #photo { background:url(../images/kitimat.jpg) no-repeat; }
#hazeltons #photo { background:url(../images/hazeltons.jpg) no-repeat; }
#smithers_telkwa #photo { background:url(../images/smithers.jpg) no-repeat; }
#houston #photo { background:url(../images/houston.jpg) no-repeat; }
#stewart #photo { background:url(../images/stewart.jpg) no-repeat; }
/* July 26, 2007 (company, terms, statement, acceptable changed due to pathauto */
#company_info #photo { background:url(../images/company.jpg) no-repeat; }
#email #photo { background:url(../images/contact-email-banner.jpg) no-repeat; }
#whats_new #photo { background:url(../images/promotions-new.jpg) no-repeat; }
#webmail #photo { background:url(../images/webmail.jpg) no-repeat; }
#terms_of_service #photo { background:url(../images/all-bottom-footer-nav.jpg) no-repeat; }
#statement_of_consumer_rights #photo { background:url(../images/all-bottom-footer-nav.jpg) no-repeat; }
#acceptable_use_policy #photo { background:url(../images/all-bottom-footer-nav.jpg) no-repeat; }
#sitemap #photo { background:url(../images/all-bottom-footer-nav.jpg) no-repeat; }
#contact_us #photo { background:url(../images/contact-email-banner.jpg) no-repeat; }
#latest_news #photo { background:url(../images/latest-news.jpg) no-repeat; }
#gallery #photo, #celebration #photo { background:url(../images/gallery.jpg) no-repeat; }
		
#wires {
	clear:left;
	background:url(../images/wires.jpg);
	width:231px;
	height:151px;
	display:block;
	margin:0;
	padding:0;
	float:left;
	}
	
#wires.celebrating, #celebration #wires{
	background:url(../images/100years_logo.jpg);
	}
	
a {
	text-decoration:none;
	}

a:hover {
	text-decoration:underline;
	}
	
/* 2.  =Sidebar
----------------------------------------------- */
	
#secondary p {
	padding:0 20px 0 30px;
	margin:0;
	}

#secondary h4 {
	font-size:1.2em;
	color:#333;
	padding-left:18px;
	padding-right:20px;
	padding-top:10px;
	border-top:1px dashed grey;
	clear:both;
	}
	
#secondary h4.zone {
	padding-top:0;
	padding-bottom:0;
	margin-top:0;
	margin-bottom:5px;
	border:none;
	font-size:1.3em;
	color:#999;
	}
	
#secondary h4.first {
	padding-top:0;
	margin-top:0;
	border:none;
	}
	
#secondary h5 {
	margin:15px 0 0 0;
	padding:0;
	font-weight:bold;
	font-size:1em;
	padding-left:20px;
	
	}

#zone_nav {
	margin:0;
	padding:0;
	list-style:none;
	font-size:1.3em;
	font-weight:bold;
	}
	
#zone_nav li {
	margin:0;
	padding:0 0 0 25px;
}

#celebrate_button {
	border-top:1px dashed grey;
	padding:15px 0 0 0;
	}
	
#secondary #celebrate_button h4, #secondary #celebrate_button p {
	border:none;
	margin:0;
	padding:0;
	}
	
#celebrate_button .text {
	float:left;
	width:140px;
	text-align:right;
	padding-right:10px;
	}
	
#celebrate_button img {
	}
	
#celebrate_button a {
	color:#0B76C0;
	}

/* 3.  =Primary content
----------------------------------------------- */

/* aug 23 2007 */
#primary {
	background:url(../images/crumb_shadow.gif) no-repeat;
	margin:0;
	padding: 0 0 20px 0;
	width:569px;
	position:relative;
	float:right;
	}
	
#primary h4, #primary p {
	padding-left:63px;
	padding-right:20px;
	}

/* aug 23 2007 */
#primary h3 {
	padding-left:43px;
	margin-top:21px;
	margin-left:20px;
	}
	
#primary h3 span.subhead {
	font-weight:normal;
	font-size:1em;
	}
	
#prince_rupert #primary h3 {
	background:url(../images/h3bg_rupert.gif) no-repeat;
	}
#body_97 #primary h3 {
	background:url(../images/h3bg_rupert.gif) no-repeat;
	}	
#body_94 #primary h3 {
	background:url(../images/h3bg_rupert.gif) no-repeat;
	}
#port_edward #primary h3 {
	background:url(../images/h3bg_pedward.gif) no-repeat;
	}
		
#terrace_thornhill #primary h3 {
	background:url(../images/h3bg_terrace.gif) no-repeat;
	}

#kitimat #primary h3 {
	background:url(../images/h3bg_kitimat.gif) no-repeat;
	}
	
#hazeltons #primary h3 {
	background:url(../images/h3bg_hazeltons.gif) no-repeat;
	}
	
#smithers_telkwa #primary h3 {
	background:url(../images/h3bg_smithers.gif) no-repeat;
	}
	
#houston #primary h3 {
	background:url(../images/h3bg_houston.gif) no-repeat;
	}
	
#stewart #primary h3 {
	background:url(../images/h3bg_stewart.gif) no-repeat;
	}

#primary p {
	color:#333;
	font-size:0.75em;
	}
	
#primary h4 {
	color:#333;
	font-size:1em;
	}

#primary h4.plan {
	font-size:0.74em;
	font-weight:bold;
	border-top:1px solid #CCC;
	padding:10px 20px 10px 0;
	margin-left:63px;
	}
	
/* aug 23 2007 */	
.service {
	border-bottom: 1px dashed #999;
	clear:both;
	float:left;
	padding-bottom:20px;
	width:100%;
	}
	
.service span {
	position:absolute;
	width:100%;
	height:100%;	
	}

/* aug 23 2007 */
#primary .service h3 {
	clear:left;
	position:relative;
	width:290px;
	height:36px;
	}
	
/* glens addition for default image and h3 colour */	
#primary h3 {
	background:url(../images/h3bg_default.gif) no-repeat;
	color:#0b76c0; 
	}
#primary #cable_tv h3, #primary #cable_tv.service h4 a{color:#000; }
#primary #cable_tv h3 { padding-left:0; background-image:none; }
#primary #cable_tv h3 span { background:url(../images/cable_tv.gif) no-repeat; }

#primary #internet h3, #primary #internet.service h4 a{color:#106576; }
#primary #internet h3 { padding-left:0; background:none; }
#primary #internet h3 span { background:url(../images/internet.gif) no-repeat; }

#primary #telephone h3, #primary #telephone.service h4 a{color:#0157af; }
#primary #telephone h3 { padding-left:0; background:none; }
#primary #telephone h3 span { background:url(../images/telephone.gif) no-repeat; }

#primary #long_distance h3, #primary #long_distance.service h4 a{color:#1d84cb; }
#primary #long_distance h3 { padding-left:0; background:none; }
#primary #long_distance h3 span { background:url(../images/long_distance.gif) no-repeat; }

#primary #cellular h3, #primary #cellular.service h4 a{color:#033e47; }
#primary #cellular h3 { padding-left:0;  background:none; }
#primary #cellular h3 span { background:url(../images/cellular.gif) no-repeat; }

#primary #bundles h3, #primary #bundles.service h4 a{color:#106576; }
#primary #bundles h3 { padding-left:0; background:none; }
#primary #bundles h3 span { background:url(../images/bundles.gif) no-repeat; }


/* july 5, 2007 */
#primary .service h4 {
/*	clear:left;
	display:inline;
	float:left;
	margin:0 0 0 84px;
	padding:0 0 5px 0; 
	width:150px;
*/	}
/* july 5, 2007 */
#primary .service ul {
	float:left;
	list-style:none;
	margin:0;
	padding:0 0 5px 0;
	width:310px;
	display:block;
	}
/* june 21, 2007 */
#primary .service ul li {
	border-left:1px solid #999;
	float:left;
	font-size:0.75em;
	margin:1px 0 3px 10px; 
	padding:2px 0 0 10px; 
	}
/* june 21, 2007 */	
#primary .service ul li.first {
	border:none;
	padding-left:0px; 
	}
	
#primary .service ul li a {
	color:#666;
	text-decoration:none;
	}

#primary .service ul li a:hover {
	text-decoration:underline;
	}

/* 4.  =Headers
----------------------------------------------- */
	
h1 {
	margin:0;
	padding:0;
	float:left;
	width:231px;
	height:126px;
	}
/* glen had to change from h2 to header_title ----------------------------------------------- */
#header_title {
	color:#FFF;
	background:url(../images/h2_shadow.png) no-repeat;
	background-color:#0b76c0;
	clear:both;
	margin:15px 0 0 0;
	padding:15px 0 9px 20px;
	width:211px;
	float:left;
	font-size:1em;
	position:relative;
	}
	
/*IE GOODNESS! - simplified box model hack and png filter for the shadow. mmmmmm.... */
* html #header_title {
	background-image:none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/h2_shadow.png', sizingMethod='scale');
	width:231px;
	w\idth:211px;
	} 	

h3 {
	margin:0;
	padding:0;
}

#primary h4.blue {
	color:#0157af;
	font-size:13px;
	}

/* 5.  =Nav
----------------------------------------------- */

#breadcrumbs {
	background:url(../images/crumb_shadow.gif) no-repeat;
	color:#999;
	margin:15px 0 0 0;
	padding:20px 0 9px 0;
	display:block;
	font-size:0.7em;
	position:relative;
	left:0px;
	float:right;
	width:569px;
	text-indent:20px;
	}

#main_nav {
	background:url(../images/nav_top.jpg) no-repeat;
	background-color:#033e47;
	display:block;
	float:right;
	list-style:none;
	margin:0;
	padding:43px 0 0 0;
	width:569px;
	position:relative;
	z-index:1;
	}

#main_nav li {
	float:left;
	border:none;
	margin: 0;
	padding: 0;
	}
	
#main_nav li a {
	color:#FFF;
	font-size:0.7em;
	font-weight:bold;
	display:block;
	}
	
/* june 21, 2007 */	
#main_nav a.town_nav {
	width:61px;
	height:73px;
	padding:10px 0 0 10px;
	}
	
/* june 21, 2007 */	
* html #main_nav li a.town_nav {
	width:71px;
	w\idth:61px;
	}
/* june 21, 2007 */	
#main_nav a#nav_stewart.town_nav {
	width:62px;
	}
/* june 21, 2007 */	
* html #main_nav a#nav_stewart.town_nav {
	width:72px;
	w\idth:62px;
	}
	
#sub_nav {
	height:25px;
	margin:0;
	padding:0;
	font-weight:bold;
	position:absolute;
	list-style:none;
	width:569px;
	right:0px;
	left:-999em;
	}
	
#sub_nav li {
	margin:0;
	padding:0;
	}
	
#sub_nav li a {
	color:#CCC;
	display:block;
	padding:5px 20px;
	text-indent:0;
	}
	
#sub_nav li a:hover {
	cursor:default;
	text-decoration:none;
	}
	
#sub_nav li ul {
	margin:0;
	padding:10px 0 0 0;
	list-style:none;
	background-color:#0b76c0;
	position:absolute;
	left:-999em;
	top:22px;
	width:7em;
	}
	
#sub_nav li:hover ul, #sub_nav li.sfhover ul {
	left:auto;
	}
/*	glen change because code generating lots of li's
#sub_nav ul li {
	margin:0;
	float:none;
	line-height:0.7em;
	padding:0 5px 10px 0;
	}
	*/
#sub_nav ul li a {
	display:block;
	color:#FFF;
	margin:0 10px;
	padding:0 10px;
	line-height:12px;
	}
	
#sub_nav ul li a:hover {
	cursor:pointer;
	text-decoration:underline;
	}
#body_97 #sub_nav, #body_94 #sub_nav { right:0px; }	
#prince_rupert #sub_nav { right:0px; }
#terrace_thornhill #sub_nav { right:0px; }
#kitimat #sub_nav { right:-70px; }
#hazeltons #sub_nav { right:-182px; }
#smithers_telkwa #sub_nav { right:-202px; }
#houston #sub_nav { right:-338px; }
#stewart #sub_nav { right:-338px; }


/* 6.  =Color schemes
--------------------------------------------glen changed h2 to header_title--- */
#body_97 #main_nav, #body_97 #header_title, #body_94 #main_nav, #body_94 #header_title { background-color:#001987; }
#prince_rupert #main_nav, #prince_rupert #header_title { background-color:#001987; }
#port_edward #main_nav, #port_edward #header_title { background-color:#3882a4; } /* june 21, 2007 */
#terrace_thornhill #main_nav, #terrace_thornhill #header_title { background-color:#106576; }
#kitimat #main_nav, #kitimat #header_title { background-color:#0157af; }
#hazeltons #main_nav, #hazeltons #header_title { background-color:#0b6da0; }
#smithers_telkwa #main_nav, #smithers_telkwa #header_title { background-color:#0b76c0; }
#houston #main_nav, #houston #header_title { background-color:#04296d; }
#stewart #main_nav, #stewart #header_title { background-color:#033e47; }

#body_97 #sub_nav li ul, #body_94 #sub_nav li ul { background:#001987;}
#nav_rupert, #prince_rupert #sub_nav li ul { background:#001987;}
#nav_pedward, #port_edward #sub_nav li ul { background:#3882a4;} /* june 21, 2007 */
#nav_terrace, #terrace_thornhill #sub_nav li ul { background:#106576;}
#nav_kitimat, #kitimat #sub_nav li ul { background:#0157af;}
#nav_hazeltons, #hazeltons #sub_nav li ul { background:#0b6da0;}
#nav_smithers, #smithers_telkwa #sub_nav li ul {	background:#0b76c0;}
#nav_houston, #houston #sub_nav li ul { background:#04296d;}
#nav_stewart, #stewart #sub_nav li ul { background:#033e47;}

/* --------------------------------------------glen changed pound breadcrumbs to dot breadcrumb --- */
#prince_rupert #zone_nav a, #prince_rupert #primary h3, #prince_rupert #primary h4, #prince_rupert .breadcrumb a {color:#001987; }
#port_edward #zone_nav a, #port_edward #primary h3, #port_edward #primary h4, #port_edward .breadcrumb a {color:#3882a4; } /* june 21, 2007 */
#terrace_thornhill #zone_nav a, #terrace_thornhill #primary h3, #terrace_thornhill #primary h4, #terrace_thornhill .breadcrumb a{ color:#106576; }
#kitimat #zone_nav a, #kitimat #primary h3, #kitimat #primary h4, #kitimat .breadcrumb a{ color:#0157af; }
#hazeltons #zone_nav a, #hazeltons #primary h3, #hazeltons #primary h4, #hazeltons .breadcrumb a{ color:#0b6da0; }
#smithers_telkwa #zone_nav a, #smithers_telkwa #primary h3, #smithers_telkwa #primary h4, #smithers_telkwa .breadcrumb a {color:#0b76c0; }
#houston #zone_nav a, #houston #primary h3, #houston #primary h4, #houston .breadcrumb a{color:#04296d;	}
#stewart #zone_nav a, #stewart #primary h3, #stewart #primary h4, #stewart .breadcrumb a{color:#033e47;	}

/* --------------------------------------------- nov 8 2007 phil added styles to wysiwyg editor --- */

#prince_rupert #primary h4.footnotes, #port_edward #primary h4.footnotes, #terrace_thornhill #primary h4.footnotes, #kitimat #primary h4.footnotes, #hazeltons #primary h4.footnotes, #smithers_telkwa #primary h4.footnotes, #houston #primary h4.footnotes, #stewart #primary h4.footnotes, #primary h4.footnotes {
	font-size: .7em;
	font-style: italic;
	font-weight: normal;
	color: #000000;
	}
	
#primary table h4.footnotes {
	margin-left: 0px;
	margin-right: 0px;
	padding: 5px 0px;
}
	
/* 7.  =Footer
----------------------------------------------- */
		 	
#footer {
	background:#e6e7e7;
	clear:both;
	width:100%;
	padding:0;
	margin-top:10px;
	}
	
#footer ul{
	clear:left;
	list-style:none;
	margin:0;
	padding:10px 0;
	float:left;
	font-size: 0.7em;
	width:66%;
	}
	
#footer #company_nav {
	border-top:1px solid #666;
	border-bottom:1px solid #666;
	background:#dae9ee;
	font-weight:bold;
	font-size:0.8em;
	width:100%;
	}
	
#footer ul li {
	float:left;
	padding:0 0 0 10px;
	margin:0 0 0 10px;
	border-left:1px solid #999;
	}

#footer li.first {
	border:none;
	}
	
#footer ul li a, #footer a {
	color:#63a1cb;
	text-decoration:none;
	}
	
#footer a:hover {
	text-decoration:underline;
	}
	
#footer p.dw_link {
	color:#999;
	font-size:0.7em;
	font-weight:bold;
	margin:0;
	padding:10px 0;
	float:right;
	position:relative;
	right:22px;
	}
	
/* 8.  =Misc
----------------------------------------------- */
	
.clearfix {
	clear:both;
	}	
	
	
/* Phil Added April 29 for Home Phone form ----------------------------------- */

#primary #phone-test-reg p {
	clear:left;
}

#primary #phone-test-reg label {
	clear: left;
	display: block;
	float: left;
	font-size: 12px;
	width: 160px;
	margin: 10px 0;
}

#primary #phone-test-reg .required {
	color: #ff0000;
}

#primary #phone-test-reg .text {
	width: 200px;
}
	

/* Phil Added June 23 for Twitter Updates --------------------------------------- */

#secondary #twitter_update_list {
	list-style: none;
	padding-left: 20px;
	padding-right: 20px;
	float: left;
	margin-left: 0;
	margin-right: 0;
	width: 191px;
	overflow: hidden;
}

#twitter_div {
	float: left;
	width: 231px;
	overflow: hidden;
}

#secondary #twitter_update_list li {
	margin-bottom: 10px;
	width: 191px;
	overflow: hidden;
}

#secondary #twitter-title {
	width: 230px;
	height: 90px;
	margin: 0 0 10px;
	padding: 0;
	position:relative;
}

#secondary #twitter-title span {
	width: 100%;
	height: 100%;
	position: absolute;
	background: url(../images/twitter.gif) no-repeat top left;
}

#twitter_update_list li a {
	display:block;
	text-decoration: underline;
	text-align: right;
	border-bottom: 1px dashed grey;
	padding-bottom: 5px;
}

#secondary #twitter_update_list span {
	width: 200px;
	height: auto;
	position: relative;
}

#twitter_update_list span a {
	display: inline;
  border-bottom: none;
	margin-bottom: 0;
}

#secondary p.twitmore {
	text-align: right;
	clear: both;
}

#secondary p.twitmore a, #secondary #block-views-promotions_sidebar .content  p.twitmore a {color: #0B76C0;}

div.view-footer-promotions-sidebar {margin-top:20px;}

#primary .view-latest-news p {
	margin-bottom: 0;
	margin-top: 0;
}
#primary #rss_image {
background: url(../images/rss_image.png) no-repeat scroll 0 0;
clear:both;
float:right;
height:14px;
margin-right:25px;
margin-top:-15px;
padding:0;
width:14px;
}

/* Photo Data Box Styles added by phil Apr 12
--------------------------------------------------------------------------------- */
#secondary #block-block-4 h2.title {
	color:#FFF;
	background:url(../images/h2_shadow.png) no-repeat;
	background-color:#0b76c0;
	clear:both;
	margin: 0 0 10px 0;
	padding:15px 0 9px 20px;
	width:211px;
	float:left;
	font-size: 16px;
	position:relative;
	display:inline;
	}
	
#photoDbox .photoitem {float: left; margin-bottom: 6px;}

#photoDbox .photoitem img {border: 5px solid #9f9f9f;}

#secondary #photoDbox p {
	width: 90px;
	padding: 2px 0 2px 0;
}

#photoDbox .photo1, #photoDbox .photo3, #photoDbox .photo5 {
	margin-right: 6px;
	clear: both;
}

#photoDbox:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html #photoDbox { zoom: 1; } /* IE6 */
*:first-child+html #photoDbox { zoom: 1; } /* IE7 */

#secondary #photoDbox .clickToEnlarge {
	font-style:italic;
	color:#666;
	font-size:12px;
	width:auto;
	padding-bottom:10px;
	}
	
#secondary #photoDbox .viewAllPhotos {
	color:#0b76c0;
	font-size:12px;
	width:auto;
	padding-bottom:10px;
	text-align:right;
	clear:both;
	font-weight:bold;
	margin-right:5px;
	}
	
#secondary #photoDbox .viewAllPhotos a {
	color:#0b76c0;
	}