/* new 2005 portal  */

/* load sub-files */
@import url(/default/css/nav_styles.css);
@import url(/default/css/footer_styles.css); /* FOOTER - copied from www3 2005-05-18*/
@import url(/default/css/header_styles.css); /* SHOPPING HEADER - copied from www4 2005-05-31*/

/* GLOBAL REDEFINITIONS */
body { margin: 5px 5px 5px 0px;background-color: white;}

/* p{ margin: 0;padding: 3px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000000;} */

p {
	text-align:left;
	font-family: verdana;
	font-size: 8pt;
	color: #000000;
	padding: 0 5px 5px 2px;
	margin: 0;
	/*line-height: 16pt; */
}

p.center {
	text-align:center;
	padding: 3px;
	
}
p.login {
	font: normal 14px arial;
	color:#087B91;
	padding-top: 5px;
	
}

p.singleline {
	text-align:left;
	font-family: verdana;
	font-size: 8pt;
	color: #000000;
	padding: 0px 0px 20px 0px;
	margin: 0;
	line-height: 12pt;
}

.blue {
	text-align:left;
	font-family: verdana;
	font-size: 8pt;
	color: #087B91;
	padding: 0px 0px 20px 0px;
	margin: 0;
	line-height: 12pt;
}

td { font-family: Arial, Helvetica, sans-serif; font-size: 8pt; color: #000000;} 
bodytext { margin: 0;padding: 3px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000000;}


h1{ margin: 0; padding: 3px; font: bold 15px arial; color: #ffffff; line-height: 12px;}
h1 a{ text-decoration: none; color: #ffffff;}
h1.blue{ margin: 0; padding: 3px; font: bold 15px arial; color: #046175; line-height: 12px;}

h2{ margin: 0; padding: 3px; font: bold 13px arial; color: #ffffff; line-height: 12px;}
h2.blue{ margin: 0; padding: 3px; font: bold 18px arial; color: #046175; line-height: 18px;}
h2 a{ text-decoration :none; color: #FFFFFF;}
h2 a.link{ text-decoration :none; color: #FFF799;}

h3{ margin: 0; padding: 3px; font: bold 11px arial; color: #ffffff; line-height: 12px;}
h3 a{ text-decoration :none; color: #ffffff;}
h3.blue{ margin: 0; padding: 3px; font: bold 11px arial; color: #046175; line-height: 12px;}


h4{ margin: 0; padding: 3px; font: bold 10px arial; line-height: 12px;}
h4 a{ text-decoration: none;}

h5 {
	padding: 3px;
	margin:0;
	
	font-family: arial;
	font-size: 10pt;
	font-weight: bold;
	color: #046175;
}

h5 a {
	color: #046175;
}

h5 a:hover {
	text-decoration:underline;
	color: #53A5B7;
}

h5.blue {
	padding: 5px 0 0 3px;
	margin:0;
	text-align:left;
	font-family: arial;
	font-size: 10pt;
	font-weight: bold;
	color: #046175;
}

h6.blue {
	padding-left: 3px 0 0 0;
	margin:0;
	font-family: arial;
	font-size: 8pt;
	font-weight: bold;
	color: #046175;
}
.whtlite {
	color:#ffffff;
	font-size: 8pt;
	font-weight:normal;
}


.youareloggedinas {
	color:#ffffff;
	font-size: 8pt;
	font-weight:bold;
}
#headernav li a.whtlite {
	color:#ffffff;
	font-size: 8pt;
	font-weight:normal;
	text-decoration:underline;
}

#headernav li a.whtlite:hover {
	color:#ffffff;
	font-size: 8pt;
	font-weight:normal;
	text-decoration:none;
}


.normaltext {
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; font-weight:normal;
}



a:link{ font-weight: bold; text-decoration: none;}
a:visited{ font-weight: bold; text-decoration: none;}
a:hover{ font-weight: bold; text-decoration: underline;}
a:active{ font-weight: bold; color: #000000; text-decoration: none;}

.bold{ font-weight: bold;}

.large {
	
	font-family: arial;
	font-size: 13pt;
	color: #046175;
	font-weight:bold;
	line-height: 14pt;
}

.smallgrey{ margin: 0; padding: 0 0 4px 6px; color: #666666; font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; line-height: 12px;}

.continuebutton{ position: relative; margin-top: 3%; padding: 0 6px 6px 0; text-align: right;}

table{ border-collapse: collapse; } 

/*ul{ list-style: none; margin: 0; padding: 0; }*/
//li{ margin: 0; padding: 0; }

.spacer{ margin: 0; padding: 8px 0 0 12px;}

#storyimage { margin: 0; padding: 2px 12px 6px 2px; float: left; }
#storyimageright { margin: 0; padding: 2px 6px 8px 12px; float: right;}

.storytext{ position: relative; margin-left: 0; padding: 0;}

select {font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal }
.inputbox {font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal }



a.whtlinks 
{
    font-weight: bold;
    color: #ffffff;
    font-family: Arial,Helvetica,sans-serif;
    text-decoration: none;
}

a.whtlinks:hover
{
    font-weight: bold;
    color: #ffffff;
    text-decoration: underline;
}

a.wht 
{
    
    color: #ffffff;
    font-family: Arial,Helvetica,sans-serif;
    text-decoration: none;
}

a.wht:hover
{
    
    color: #ffffff;
    text-decoration: underline;
}

.tdblueborder {
	border: 1px solid #00B6D9;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	color: #00435E;
	padding : 4px;
}

.wht {
	color: #ffffff;
	font-weight: normal;
}

/*.storytextspacer{ margin: 0; padding: 0 0 100% 0;} NOT BEHAVING PROPERLY IN IE */

/* end GLOBAL REDEFS */



/* HEADER (BANNER) */
.banner{ background-color: #00B6D9; }

#formsearch{ 
	/* background: #009DBF; */
	color: #FFFFFF;
}

#searchbox{ font-family: arial; color: #ffffff; font-size: 11px; font-weight:bold; height: 26px}


#searchbox input.text {
	width: 175px;
	font-size: 8pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
}

#searchbox input.text2 {
	width: 225px;
	font-size: 8pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
}

.searchbox {
	font-family: arial; 
	color: #ffffff; 
	font-size: 11px; 
	font-weight:bold; 
	background-color:#009DC0;
}

a.searchbox {font-family: arial; color: #ffffff; font-size: 11px; font-weight:bold;}
a.searchbox:visited {color: #ffffff;}
a.searchbox:hover {
font-family: arial;
color: #ffffff;
text-decoration:none;
}
/* end HEADER (BANNER) */



/* COLOUR specific classes */

/* ensure styles to links are applied in the following order..
a:link {color: #xxxxxx;}
a:visited {color: #xxxxxx;}
a:hover {color: #xxxxxx;}
a:active {color: #xxxxxx;}
*/

/* AQUA Colourscheme Specifics */
.borderaqua { border: 1px solid #95ded3;}

.featureboxaqua{background-color: #2cbda8;}
.featureboxtextaqua{color: #ffffff;}

.titleboxaqua{background-color: #0096A3;}

.listingstitleaqua{color: #0a7C6b;}
.listingsheaderaqua{background-color: #087B91;}
.listingslightaqua{background-color: #b5e8e1; color: #0096A3; padding: 4px 0 4px 6px; font-family: Verdana, Arial, helvetica, sans-serif; font-size: 9px;}
.listingsdarkaqua{background-color: #95ded3; color: #0096A3; padding: 4px 0 4px 6px; font-family: Verdana, Arial, helvetica, sans-serif; font-size: 9px;}
.listingslightaqua a:link {color: #0096A3;}
.listingslightaqua a:visited {color: #0096A3;}
.listingslightaqua a:hover {color: #000000;}
.listingsdarkaqua a:link {color: #0096A3;}
.listingsdarkaqua a:visited {color: #0096A3;}
.listingsdarkaqua a:hover {color: #000000;}


/* BLUE Colourscheme Specifics */

.borderblue { border: 1px solid #00B6D9;  font-family: Arial, helvetica, sans-serif; font-size: 9px;}

.featureboxblue{background-color: #00b6d9}
.featureboxtextblue{color: #ffffff}

.titleboxblue{background-color: #009DBF}

.listingstitleblue{color: #00B6D9;}
.listingsheaderblue{background-color: #087b91;}
.listingslightblue{background-color: #A6E6F2; color: #087b91; padding: 4px 0 4px 6px; font-family: Verdana, Arial, helvetica, sans-serif; font-size: 9px;}
.listingsdarkblue{background-color: #7FDAEC; color: #087b91; padding: 4px 0 4px 6px; font-family: Verdana, Arial, helvetica, sans-serif; font-size: 9px;}
.listingslightblue a:link {color: #087b91;}
.listingslightblue a:visited {color: #087b91;}
.listingslightblue a:hover {color: #000000;}
.listingsdarkblue a:link {color: #087b91;}
.listingsdarkblue a:visited {color: #087b91;}
.listingsdarkblue a:hover {color: #000000;}


/* SKYBLUE Colourscheme Specifics */
.borderskyblue { border: 1px solid #a4c0e0;}

.featureboxskyblue{background-color: #4a82c2; }
.featureboxtextskyblue{color: #ffffff;}

.titleboxskyblue{background-color: #2166b4;}

.listingstitleskyblue{color: #00397a;}
.listingsheaderskyblue{background-color: #00397a;}
.listingslightskyblue{background-color: #c0d3ea; color: #00397a; padding: 4px 0 4px 6px; font-family: Verdana, Arial, helvetica, sans-serif; font-size: 9px;}
.listingsdarkskyblue{background-color: #a4c0e0; color: #00397a; padding: 4px 0 4px 6px; font-family: Verdana, Arial, helvetica, sans-serif; font-size: 9px;}
.listingslightskyblue a:link {color: #00397a;}
.listingslightskyblue a:visited {color: #00397a;}
.listingslightskyblue a:hover {color: #000000;}
.listingsdarkskyblue a:link {color: #00397a;}
.listingsdarkskyblue a:visited {color: #00397a;}
.listingsdarkskyblue a:hover {color: #000000;}


/* GREEN Colourscheme Specifics */
.bordergreen { border: 1px solid #bde0a0;}

.featureboxgreen{background-color: #7bc142;}
.featureboxtextgreen{color: #ffffff;}

.titleboxgreen{background-color: #4e9713;}

.listingstitlegreen{color: #3e8009;}
.listingsheadergreen{background-color: #00397a;}
.listingslightgreen{background-color: #d1e9bd; color: #3e8009; padding: 4px 0 4px 6px; font-family: Verdana, Arial, helvetica, sans-serif; font-size: 9px;}
.listingsdarkgreen{background-color: #bde0a0; color: #3e8009; padding: 4px 0 4px 6px; font-family: Verdana, Arial, helvetica, sans-serif; font-size: 9px;}
.listingslightgreen a:link {color: #3e8009;}
.listingslightgreen a:visited {color: #3e8009;}
.listingslightgreen a:hover {color: #000000;}
.listingsdarkgreen a:link {color: #3e8009;}
.listingsdarkgreen a:visited {color: #3e8009;}
.listingsdarkgreen a:hover {color: #000000;}


/* PINK Colourscheme Specifics */
.borderpink { border: 1px solid #f7aecc;}

.featureboxpink{background-color: #ef5e9a;}
.featureboxtextpink{color: #ffffff;}

.titleboxpink{background-color: #c92c6d;}

.listingstitlepink{color: #d3246c;}
.listingsheaderpink{background-color: #d3246c;}
.listingslightpink{background-color: #f9c7dc; color: #d3246c; padding: 4px 0 4px 6px; font-family: Verdana, Arial, helvetica, sans-serif; font-size: 9px;}
.listingsdarkpink{background-color: #f7aecc; color: #d3246c; padding: 4px 0 4px 6px; font-family: Verdana, Arial, helvetica, sans-serif; font-size: 9px;}
.listingslightpink a:link {color: #d3246c;}
.listingslightpink a:visited {color: #d3246c;}
.listingslightpink a:hover {color: #000000;}
.listingsdarkpink a:link {color: #d3246c;}
.listingsdarkpink a:visited {color: #d3246c;}
.listingsdarkpink a:hover {color: #000000;}



/* ORANGE colourscheme Specifics */
.borderorange { border: 1px solid #fcd199;}

.featureboxorange{background-color: ##faa334;}
.featureboxtextorange{color: #ffffff;}

.titleboxorange{background-color: #f17b13;}

.listingstitleorange{color: #ba5904;}
.listingsheaderorange{background-color: #f17b13;}
.listingslightorange{background-color: #fddfb8; color: #f17b13; padding: 4px 0 4px 6px; font-family: Verdana, Arial, helvetica, sans-serif; font-size: 9px;}
.listingsdarkorange{background-color: #fcd199; color: #f17b13; padding: 4px 0 4px 6px; font-family: Verdana, Arial, helvetica, sans-serif; font-size: 9px;}
.listingslightorange a:link {color: #f17b13;}
.listingslightorange a:visited {color: #f17b13;}
.listingslightorange a:hover {color: #000000;}
.listingsdarkorange a:link {color: #f17b13;}
.listingsdarkorange a:visited {color: #f17b13;}
.listingsdarkorange a:hover {color: #000000;}


/* PURPLE Colourscheme Specifics */
.borderpurple  { border: 1px solid #c4abd7;}
/* was td ^^^ */
.featureboxpurple{background-color: #8957af;}
.featureboxtextpurple{color: #ffffff;}

.titleboxpurple{background-color: #763ca2;}
.listingstitlepurple{color: #6a20a2;}
.listingsheaderpurple{background-color: #8957af;}
.listingslightpurple{background-color: #d6c4e3; color: #6a20a2; padding: 4px 0 4px 6px; font-family: Verdana, Arial, helvetica, sans-serif; font-size: 9px;}
.listingsdarkpurple{background-color: #c4abd7; color: #6a20a2; padding: 4px 0 4px 6px; font-family: Verdana, Arial, helvetica, sans-serif; font-size: 9px;}
.listingslightpurple a:link {color: #6a20a2;}
.listingslightpurple a:visited {color: #6a20a2;}
.listingslightpurple a:hover {color: #000000;}
.listingsdarkpurple a:link {color: #6a20a2;}
.listingsdarktpurple a:visited {color: #6a20a2;}
.listingsdarkpurple a:hover {color: #000000;}
/* end COLOUR specific */

/* GREY Colourscheme Specifics */
.bordergrey  { border: 1px solid #ececec;}
/* was td ^^^ */
.featureboxgrey{background-color: #ececec;}
.featureboxtextgrey{color: #ffffff;}

.titleboxgrey{background-color: #989da5;}
.listingstitlegrey{color: #6a20a2;}
.listingsheadergrey{background-color: #8957af;}
.listingslightgrey{background-color: #989da5; color: #ececec; padding: 4px 0 4px 6px; font-family: Verdana, Arial, helvetica, sans-serif; font-size: 9px;}
.listingsdarkgrey{background-color: #ececec; color: #989da5; padding: 4px 0 4px 6px; font-family: Verdana, Arial, helvetica, sans-serif; font-size: 9px;}
.listingslightgrey a:link {color: #6a20a2;}
.listingslightgrey a:visited {color: #6a20a2;}
.listingslightgrey a:hover {color: #000000;}
.listingsdarkgrey a:link {color: #6a20a2;}
.listingsdarktgrey a:visited {color: #6a20a2;}
.listingsdarkgrey a:hover {color: #000000;}
/* end COLOUR specific */

/* DRIVE specific */
.driveimpressions{ margin: 0; padding: 0; text-align: left; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; width: 234px;}
.driveimpressions td{ margin: 0; padding: 2px 4px 2px 4px; background-color: #d6c4e3; border: 1px solid #c4abd7;}
.driveimpressions a:link{ color: #6a20a2;
}
.driveimpressions a:hover{ color: #000000;}

.purple a:link { color: #6a20a2;}
.purple a:hover { color: #000000;}
/* end DRIVE specific */

/* FILM specific */
.filmcert{ margin: 0; padding: 4px;}
/* end FILM specific */

/* HELLOMAGAZINE specific */
a.hellolinks{COLOR: #ffffff;FONT-FAMILY: verdana, Arial, Helvetica, sans-serif;FONT-SIZE: 9px;TEXT-DECORATION: none;line-height: 12px;}
a.hellolinks:hover{COLOR: #FAB7B3;TEXT-DECORATION: underline;}
a.hellolinksred{COLOR: #D41E13;FONT-FAMILY: verdana, Arial, Helvetica, sans-serif;FONT-SIZE: 11px;TEXT-DECORATION: none;line-height: 12px;}
a.hellolinksred:hover{COLOR: #000000;TEXT-DECORATION: underline;}
.hellomagazinered {BACKGROUND-COLOR: #D41E13; }
.featureboxtexthello {BACKGROUND-COLOR: #D41E13;FONT-SIZE: 11px;COLOR: #ffffff; FONT-FAMILY: Arial,Verdana, Helvetica, 'MS Sans Serif', sans-serif;}
.listingslighthello {BACKGROUND-COLOR: #FAC8C5; COLOR: #D41E13; FONT-FAMILY: Verdana, Arial, Helvetica, 'MS Sans Serif', sans-serif;}
/* end HELLOMAGAZINE specific */

.bannerColorBg {BACKGROUND-COLOR: #00B6D9}

a.normal {
	color: #00B6DF;
	font-family: verdana;
	font-size: 8pt;
	font-weight:normal;
	text-decoration: underline;
}

a.normal:hover {
	color: #FA8B02;
	text-decoration: none;
	font-weight:normal;
	font-size: 8pt;
}

ul {

	margin:0 0 20px 15px;
	padding:0;
	font:normal 8pt verdana;
	color: #046175;
	
}

ul li{
	margin:10px 0 0 0;
	
}

ol {
	
	margin:10px 0 10px 15px;
	padding:0;
	font:normal 8pt verdana;
	color: #046175;
	
}

ol li{
	margin:5px 0 0 0;
	
}


label
{
width: 6em;
float: left;
text-align: right;
margin: 0 1em 10px 0;
clear: both
}

.input-box
{
float: left;
margin-bottom: 10px;
color: #26a;
/* background: #feb; */
/* border: #26a solid 1px */
}

.submit-button
{
margin-left: 6.75em;
clear: both;

}