@charset "utf-8";

/* CSS Document */



/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html

-------------------------------------------------------------- */



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, 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 {

	border: 0;

	font-family: inherit;

	font-size: 100%;

	font-style: inherit;

	font-weight: inherit;

	margin: 0;

	outline: 0;

	padding: 0;
	
	vertical-align: baseline;
	
}

:focus {/* remember to define focus styles! */

	outline: 0;

}

body {

	background: #fff;

	line-height: 1;

}

h4 { font-weight:bold; font-size:14px; margin-top:10px; }

ol {
    display: block;
    margin-top: 1em;
    margin-bottom: 1 em;
    margin-left: 0;
    margin-right: 0;
    padding-left: 40px;
} 

ul.tnc {
	list-style-type:lower-roman;
    display: block;
    margin-top: 1em;
    margin-bottom: 1 em;
    margin-left: 0;
    margin-right: 0;
    padding-left: 40px;
} 

table {/* tables still need 'cellspacing="0"' in the markup */

	border-collapse: separate;

	border-spacing: 0;

}

caption, th, td {
	font-weight: normal;
	text-align: left;
}

blockquote:before, blockquote:after,

q:before, q:after {

	content: "";

}

blockquote, q {

	quotes: "" "";

}

a img {

	border: 0;

}

article, aside, details, figcaption, figure,

footer, header, hgroup, menu, nav, section {

	display: block;

}



/*-----------------------Reset Browser-----------------------*/



body {

	font-family:Verdana, Geneva, sans-serif;

	font-size:13px;

	/* background-image:url(http://www.myhoponhopoff.com/img/dark_wall.png);

	background-repeat:repeat;*/
	background-color:#00579a;

	color:#FFF;

	margin:0px;

	padding:0px;

	border:0px;

	padding-left:5%;

	padding-right:5%;

}



a:link {text-decoration:none;}

a:visited {text-decoration:none;}

a:hover {text-decoration:none;}

a:active {text-decoration:none;}



#top-menu {

	text-align:center;

	border-radius:8px;

	margin-bottom:10px;

	font-size:60px;

	font-weight:bolder;

}



#top-bar {

	color:#FFF;
	padding:10px; margin-bottom:10px;
	background-color:#004f8c;
	text-align:center;

}



#top-bar a {margin-right:5px;}

#top-bar a:link {text-decoration:none;color:#FFF;}

#top-bar a:visited {text-decoration:none;color:#FFF;}

#top-bar a:hover {text-decoration:none;color:#fdf300;}

#top-bar a:active {text-decoration:none;color:#FFF;}

#top-bar img { margin-top:0;}

#main {

	height:auto;

	margin:0 auto;

}



#footer {

	text-align:center;

	margin-top:4%;

	margin-bottom:2%;

}



#product_cart table tr td {

	border: 1px dotted #999;

	text-align: center;

	padding: 5px;

}
a.superA:link {color:#fff; font:Arial, Helvetica, sans-serif; font-size:22px; background-color:#FF0000; padding:10px; border-radius:10px; }
a.superA:visited {color:#fff;}
a.superA:hover {color:#fff; text-decoration:underline;}
a.superA:active { color:fff;}

.redeem1 {font-size:22px;}

.fit-redeem { width:70%; background-color:#fff; color:#000; border:none; border-radius:10px;}

#product_cart_redeem table tr td {
	border:1px solid #000;
	text-align: center;
	padding: 15px;
	font-weight:bold;

}


#customer_details {

	border: 1px solid #999;

	border-radius: 8px;

	margin-top: 20px;

	padding: 10px;

}



#customer_details2 {

	border: 1px solid #999;

	border-radius: 8px;

	margin-top: 20px;

	padding: 10px;

}



#customer_details2 table tr td {

	border: 1px dotted #999;

	padding: 10px 15px;

}



#main_event {

	width:48%;

	border-radius:10px;

	float:left;

	margin-right:2%;

	margin-bottom:10px;

}



#main_event img {

	border-radius:10px;

}



#main_event img:hover {

	-webkit-transform: scale(1.02);

    -moz-transform: scale(1.02);

    -o-transform: scale(1.02);

    -ms-transform: scale(1.02);

    transform: scale(1.02);

    cursor: pointer;

}



/* Class

-------------------------------------------------------------- */



.fit {

	width:100%;

}



.showcart {

	background-color: #EEE;

	padding: 10px 10px;

	border-radius: 8px;

	text-align:center;

}



.btn_addtocart {

	border: 0px solid;

	border-radius: 2px;

	padding: 5px 10px;

	margin-bottom: 2px;

	text-align: center;

	background: -webkit-linear-gradient(#fcff00, #ffcc00); /* For Safari */

	background: -o-linear-gradient(#fcff00, #ffcc00); /* For Opera 11.1 to 12.0 */

	background: -moz-linear-gradient(#fcff00, #ffcc00); /* For Firefox 3.6 to 15 */

	background: linear-gradient(#fcff00, #ffcc00); /* Standard syntax (must be last) */

}



.btn_addtocart a  {

	color: #733100;
	font-weight:bold;

}



.btn_addtocart a:hover  {

	color: #000;font-weight:bold;
}



.r {

	background-color: #f00;
    border-radius: 5px;
    color: #fff;
    font-size: 10px;
    padding: 5px;

}
.supertitle { font-weight:bold; font-size:14px; margin-bottom:5px; text-transform:capitalize; }
.supertable { font-weight:bold; font-size:14px; margin-bottom:5px; text-transform:capitalize; background-color:#FFFFFF; color:#0066FF; }
.supertable2 { font-weight:bold; font-size:12px; margin-bottom:2px; text-transform:capitalize; background-color:#fff; color:#00579a; }

/* Table Display */
.kiri {
    float: left;
    width: 50%;
}
.kanan {
    float: right;
    width: 48%;
	text-align:justify;
}
.tablekau:after {
    content:"";
    display: table;
    clear: both;
}
img {
    max-width: 100%;
    height: auto;
}
@media screen and (max-width: 480px) {
    .kiri, 
    .kanan {
        float: none;
        width: auto;
    }
}
/* EOF Table Display */
hr.style-three { border: 0; border-bottom: 1px dashed #00457a; background: #00579a; }
a.menu:link {color:#fff; font:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold;}
a.menu:visited {color:#fff;}
a.menu:hover {color:#fff; text-decoration:underline;}
a.menu:active { color:fff}

.menuTable { text-align:center; }