/*
SOUTH COAST PLAZA
Travelers Website
*/

/* RESET */
html, body, div, span, object, iframe, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, 
a, abbr, acronym, address, big, cite, code, del, dfn, em, 
img, ins, kbd, q, samp, small, strike, strong, sub, sup, 
tt, var, dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; background: transparent; }
table { border-spacing: 0; border-collapse: collapse; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote, q { quotes: none; }
:focus { outline: 0; }

select, input { border: 0 }
input[type="checkbox"] { padding: 0; margin: 0; background-color: transparent; }

/* BASE HTML */
body, html {
	color: #e3d8b8;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 12px;
	text-align: center;
	height: 100%;
	
}
body { background: #381d22; }
body.index {background: #381d22 url(../imgs/bg_index.png) repeat-x top; }

h1 {
	font-size: 24px;
	font-weight: normal;
	padding: 0 0 10px;
	text-transform: uppercase;
}
h2 {
	color: #ffffff;
	font-size: 12px;
	font-weight: normal;
	padding: 0 0 10px;
	text-transform: uppercase;
}
h2.short { padding: 0; margin: 5px 0; }
h3 {
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
}
h3 a, h3 a:link, h3 a:visited, h3 a:hover { color: #e3d8b8; text-decoration: none; }
hr {
	background: #381d22;
	border: none;
	display: block;
	color: #cbcbcb;
	height: 1px;
	margin: 0 0 15px;
}

a,a:hover,a:link,a:visited { color: #c79943; text-decoration: none; }

/* STRUCTURE */
#shell {
	display: block;
	margin: 0;
	text-align: left;
	width: 100%;
	padding: 0;
	min-height: 100%;
	position: relative;
	overflow: hidden; 
}
#header {
	width: 100%;
	padding: 0;
	margin: 0;
	height: 210px;
}

#header div.wrapper { height: 210px; background: #D5D2CB url(../imgs/header.png) top left no-repeat; font-size:14px; line-height:22px; color:#525250; position:relative;}
#header div.wrapper img { margin:0 0 0 15px; }
#header div.stores { background-image: url(../imgs/00_SCP_Headers_02_stores.jpg); }
#header div.concierge,
#header div.promo { background-image: url(../imgs/00_SCP_Headers_03_concierge.jpg); }
#header div.local { background-image: url(../imgs/00_SCP_Headers_04_attractions.jpg); }
#header div.visit { background-image: url(../imgs/00_SCP_Headers_05_visit.jpg); }
#header div.wrapper strong { font-size:32px; font-weight:lighter; text-transform:uppercase; display:block; }

.headerimage { position:absolute; top:90px; left:25px; }
.homelink { position:absolute; top:30px; right:25px; }
	
/* SLIDERS */
#homeslide { margin-left:-286px; width:1600px; }
#homeslide .slides_container { width:1600px; height:444px; overflow:hidden;  list-style:none;}
#homeslide .slides_container li { display:block; width:1600px; height:445px; }

/* HEADER */
#index-header { position:relative; }
	#index-header #index-welcome { list-style:none; position:absolute; top:95px; left:20px; z-index:5000; }
	#index-header #index-welcome li { float:left; padding: 0 10px; border-left:1px solid #e3d8b8; }
	#index-header #index-welcome li:first-child { border:none; padding:0 10px 0 0; }
	#index-header #index-welcome li a { text-decoration:none; color:#ffffff; }
	#index-header #index-welcome li a:hover,
	#index-header #index-welcome li a.selected { color:#c79943; }
	#index-header #hometext { font-size:19px; width:522px; position:absolute; top:150px; left:20px; z-index:5000; color:#fff; }
/* NAVIGATION */
#navigation { padding:20px 0; overflow:visible; }
#index-nav { list-style:none; float:left; font-size:11px; }
#index-nav li { float:left; }
#index-nav li a { width:140px; height:111px; display:block; line-height:24px; padding:0 10px 9px 10px; text-transform:uppercase; color:#e3d8b8; text-decoration:none; white-space:nowrap; }
#index-nav li a strong { display:block; height:111px; background-position:bottom center; background-repeat:no-repeat; font-weight:normal; }
	#index-nav li.stores a strong { background-image:url(../imgs/bg_nav_stores.jpg);  }
	#index-nav li.concierge a strong { background-image:url(../imgs/bg_nav_concierge.jpg); }
	#index-nav li.attractions a strong { background-image:url(../imgs/bg_nav_attractions.jpg); }
	#index-nav li.visit a strong { background-image:url(../imgs/bg_nav_visit.jpg); }
	#index-nav li.video a strong { background-image:url(../imgs/bg_nav_video.jpg); }
/* #index-nav li a:hover { background:url(../imgs/bg_index_nav.png) no-repeat; color:#ba9c4d; } */
#index-nav li a:hover {  color:#ba9c4d;  }

#page {
	display: block;
	width: 100%;
	background-color: transparent;
	padding-bottom: 55px;
	overflow: hidden;
}

body.index #page { padding-top:0px; padding-bottom:140px; }
#column-left { 
	float: left;
	width: 270px;
	color: #574c43;
	background-color: #d0e7e5;
}
#column-right {
	display: block;
	margin: 0 0 40px;
	padding: 20px;
	width: 650px;
	float: right;
}
#footer {
	color: #e3d8b8;
	display: block;
	position: absolute;
	font-size:11px;
	background-color: #84767a;
	padding: 10px 0;
	bottom: 0;
	width: 100%;
	line-height:21px;
}

.wrapper {
	width: 960px;
	margin: 0 auto; 
}
body.index .wrapper { width:1024px; }


/* HEADER */
#logo {
	background: transparent url(../imgs/logo.gif) top left no-repeat;
	display: block;
	height: 86px;
	width: 207px;
}
#logo a:link, #logo a:visited {
	background: transparent url(../imgs/logo.gif) top left no-repeat;
	display: block;
	height: 86px;
	text-decoration: none;
	text-indent: -9000px;
	width: 207px;
}
/*#logo img { border: none; }
#logo strong { color: #fff; font-size: 26px; font-weight: normal; padding-left:5px; }*/

#directory { background:#5C484E; }

#stores { background: url(../imgs/SCP_AllGradientBg.png) top left repeat-x; padding: 20px 0; }
#stores .withshadow { background: url(../imgs/SCP_AllGradientBg.png) bottom left repeat-x; padding:0 0 5px 0; }
#stores .viewmap { padding:0 0 20px 0; }
#stores .viewmaptitle { display:block; float:left; height:42px; width:723px; padding:0 0 0 25px; background:url(../imgs/02_SCP_Stores_Title.png); font-family:"Times New Roman", Times, serif; line-height:42px; text-transform:uppercase; font-size:18px; color:#f1ebdb; }
#stores .storetext { font-size:14px; color:#e3d8b8; line-height:24px; text-align:center; padding:20px; }


div#headernav {
	width: 100%;
	color: #D9D6D1;
	padding: 0px;
	height: 34px;
	display: block;
	position: absolute;
	bottom:0;
	z-index: 100;
}

ul#mainnav {
	position: relative;
	font-size: 11px;
	padding:7px 0 7px 20px;
	line-height: 20px;
	list-style: none;
	text-transform:uppercase;
}
ul#mainnav li {
	border-left: 1px solid #D9D6D1;
	display: block;
	float: left;
	margin-left: 8px; 
	padding-left: 10px;
}
ul#mainnav li.first { border: none; margin: 0; padding: 0; }
ul#mainnav li a:link, ul#mainnav li a:visited { color: #FFFFFF; text-decoration: none; }
ul#mainnav li a:hover, ul#mainnav li a.selected { color: #ba9c4d; text-decoration: none; }

#lang-selector {
	display: block;
	position: absolute;
	right: 20px;
	top: 12px;
	font-size: 11px;
	line-height: 10px;
	text-transform: uppercase;
	text-align: right;
	z-index:1000;
}
/*
#lang-selector {
	display: block;
	position: relative;
	left: 670px;
	top: 2px;
	font-size: 10px;
	line-height: 10px;
	text-transform: uppercase;
	text-align: right;
	width: 260px;
}
*/


.index #lang-selector {
	float:right;
	position:relative;
	font-size: 11px;
	line-height: 10px;
	text-transform: uppercase;
	text-align: left;
	top:auto; right:auto;
	list-style:none;
	padding:8px 0 0 0;
}
.index #lang-selector > li { position:relative; padding:0 0 20px 0; float:right; clear:right; }

.index #lang-selector iframe { position: absolute; right: 0; top: -5px; }

#lang-selector ul#lang-choices, #lang-selector ul#gservices {
	top: 0px;
	display: none;
	list-style: none;
	position: absolute;
	right: -5px;
	width: 250px;
	z-index: 100;
}
.index #lang-selector ul#lang-choices, .index #lang-selector ul#gservices {
	right: 0px;
	top: 0px;
	width:220px;
}

#lang-selector ul li { padding:0 0 1px 0; background:#381d22; }

#lang-selector ul li.listclose {
	display: block;
	margin: 0 0 5px;
	text-align: right;
	width: 250px;
	background:none;
}
.index #lang-selector ul li.listclose {
	width:220px;	
}

#lang-selector ul a:link, #lang-selector ul a:visited {
	background-color: #5b484e;
	color: #e3d8b8;
	display: block;
	padding: 3px 5px 4px;
	text-align: right;
	text-decoration: none;
}
#lang-selector ul a:hover,
#lang-selector ul a.selected {
	color: #ba9c4d;
	text-decoration: none;
}
#lang-selector ul a#lclose:link, #lang-selector ul a#lclose:visited, #lang-selector ul a#gclose:link, #lang-selector ul a#gclose:visited {
	background-color: #c59b44;
	color: #fff;
	display: inline;
	padding: 2px 5px 3px;
	text-align: right;
	text-decoration: none;
}

#lang-selector ul a span {
	display: inline-block;
	width: 120px;
	text-align: right;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}


#lang-selector #gselectwrap,
#lang-selector #lselectwrap
 { float:left; position:relative; }

#lang-selector > a,
#lang-selector #gselectwrap > a,
#lang-selector #lselectwrap > a,
.index #lang-selector > li > a { color: #fff; text-decoration: none; margin-left: 10px; display: inline-block; padding-right: 20px; background: transparent url(../imgs/01_SCP_ArrowDown.png) no-repeat right 1px; }	
.index #lang-selector > li > a { color:#e3d8b8; }
.index #lang-selector > a { color: #e3d8b8; text-decoration: none; font-size: 12px; background: transparent url(../imgs/01_SCP_ArrowDown.png) no-repeat right 1px; }
.index #lang-selector > a.directdownload { background-image: url(../imgs/01_SCP_ArrowRight.png);}
#lang-selector > a:hover { background-position: right -8px; color: #e7a640 }



a#lselect span {
	padding: 0 0 0 10px;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}

/* index page */

#index-logo {
	float: right;
	margin: 150px 36px 0 0;
}

/* PAGE */
#pagenav {
	
}

#pagenav ul { display: block; list-style: none; }
#pagenav ul li {
	border-left: 1px solid #cbcbcb;
	display: block;
	float: left;
	margin-left: 5px;
	padding-left: 7px;
}
#pagenav ul li.first { border: none; margin: 0; padding: 0; }

#column-left {
	/* background: #d0e7e5 url(../imgs/SCP_AllGradientBg.png) top left repeat-x; */
	background:#5c484e;
	color:#e3d8b8;
}

#column-left .menu{
	padding: 25px;
	
}
#column-left .signup{
	background-color: #84767a;
	padding: 25px;
}
#column-left .weather{
	background-color: transparent;
	padding: 25px;
}
#column-left .currency{
	background-color: #84767a;
	padding: 15px 20px;
}
#column-left .currency a{
	color: #e3d8b8;
	font-weight: bold;
	font-size: 13px;
}

#modalshell .currency { background-color: #84767a; text-align: left; padding: 25px; }
#modalshell .currency input[type="text"] { width: 111px; }
#modalshell .currency select { width: 117px; }
#modalshell .currency input[type="submit"] { float: right; }
#modalshell .currency span.result { float: left; }
#modalshell .currency h1 { color: #574c43; margin: 0; font-size: 14px; }

#column-left p { margin-bottom: 10px }
#column-left h1 { font-size: 16px; color: #ba9c4d; margin-bottom: 0; }
#column-left .menu #pagelist h2.toggler { color: #574c43; text-transform: capitalize; font-size: 14px; padding: 0; margin: 0; }
#column-left #pagenav a { color: #e3d8b8; font-size: 14px; }
#column-left #pagenav a.selected, #column-left #pagenav a:hover { color: #ba9c4d }
#column-left hr { margin: 10px 0; }
#column-left hr.first { margin: 0 0 10px; }

#column-left .signup h1 { color: #e3d8b8; }
#column-left .signup p,#column-left .signup label { color: #e3d8b8; }
#column-left .signup select, #column-left .signup input { display: inline; margin-bottom: 5px }
#signup-email { width: 215px; }
#signup-location { width: 115px; }
#signup-language { width: 65px; }
#signup-go { width: 35px; }

#column-right .col1, #column-right .col2 { width: 325px; float: left; margin-bottom: 20px; }

#column-right a:link, #column-right a:visited { color: #ba9c4d; font-weight: normal; text-decoration: none; }
#column-right a.hilite:link,#column-right a.hilite:visited { color:#ba9c4d; font-weight:bold; }
#column-right a:hover { color: #e7a640; text-decoration: underline; }
#column-right a.selected { color: #e7a640; text-decoration: none; }
#column-right p {
	padding: 0;
}
.infoblock {
	display: block;
	position: relative;
	padding: 0 20px 0 0;
	margin-top: 10px;
}

#pagelist {
	display: block;
	overflow: hidden;
}
#pagelist .pagelist-col {
	display: block;
	float: left;
	width: 325px;
}
#pagelist .pagelist-col h3 {
	margin: 10px 0 5px;
}
#pagelist .pagelist-col h2 {
	margin: 10px 0 -10px;
	color: #e3d8b8;
}
#pagelist .pagelist-col p.menu {
	display: block;
	height: 50px;
	margin-top: 20px;
}
#pagelist .pagelist-col p.menu a {
	margin-bottom: 5px;
}

#pagelist ul {
	display: block;
	list-style: none;
	margin: 0 0 15px;
}
#pagelist ul li {
	margin: 0 0 5px;
}
#page-photo {
	background-color: transparent;
	background-position: top left;
	background-repeat: none;
	display: block;
	height: 533px;
	left: 0;
	position: absolute;
	top: 0;
	width: 255px;
}
.photo-concierge { background-image: url(../imgs/photo_concierge.jpg); }
.photo-local { background-image: url(../imgs/photo_local.jpg); }
.photo-directions { background-image: url(../imgs/photo_visit-directions.jpg); }
.photo-airports { background-image: url(../imgs/photo_visit-airports.jpg); }
.photo-transportation { background-image: url(../imgs/photo_visit-transportation.jpg); }
.photo-hotels { background-image: url(../imgs/photo_visit-hotels.jpg); }
.photo-help { background-image: url(../imgs/photo_visit-help.jpg); }

/* FOOTER */
#footer p.footertext { float:left; width:860px; white-space:nowrap;  }
#footer.index p.footertext { float:none; position:absolute; bottom:0; left:100px; width:auto;}
#footer p.footerlogo { float:right; }
#footer p span {
	border-right: 1px solid #e3d8b8;
	display: inline-block;
	padding-right: 8px;
	margin-right: 5px;
}

#footer .wrapper { width: 960px; position:relative; }
body.index #footer .wrapper { width:1024px; overflow:hidden; }

#footer.index p span {
	border-right: 1px solid #e3d8b8;
}

#footer.index {
	background-color: transparent;
	color: #e3d8b8;
}

#footer a,#footer a:hover, #footer a:link, #footer a:visited {
	color: #e3d8b8;
}

#footer iframe.facebooklike { float:left;  }
#footer.index iframe.facebooklike { float:none; position:absolute; bottom:0; left:0; }

#footer p span.tagline { font-weight: bold; text-transform:uppercase; }
a#scpurl:link, a#scpurl:visited {
	color: #EFEFED;
	font-size: 10px;
	margin: -13px 10px 0 0;
	text-decoration: none;
	float: right;
}
a#scpurl:hover { color: #b572b5; text-decoration: none; }

/* STORES */
#stores-header {
	background-color: #fff;
	display: block;
	padding: 6px 0;
}
#stores-header #scolumns {
	background: transparent url(../imgs/bg_storeshdr.gif) top left repeat-y;
	display: block;
	overflow: hidden;
	width: 885px;
}
#scolumns h2 {
	color: #b7b7b7;
	font-size: 11px;
	font-weight: bold;
	margin: 0;
	padding: 2px 10px 5px;
	text-transform: none;
}
#col-seclev {
	display: block;
	float: left;
	width: 177px;
}
#col-results {
	background-color: transparent;
}
#col-search {
	
}
#col-seclev ul {
	display: block;
	list-style: none;
	padding: 0 3px;
}
#col-seclev ul li {
	padding: 0 0 2px;
}
#col-seclev ul li a:link, #col-seclev ul li a:visited {
	background: transparent;
	color: #b572b5;
	display: block;
	font-size: 15px;
	font-weight: normal;
	padding: 2px 7px 3px;
	text-decoration: none;
	text-transform: uppercase;
}
#col-seclev ul li a:hover, #col-seclev ul li a.selected {
	background: #b572b5;
	color: #fff;
	text-decoration: none;
}
#col-search select {
	display: block;
	margin: 5px 0 0;
	width: 220px;
	border: 0;
	background-color: #efefef;
}
#col-search input {
	border: 1px solid #efefef;
	color: #b7b7b7;
	display: block;
	font-size: 11px;
	height: 16px;
	line-height: 1em;
	margin: 5px 0 0;
	padding: 1px 4px;
	width: 210px;
	background-color: #efefef;
}
#col-search input[type="submit"] {
	width: auto;
	background-color: #574c43;
	border: 1px solid #574c43;
	padding: 4px 6px;
	height: 22px;
	float: right;
	color: #efefef;
}

#col-search p {
	display: block;
	padding: 4px 22px 0 0;
	text-align: left;
}
#col-search a:link, #col-search a:visited { color: #b572b5; font-weight: bold; text-decoration: none; }
#col-search a:hover {color: #444444; text-decoration: underline; }

#col-results p {
	display: block;
	color: #b7b7b7;
	font-size: 16px;
	font-weight: normal;
	line-height: 1.5em;
	padding: 40px 15px 0 20px;
}
#col-results p strong {
	color: #5c5c5c;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 24px;
	font-weight: 100;
	text-transform: uppercase;
}
img#directory-photo {
	border: 0;
	display: block;
	margin: 0;
	padding: 0;
}
#col-results #resulttable {
	display: block;
	max-height: 170px;
	margin: 0;
	overflow: auto;
	width: 100%;
	background-color: #F7F7F5;
	color: #807F7A;
}
#col-results #resulttable table {
	border: none;
}
#col-results table td.coord { color: #b572b5; font-weight: bold; vertical-align: bottom; width: 20px; }
#col-results table td { border-bottom: 1px solid #CECCC6; padding: 3px 0 3px 5px; }
#col-results h2 { color: #807F7A; margin: 0; padding: 0; font-size: 15px; }
#col-results h3 { color: #807F7A; margin: 10px 0; padding: 0; font-size: 12px; font-weight: normal; }

/* MISC */
.noshow { display: none; }
.clearer { clear: both; height: 1px; width: 100%; float: none; display: block; }
.toggler, .headerimage, .homelink { cursor: pointer; }



/* BUMPER */
#bumper {
	background: #dbe9f9 url(../imgs/bg_bumper.jpg) top left no-repeat;
	color: #fff;
	display: block;
	height: 505px;
	margin: 50px auto 0;
	position: relative;
	width: 885px;
}
#bumper ul {
	display: block;
	font-size: 12px;
	left: 505px;
	list-style: none;
	position: absolute;
	text-align: left;
	top: 295px;
}
#bumper ul li { display: block; padding: 0 0 10px; }
#bumper ul li a:link, #bumper ul li a:visited { color: #fff; text-decoration: none; }
#bumper ul li a:hover { color: #444444; text-decoration: none; }


/* FORMS */

form {
	display: block;
	margin: 0 0 10px;
}
.formrow {
	display: block;
	margin: 0 0 5px;
}
.formrow-float {
	display: block;
	overflow: hidden;
}
.formrow-float input {
	float: left;
	margin-right: 5px;
}
form input, form textarea {
	border: 0;
	color: #989898;
	font-family: Arial, Verdana, sans-serif;
	font-size: 11px;
	margin: 0;
	padding: 2px;
}

input[type="submit"] { background-color: #ba9c4d; border: 0; color: #FFF}
input[type="submit"]:hover { background-color: #e3d8b8; }

select { font-family: "Arial Unicode MS", "Arial Unicode", Arial, Verdana, sans-serif; font-size: 11px; padding: 2px; color:#7c7a75; }


/* PRINT */
@media print {
	body {
		background-color: #fff;
		color: #000;
	}
	h1, h2, h3, h4, p { color: #000; }
	.noshow { display: block; }
	
	a { text-decoration: underline; }
	.selected { text-decoration: none; }
	
	/* stuff to hide */
	#lang-selector,
	.backtotop { display: none; }
}

/* jqModal base Styling courtesy of;
 * Brice Burgess <bhb@iceburg.net> */

/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
 * the Window's z-index value will be set to 3000 by default (via jqModal.js). */

.jqmWindow {
	display: none;
	
	position: fixed;
	top: 17%;
	left: 50%;
	
	margin-left: -150px;
	width: 300px;
	
	background-color: #84767a;
	color: #989898;
	border: 0;
	padding: 0;
}
/*  */
.jqmVideo {
	display: none;
	
	position: fixed;
	top: 17%;
	left: 50%;
	
	margin-left: -317px;
	width: 625px;
	
	background-color: #84767a;
	color: #989898;
	border: 0;
	padding: 20px;
	z-index:10000;
}

.jqmVideo h3 { text-align: left; font-weight: normal; font-size: 14px; display: block; width: 500px; margin: -2px 0 20px; color:#e3d8b8; }

.jqmOverlay { background-color: #000; }

/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
* iframe.jqm {position:absolute;top:0;left:0;z-index:-1;
 width: expression(this.parentNode.offsetWidth+'px');
 height: expression(this.parentNode.offsetHeight+'px');
}

/* Fixed posistioning emulation for IE6
 *    Star selector used to hide definition from browsers other than IE6
 *    For valid CSS, use a conditional include instead */
* html .jqmWindow, * html .jqmVideo {
    position: absolute;
    top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}

.modalclose { display: block; position: absolute; right: 25px; top: 25px; padding: 3px; background-color: #989898; width: 15px; height: 15px; text-align: center; }
a.modalclose:hover { color: #fff; }
a.modalclose:link,a.modalclose:visited { color: #84767a; }
.jqmVideo .modalclose { right: 20px; top: 15px; }

/* weather goodies */

#weather {
/*	background-color: #DFDEDA; */
color:#e3d8b8;
}

#weather .temp {
	/* background-color: #84767a; */
	padding: 8px 25px;
}

#weather .temp h1 {
	font-size: 12px;
	color: #e3d8b8;
	padding-bottom: 5px;
}

#weather .temp h2 {
	margin-bottom: 0;
	padding: 0;
	font-size: 15px;
	color:#e3d8b8;
}

#weather .temp h2 span {
	font-size: 11px;
}

#weather p {
	padding: 20px 25px;
	/* color: #494741; */
	margin: 0;
}

#weather p.cond {
	padding-top: 8px;
}

#weather #clock {
	padding-bottom: 8px;
}

#weather p span {
	font-size: 16px;
}

#weather a:link, #weather a:active, #weather a:visited {
	display: block;
	clear: both;
	text-decoration: none;
	color: #222;
	font-size: 12px;
}

#weather a:hover {
	color: #000;
	text-decoration: underline;
}


#directory-shell { margin: 0 auto; overflow: hidden; position: relative;}
#directory-shell img { border: none; display: block; }
#directory-shell #zoom-image { display: block; left: -191px; position: absolute; top: 0px; z-index:50; }
#directory-shell #zoom-loading { background: transparent url(../imgs/loader.gif) 0 0 no-repeat; display: block; height: 32px; left: 314px; position: absolute; text-indent: -9999px; top: 250px; width: 32px; z-index: 51; }
#directory-shell #zoom-image img,
#directory-shell #zoom-image img:hover { cursor: pointer }
#directory-shell #zoomicon { position:absolute; z-index:51; top:0; right:0; background-image:url(../imgs/zoom.gif); background-repeat:no-repeat; width:91px; height:32px; background-position:0 -32px; cursor:pointer;}
#directory-shell #zoomicon.active { background-position:0 0;  }