﻿
/*BEGIN - This Section resets css */
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: #ffffff;
margin: 0;
text-align: center;
font-size: 100%;
}
ol, ul {
list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: separate;

}
caption, th, td {
text-align: left;
font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}
/*END - This Section resets css */
/*for fixing floats */
.clear
{
clear: both;
}

body
{
margin: 0;
padding: 10px 0;
text-align: center;
background: #082767 url(../Images/bg.jpg);
font-size: 100%;
font:12px verdana, geneva, sans-serif;
color:#000;
margin:0;
}
img
{
border: none;
}
a:active, a:link, a:visited
{
color: #112837;
text-decoration: underline;
}
a:hover
{
color: #4776BD;
}
fieldset, form
{
border: none;
margin: 0;
padding: 0;
}
h3{margin: 1em 0 0.5em 0;padding-top: 1em;color: #6B6F83;font-size: 1.25em;text-align: left;border-bottom: solid 2px #4776BD;}
/* Hides from IE-mac \*/

* html .clear, * html .floatform{height: 1%;}
.clear, .floatform{display: block;}
/* End hide from IE-mac */

ul.tame, ul.tame li{margin: 0;padding: 0;displaY: list-item;list-style: none;}
ul.tame li{line-height: 1.25em;}
.tameHoriz, ul.tameHoriz li{margin: 0;padding: 0;list-style: none;font-size: 1em;}
ul.tameHoriz li{display: inline;font-size: 1em;}
br.cl{clear: both;}
.redtext{FONT-WEIGHT: bold; font-size: 10px; color: #cc0000; font-family: Arial,Helvetica,sans-serif;}
.errortext{FONT-WEIGHT: bold; font-size: 10px; color: #cc0000; font-family: Arial,Helvetica,sans-serif;}


.help-content{position:relative; }
.help-content .desc{width:150px; float:left; color:#fff; padding:  30px 0 0 0px  }
.help_text_content{ width:650px; height:auto; margin:10px 0px 25px 10px; text-align:left;padding:10px; float:left; color:#52688f; font-size:14px; font-weight:bolder;}



.imagePad{ float:left; width:180px; height:170px;}

.help-left{float:left;   }
.help-left .desc{text-align:center; position:relative;}

.help-txt{font-weight: bolder; color: #06619d;}
.help-right{float:left; margin: 20px 0 20px 0}
.imagePad-right{float:right; width:180px; height:170px;}
.help-right .desc{text-align:center; position:relative;}

/*PAGE SETUP*/
#loginText{margin-left: 1em;}
textarea#OrderNotes{width: 99% !important;}
.textbox{text-align:left;width:200px;padding-top:3px;padding-left:2px;height:25px;margin-bottom:10px;}
.faq-title{font-weight: bold;color:#fff;text-align:left;}
#wrapper{width: 996px; margin: 0px auto; padding: 0;text-align: left;position: relative;clear: both;}
#header{width: 996px;height: 170px;position: absolute;top: 0px;left: 13px;z-index: 200;}
#ud-logo{position:absolute; top:110px; margin-left:785px; z-index: 0;}
#mainWrap{width: 996px;position: absolute;top: 47px;left: 0px;min-height: 300px;z-index: 0;}
#boxTop{height: 49px;background: url(../Images/boxTop.gif) no-repeat left top;}
#contentWrapRepeat{background: url(../Images/boxBgRepeat.jpg) repeat-y left top;}
#contentWrap{background: url(../Images/boxBg.jpg) no-repeat left top;height: auto; padding: 5px 0px 0px 20px;font-size: 12pt;}
#boxBottom{height: 46px;background: url(../Images/boxBottom-home.gif) no-repeat  ;margin: 0px 0px 0px 0px;}
#cartLinks{text-align: right;color: White;padding: 17px 0px 0px 0px;font:12px verdana, geneva, sans-serif;font-weight: bold;line-height: 30px;position: absolute;z-index: 0;right: 60px;top: 48px;}
#cartLinks a{color: White;text-decoration: none;}
/*home page styles*/
#homeBannerWrap{height: 425px;background: url(../Images/banners/homeBanner.jpg) no-repeat left top;margin-bottom: 10px; margin-left:8px;position: relative;}

/*****Article control on HP ************/
#udu-article{position:absolute; width: 218px; height:426px;  font-size:11px; line-height:16px; left:0px; top:0px; background-color:#ccc; border-right:2px solid #003581;}
/*.uduCMS-bg{width:220px; height:380px; background:#00266d url(../Images/banner_art/uduCMS-bg.jpg) no-repeat bottom;}*/
.udu-article-title img
{
	margin:10px 0px 5px 10px;
}
.udu-article-title{width: 218px; padding:5px 0 5px 0px; margin:10px 0 0 0px; font-weight:bold; font-size:16px; text-align:center;color:#fff;  }
.udu-article-body{margin:5px 0 0 10px; width:190px; z-index:999;  text-align:left; }
#udu-article a{color:#fff;}

#udu-article a:hover{color:#F79A00;}

.dateArt{font-size:13px; color:#F79A00; }


.udu-image-tout{padding-top:45px; padding-left:10px;}
/*****End Article Contol****************/

.mini-touts ul{list-style:none; width:100%;}
.mini-touts li{float:left;padding:10px 15px 0 35px;}
#miniBanners .mini-touts .t-text{text-align:center;padding: 10px 0 0 10px; }
#subwrap{background: url(../Images/boxBottom-home-rpt.gif) repeat-x left top;padding: 10px 10px 0px 10px;width:935px;height:180px;
position: relative;}
/* end home page styles */

/*HEADER ELEMENTS*/
#logo{float:left; width:244px;margin-left:10px; height:170px; background:url(../Images/logo.png) no-repeat center center;}
#welcome {float:right; padding-top:15px; width:376px; height:31px; background:url(../Images/welcome-banner.png) no-repeat center center;}
#login{margin: 0;padding: 0;float: right;font-size: 0.8em; padding-right: 15px;}
/* HEADER HORIZ NAV*/
#horizNav{height: 30px;width:600px;padding:0px;border-left:0px solid #215c7e;border-right:0px solid #215c7e;position: absolute;left: 250px;top: 65px;color: #fff;font-size: 12px;}
#horizNav a:hover
{
color: #ffd514;
}
#horizNav a:active, #horizNav a:link, #horizNav a:visited
{

color: #fff;
font-weight: bold;
text-decoration: none;
}
.menu
{
height:30px;
padding: 2px 0 0 15px; 
position: relative;
}

.menu ul
{
height: 30px;
list-style-type:none;

}
.menu ul li
{
height: 30px;
float: left;
padding: 0px 0 0 15px;
line-height:25px;
}


.menu ul li a:hover{color:yellow;}


.login-game
{
	font:12px;
}
.catMark
{
font-size: 0.8em;
font-weight: bold;
color: #aaa;
letter-spacing: -2px;
}

/* FOOTER ELEMENTS */
#footer
{
font-size: 12px;
font-style: normal;
color: #fff;
text-align: center;
line-height: 14px;
}
#footer a
{
text-decoration: none;
color: #fff;
}
#footerlinks{position:absolute; padding:90px 0 0 300px; color:#fff; }
#footerlinks a{ color:#fff; padding-left:10px;}
#copyright{position:absolute; padding:70px 0 0  360px; color:#fff; }



/* PRODUCT PAGE */
#productHeader
{
background: url(../Images/prodheaderBg.png) no-repeat top left;
width: 947px;
height: 192px;
margin-bottom: 5px;
padding: 4px 0px 0px 4px;
}
#productWrap
{
width: 947px;
margin-bottom: 4px;
}
#prodBgTop
{
height: 7px;
background: url(../Images/ProdBGTop.png) no-repeat left top;
font-size: 1pt;
}
#prodBgContent
{
background: #FDFEE7 url(../Images/ProdBGContent.png) repeat-x left bottom;
min-height: 406px;
padding: 6px 0px 6px 15px;
width: 930px;
border-left: solid 1px #BDC1A4;
border-right: solid 1px #BDC1A4;
}
#prodBgBottom
{
height: 6px;
background: url(../Images/ProdBGBottom.png) no-repeat left bottom;
font-size: 1pt;
}
#prodBox
{
width:100%;
}
#prodBoxTop
{
height: 6px;
background: url(../Images/productBoxTop.png) no-repeat left top;
font-size: 1pt;
margin: 10px 0 0 0px;
width:919px;

}

.parent-form{margin:0px 0px 0px 150px; width:650px;line-height:16px; font-size:11px; text-align:left; background-color:#cbdcf9;height:auto; padding:5px;border:2px solid #022157;}
/*.parent-form, table, tbody, tr, td.bodytext{float:left; width:450px;}*/

.sub-banner{margin-left:-5px;}

#prodBoxContent
{
background: #E6E7E7 url(../Images/productBoxBottom.gif) no-repeat left bottom;
width:919px;
min-height:380px;
padding: 0px 0px 0px 0px;
margin: 0px 0 0 0px;
}
#productImage
{
float: left;
padding: 0px 0px 0px 0px;

}
#productName
{
font-size: 20pt;
color: #D01607;
font-weight: bold;
margin-bottom: 10px;
}

#mainImg
{
margin: 0 10px 10px 0;
float: left;
}

#catWrap
{
/*background:url(../Images/catBg.png) no-repeat left top;*/
min-height: 540px;
width:98%;
margin:0px 0px 0px 5px;
padding: 5px 0px 0px 0px;
}
#catFooter
{
height: 51px;
background: url(../Images/catFooter.png) no-repeat left top;
}


/*************How To Page**************/


.how-to
{background: #071541; 
border: 2px solid #fff; 
height: 290px;
width:620px;
margin: 0px 0px 0px 150px; 
font:12px verdana, geneva, sans-serif;
overflow: hidden;
padding: 15px;
position: relative;
color:#fff;
text-align:left;
}
.how-to p
{
color:#fff;
line-height:22px;
font-size:12px;
text-align:left;
padding-bottom:10px;
text-align:left;
}
.how-to h2
{
color:#fff;
font-size:14px;
font-weight:bold;
text-align:left;
line-height:30px;
padding:10px;
}
.how-to a
{
color:#000;
font-weight:bold;
text-align:left;
line-height:30px;
}
.help-txt{text-align:center;font-weight: bolder; color: #06619d; }

.parent-form-001
{
	margin:10px 0px 10px 15px; 
width:918px; 
padding:20px 0 0 5px ; 
line-height:16px; 
font-size:11px; 
text-align:left; 
background-color:#cbdcf9; 
border:2px solid #022157;
}
/*****Insider Access************/
.insider-title
{
font-size: 18px;
padding:  5px 0 0 275px; 
color:#fff;	
}
.insider-content
{
	width: 725px;
	margin: 15px 0 25px 100px;
	height: 300px;
	border: 0px solid #ccc;
	padding: 0px;
}
.insider-content h2
{
	font-size: 1.4em;
	text-align: center;
	border-bottom: solid 2px #4776BD;
	padding: 5px;
	color: #fff;
}
.insider-access-left
{
	width: 433px;
	float: left;
	margin: 10px 0 0 10px;
	padding: 10px 0 0px 0;
	height: auto;
	position: relative;
	line-height: 16px;
	font-size: 14px;
	text-align: center;
	color: #fff;
	border: 0px solid #022157;
}
.insider-right
{
	padding: 0px 0 10px 0;
}
.insider-left
{
	padding: 0px 0 10px 0;
}
.insider-left p
{
	text-align: center;
	font: 13px;
}
.insider-right p
{
	text-align: center;
	font: 13px;
}
.package ul
{
	text-align: left;
	font: 12px;
	padding: 10px 0 10px 35px;
}
.package ul li
{
	padding: 5px;
	line-height: 20px;
	margin-left: 10px;
	color: Lime;
	text-align: left;
}

.enter-wrapper-btn
{
	width: 310px;
	margin-left: 0px;
	margin-top: 10px;
	vertical-align: baseline;
	background-color: #B3DFEF;
	height: 67px;
	border: 2px dashed #000;
}
.insider-access-btn
{
	width: 310px;
	margin-left: 0px;
	margin-top: 80px;
	vertical-align: baseline;
	background-color: #B3DFEF;
	height: 67px;
	border: 2px dashed #000;
}
.enter-wrapper-btn img
{
	width: 210px;
	margin-left: 10px;
	margin-top: 10px;
	vertical-align: baseline;
	height: 47px;
}
.insider-access-btn img
{
	width: 210px;
	margin-left: 20px;
	margin-top: 10px;
	vertical-align: baseline;
	height: 47px;
}
.insider-content h2
{
	font-weight: bold;
	color: #1a4662;
}


.insider-access-right
{
	width: 433px;
	float: left;
	margin: 10px 0 0 10px;
	padding: 10px 0 0px 0;
	position: relative;
}

.insider-access-right p
{
	font-size: 12px;
	color: #000;
	font-weight: bold;
	width: 300px;
	text-align: center;
	padding: 31px 0 30px 50px;
}
.insider-access-right img
{
	width: 300px;
	height: 239px;
	margin-left: 50px;
	padding: 0 0 50px 0px;
}
.enter-wrapper-insider
{
	margin-left: 30px;
	width: 400px;
	float: left;
}
.enter-wrapper-insider img
{
	width: 300px;
	height: 239px;
	margin: 0 0 0 40px;
	float: left;
}
.enter-wrapper-insider p
{
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	color: #000;
	width: 350px;
	padding: 25px 0 15px 20px;
}


/*****Points Conversion Access************/
.conversion-content{width:auto; display:block; margin:0 0 0 100px; height:250px;background-color:#ccc; padding:25px;  border:1px solid #ccc;}
.conversion-access-left{ width:300px; float:left; margin: 0 0 0 0px; padding:10px 0 0 0;  height:auto;position:relative; line-height:16px; font-size:11px; text-align:left; background-color:#cbdcf9; border:2px solid #022157;}
.conversion-access-right{ width:300px; float:left; margin: 0 0 0 35px; padding:10px 0 0 0;  height:auto;position:relative; line-height:16px; font-size:11px; text-align:left; background-color:#cbdcf9; border:2px solid #022157; }
.conversion-right{padding:10px; }
.conversion-left{padding:10px;}

.conbtn{ padding: 0 50px 0 0}

.insider{margin-left:150px;}
h4.insider-para{width:600px; margin:20px 0 0 100px; font-weight:bold; font-size:14px;}
p.insider-para{width:600px; margin:20px 0 0 100px;}
.btn-proceed{margin:20px 0 25px 480px;}

.Accept-access-btn{width:126px; margin-left:15px; margin-top:10px; vertical-align:baseline; height:31px;}
.Decline-access-btn{width:126px; margin-left:15px; margin-top:20px; vertical-align:baseline; height:31px;}
.play-now{margin-top: 300px; margin-left:350px;} 

/* Email Opt-in styles */

.oilv1{float: left;width: 49%;}
.oilv1, .oilv2, .oilv3{margin-bottom: 7px;}
.oilv1 .CB{display: none;}
.oilv1 * .CB{display: block;}
.oilv1 .TX{font: 900 10pt Verdana, Arial, Helvetica, sans-serif;color: white;}
.oilv1 * .TX{color: white;font-family: Arial,Helvetica,sans-serif;font-size:10pt;font-weight:normal;}
.oilv2{font: normal 10pt Arial, Helvetica, sans-serif;color: black;line-height: 10pt;clear: both;}
.oilv2 .CB{float: left;}
.oilv2 * .CB{float: none;}
.oilv2{margin-left: 10px;}
.oilv3{clear: both;} 
.oilv3 .CB{display: none;} 
.oilv3 * .CB{display: block;}
.oilv3 .TX
{
    padding-left: 10px;
    margin-left: 30px;
    background-image: url(../images/member/bullet_5px.png);
    background-position: left;
    background-repeat: no-repeat;
    }
.oilv3 * .TX{margin-left: 0px;}
.tpfg{margin-top: 0px;}
