/* 
========================================================================================================================
Title:				My Wear Weather Stylesheet
Author URI: 		www.boominteractive.com.au
Description:		Sets layout and presentation for all media
Updated:			24 September 2008
======================================================================================================================== 
========================================================================================================================
RESET - LEVELS PLAYING FIELD ACROSS BROWSERS
(A LOT OF THIS IS OVER-WRITTEN BY SPECIFIC STYLES BELOW, BUT THIS ACTS AS INSURANCE)
======================================================================================================================== */
html, body, form, fieldset { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address { margin: 0 0; padding: 0; }
li, dd, blockquote { margin-left: 0; }
a, button, label { cursor: pointer; }
input, select, textarea, th, td { font-size: 1em; }
fieldset { border: none; }

/* GENERIC */
.hide { display:none; }
.show { display:block; }
.float-left { float: left; }
.float-right { float: right; }
.float-none { float: none; }
.align-left { text-align: left; }
.align-center { text-align: center; }
.align-right { text-align: right; }
.clear { clear: both; }

/* CLEARFIX HACK */
.clearfix:after {content: " "; display: block; height: 0; clear: both; visibility: hidden; line-height: 0; font-size: 0; }
.clearfix {display: inline-block;}
/* Start Holly Hack \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End Holly Hack */

/* FIX FOR IE6 LIST ITEM WHITESPACE BUG */
/* Start Holly Hack \*/
* html ul li {height: 1%;}
/* End Holly Hack */


/*** Global anchor styles ***/

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

a:hover {text-decoration: underline;}

a img {border: none;}

/*** Global list styles ***/

ul { padding: 0; margin: 0;}

ul li { list-style-type: none;}

/* 
========================================================================================================================
BODY / PAGE SETUP
======================================================================================================================== */

* { 
}
html {
	height: 100%;
}

body {
	position: relative;
	height: 100%;
	margin: 0;
	min-width: 999px; 				/* won't work in IE<7 of course */
	padding: 0 0 1px 0;				/* Prevent scrollbar shift on shorter pages */
	background-color: #DFE9EA;
	color: #666;
	font-family: Tahoma,"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 76%;				/* Font sizing in ems beyond this point. Original default 76%. 62.5% makes 1em=10px. 68.75% makes 1em=11px */
	line-height: 1.4em; 			/* General line-height and also acts as IE 6 Peekaboo bug hack */
	text-align: center;				/* IE6> centering - reset to align left in container */
}

h2 {
	height: 28px;
	color: #3a3a3a;	
	font-size: 1.1em;
	font-weight: normal;
	text-transform: uppercase;
}

/*************** GLOBAL STYLES *************************************************************************************************************************/
/******************************************************************************************************************************************************/
#bg {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:900px;
	z-index: 1;
}

#bg img{
	width:100%;
	height:900px;
}

#container {
	position: absolute;
	top:0;
	left:0;
	width:100%;
	padding-top: 10px;
	z-index: 2;
	text-align: center;	
}

#content {
	padding-top: 12px;
	width:986px;
	text-align: left;
	height: 1%;
	overflow: hidden;
	margin: 0 auto;
}

/******************************************************************************************************************************************************
HEADER STYLES
******************************************************************************************************************************************************/

#header {
	width: 998px;
	margin:0 auto;

	height: 1%;
	overflow: hidden;
}

#logo {
	width: 182px;
	height: 140px;
	float: left;
}

#logo h1 a{
	width: 182px;
	height: 140px;
	background-image: url(../img/MWW_logo.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	overflow:hidden;
	text-indent:-9999px;
	display:block;
	/*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/MWW_logo.png',sizingMethod='scale');*/
}

/* a hack for IE5.x and IE6 */
* html #logo h1 a {background-image: url(../img/MWW_logo.gif);}

#mww_home_main .page_header h1{
	color: #4E5151;
	font-size: 18px;
	font-weight: normal;
	text-transform: uppercase;
	padding-left: 8px;
	padding-bottom: 10px;
}

#mww_home_main .page_content_box {
	background-color: #d2e0e3;
	height: 1%;
	overflow: hidden;
	padding: 8px;
}

.mwwIslandBanner{
	width:250px;
	margin-bottom: 6px;
}

/*
=====================================================================
SUBNAV STYLES 
===================================================================== */

.mwwSubnav{
	border-bottom: solid 8px #d2e0e3;
}

.mwwSubnav .hdrLT{
	/*background-image: url(../img/subNavL_BG.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;*/
	height: 28px;
	padding-left: 0px;
	margin: 0;
}

.mwwSubnav .hdrRT{
	/*background-image: url(../img/subNavR_BG.gif);
	background-repeat: no-repeat;
	background-position: 100% 0px;	*/
	height: 28px;
	margin: 0;
	padding-right: 8px;
}

.mwwSubnav .tab{
	text-transform: uppercase;
	font-size: 13px;	/*background-image: url(../img/subNav_BG.gif);*/
	border:0;
	background:none;
}

.mwwSubnav .tab ul{
	margin:0;
	padding:0;
	height: 32px;
	list-style:none;
	position: relative;
}

.mwwSubnav .tab li {
	float: left;
	display:inline;
}

.mwwSubnav .tab li.active {
	float: left;
	display:inline;
	margin:0;
	margin-top: 2px;
	padding:0;
	height: 32px;
	background-image: url(../img/subNav_Tab_BG.gif);
	background-repeat: repeat-x;
	background-position: 0px 0px;
}

.mwwSubnav .tab a {
	background: none;
	color: #3a3a3a;	
	height: 32px;
	float: left;
	padding-left: 8px;
	padding-right: 8px;
	line-height: 26px;
	text-decoration: none;
}

.mwwSubnav .tab a:hover {
	color: #006699;	
}

.mwwSubnav .tab li.active a {
	background-image: url(../img/subNav_TabL_BG.gif);
	background-repeat: no-repeat;
	height: 32px;
	float: left;
	padding-left: 8px;
	padding-right: 0px;
	background-position: 0px 0px;
	color: #006699;
}

.mwwSubnav .tab li.active span {
	background-image: url(../img/subNav_TabR_BG.gif);
	height: 32px;
	float: left;
	background-repeat: no-repeat;
	background-position: 100% 0px;
	padding-right: 8px;
}


/* ================================================================== */
.mwwContentNav {
	padding-top: 8px;	
}

.mwwContentNav .hdrLT{
	background-image: url(../img/subNavL_BG.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 28px;
	padding-left: 8px;
	margin: 0;
}

.mwwContentNav .hdrRT{
	background-image: url(../img/subNavR_BG.gif);
	background-repeat: no-repeat;
	background-position: 100% 0px;
	height: 28px;
	margin: 0;
	padding-right: 8px;
}

.mwwContentNav h2 {
	text-transform: uppercase;
	font-size: 13px;	
	background-image: url(../img/subNav_BG.gif);
	border:0;
}


/* ================================================================== */


#toolNav {
	height: 20px;
	width: 60px;
	color: #FFFFFF;
	background-color: #999999;
	float: right;
	
}

#banner {
	color: #FFFFFF;
	float: right;
	margin-top: 5px;
	margin-bottom: 5px;
	padding:0;
	border: none;
}

/******************************************************************************************************************************************************
CAROUSEL
******************************************************************************************************************************************************/


#flashCont {
	width: 998px;
	height: 14px;	
	clear: both;
}

#fashion_carousel {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#carousel {
	width:986px;
	height:409px;

}

#carousel_detail {
	width:729px;
	height:409px;

}


#weather {
	width:543px;
	height:600px;
}

#mww_home_main {
	float: left;
	width:729px;
	padding:0px;
	margin: 0px;
	margin-top: 6px;
}

#mww_home_main h2{
	color: #FFF;
	line-height: 29px;
	font-weight: normal;
}

#mww_home_main h3 a{
	color: #666666;
}

#mww_home_main_holder{
	padding:0px;
	margin:0px;
}

#mww_home_main_holder #swf_slider {
	width:729px;
	height:131px;
	padding:0px;
	margin:0px;

}


/******************************************************************************************************************************************************
*** Labels ***
******************************************************************************************************************************************************/

.label_row {
	width:100%; 
	clear:both;
}

.label_column {
	float:left;
	border:0px solid;
	display:inline;
	margin:0 0 5px 30px;	
	background-color:#FFFFFF;
}

/******************************************************************************************************************************************************
*** Static Tools (Page) navigation ***
******************************************************************************************************************************************************/


.box_pages { /*** static pages list holder ***/
	border: 1px solid #b0b0b0;
	background-color: #eeeeee;
	background-image: url(../img/tool_bg.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	padding-top: 0px;
	padding-bottom: 0px;
	float: right;
}

.box_pages ul
{
	padding-left: 0;
	margin-left: 0;
	float: left;
	color: White;
}

.box_pages ul li { /*** static pages list ***/
	display: inline;
}

.box_pages  ul li a {
	float: left;
	border-left: 1px solid #b0b0b0;
	margin: 0px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}

.box_pages  ul li a.first {
	border-left: 0px;
}

.box_pages a:link, .box_pages a:visited {
	color: #3a3a3a;
	font-size: 0.9em;
	text-transform: uppercase;
	text-decoration: none;
}

.box_pages a:hover {
	color: #000;
	background-color: #B7B8B8;
	text-decoration: none;
}



/*
=====================================================================
HOMEPAGE CONTENT PANES 
===================================================================== */

.mww_pane_col_hdr{
	background-image: url(../img/main_pane_hdr_bg.gif);
	background-repeat: repeat-x;
	background-position: left top;
	height: 29px;
}


/* 
--------------------------------------------------------------------
2 x PANE
2 Column homepage layout
-------------------------------------------------------------------- */

.mww_2pane{
	background-image: url(../img/main_pane_2col_bg.gif);
	background-repeat: repeat-y;
	background-position: left top;
	height: 1%;
	overflow: hidden;
	margin-top: 6px;
	clear:both;
}

.mww_2pane hr{
	background-color:#DFE9EA;
	margin: 0px;
	padding: 0px;
	height: 3px;
	border:none;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #DFE9EA;
}

.mww_2pane ul{
	margin: 0px;
	padding: 0px;
}

.mww_2pane li{
	margin: 0px;
	padding: 0px;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #DFE9EA;
}

/* 2 x PANE COLUMN 1 ------------------*/

.mww_2pane .col1_holder {
	width: 243px;
	float: left;
}

.mww_2pane .col1_holder .hdr{
	background-image: url(../img/main_pane_hdr_left.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 29px;
	padding-left: 10px;
	padding-right: 10px;
}

/* 2 x PANE COLUMN 2 ------------------*/

.mww_2pane .col2_holder {
	width: 486px;	
	background-color: #dfe9ea;	
	float: left;
}

.mww_2pane .col2_holder .hdr{
	background-image: url(../img/main_pane_hdr_right.gif);
	background-repeat: no-repeat;
	background-position: right top;
	padding-left: 10px;
	padding-right: 10px;
	height: 29px;
}


/* 2 x PANE COLUMN 2 ------------------*/

.mww_2pane .col1b_holder {
	width: 486px;	
	background-color: #dfe9ea;	
	float: left;
}

.mww_2pane .col1b_holder .hdr{
	background-image: url(../img/main_pane_hdr_left.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 10px;
	padding-right: 10px;
	height: 29px;
}

.mww_2pane .col2b_holder {
	width: 227px;
	float: left;
}

.mww_2pane .col2b_holder .hdr{
	background-image: url(../img/main_pane_hdr_right.gif);
	background-repeat: no-repeat;
	background-position: right top;
	height: 29px;
	padding-left: 10px;
	padding-right: 10px;
}


/* 2 x PANE COLUMN (HALF/HALF) ------------------*/

.colhalf_1 {
	width: 100%;
	margin-top: 8px;		
	float: left;
}

.colhalf_1 .hdr{
	background-image: url(../img/main_pane_hdr_left.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 29px;
	padding-left: 10px;
	padding-right: 10px;
}

/* 2 x PANE COLUMN 2 ------------------*/

.colhalf_0 {
	width: 100%;
	margin-top: 8px;	
	background-color: #dfe9ea;	
	float: left;
}

.colhalf_0 .hdr{
	background-image: url(../img/main_pane_hdr_right.gif);
	background-repeat: no-repeat;
	background-position: right top;
	padding-left: 10px;
	padding-right: 10px;
	height: 29px;
}

mww_pane{
	background-image: url(../img/main_pane_2col_bg.gif);
	background-repeat: repeat-y;
	background-position: left top;
	height: 1%;
	overflow: hidden;
	clear:both;
}

/*
--------------------------------------------------------------------
--------------------------------------------------------------------
3 x PANE
3 Column homepage layout
-------------------------------------------------------------------- */

.mww_3pane{
	background-image: url(../img/main_pane_3col_bg.gif);
	background-repeat: repeat-y;
	background-position: left top;
	overflow: hidden;
	height: 1%;
	margin-top: 6px;
	clear:both;
}

.mww_3pane hr{
	background-color:#DFE9EA;
	margin: 0px;
	padding: 0px;
	height: 3px;
	border:none;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #DFE9EA;
}

.mww_3pane ul{
	margin: 0px;
	padding: 0px;
}

.mww_3pane li{
	margin: 0px;
	padding: 0px;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #DFE9EA;
}

/* 3 x PANE COLUMN 1 ------------------*/

.mww_3pane .col1_holder {
	width: 243px;
	float: left;
}

.mww_3pane .col1_holder .hdr{
	background-image: url(../img/main_pane_hdr_left.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 29px;
	padding-left: 10px;
	padding-right: 10px;
}

/* 3 x PANE COLUMN 2 ------------------*/

.mww_3pane .col2_holder {
	width: 243px;	
	float: left;
}

.mww_3pane .col2_holder .hdr{
	padding-left: 10px;
	padding-right: 10px;
	height: 29px;
}

/* 3 x PANE COLUMN 3 ------------------*/

.mww_3pane .col3_holder {
	width: 243px;	
	float: left;
}

.mww_3pane .col3_holder .hdr{
	background-image: url(../img/main_pane_hdr_right.gif);
	background-repeat: no-repeat;
	background-position: right top;
	padding-left: 10px;
	padding-right: 10px;
	height: 29px;
}


/*
--------------------------------------------------------------------
-------------------------------------------------------------------- */


.mww_pane_frame{
	padding-left:4px;
	padding-right:4px;
	padding-bottom:4px;
}

/*
--------------------------------------------------------------------
-------------------------------------------------------------------- */



.mww_pane_detail{
	padding: 6px;
	margin: 0px;
}

.mww_pane_detail img{
	float: left;
	align:left;
}

.mww_pane_detail p{
	margin:0;
	padding: 0px;
	padding-left: 90px;
}

.mww_pane_detail p.list{
	padding-left: 46px;
}

.mww_pane_detail a{
	color: #1799df;
	text-decoration:none;
}



/*
--------------------------------------------------------------------
-------------------------------------------------------------------- */



#mww_home_main .weather_content {
	background-color:#d2e0e3;	
	padding-left:8px;
	padding-right:8px;
	padding-bottom:6px;	
}

.mww_cams_detail{
	padding-left:4px;
	margin: 0px;
	margin-bottom:2px;
	background-color:#FFF;	
}

.mww_cams_detail ul li{
	background-color:#FFF;
}

.mww_cams_detail p{
	margin:0;
	padding: 0px;
	padding-left: 0px;
	font-size:12px;
}

.mww_cams_detail a{
	color: #1799df;
	text-decoration:none;
	font-weight:bold;
}

.mww_cams_detail a:hover{
color: #006699;
}



/*
--------------------------------------------------------------------
-------------------------------------------------------------------- */

.comments_frame {

	padding-left:0px;
	padding-right:0px;	
	
}

.mww_pane_frame .article_comments {
	background-color:#d2e0e3;	

	padding-bottom:6px;	
}

.mww_article_comment{
	padding-left:4px;
	padding-top:4px;
	margin: 0px;
	margin-bottom:2px;
	background-color:#FFF;	
	min-height:44px;
}

.mww_article_comment img{
	float: left;
	align:left;
}

.mww_article_comment ul li{
	background-color:#FFF;
}

.mww_article_comment p{
	margin:0;
	padding: 0px;
	padding-left: 46px;
	font-size:12px;
}

.mww_article_comment a{
	color: #1799df;
	text-decoration:none;
	font-weight:bold;
}

.mww_article_comment a:hover{
	color: #006699;
}

.mww_article_comment .comment_report { display:inline-block; float: right; bottom:40px;}


/*
--------------------------------------------------------------------
-------------------------------------------------------------------- */

.mww_pane_headline{
	padding: 6px;
	margin: 0px;
}

.mww_pane_headline img{
	float: none;
}

.headline_image { 
	width:218px;
	height: 205px; 
	margin-bottom:6px;
	overflow: hidden; 
	position: relative; 
	display: block; 
	text-align: left;
	float: left;
	
}

.headline_image div.image_caption { 
	position: absolute; 
	bottom: 0; 
	left: 0;
	width: 218px; 
	text-align: left;
	font-size: 11px; 
	color: #FFFFFF; 
	background-color: #000000;
	padding: 6px;
	z-index: 999;
	opacity: .60;               /* Standard style for transparency */
	-moz-opacity: .60;          /* Transparency for older Mozillas */
	filter: alpha(opacity=60);  /* Transparency for IE */
}



.mww_pane_headline .details{
	width:216px;
	height: 205px;
	overflow: hidden; 
	position: relative; 
	display: inline-block; 
	text-align: left;
	float: left;
	
}

.mww_pane_headline h3{
	text-transform: uppercase;
	font-size: 1.2em;
	font-weight: normal;
	padding-left:8px;
	padding-bottom:8px;
	color:#3a3a3a;
}

.mww_pane_headline p{
	padding-left:8px;
}

.mww_pane_headline a{
	color: #1799df;
	text-decoration:none;
}

.headline_menu {
	position: absolute; 
	bottom: 0; 
	left: 6px;
}

.num_menu{
	margin:0;
	padding:0;
}

.num_menu li{
	margin:0;
	border:none;
	display:inline;
	padding: 2px 6px;
	background-color: #96A3A2;
}

.num_menu li a{
	line-height: 2.0em;
	padding: 0;
	color:#3a3a3a;
}

.num_menu li a.active, .num_menu li a:visited.active {
	background-color: #3a3a3a;
	color: #FFFFFF;
}




/*
--------------------------------------------------------------------
-------------------------------------------------------------------- */

#mww_right {
	float: right;
	width:257px;
	padding:0px;
	margin-top: 6px;
}

#mww_right_holder{
	padding-left:7px;
}


/* 
====================================================================
====================================================================
FOOTER STYLES
====================================================================
==================================================================== */

#footer {
	width:998px;
	overflow:hidden;
	margin: 0 auto;
	text-align:left;
	padding:0;
}

/* 
--------------------------------------------------------------------
FOOTER SETUP
-------------------------------------------------------------------- */


#footer #frame {
	background-image: url(../img/footer_bg_back.gif);
	background-repeat: no-repeat;
	background-position: 0 100%;
	padding:0;
	margin-top:8px;
}

/* 
--------------------------------------------------------------------
FOOTER WIDEGET RSS
-------------------------------------------------------------------- */


#footer #frameWidgetRSS {
	width:982px;
	margin-left: 8px;
	margin-right: 8px;
	background-image: url(../img/footer_bg.gif);
	background-repeat: repeat-y;
	background-position: 0 0;
}

#footer #frameWidgetRSS #frameTop {
	width:982px;
	background-image: url(../img/footer_top.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}

#footer #frameWidgetRSS #frameBottom {
	width:982px;
	height:1%;
	background-image: url(../img/footer_bottom.gif);
	background-repeat: no-repeat;
	background-position: 0 100%;
	overflow:hidden;
	padding-top: 10px;
	padding-right: 16px;
	padding-left: 16px;
	padding-bottom: 10px;
}

/* Widget */

#footer #frameWidgetRSS #widget {
	width:720px;
	w\idth:500px;
	overflow:hidden;
	padding-right: 10px;
	padding-left: 220px;
	background-image: url(../img/footer_img_widget.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	float:left;
}

#footer #frameWidgetRSS h2 {
	font-size: 1.4em;
	font-weight: normal;
	text-transform: uppercase;
	padding-bottom: 10px;
}

#footer #frameWidgetRSS #widget p {
	padding-bottom: 10px;
}

/* RSS */

#footer #frameWidgetRSS #rss {
	width:140px;
	overflow:hidden;
	float:left;
}

#footer #frameWidgetRSS #rss ul{
	margin:0;
	padding:0;
	list-style:none;
	width:100%;
	overflow:hidden;
}
#footer #frameWidgetRSS #rss ul li{
	margin:0;
	padding:0;
}

#footer #frameWidgetRSS #rss ul li a{
	background-image: url(../img/rssfeed.gif);
	background-repeat: no-repeat;
	padding-left: 20px;
	font-size: 1em;
	color: #FFFFFF;
	text-decoration: none;
	height: 16px;
	background-position: left center;
}

/* Form */

#footer #frameWidgetRSS form{
	padding-right: 10px;
	float:left;
	width:230px;
	padding-bottom: 10px;
}

#footer #frameWidgetRSS form label{
	width:228px;
	font-size: 1.0em;
	font-weight: bold;
	display:inline-block;
}

#footer #frameWidgetRSS form input{
	
}


#footer #frameWidgetRSS form input.txt {
	width:226px;
	height:16px;
	font-size: 1.0em;
	padding:2px 0 0 4px;
	border:1px solid #fff;
	background:url(../img/form_input_bg.gif);
}



/* 
--------------------------------------------------------------------
FOOTER SITEMAP
-------------------------------------------------------------------- */


#footer #frameSitemap {
	margin-left: 8px;
	margin-right: 8px;
	background-image: url(../img/footer_bg_sitemap.gif);
	background-repeat: repeat-y;
	background-position: 0 0;
}

#footer #frameSitemap #frameTop {
	width:998px;
	background-image: url(../img/footer_bg_sitemap_t.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}

#footer #frameSitemap #frameBottom {
	width:998px;
	height:1%;
	background-image: url(../img/footer_bg_sitemap_b.gif);
	background-repeat: no-repeat;
	background-position: 0 100%;
	overflow:hidden;
	padding-right: 7px;
	padding-left: 7px;
}

/* 
-------------------------------------------------------------------------------------------------------------------------
bottom navigation 
------------------------------------------------------------------------------------------------------------------------- */
#footer #frameSitemap ul{
	margin:0;
	padding:0;
	list-style:none;
	overflow:hidden;
	width:968px;
	text-transform: uppercase;
}

#footer #frameSitemap ul li{
	float:left;
	display:inline;
	margin-top: 8px;
	margin-right: 1px;
	margin-bottom: 8px;
	margin-left: 1px;
	background-color: #d3e0e3;
	background-image: url(../img/footer_sitmap_li_bg.gif);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	height: 140px;
	padding: 2px;
}


#footer #frameSitemap #hdr{
	padding:2px;
	padding-right: 4px;
	padding-left: 4px;
	width:122px;
	background-color: #add7ec;
}


#footer #frameSitemap ul a{
	padding:2px;
	padding-right: 4px;
	padding-left: 4px;
	font-weight: bold;
	color: #53585a;
	text-decoration: none;
}

#footer #frameSitemap ul ul{
	margin:6px 0 0;
	padding:0;
	width:122px;
	font-size: 0.9em;
	line-height:1.1em;
	list-style:none;
}


#footer #frameSitemap #hdr.tools{
	padding:2px;
	padding-right: 4px;
	padding-left: 4px;
	width:140px;
	background-color: #add7ec;
}

#footer #frameSitemap ul ul.tools{
	margin: 0;
	width:140px;
}


#footer #frameSitemap ul ul li{
	float:left;
	margin:0;
	padding:2;
	width:122px;
	display:block;
	background:none;
	height: 10px;
}

#footer #frameSitemap ul ul li.tools{
	padding:0;
	display:block;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 2px;
	margin-left: 0;
	width:140px;
	height: 20px;
}

#footer #frameSitemap ul ul a{
	padding:2px;
	padding-right: 4px;
	padding-left: 4px;
	background:none;
	font-weight: normal;
	color: #53585a;
	font-size: 0.9em;
	text-transform: none;
	margin-bottom:2px;
}
#footer #frameSitemap ul ul a.tools{
	padding:0px;
	padding-right: 4px;
	padding-left: 4px;
	font-weight: bold;
	color: #53585a;
	font-size: 1.1em;
	line-height:20px;
	text-transform: uppercase;
}


/* 
--------------------------------------------------------------------
FOOTER COPYRIGHT
-------------------------------------------------------------------- */

#footer #frameCopyright {
	width:998px;
	background:url(../img/footer_bg_copyright.gif) repeat-y 0 0;
}

#footer #frameCopyright #frameTop {
	width:998px;
	background:url(../img/footer_bg_copyright_t.gif) no-repeat 0 0;
}

#footer #frameCopyright #frameBottom {
	width:998px;
	height:1%;
	background-image: url(../img/footer_bg_copyright_b.gif);
	background-repeat: no-repeat;
	background-position: 0 100%;
	overflow:hidden;
	padding-right: 12px;
	padding-left: 12px;
}

#footer #copyright {
	width:850px;
	height:1%;
	float: left;
	font-family: verdana;
	font-size: 0.8em;
	font-weight: normal;
	line-height: 1.2em;
	color: #FFFFFF;
	padding-top: 12px;
	padding-right: 10px;
	padding-bottom: 16px;
	border-right-width: 1px;
	border-right-style: dashed;
	border-right-color: #127ab2;
}

#footer #madeByBoom {
	padding-left: 10px;
	padding-top: 12px;
	padding-bottom: 16px;
	border-left-width: 1px;
	border-left-style: dashed;
	border-left-color: #45abe1;
	float:left;
}

#footer #madeByBoom a {
	width:101px;
	height:31px;
	background-image: url(../img/footer_boomLogo.gif);
	background-repeat: no-repeat;
	text-indent:-9999px;
	text-decoration:none;
	float:left;
}



/* NEW STYLES ADDED BY ADRIAN PEYTON FOR THE MWWW FRONTEND */

.colour_cell
{
	border:1px solid; 
	padding:0;
	margin-left:2px;	
	margin-bottom:2px;		
	height:10px;
	width:10px;	
	display: inline-block;	
}

.font_size{
	height:30px;
}

.favourites_link{
	float:right;
}


#article_holder {
	background-color: #d2e0e3;
	height: 1%;
	overflow: hidden;
	padding: 8px;
}

#article_holder  h1{
	color: #4E5151;
	font-size: 20px;
	font-weight: normal;
	text-transform: uppercase;
	padding-left: 0px;
	padding-bottom: 10px;
}

#article_holder .article_desc{
	background-color: #FFF;
	padding: 4px;
	margin-bottom: 8px;
	height: 1%;
	overflow: hidden;
}

#article_holder .article_desc img{
	padding-right: 8px;
	padding-bottom: 2px;
	/*max-width: 240px;*/
	
}

#article_holder .profile_desc {
	background-color: #FFF;
	padding: 4px;
	margin-bottom: 8px;
	height: 1%;
	overflow: hidden;	
}

#article_holder .profile_desc .form_line label {
	text-align: left;
	padding: 3px 8px 3px 3px;
	display: block; 
	float: left;
	width: 200px;
	font-size: 12px;
	color: #777777;
	font-weight: bold;

}
#article_holder .profile_desc .formElement {
	display:inline;
}



#article_holder div.product_pics {
	float: left; 
	padding: 4px; 
	padding-right: 8px; 	
	margin-right: 6px; 
	height:auto;	
	border:none;
}

#article_body .image {
	float: left; 
	padding-right: 8px; 	
	margin-right: 6px; 
	border:none;
}
							



#article_holder div.product_extra_pics {
	float: left; 
	padding: 4px; 
	margin-right: 6px; 
	background-color:#FFFFFF;	
	height:auto;	
	border:none;
	border-top: 1px solid #cccccc;
}



#article_holder div.gallery-holder {
	float:left;
	display:inline;
	margin:0 10px 0 0;
	padding:5px 0 10px 0;	
}


#article_holder div.google_map {
	width: 200px; 
	text-align:left; 
	background-color:#CC8888; 
	height: 100px;
}

#article_holder .store-hours-img .box {
	display:inline;
	margin:0 7px 0 0;
	clear:right;
	float:right;
	width:135px;
	border-bottom:1px solid #d3d3d3;	
}

#article_holder .store-hours-img .address {
	display:inline;
	margin:10px 7px 7px 3px;
	clear:right;
	float:left;
}

#article_holder .store-hours-img .bordered-box {
	display:inline;
	margin:0 7px 0 0;
	float:right;
	clear:right;
	width:135px;
}
#article_holder .store-hours-img .bordered-box strong,
#article_holder .store-hours-img .bordered-box span {
	float:left;
}
#article_holder .store-hours-img .bordered-box span.hours {
	margin:0;
	width:100px;	
	text-align:right;
	float:right;	
}

#article_holder .store-hours-img .bordered-box span {
	width:30px;
}


#article_holder .additional_info {
	width:100%;
	float:left;
	display:inline;
	padding-bottom:10px;
	padding-left:10px;
}

#article_holder .additional_info img {
	float:right;
	clear:both;
	margin:0 5px;
	border:none;
}

#article_holder .social_bookmarks {
	width:100%;
	float:left;
	display:inline;
	padding-bottom:10px;
	padding-left:10px;
}

.featured_label {
	height:auto;
}

.featured_label img {
	float:left;
	margin:0 5px;
	border:none;
	clear: both;
}

.cleardiv {
	clear:both;
	height:1px;
}

/* 
--------------------------------------------------------------------
POPUP HOLDER
-------------------------------------------------------------------- */

#popup_holder {
	position:absolute;
	left:0px;
	right:0px;
	top:0px;
	display:none;
	z-index:990;
}

#popup_box {
	background-color: #000;
	opacity: .60;               /* Standard style for transparency */
	-moz-opacity: .60;          /* Transparency for older Mozillas */
	filter: alpha(opacity=60);  /* Transparency for IE */
	display:block;
}

#popup_location {
	position: absolute;
	top:0;
	left:0;
	width:100%;
	padding-top: 100px;
	z-index:1000;
	text-align: center;	
	display:none;
	
}

#popup_swf {
	width:420px;
	height:180px;
	margin: 0 auto;
	background-color: #FFF;
	z-index:1001;
	
}



/* 
--------------------------------------------------------------------
ROTATING HEADLINES STYLES
-------------------------------------------------------------------- */
.box_headline {margin: 3px 3px 0px 3px; padding: 6px; padding-top:0px; padding-left:0px; background-color: #fafdfd; height: 205px;}

.box_headline h1 { padding: 4px 0px;}

.headline_article_holder { width: 100%; overflow:hidden;}

.headline_image { 
	width:218px;
	height: 205px; 
	overflow: hidden; 
	position: relative; 
	display: block; 
	text-align: center;
}

.headline_image div.image_caption { 
	position: absolute; 
	bottom: 0; 
	left: 0;
	width: 218; 
	text-align: left;
	font-size: 11px; 
	color: #FFFFFF; 
	background-color: #000000;
	padding: 3px;
	z-index: 999;
	opacity: .60;               /* Standard style for transparency */
	-moz-opacity: .60;          /* Transparency for older Mozillas */
	filter: alpha(opacity=60);  /* Transparency for IE */
}

.headline_body { padding: 6px;}

.headline_link { text-align: right; font-weight: bold;}

.player { margin: 0px 0px; padding: 6px; position: absolute; bottom:0px; left:225px;}


.player ul { padding-top: 6px; width:220px; text-align:left;}

.player li {display: inline;}

.player a {padding: 2px 6px; margin-right:2px; color:#3a3a3a;}

.player a:link, .player a:visited {
	color: #fff;
	background-color: #96A3A2;
	text-decoration: none;
}

.player a:hover {
	color: #C90404;
	background-color: #B7B8B8;
	text-decoration: none;
}

.player a.active, .player a:visited.active {
	background-color: #3a3a3a;
	color: #FFFFFF;
}


/* 
--------------------------------------------------------------------
Labels & Locations image grid
-------------------------------------------------------------------- */

.label_search {
height: 28px;
color: #3a3a3a;	
background-color:#adbab9;
font-size: 1.1em;
line-height: 28px;
font-weight: normal;
margin: 0;
margin-top:0px;
padding:2px 6px;
}

.label_search form {	
display:inline;
}


.label_row {
	width:100%; 
	clear:both;
	height:2px;
}

.label_column {
	width:176.7px;	
	height:75px;
	float:left;
	cursor:pointer;
	border:0px solid;
	display:inline;
	margin:0;	
	margin-left:2px;
	background-color:#FFFFFF;
	position: relative; 
}

.store_column {
	width:176.7px;	
	height:95px;
	float:left;
	cursor:pointer;
	border:0px solid;
	display:inline;
	margin:0;	
	margin-left:2px;
	background-color:#FFFFFF;
	position: relative; 
}

.location_info {
	padding: 1px 0px;
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
}


.featured h3{
	text-transform: uppercase;
	font-size: 1.2em;
	font-weight: normal;
	padding-left:8px;
	padding-bottom:8px;
	color:#3a3a3a;
}


ul.category_menu {
	list-style: none;
	position: relative;
	margin-right: -20px;
	float: left;
	background-color: #dfe9ea;		
}
ul.category_menu li.category_menu_item {
	display: -moz-inline-box;				/* Moz - FF2 doesn't support inline-block (doh, this invalidates css) */
											/* Be careful to specify '-moz-inline-box' NOT '-moz-inline-block', which renders differently */
	display: inline-block;					/* Op, Saf, IE (<=IE7 needs display: inline below) \*/
	vertical-align: top;
	width: 354px;
	margin: 0;
	padding: 0;	
}
/* HACK FOR INLINE BLOCK <= IE7 */
*:first-child+html ul.category_menu li.category_menu_item { display: inline; margin: 0 20px 10px 0; } * html ul.category_menu li.category_menu_item { display: inline; margin: 0 20px 10px 0; }
/*END HACK */

.category_header {
	color: #FFF;
	font-size: 1em;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: -0.05em;
	background-color: #dfe9ea;	
}
.category_header a { 
	color: #FFF;
	display: block;
	padding: 3px 5px;
	background: #dfe9ea url(../img/main_pane_hdr_left.gif) top left no-repeat;
}
.category_header a:hover {
	background-position: 0 -8px;
	text-decoration: none;
}


.colhalf_right {
	width:50%;
	float:right;
	background-image: url(../img/main_pane_hdr_right.gif);
	background-repeat: no-repeat;
	background-position: right top;
	height: 29px;
}

.box_breadcrumb {
margin-bottom:10px;	
}

.add_favourites { /*** static pages list holder ***/
	border: 1px solid #b0b0b0;
	background-color: #eeeeee;
	background-image: url(../img/tool_bg.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	padding-top: 0px;
	padding-bottom: 0px;
	float: right;
}


.add_favourites  ul li a {
	float: left;
	border-left: 1px solid #b0b0b0;
	margin: 0px;
	padding-top: 2px;
	padding-right: 10px;
	padding-bottom: 2px;
	padding-left: 3px;
}

.add_favourites img {
	float:left;
	padding-right: 3px;
}

.add_favourites  ul li a.first {
	border-left: 0px;
}

.add_favourites a:link, .add_favourites a:visited {
	color: #3a3a3a;
	font-size: 0.9em;
	text-transform: uppercase;
	text-decoration: none;
}

.add_favourites a:hover {
	color: #000;
	background-color: #B7B8B8;
	text-decoration: none;
}

.article_products  h3{
	color: #4E5151;
	font-size: 12px;
	font-weight: normal;
	text-transform: uppercase;
	padding-left: 0px;
}

.article_products  h3{
	color: #4E5151;
	font-size: 12px;
	font-weight: normal;
	text-transform: uppercase;
	padding-left: 0px;
}

.article_products  a{
color:#4e5151;
}

.product_info {
	background-color:#FFF; 
	height:auto; 
	height: 1%; 
	overflow-x: hidden; 
	overflow-y: hidden;
}