@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;

}

ol, ul {

	list-style: none;

}

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(../img/dark_wall.png);

	background-repeat:repeat;

	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:#111111;
	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:#ec008c;}

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



#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;

}

.supertitle {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 5px;
    text-transform: capitalize;
}

.kiri {
    float: left;
    width: 50%;
}

.kanan {
    float: right;
    text-align: justify;
    width: 48%;
}

.btn_addtocart {

	background: rgba(0, 0, 0, 0) linear-gradient(#0099FF, #000099) repeat scroll 0 0;
    border: 0 solid;
    border-radius: 2px;
    margin-bottom: 2px;
    padding: 5px 10px;
    text-align: center;

}



.btn_addtocart a  {

	color: #FFFFFF;

}



.btn_addtocart a:hover  {

	color: #000000;

}



.r {

	color:#F00;

}