/* ******************************* *
 * Colour Guide                    *
 * ******************************* *
 
    http://cloford.com/resources/colours/500col.htm

    #20256B - Midnight Blue
    #9C9C9C - Gray 61
    #EEEEEE - 
    #CD0000 - Red 3
    #666666 - Gray 40
    #CAEAF9 -
    #EAF5FA -

 * ******************************* *
 * Global Reset                    *
 * ******************************* */
HTML, BODY, DIV, SPAN, APPLET, OBJECT, IFRAME,
H1, H2, H3, H4, H5, H6, P, BLOCKQUOTE, PRE,
A, ABBR, ACRONYM, ADDRESS, BIG, CITE, CODE,
DEL, DFN, EM, FONT, IMG, INS, KBD, Q, S, 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;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

BODY {
	line-height: 1;
	color: black;
	background: white;
}

OL, UL {
	list-style: none;
}

/* tables still need 'cellspacing="0"' in the markup */
TABLE {
	border-collapse: separate;
	border-spacing: 0;
}

CAPTION, TH, TD {
	text-align: left;
	font-weight: normal;
}

BLOCKQUOTE:before, BLOCKQUOTE:after,
Q:before, Q:after {
	content: "";
}

BLOCKQUOTE, Q {
	quotes: "" "";
}

DIV {
	*zoom: 1;
}

/* ******************************* *
 * Base Styles                     *
 * ******************************* */
BODY {
    font-family: arial, tahoma, verdana, sans-serif;
    background: #20256B url('../images/template/bg.png') repeat-x scroll 0 0;
}

.clear {
	line-height: 0px;
	height: 0px;
	clear: both;
	
	*line-height: 1px;
	*height: 1px;
}

P IMG {
    float: left;
    margin-right: 8px;
}

/* ******************************* *
 * Template Styles                 *
 * ******************************* */
#shadowContainer {
}

#headerContainer {
    height: 175px;
    background-color: white;
    border-bottom: 5px solid #20256B;
}

#headerContainer DIV {
    width: 950px;
    margin: 0 auto;
    position: relative;
}

#headerContainer H1,
#headerContainer H2 {
    position: absolute;
    text-indent: -99999px;
    background-repeat: no-repeat;
}

#headerContainer H1 {
    top: 30px;
    left: 280px;
    width: 396px;
    height: 127px;
    background-image: url('../images/template/header-branding-primary.png');
}

#headerContainer H2 {
    display: block;
    text-indent: -99999px;
}

#contentContainer,
#footerContainer {
    width: 950px;
    margin: 0 auto;
    position: relative;
}

#footerContainer {
    color: #20256B;
    font-size: 0.8em;
    margin-top: 60px;
    text-align: center;
}

#footerContainer A {
    color: white;
    text-decoration: none;
}

#footerContainer A:hover {
    text-decoration: underline;
}

/* ******************************* *
 * Form Styles                     *
 * ******************************* */
.formContainer {
}

.formContainer .row {
    border: 1px solid transparent;
}

.formContainer .rowSelected {
    border-color: #CAEAF9;
    background-color: #EAF5FA;
}

.formContainer .rowInner {
    padding: 5px 0 0 5px;
}

.formContainer .fieldTitle {
    font-size: 1em;
    font-weight: bold;
}

.formContainer .fieldTitle .req {
    color: #CD0000;
    font-size: 1.2em;
    margin-left: 0.4em;
}

.formContainer .fieldBlock {
    float: left;
    padding: 0 7px 0 0;
}

.formContainer .textField {
    width: 145px;
}

.formContainer .textField.large {
    width: 300px;
}

.formContainer .fieldNote {
    color: #666666;
    display: block;
    font-size: 0.94em;
    font-style: italic;
}

.formContainer .fieldInstruction {
    clear: both;
    padding: 3px 0 4px 5px;
}

.formContainer .submitButtonContainer {
    padding: 15px 0 0 5px;
}

.formContainer .submitButton {
    font-size: 1.4em;
}

/* ******************************* *
 * Page Styles                     *
 * ******************************* */
#brandContainer {   
}
 
A.brandOnlineRetailer,
A.brandIncentiveShow,
A.brandExperientialMarketing {
    float: left;
    display: block;
    margin: 71px 60px 0 0;
    text-indent: -99999px;
}

A.brandOnlineRetailer {
    width: 246px;
    height: 54px;
    margin: 91px 67px 0 60px;
    background: transparent url('../images/template/brand-online-retailer.png') no-repeat scroll 0 0;
}

A.brandOnlineRetailer:hover {
    background-position: 0 -54px;
}

A.brandIncentiveShow {
    width: 199px;
    height: 92px;
    background: transparent url('../images/template/brand-incentive-show.png') no-repeat scroll 0 0;
}

A.brandIncentiveShow:hover {
    background-position: 0 -92px;
}

A.brandExperientialMarketing {
    width: 222px;
    height: 45px;
    margin: 98px 0 0;
    background: transparent url('../images/template/brand-experiential-marketing-summit.png') no-repeat scroll 0 0;
}

A.brandExperientialMarketing:hover {
    background-position: 0 -45px;
}

.mainContentContainer {    
    width: 400px;
    color: white;
    margin: 20px auto 0;
}

.mainContentContainer H1 {    
    font-size: 1.3em;
    margin-bottom: 10px;
}

/* ******************************* *
 * Smoothbox Styles                *
 * ******************************* */

/*html, body {
min-height: 100%;
height: auto !important;
height: 100%
}*/

#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

#TB_overlay {
	position: absolute;
	z-index:100;
	top: 0px;
	left: 0px;
	background-color:#000;
}

#TB_window {
	position: absolute;
	background: #ffffff;
	z-index: 102;
	color:#000000;
	border: 4px solid #525252;
	text-align:left;
}

#TB_window img {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:5px 10px 7px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#e8e8e8;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: absolute;
	display:none;
	height:100px;
	width:100px;
	z-index:101;
}

#TB_HideSelect{
	z-index:99;
	position:absolute;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
}

/* IE6 */
* html #TB_iframeContent{
	margin-bottom:1px;
}