html, body {height: 100%;}

img, table {border: 0px;}

h1 {font-size: 18pt; color: #f29200;}
h2 {font-size: 13pt; color: #f29200; margin-bottom: 6px;}
h3 {font-size: 10pt; color: #f29200;}

body {
background: #EFEFEF; /* EFEFEF */
margin: 0px;
font-family: Arial, Helvetica, sans-serif;
font-size: 8pt;
}

.container {
margin: auto auto;
width: 910px;
background: #efefef;
}

.main {
width: 870px;
margin: auto auto;
background: #fff;
}

.header {
height: 151px;
border-bottom: 1px solid #359fd3;
background-color: #53c2ec;
/* background: #53c2ec url(/media/tpl/bg-header.gif) no-repeat top right; */
}

.menu {
color: #fff;
width: 200px;
height: auto; /* 230px; */
border-bottom: 1px solid #359fd3;
background: #359fd3 url(/media/tpl/bg-menu.gif) repeat-y top left;
float: left;
padding-bottom: 10px; 
}

.banner {
width:670px;
height:231px;
background: #fff;
}

.content {
padding: 10px 20px 0px 20px;
background: #fff;
width: 630px;
}

.content-body {
padding: 10px 20px 0px 40px;
background: #fff;
width: 610px;
}

.footer {
height: 37px;
padding: 5px 0px 5px 0px;
text-align: center;
color: #000;
background: #53c2ec url(/media/tpl/footer-bg.jpg) no-repeat top right;
}
.footer a {color: #000; text-decoration: none;}
.footer a:hover {text-decoration: underline;}

.search {
float: right; border: 0px solid red; width: 250px;
padding-top: 21px;
margin-right: 10px;

}

.box-vip {
color: #fff;
/* border-top: 1px solid #fff; */
width: 180px;
height: auto;
padding: 13px 10px 10px 10px;
}


.box-vip {background: #97be0d;}
.box-where {
background: #fff;
}

.vip-flash {
margin-left: 5px;
width: 66px; height: 66px;
}

.b {font-weight: bold;}

.left-heading {
font-size: 12pt;
margin-bottom: 2px;
}

.left-heading span {
display:inline-block; 
margin-top:8px;
}

.menu ul {
list-style-image: url(/media/tpl/menu-bullet.gif);
margin: 0px 0px 0px 30px;
padding: 20px 0px 0px 0px;
font-size: 10pt;
font-weight: bold;
}

.menu ul li {
margin-bottom: 10px;
padding-left: 10px;
}

.menu a {color: #fff; text-decoration: none; display: block; height: 12px;}
.menu a:hover {color: #fff; text-decoration: underline;}

.news-heading {
height: 54px;
width: 50%;
background: #8b2478;
}

.news-heading p {
padding: 0px;
margin: 16px 0px 0px 0px;
color: #fff;
font-size: 11pt;
font-weight: bold;
}

.news-img {padding: 10px 20px 0px 20px;}
.news-img img {border: 1px solid #b6b6b6; margin: 0px 0px 10px 0px;}
.news-txt {
vertical-align: top;
height: 121px;
padding: 0px 12px 0px 12px;
}

.news-txt img {
margin-top: 10px;
}

.float-left {float: left;}
.float-right {float: right;}

.news {
width: 630px;
height: 273px;
margin-bottom: 10px;
border: 1px solid #8b2478;

}

.search-home {
border-left: 0px;
border-right: 0px;
border-top: 1px solid #f27800;
border-bottom: 1px solid #f27800;
height: 18px;
width: 145px;
}

.news-border {
border-right: 1px solid #8b2478;
}

.page-peel-box {
position: absolute; top: 0px; right: 0px;
/* border: 1px solid red; */
z-index: 99999;
width: 86px; height: 66px;
}

.page-peel-sml { 
overflow: hidden;
width: 86px; height: 66px;
z-index: 99999;
display: block;
}

.page-peel-lrg {
text-align: right;
overflow: hidden;
position:absolute;
top:0px;
left:0px;
z-index:999999;
/* width: 770px; height: 560px; */
display: none;
}

.orange {
color: #f29200;
}

.col-left {
background: url(/media/tpl/bg-menu-location-bg.gif) repeat-y top left;
}

/* STORE DIR */
.sd-bg {
background: url(/media/tpl/sd-bg.gif) repeat-x top left;
}

.storedir-cat-bar {background: #359fd3; padding: 4px 0px 4px 8px; color: #fff; font-weight: bold; margin-bottom: 1px; cursor: pointer;}
.storedir-list-box {background: #f6f6f6; padding: 10px;}
.storedir-list {margin: 0px 0px 0px 15px; list-style-image: url(/media/tpl/bullet02.gif);/* line-height: 16px;*/}

.storedir-list li {
vertical-align: middle;
display: block;
border: 0px solid red;
padding: 2px 0px 3px 7px;
}

.storedir-list a {color: #005597; text-decoration: none;}

.search-result, .search-result-b {padding: 8px;}
.search-result-b {background: #dff0ff;}

.allstore, .allstore-b {width: 510px; height: 20px; padding: 4px 0px 0px 10px; border-top: 1px solid #cccccc;}
.allstore-b {background-color: #f5f5f5;}
.allstore-ph {width: 110px; float: right;}
.allstore-name {float: left;}
.allstore-loc {float: right; margin-right: 10px;}

.searchbox {float: right;}
.search-txtfield {height: 15px; border: 1px solid #7f9db9; padding: 2px;}
.searchimg-l {position: relative; top: 0px; left: 3px;}
.searchimg-r {position: relative; top: 0px; left: -1px;}
.searchimg-go {
position: relative;
top: 0px;
left: -3px;
background: url(/media/tpl/searchbox-go.gif) no-repeat center;
width: 37px;
height: 21px;
border: 0px;
cursor: pointer;
}
/* END STORE DIR */


.signup-box {border: 1px solid #cccccc; background: #f9f9f9; width: 554px;  padding: 10px;}

.icons {
height: 102px;
position: relative; top: 40px; left: 44px;

}

.icon-txt {
font-weight: bold;
font-size: 10pt;
}

.icon-txt a {
color: #fff;
text-decoration: none;
}

.whatson-bgnd {
background: #fff url(/media/tpl/footer-bgnd.jpg) repeat-x top left;
color: #fff;
font-size: 10pt;
font-weight: bold;
padding-top: 6px;
vertical-align: top;
}
.whatson-area {padding-top: 8px;}

/********RETAILER********/

.retail-menu {
width: 520px;
height: 24px;
margin-bottom: 20px;
background: #4b6e99 url(/media/tpl/retail-menu-bgnd.gif) repeat-x top left;
}

.retail-menu a {color: #fff; text-decoration: none;}

.retail-menu div {
height: 20px;
float: left;
border-right: 1px solid #89add4;
padding: 4px 8px 0px 8px;
color: #fff;
}

.retail-menu div img {
float: left;
margin-right: 4px;
}

.retail-container {
border: 1px solid #a1a1a1;
width: 164px;
background-color: #fff;
}

.retail-logo {
width: 154px;
border-bottom: 1px solid #a1a1a1;
padding: 5px;
}

.retail-box {
color: #fff;
height: 30px;
width: 154px;
padding: 5px 0px 0px 10px;
background: #517cac url(/media/tpl/retail-box-bgnd.gif) repeat-x bottom left;
border-bottom: 1px solid #a1a1a1;
}

.retail-box img {
float: right;
position: relative; top: -5px; left: 0px;
}

.retail-img {
float: right;
margin: 0px 0px 20px 20px;
padding: 2px;
border: 1px solid #a1a1a1;
}

.retail-txt-blue {
color: #20496d;
}

.retail-hrs {
width: 154px;
padding: 10px 0px 10px 10px;
background: #fff url(/media/tpl/retail-hours.gif) no-repeat top right;
}

.retail-hrs-row {
background: #e3f2ff;
}

/******END RETAILER******/

.signup-txtfield {
width: 200px;
float: left;
}

.signup-submit {
width: 157px; height: 52px;
background: url(/media/tpl/btn-signup.gif) no-repeat top left;
border: 0px;
margin: 20px 0px 0px 172px;
cursor: pointer;
}

.red {color: #ff0000;}

.trading-hrs-table {
background: url(/media/tpl/bg-trading-hrs.gif) no-repeat top right;
width: 520px;
border: 1px solid #e1e1e1;
}

.trading-hrs-table td {padding: 8px;}

.trading-hrs-row {
background: url(/media/tpl/trading-hrs-row.gif);
}

.trading-hrs-date {
background: url(/media/tpl/trading-hrs-bg.gif) repeat-x top left;
height: 15px;
margin: -3px 5px 0px 0px;
float: left;
}

.trading-hrs-date td {
color: #fff;
font-size: 8pt;
padding: 0px;
}

.form-error {
background: url(/media/tpl/form-error-bg.gif) repeat-x top left;
height: 15px;
margin: 2px 0px 0px 5px;
float: left;
}

.form-error td {
color: #fff;
font-size: 7pt;
font-weight: bold;
padding: 0px;
}





.vtitle {
	padding-left: 24px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #000000;
	font-weight: bold;
	position: relative;
	top: 50px;
	left: 0px;
	}
	
.vcontent {
	padding-left:12px;
	padding-right:25px;
	font:Arial, Helvetica, sans-serif;
	color:#074f8e;
	font-size:14px;
	border-left: 1px solid #06508e; border-right: 1px solid #06508e;
}
.vterms {
	padding-left:32px;
	padding-right:25px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	border-left: 1px solid #06508e; border-right: 1px solid #06508e;
	}

.percentage {
        color: #ff0000;
        font-size: 14pt;
}

.voucher-temp {background: url(/media/tpl/voucher-bg.gif) no-repeat top left; padding-top: 10px; padding-left: 10px;}
.voucher-temp-txt-b {font-weight: bold; font-size: 10pt;}
.voucher-print-button {float:left;position:relative;margin:0 -12px 0 -10px;}




.list-tc {
margin-left: 30px;
padding: 0px;
}

.list-tc li {
margin-bottom: 10px;
background: #fafafa;
padding: 5px;
line-height:1.4em;
border-left:1px solid #ccc;
}