/* Reset all padding, margins and borders
===============================================================================
 */
*{
	margin: 0;
	padding: 0;
	border: 0;
}

body {
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	background-color:#ffffff;
	text-align: center;  /* To center site in browser in ie */
}

/* type
===============================================================================
 */

h2 { font-size: 1.0em; }
p { font-size: 1.0em; margin-bottom: 10px;}
ul {margin-bottom: 10px; margin-left: 16px;}
a.more {margin: -10px 0 5px 120px}

a { font-size: 1.0em; font-weight: bold; text-decoration: none; }
a:link { color: #0033CC; }
a:visited { color: #0033CC; }
a:hover { color: #CC0000; }
a:active { color: #CC0000; }

.float_left { float: left; }
.float_right { float: right; }

.clear_left { clear: left; }
.clear_right { clear: right; }
.clear_both { clear: both; }

input { background-color: #FFFFFF; border: 1px solid #000000; padding: 2px; }

/* frame
===============================================================================
 */
div.mainframe {
	width: 910px;
	margin: 0 auto; /* To center site in browser in ff */
	text-align: left; /* To cancel the center site in browser in ie, realign text left */
}

img.main_logo {
	height: 127px;
	width: 219px;
	clear: left;
}

/* nav bars
===============================================================================
 */
 
div.nav_blue { width: 907px; height: 35px; background-image:url(../img/nav/blue_back.gif); }
div.nav_red { width: 907px; height: 35px; background-image:url(../img/nav/red_back.gif); }

div.nav_red a, div.nav_blue a, div.nav_red a:visited, div.nav_blue a:visited { color: #fff; }
div.nav_red a:hover, div.nav_blue a:hover, div.nav_red a:active, div.nav_blue a:active { color: #000; }
div.nav_red a.nav_red_roll_selected, div.nav_red a.nav_red_roll_selected:visited, div.nav_blue a.nav_blue_roll_selected, div.nav_blue a.nav_blue_roll_selected:visited { color: #000; }

div.nav_ends { width: 7px; height: 35px; }

div.nav_red_end_left { background: url(../img/nav/red_left.gif); }
div.nav_red_end_right { background: url(../img/nav/red_right.gif); }

div.nav_blue_end_left { background: url(../img/nav/blue_left.gif); }
div.nav_blue_end_right { background: url(../img/nav/blue_right.gif); }

a.nav_red_roll { float: left; border-right: 1px solid #7f1112; padding: 10px 5px; }
a.nav_red_roll:hover { background: url(../img/nav/rollover_red.gif); }

a.nav_blue_roll { float: left; border-right: 1px solid #11147f; padding: 10px 5px; }
a.nav_blue_roll:hover { background: url(../img/nav/rollover_blue.gif); }


a.nav_red_roll_left { border-left: 1px solid #7f1112; }
a.nav_blue_roll_left { border-left: 1px solid #11147f; }

a.nav_red_left_offset { margin-left: 236px; }
a.nav_blue_left_offset { margin-left: 236px; }

a.nav_red_roll_selected { background: url(../img/nav/rollover_red.gif); }
a.nav_blue_roll_selected { background: url(../img/nav/rollover_blue.gif); }

div.search_box { float: right; margin-top: 8px; margin-right: 4px; }
input.search_text { color: #666;}


/* header (top right nav)
===============================================================================
 */

div.nav_brands { float: right; height: 57px; margin: 0; clear: right; width: 249px; }
div.nav_brands_wg { float: right; margin: 22px 78px 10px 0; } 
div.group_brand_logos { height: 300px; }

a.spun_nav { float:left; background: url(../img/logonav/spun.png) no-repeat; background-position: 0 0; width: 41px; height: 57px; }
a.spun_nav:hover { background-position: 0 -57px; }

a.frank_nav { float:left; background: url(../img/logonav/frank.png) no-repeat; background-position: 0 0; width: 66px; height: 57px; }
a.frank_nav:hover { background-position: 0 -57px; }

a.fwb_nav { float:left; background: url(../img/logonav/fwb.png) no-repeat; background-position: 0 0; width: 62px; height: 57px; }
a.fwb_nav:hover { background-position: 0 -57px; }

a.westley_nav { float:left; background: url(../img/logonav/westley.png) no-repeat; background-position: 0 0; width: 44px; height: 57px; }
a.westley_nav:hover { background-position: 0 -57px; }

a.mathers_nav { float:left; background: url(../img/logonav/mathers.png) no-repeat; background-position: 0 0; width: 36px; height: 57px; }
a.mathers_nav:hover { background-position: 0 -57px; }

a.wg_nav { float:left; background: url(../img/logonav/wg.png) no-repeat; background-position: 0 0; width: 93px; height: 38px; }
a.wg_nav:hover { background-position: 0 -38px; }

a.nav_selected_wg { background-position: 0 -38px; }
a.nav_selected { background-position: 0 -57px; }

/* search boxes
===============================================================================
 */

a.search_red { float:right; background: url(../img/nav/search_button_red.gif) no-repeat; background-position: 0 0; width: 20px; height: 20px; margin-top: 8px;}
a.search_red:hover { background-position: 0 -20px; }
a.search_blue { float:right; background: url(../img/nav/search_button_blue.gif) no-repeat; background-position: 0 0; width: 20px; height: 20px; margin-top: 8px;}
a.search_blue:hover { background-position: 0 -20px; }

/* footer
===============================================================================
 */

div.footer { margin-top: 10px; padding-right: 4px; }
img.language_icons { height: 11px; width: 16px; margin-left: 8px; }

h2.headline {
	float: left;
	width: 380px;
}

h2.date {
	float: right;
}

div.thumb_box {
	float: left;
	margin-right: 20px;
}

div.file_box {
	width: 290px;
	height: 50px;
	border: 1px solid #ccc;
	background-color: #f0f0f0;
	overflow-x: hidden;
	overflow-y: scroll;
	margin-left: 50px;
	margin-top: 6px;
}