/* GENERAL STYLES */
html, body {
color:#000;
font-size:100%;
font-family: Verdana, Arial, Helvetica, sans-serif;
background-color: #fff;
background-image: url(/images/bgrd-header.jpg);
background-repeat: no-repeat;
background-position: left top;
}
.information h4{
float:right;
border-bottom:solid 1px #ccc;
margin:10px;
}
/* Zero out */
html, body, p, h1, h2, h3, h4, h5, form, input, #holder, #leftside, #content, #content #NavTop ul,
#content #cols, #content #cols .colL p, #content #cols .colR p, #content #titlebar, #home, #home .bottomimage,
#leftside .information .icons, #leftside .information .icons p, #leftside .information .icons img, #leftside .information .icons a
{ margin:0; padding:0; border: 0px solid #fff; font-weight:normal; }
h5 {
color: #ce171e;
font-weight: bold;
line-height: 20px;
text-transform: uppercase;
}
:focus {
outline: 0;
}
/* Global */
.accessibility { display: none; }
.floatR { float:right }
.floatL { float:left }
.clear {clear:both;position:relative;font-size:0px;height:0px;line-height:0px}
.textR {text-align:right !important;}
.small { font: 10px verdana, arial, serif;}
small { font: 10px verdana, arial, serif;}
/* creates a transparent background; use with msg_board */
.clearbg { background: transparent !important; }
#holder { width:886px;}
img {border: none;}
.text_link{color:#CC0000; font-weight:bold;}
a, a:link, a:visited {font-weight: bold; color: #000; text-decoration:none; }
a:hover { text-decoration: underline;}
/* tooltip */
.hastooltip {}
.tooltip-text {
width: 150px;
color: #CE181F;
background: #fff;
font: 0.7em verdana, arial, serif;
line-height: 1.4em;
border: 1px solid #a9a9a9;
padding: 6px;
margin-top:4px;
margin-left:-25px;
background: url(/images/shadow_tile.gif) repeat-x left bottom;
float:left;
z-index: 1;
}
* html .tooltip-text{
margin-left:0px;
}
#home .date { padding:60px 78px 42px 0; }
#home #leftside { width:193px; height:200px; float:left; }
#home #firstimage {width:252px; height:293px; float:left; clear:both; padding-left:80px; }
#home #firstimage img { border:0px; }
#home #firstimage p { margin:3px 0px 3px 0px; font-size: 0.7em; color:#999; line-height:14px;clear:both;}
#home #secondimage {width:490px; height:383px; float:left;margin-bottom:20px;}
#home #secondimage p { margin:30px 0px 3px 25px; font-size: 0.7em; color:#999; line-height:14px;}
#home #secondimage img { float:left; border:0px; }
#home #secondimageH { margin-top:-115px; width:490px; height:433px; float:left;}
#home #secondimageH p { margin:0px 0px 3px 25px; font-size: 0.7em; color:#999; line-height:14px;}
#home #secondimageH h1 { margin:10px 0px 0px 23px; }
#home #secondimageH img { float:right; border:0px; }
#home #secondimageH .title-img { float:none; border:0px; }
#home .bottomimage.first { padding-left:80px }
#home .bottomimage { width:196px; height:160px; float:left; }
#home .bottomimage.last {width:175px;}
#home .bottomimage img { border:0px }
#home .bottomimage p { font-size: 0.7em; color:#999; line-height:14px; padding-right:25px; }
#leftside { width:193px; float:left; background: url(/images/vlogo.gif) no-repeat; }
img { border: 0px; }
#leftside .msg_board { background:#e9e9e9; width:143px; padding:8px; margin: 236px 5px 10px 25px; }
#leftside .msg_board p strong { line-height:20px; text-transform: uppercase; font-size: 0.9em; text-align:center; color:#2f2f2f; }
#leftside .msg_board p span { font-size: 0.7em; text-align:center; color:#999; }
#leftside .msg_board img { border: 0px; }
#leftside .msg_board a {display: block; text-decoration: none; cursor: pointer;}
.msg_board .this { padding-bottom:4px; }
.msg_board a.link { display:block; margin-top:20px; color:#7C7C7D; font-weight:bold; text-transform: uppercase; font-size: 0.7em; text-decoration:none; }
.msg_board a.link:hover, .msg_board a.link:active, .msg_board a.link.x,.msg_board_first a.link:hover, .msg_board_first a.link:active, .msg_board_first a.link.x { color:#CE171E; text-decoration:none; }
#leftside select { width:160px; margin-left:25px; }
#leftside .decln { width:160px; margin-left:25px; border-bottom: 1px solid #AEAEAE; }
#leftside .information { text-align:right; width:152px; height:auto; margin:178px 0px -60px 25px; padding-top:30px; border-right: 3px solid #231F20; }
#leftside .information a { line-height:17px; font-weight:bold; color:#CE171E; font-size:0.6em; margin-right:10px; text-decoration:none; }
#leftside .information a:hover { text-decoration:underline; }
#leftside .information .icons { margin-top:30px; }
#leftside .information .icons p { font-size:0.6em; font-family:arial;}
#leftside .information .icons img { margin: 0 0 0 5px; border:0px; padding:6px 5px 0 0 !important; }
#leftside .information .icons a { font-size:0.89em; color:#000; }
#leftside .information2 { text-align:right; width:152px; height:auto; margin:60px 0px -60px 25px; padding-top:0px; border-right: 3px solid #231F20; }
#leftside .information2 a { line-height:17px; font-weight:bold; color:#CE171E; font-size:0.6em; margin-right:10px; text-decoration:none; }
#leftside .information2 a:hover { text-decoration:underline; }
#leftside .information2 .icons { margin-top:0px; }
#leftside .information2 .icons p { font-size:0.6em; font-family:arial;}
#leftside .information2 .icons img { margin: 0 0 0 5px; border:0px; padding:6px 5px 0 0 !important; }
#leftside .information2 .icons a { font-size:0.89em; color:#000; }
#leftside .end { margin-bottom:100px; }
#content { width:675px; float:left; }
#strapline { background: url(/images/vfun.gif) no-repeat 0px 0px; height:53px; width:675px; clear:both;}
#strapline img { float:right; margin: 10px 0px 0 0 }
#straplineHot { background: url(/images/vhot.gif) no-repeat 0px 0px; height:53px; width:675px; clear:both;}
#straplineHot img { float:right; margin: 10px 0px 0 0 }
#straplineActive { background: url(/images/vactive/active.gif) no-repeat 0px 0px; height:53px; width:675px; clear:both;}
#straplineActive img { float:right; margin: 10px 0px 0 0 }
#straplineStyle { background: url(/images/vstylish.gif) no-repeat 0px 0px; height:53px; width:675px; clear:both;}
#straplineStyle img { float:right; margin: 10px 0px 0 0 }
#content #NavTop { height:30px; width:675px; position:relative; }
#content #NavTop ul li { margin:0 16px 0 -24px; float:left; display:inline; text-transform: uppercase; padding: 5px 0 0 24px;}
#content #NavTop ul li a { text-decoration:none; color:#000; font-size:0.7em; font-weight: normal }
#content #NavTop ul li a span { margin-left:10px; }
#content #NavTop ul li a:hover, #content #NavTop ul li a:active, #content #NavTop ul li a.x { background: url(/images/icon_v.gif) no-repeat 0px 2px; text-decoration:none; }
#content #titlebar {
width:672px;
height:auto;
padding-top:28px;
margin-bottom:20px;
margin-left:0px;
}
#content #titlebar2 { width:672px; height:auto; padding-top:52px; }
#content #shareviews { background-color: transparent; text-align: right; margin-top: -10px; padding-right: 10px; }
#content #shareviews a { color: black; font-size: 0.6em; font-family: arial; text-decoration: none; }
#content #shareviews a:hover { text-decoration: underline; }
#content #shareviews img { border: 0; }
#content #intro p { width:672px; padding:0px 0 20px 0; }
#content #intro2 p { text-transform: uppercase; font-size: 0.8em; font-weight:bold; width:672px; height:auto; padding:10px 0 20px 0; }
#content #intro span, #content #intro2 span { font-size: 0.75em; font-weight:bold; text-transform: none; }
#content #intro2 span.red {font-size: 1em; font-weight:bold; text-transform: uppercase;}
#content #intro .small { font: 10px verdana, arial, serif;}
#content #nointro { margin-bottom:25px }
#content #cols { font-size: 0.8em; width:672px; height:auto; margin-bottom:10px;}
.illustration {background: transparent url(/images/activities_illustration.gif) no-repeat left top; display: block; height: 492px; width: 672px;}
#content #cols .featurebox1, #content #cols .featurebox2 { color:#fff; display:block; padding:10px; margin:10px 0; }
#content #cols .featurebox1 { background:#A7A9AC; }
#content #cols .featurebox2 { background:#231F20; }
#content #cols .featurebox1 a, #content #cols .featurebox2 a { color:#FFF; text-decoration:none; font-weight:bold; }
#content #cols .featurebox1 a:hover, #content #cols .featurebox2 a:hover { text-decoration:underline; }
/*
#content #cols .colL p .highlight, #content #cols .colR p .highlight, #content #cols .colL2 p .highlight { text-transform: uppercase; color:#CE171E; font-weight:bold; }
*/
.highlight { text-transform: uppercase; color:#CE171E; font-weight:bold; }
.highlight a {text-decoration: none;}
#content #cols .colL p .highlight2, #content #intro p .highlight2,#content #cols .colR p .highlight2, #content #cols .colR2 p .highlight2 {color:#CE171E; font-weight:bold; line-height:20px; text-transform: uppercase; }
a.highlight2 {text-decoration: none; }
.highlight2 {color:#CE171E; font-weight:bold; line-height:20px; text-transform: uppercase; }
#content #cols .colL p .blacklight, #content #cols .colR p .blacklight { text-transform: uppercase; color:#000; font-weight:bold; }
.greyitalic {color:#464847; font-style: italic; }
.bullet { width:300px; float:right; margin-left:0px; color:#CE171E; font-size:0.9em; list-style: none;}
.bullet li {padding-left: 20px; background-image: url(/images/news/bullet.gif); background-repeat: no-repeat; background-position: 0 0em; }
.emptycol {width:20px; min-height:500px; height:auto; }
/* for Internet Explorer */
/*\*/
* html .emptycol {
height: 500px;
}
/**/
#content #cols .colL { height:auto; width:323px; float:left; margin-bottom:10px; line-height:18px; }
#content #cols .colL2 { height:auto; width:180px; float:left; margin-bottom:10px; line-height:18px; }
#content #cols .colR { height:auto; width:323px; float:right; margin-bottom:10px; line-height:18px; }
#content #cols .colR2 { height:auto; width:460px; float:right; margin-bottom:10px; line-height:18px; }
#content #exclusive #cols .colL { height:auto; float:left; width:323px; margin-bottom:10px; }
#content #exclusive #cols .colR { height:auto; float:right; width:323px; margin-bottom:10px; }
#content #cols label { width:140px; float:left; padding:3px 0 3px 0; font-weight:bold; margin:3px 0px; }
#content #cols .colL .top-image { margin-top:16px; }
#content #cols label.wide { width:300px; float:left; padding:3px 0 3px 0; font-weight:bold; margin:3px 0px; }
#content .grey {background-color:#eeeeee; padding:10px}
#content #cols input.input { width:140px; border: 1px solid #999; background:#faf9f9; float:right; padding:2px 5px; margin: 3px 20px 3px 0px;}
#content #cols input.InputCaptchaControl { width:80px; border: 1px solid #999; background:#faf9f9; float:right; padding:2px 5px; margin: 3px 20px 3px 0px;}
#content #cols span.SpanCaptchaControl { float:left;margin-top:5px;font-weight:bold;}
#content #cols input.input2 { width:30px; border: 1px solid #999; background:#faf9f9; float:left; padding:2px 5px; margin: 3px 0px 3px 11px;}
#content #cols input.input3 { width:30px; border: 1px solid #999; background:#faf9f9; float:left; padding:2px 5px; margin: 3px 0px 3px 4px;}
select {border: 1px solid #999; background:#faf9f9; }
.sel {margin-left:11px;}
#content #cols input.submit { margin: 10px 20px 0 0; background:#fff; text-transform: uppercase; color:#CE171E; border: 1px solid #999; font-weight:bold; }
#content #cols form p span, #content #cols form span.req span { color:#CE171E; }
#content #cols label span { color:#CE171E; position:absolute; left:682px }
#content #cols form span.req { font-size: 0.8em; float:right; margin:5px 20px 0 0; text-transform: uppercase; color:#bbb; clear:both; width:140px;;}
#content #cols form span.term { font-size: 0.8em; float:right; margin:20px 20px 0 0; text-transform: uppercase; color:#666; clear:both; width:300px;;}
#navpage {clear:both; margin: 0px 20px 10px 0; padding-top: 15px;text-align:right;}
#navpage a { border: 2px solid #EDA9AC; font-size:0.7em; padding:2px 4px 1px 4px; margin:-20px 0 5px 5px; color:#CE171E; text-decoration:none; }
#navpage a:hover, #navpage a:active, #navpage .selected { border: 2px solid #CE171E; }
#home #footer { clear:both; margin:0px 0px 5px 30px; padding:5px 0px 5px 0px; height:100px; width:840px; }
#home #hr { clear:both; margin:10px 0px 0px 30px; padding:10px 0 10px 0; background: url(/images/bar_tile.gif) repeat-x 0 10px; height:20px; width:840px; }
span.car { font-size: 0.8em; float:left; color:#666; width: 160px;}
span.cartick { font-size: 0.8em; float:left; margin:0 0 6px 0;}
#footer, #exclusive #footer { clear:both; margin:0px 0px 5px 30px; padding:5px 0px 5px 0px; background: url(/images/bar_tile.gif) repeat-x; height:100px; width:840px; }
/* Site map */
#content #sitemap { background:#fff; width:300px; }
#content #sitemap h3 { padding-top:20px; font-weight: bold; font-size: 16px; clear:both; color:#CE171E; }
#content #sitemap ul li { margin:2px 0 5px 5px; clear:both; text-decoration:none; list-style: none; display:block; font-weight:bold; font-size:15px; }
#content #sitemap ul.level li a { margin:2px 0 0 5px; float:left; clear:both; text-decoration:none; font-weight:normal; font-size:12px; }
#content #sitemap ul li.normal a { color:#000 }
#content #sitemap ul li a {text-decoration:none; font-weight:bold; color:#666;}
#content #sitemap ul li li, #content #sitemap ul li li a {text-decoration:none; font-weight:normal; font-size:13px; }
#content #sitemap ul li a span { margin-left:10px; }
#content #sitemap ul li a:hover, #content #sitemap ul li li a:hover{ text-decoration:underline; color:#CE171E; }
/* tool top drop shadow */
.shadow { width: 180px; float:left; background: url(images/shadowAlpha.png) no-repeat bottom right !important; background: url(images/shadow.gif) no-repeat bottom right; }
.shadow div { background: none !important; background: url(images/shadow2.gif) no-repeat left top; padding: 0 !important; padding: 0 6px 6px 0; }
.shadow p { color: #777; background-color: #fff; font: 0.8em arial, serif; border: 1px solid #a9a9a9; padding: 4px; margin: -6px 6px 6px -6px !important; margin: 0; background: url(images/shaddow_tile.gif) repeat-x left bottom; }
/* popup */
#popup .req { float: right; width: 10px; margin: 7px 3px 0 0; color:#ce171e; font-size: 110%; line-height: 19px; }
#popup .error-on { font-weight: bold; color: blue; }
#popup .error-off { }
#popup .error-msg { color:#00c; width:150px; float:left; border:1px solid #00c; font-size:0.69em; margin-top:100px; padding:5px; }
#popup .bar { margin: 0px 0px 30px 20px; line-height:17px; width:410px; background:#e9e9e9; clear:both; }
#popup form { background:#fff url(images/popup/popup_bg.gif) no-repeat 3px 3px; padding:33px 10px 10px 100px; width: 430px; height:auto; float:left; border:1px solid #c0c0c0; }
#popup input, #popup textarea { float:right; width: 215px; border: 1px solid #999; margin-top: 5px; background:#faf9f9; }
#popup p.note { color:#666; clear:both; margin-left:213px; font-size:0.7em; line-height:30px;}
#popup .note span{ color:#ce171e; font-size:1.3em; }
#popup input { clear:both; }
#popup input.submit { background:#fff; border:0px; color:#ce171e; text-transform:uppercase; font-weight:bold; width:60px; clear:both; border:1px solid #ddd; }
#popup label { float:left; width: 188px; line-height: 19px; margin-top: 5px; font-size:0.8em; font-weight:bold; }
/* Error page */
#error { margin:20px; padding:20px; border:1px solid #c0c0c0; width:886px;height:auto; min-height:300px; background:url(/images/popup/v.gif) no-repeat top center}
#error h1, #error h2 { text-align:center; }
#error h1 { padding-top:200px; color:#ce171e; font-weight:bold; }
#error h2 { padding-top:20px; }
#error div { margin:200px 0 0 410px; }
/* error message for exclusive */
.error-off {}
.error-on { font-weight: bold; color: blue !important; }
.error-msg-comp {color:blue; }
.success-msg-comp {color:#CE171E; }
.error-msg-comp, .success-msg-comp {
font-weight:bold !important;
width:180px !important;
height:200px;
clear:both;
padding-right:100px !important;
}
/* footer */
#footer img { margin-top:10px }
#footer p { margin:10px 0 0 30px }
#footer p a { font-size:0.6em; text-decoration:none; color:#585555; margin-right:20px; font-weight: normal }
#footer p a:hover { text-decoration:none; color:#CE171E; }
#footer p a.over { margin-left:30px; }
.link1 {font-size: 11px; text-transform: uppercase; color:#666; }
a.link1, a.link1:visited {text-transform: uppercase; color:#666; text-decoration: underline; font-weight: normal}
a.link1:hover { text-decoration: none;}
.red {color:#CE171E;}
a.red {color:#CE171E;}
.black {color: #000;}
.blockdivider {display: block; height: 600px;}
.blockdivider2 {display: block; height: 170px;}
.info_board {
background:#e9e9e9;
display: block;
width:316px;
padding:8px;
font-size: 11px;
line-height: 16px;
}
.info_board2 {
background:#e9e9e9;
display: block;
width:305px;
padding:8px;
font-size: 11px;
line-height: 16px;
}
.info_board3 {
background:#eeeeee;
display: block;
clear:both;
position:relative;
width:672px;
margin:0 0 20px 0;
font-size: 11px;
line-height: 16px;
min-height:180px;
}
.info_board4 {
background:#eeeeee;
display: block;
clear:both;
position:relative;
width:323px;
margin:0 0 20px 0;
font-size: 11px;
line-height: 16px;
}
.info_board5 {
background:#eeeeee;
clear:both;
width:672px;
margin:0 0 20px 0;
font-size: 11px;
line-height: 16px;
}
.info_board_copy {
width:440px;
/*position:absolute;
top:0;
left:210px;*/
margin-left:210px;
margin-top:-170px;
padding:10px;
}
.info_board_copy2 {
width:440px;
/*position:absolute;
top:0;
left:210px;*/
margin-left:210px;
margin-top:-300px;
padding:10px;
}
.info_board_copy3 {
/*position:absolute;
top:0;
left:210px;*/
padding:10px;
}
.red {
color:#CE171E;}
#infobox{
background:#e9e9e9;
display: block;
width:672px;
padding:8px;
font-size: 11px;
line-height: 16px;
}
.compBlock {float: left; display: block; width: 179px; margin-right: 50px; padding-bottom: 340px;}
.compBlock-end {float: left; display: block; width: 178px; margin-right: 0px;}
/*** SIFR ***/
.sIFR-flash {
visibility: visible !important;
margin: 0;
}
.sIFR-replaced {
visibility: visible !important;
}
span.sIFR-alternate {
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
display: block;
overflow: hidden;
}
/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
display: none !important;
}
/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */
.sIFR-hasFlash h1 {
visibility: hidden;
}
.sIFR-hasFlash h2 {
visibility: hidden;
letter-spacing: -9px;
font-size: 55px;
}
.sIFR-hasFlash h3 {
visibility: hidden;
letter-spacing: -6px;
font-size: 25px;
}
.sIFR-hasFlash h4 {
visibility: hidden;
letter-spacing: -5px;
font-size: 15px;
}
.sIFR-hasFlash h4.pod {
width:150px;maxHeight:40px;font-size: 14px;}
.sIFR-hasFlash h4.banner {font-size: 23px;color:red;float:left;
width:200px;height:53px;
text-transform: uppercase;
}
.sIFR-hasFlash h5#pullquote {
letter-spacing: -4px;
visibility: hidden;
font-size: 24px;
}
/* EDITOR PROPERTIES */