/*** DEFAULT STYLES ****/
* { margin: 0; padding: 0;}
html { height: 100%; overflow-y: scroll;}
body { background: url(../images/ope_bg.jpg) no-repeat center top #0092c4; font: 16px Arial, Helvetica, sans-serif; color: #59595B; float:left; width:100%; }
img { border: 0px; }
#Container { width:960px; margin:0 auto; position:relative; }
#wrap { width:96px; float:left; padding-bottom:20px; } 
#InnerContainer { width:830px; float:left; position:relative; background-color:#ffffff; padding:20px 65px 30px; overflow:hidden; } 
#InnerContainer.rounded { -moz-border-radius: 0px 0px 15px 15px; -webkit-border-radius: 0px 0px 15px 15px; -khtml-border-radius: 0px 0px 15px 15px; border-radius: 0px 0px 15px 15px; }
a { color:#0066cc; border:0px; margin:0px; cursor:pointer; outline:none; }
p { margin:0px; padding:21px 0 10px 0; line-height:20px; }     
sup span { font-size:50%; }

.leftcontent1, .leftcontent2, .leftcontent3 { float:left; }
.rightcontent1, .rightcontent2, .rightcontent3  { float:right; }
.fullcontent, .fullcontent1, .fullcontent2, .fullcontent3 { width:100%; text-align:left; display:block;  margin-bottom: 21px;}
.btn { display:block; text-decoration:none !important; -webkit-box-shadow: 10px 10px 15px -8px rgba(0,0,0,0.65); -moz-box-shadow: 10px 10px 15px -8px rgba(0,0,0,0.65); box-shadow: 10px 10px 15px -8px rgba(0,0,0,0.65);}
.btn.rounded:hover { cursor:pointer; text-decoration:none !important; }
.btn.rounded { -moz-border-radius: 20px; -webkit-border-radius: 20px; -khtml-border-radius: 20px; border-radius:10px; height:35px; line-height:30px; width:190px; background-color:#0e55c0; text-align:center; color:#ffffff; text-shadow:none; font-family: 'Oswald', sans-serif; font-weight:400; font-size:18px; padding-top: 8px; }
.bold { font-weight:bold; }
.none { display:none; }
.rounded { -moz-border-radius: 15px; -webkit-border-radius: 15px; -khtml-border-radius: 15px; border-radius: 15px; position:relative; }
.shadow { -webkit-box-shadow: #020429 0px 3px 6px 1px; -moz-box-shadow: #020429 0px 3px 6px 1px; box-shadow: #020429 0px 3px 6px 1px; }
.shadow2 { -webkit-box-shadow: #cccccc 1px 1px 3px 0px; -moz-box-shadow: #cccccc 1px 1px 3px 0px; box-shadow: #cccccc 1px 1px 3px 0px;}
.GrayGradient { border:1px solid #e2e2e2; background-color: #bebebe;}

h1, h2, h3, h4, h5, h6 { padding:0px; margin:0px; }
h1 { font-size:50px; text-align:center; }
h1 span { font-size:28px; }
h2 { font-size:36px; letter-spacing:-1px; padding-bottom:15px; }
h3 { font-size:16px; }
h4 { font-size:25px; line-height:28px;}
h5 { font-size:12px; color:#0066cc; text-align:center; padding:10px 0px 15px; }
h6 { font-size:11px; }

li, ul { margin:0px; padding:0px; list-style-type:none; text-align:left; }

/*** HEADER STYLES ****/
.PartnersLogo { padding-bottom:20px; }
.product-container { width:830px; color:#3e3c3c; }
.product { width:374px; padding:0px 25px 0px 14px; }
.product.leftcontent1 { border-right:1px solid #ffffff; position:relative; }
.product.rightcontent1 { border-left:1px solid #c1c1c1; position:relative; float:left; }
.product .leftcontent2 { margin-top:-5px; margin-left:-3px; }
.product .rightcontent2 { width:230px; }
.voucher a { width:115px; display:block; float:left; clear:both; height:40px; padding-top:140px; padding-left:105px; padding-right:10px; background: url(../images/DPS_08202012_voucher.jpg) no-repeat center center; border:1px solid #c2c2c2; margin:15px 300px 0px; font-size:11px; color:#2b2b2b; text-decoration:none; }
.p1, .p2 { height:200px; }
.p3, .p4 { height:200px; }
.p5, .p6 { height:240px; }
.p7 { height:210px; }
.p8 { height:250px; }
.p9, .p10 { height:190px; }
.p11, .p12 { height:230px; }
.footer { font-size:11px; text-align:center; }
.footer p { line-height:15px; color:#999999; }
.logo { min-width:50px; min-height:50px; }
ol.number { margin-left:20px; padding:10px; }
ol.number li { list-style-type:decimal; }


/*** New Style ****/
.product-container{
	padding-bottom: 42px;
}
.product-container div.leftcontent, 
.product-container div.rightcontent { 
	float: left; 

}
.leftcontent{ 
	padding-top: 9px;
	padding-left: 21px; 
}
.rightcontent{
	width: 604px;
	padding-top: 35px;
	padding-left: 50px;
}
.rightcontent h4,
.rightcontent p{
	color: #000000;
}
.button-container{
	width: 452px;
    margin: auto;
    padding: 6px 0 18px 0;
}
.button-container a.redeem{
	background-color: #4a91e5 !important;
	float: left;
	margin-right: 60px;
}
.button-container a.support{
	background-color: #a0ca4a !important;
	float: left;
}
.instruction-container{
	background-color: rgb(0, 0, 0);
	clear: both;	
	padding: 26px 30px;
	border-radius: 3px;
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px; 
	-khtml-border-radius: 3px;
}
.instruction-container h4{
	font-size: 21px;
	color: #FFFFFF;
	font-weight: normal;
	padding-bottom: 21px;
}
.instruction-container ul{
	font-size: 16px;
	color: #FFFFFF;
	font-weight: normal;
	line-height: 24px;
}
.instruction-container a.link{
	color: #FFFFFF;
}
.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
}
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */