/*@import url("compact.css") screen and (device-max-width: 480px);*/
@import url("jquery.fancybox-1.3.1.css");
@charset "utf-8";
/* CSS Document */

* {
	margin:0;
	padding:0;
}

a { outline:none; }

#site {
	margin:0 auto;
	width:1030px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:75%;
	color:#333;
}

#header {
	margin:1em 0;
	position:relative;
}

h1 {
	font-size:0px;
	color:#fff;
	width:30%;
	margin-left:4%;
	float:left;
}

#content ul, #content ol, #content li {
	margin-left:20px;
}

h1 img { width:305px; }
h1 a img { border:0; }

#header ul { position:absolute; top:15px; }
#header li { 
	list-style-type:none; 
	text-transform:uppercase;
	margin-bottom:2px;
}

#header ul#menuL { left:420px;  }
#header ul#menuR { right:120px;  }

#header a {
	text-decoration:none;
	color:#b7c039;
	font-weight:500;
	border-bottom:1px solid #b9d045;
	width:17.5em;
	display:block;
	margin-bottom:5px;
}



#header a:hover, 
#header a:focus,
body#about a.about, /* Public Pages */
body#monthly a.monthly,
body#special a.special,
body#new a.new,
body#directory a.directory,
body#location a.location,
body#contact a.contact,
body#retailer a.retailer,
body#home a.home, /* Admin Pages */
body#acontact a.acontact,
body#aspecial a.aspecial,
body#registrations a.registrations,
body#pnews a.pnews,
body#rnews a.rnews,
body#accounts a.accounts,
body#stores a.directory {
	color:#313686;
	border-bottom-color:#313686;
}

#header a.redevelopment, #header a.redevelopment:hover, #header a.redevelopment:focus { color:#CCC; border-bottom-color:#CCC; cursor:default; }

body#directory #content {
	clear:left;
	width:660px;
}

ul#default { width:300px; }
#store { width:350px; float:left; position:relative; z-index:1 }
#store img { width:138px; height:141px; margin:0 2px 10px 0; }

#store a img { border:0; }

#store.loading {
	background:url(../images/loading.gif) 50% 50% no-repeat;
}

/* What's New */
#newsItems {
	height: 395px;
	width: 98%;
	overflow: auto;
	margin:1em 0 0;
}
.news { margin:0 0 1em 0; clear:both; padding-bottom:1em; border-bottom:1px solid #dc1762; }
.news img { width:135px; /*height:140px;*/ float:left; margin:0 1em 0.5em 0; }
.news a img { border:0; }
.news h3 { font-size:1.4em; font-weight:normal; }
p.date { margin:0 0 1em; font-size:85%; }
p.file a { padding-left:20px; background:url(../images/pdf-icon.gif) 0 0 no-repeat; }

body#about h2 {
	font-size:1.1em;
	border-bottom:1px solid #313686;
	color:#313686;
	height:auto;
}

h2 {
	width:98%;
	font-weight:normal;
	display:block;
	font-size:1px;
	color:#fff;
	height:36px;
}

select#storeList {
	display:none;
}

ul#storeLeft, ul#storeRight {
	margin:0.5em 0;
	width:50%;
	float:left;
}

ul#storeLeft li, ul#storeRight li {
	list-style-type:none;
	margin:0.25em 0 0.5em;
}

ul#storeLeft a, ul#storeRight a {
	text-decoration:none;
	/*color:#9dccf2;*/
	color:#333;
}

ul#storeLeft a:hover, ul#storeRight a:hover,
ul#storeLeft a:focus, ul#storeRight a:focus,
ul#storeLeft a.current {
	color:#28a4e3;
}

dl, ul { margin-bottom:1em; }
dt {
	width:10em;
	float:left;
}

#store li { margin-left:2em; }

p {
	margin:1em 0;
	line-height:1.4em;
}

p#footer {
	clear:both;
	font-size:80%;
	line-height:28px;
	text-align:right;
	width:1005px;
}

p#footer a {
	margin-left:10px;
	position:relative;
	bottom:-12px;
}

p#footer a img {
	border:none;
}

body#location p#footer { line-height:28px; }

#map_canvas {
	 width:405px; 
	 height:280px;
	 margin:0.5em 0;
}

#map_canvas span { display:none; }

h3 {
	font-size:1.2em;
	color:#28a4dc;
	font-weight:normal;
}

body#location p { margin-top:0; line-height:1.4em; }

/* Page Headings */
body#monthly h2 {
	background: url(../images/register-to-win.gif) 0 0 no-repeat;
	border-bottom:1px solid #dc1762; /* RED */
}

body#special h2 {
	background: url(../images/retailer-specials.gif) 0 0 no-repeat;
	border-bottom:1px solid #28a4dc; /* BLUE */
}

body#new h2 {
	background: url(../images/whats-new.gif) 0 0 no-repeat;
	border-bottom:1px solid #dc1762;
}

body#directory h2 {
	background: url(../images/centre-directory.gif) 0 0 no-repeat;
	border-bottom:1px solid #28a4dc;
}

body#location h2 {
	background: url(../images/location-and-parking.gif) 0 0 no-repeat;
	border-bottom:1px solid #dc1762;
}

body#contact h2 {
	background: url(../images/contact-us.gif) 0 0 no-repeat;
	border-bottom:1px solid #28a4dc;
}

body#retailer h2 {
	background: url(../images/retailer-login.gif) 0 0 no-repeat;
	border-bottom:1px solid #b7cf43; /* GREEN */
}

body#rnews h2 {
	background: url(../images/add-retailer-news-item.gif) 0 0 no-repeat;
	border-bottom:1px solid #28a4dc;
}

body#acontact h2 {
	background: url(../images/contact-form.gif) 0 0 no-repeat;
	border-bottom:1px solid #28a4dc;
}

body#aspecial h2 {
	background: url(../images/update-special-offer.gif) 0 0 no-repeat;
	border-bottom:1px solid #28a4dc;
}

body#pnews h2 {
	background: url(../images/add-news-item.gif) 0 0 no-repeat;
	border-bottom:1px solid #28a4dc;
}

body#registrations h2 {
	background: url(../images/site-registrations.gif) 0 0 no-repeat;
	border-bottom:1px solid #28a4dc;
}

body#accounts h2 {
	background: url(../images/manage-retailer-accounts.gif) 0 0 no-repeat;
	border-bottom:1px solid #28a4dc;
}

body#stores h2 {
	background: url(../images/manage-store-directory.gif) 0 0 no-repeat;
	border-bottom:1px solid #28a4dc;
}



/* Form Basics */
label { 
	width:80px; 
	float:left;
	line-height:2em;
	clear:left;
	text-transform:uppercase;
}

input, textarea { 
	width:305px; 
	clear:right; 
	margin-bottom:5px; 
	padding:5px;
}	

/*body#acontact input, body#registrations input, body#accounts #cdata_filter input {*/
#cdata_filter input {
	width:auto;
	margin:auto;
	padding:0;
}

/* Monthly Giveaway */
body#monthly #content p { margin-right:5px; }

body#monthly input {
	background-color:#f6c9ce;
	border:0;
}

a:hover { color:#333; }

p.sub { font-size:85%; }
body#monthly input#register { 
	background-color:#de1c69; 
	width:95%; 
	color:#fff; 
	text-transform:uppercase;
	cursor:pointer;
	margin-bottom:0;
} 

body#monthly input#register:hover { color:#333; }

p.error { 
	color:#de1c69; 
	font-weight:bold; 
	text-align:center;
	width:400px; 
}

body#acontact span.error { 	
	color:#de1c69; 
	font-weight:bold;
	margin-left:10px;
} 

/* Retailer Specials */

.offer {
	width:385px;
	padding:10px;
	border:1px dashed #333;
	margin:1em 0;
}

.offer h3 {
	font-weight:bold;
	font-size:1.1em;
	margin-bottom:10px;
	color:#dc1762;
}

.offer h3 span {
	float:right;
	font-weight:normal;
	color:#333;
	font-size:85%;
}

.offer p.offer_date { text-align:right; font-size:85%; margin-bottom:0; }

/* Retailer Login */

body#retailer input {
	background-color:#ebf2cd;
	border:0;
}

body#retailer input#login { 
	background-color:#b9d03e; 
	width:315px; 
	margin:2px 0 0 80px; 
	color:#fff; 
	text-transform:uppercase;
	cursor:pointer;
	margin-bottom:0;
} 

body#retailer input#login:hover { color:#333; }

/* Contact Form */
input#subscribe { width:auto; }

body#contact input, body#contact textarea {
	background-color:#cde3f5;
	border:0;
}

p.alert {
	width:305px;
	text-align:center;
	margin:1em 0 15px 75px;
	color:#28a4dc;
	font-weight:600;
}

body#contact input.btn { 
	width:315px; 
	margin:2px 0 0 80px; 
	background-color:#28a4dc; 
	border:0; 
	padding:5px 0; 
	color:#fff; 
	cursor:pointer;
	text-transform:uppercase;
}

body#contact input.btn:hover { color:#333; }

/* Admin */

table#cdata {
	margin-bottom:10px;
	width:100%;
}

table#cdata td {
	vertical-align:top;
}

table#cdata th,table#cdata td {
	padding:5px;
}

table#cdata th:hover {
	cursor:pointer;
}

input#create { width:315px; margin:5px 0 5px 80px; }
input#update { width:auto; margin:5px 0 5px 20px; padding:0 5px; }
form#export input, input#deleteRecord { width:auto; margin:0 5px; padding:0 5px; cursor:pointer; }
input#updateEmail { width:auto; margin:5px 0 5px 5px; padding:5px 5px; }

input#logout:hover { cursor:pointer; }

.formLeft {
	width:45%;
	margin-right:5%;
	float:left;
}

.formRight {
	width:45%;
	float:left;
}

select#listings option {
	padding:0 5px;
}

input#modify, input#delete, input#confirm {
	width:auto;
	margin:auto;
	padding:0 5px;
}
input#confirm {
	padding-top:5px;
}

img.thumb {
	width:88px;
	height:90px;
}

input#web {
	width:264px;
}

/* Grid Styles */

#gridL, #gridM, #gridR, #content {
	margin-top:1em;
}

#gridL { width:295px; float:left; clear:left; height:445px; }
#gridM { width:295px; float:left; }
#gridR { width:300px; float:left; }
#content { width:415px; float:left; margin-right:5px; }
#content.wide { width:710px; }
#content.widest { width:990px; }


#home #gridL, #home #gridR { width:290px; }
#home #gridM { width:435px; }

#gridL li, #gridM li, #gridR li, ul#default li { 
	list-style-type:none; 
	float:left;
	width:139px;
	margin:0 6px 6px 0;
	height:142px;
}

#gridL li img, #gridM li img, #gridR li img, #default li img  { width:139px; height:142px; }

li.grid3, li.grid5 { clear:left; }
#gridR li#grid9 { clear:left; }

/* Page specific grids */

#l1, #r1, #r5, #m4 { background-color:#de2c2b; }				/* red */
#l2, #r4, #m5, #m9 { background-color:#b7cf43; }						/* green */
#l3, #r3, #m3, #m7 { background-color:#323684; } 						/* purple */
#l4, #r6, #m2, #m8 { background-color:#dd1d68; } 						/* pink */
#l5, #l6, #m1, #r2, #m6 { background-color:#29a4dc; } 	/* blue */

#home #l5 { background-color:#b7cf43; }
#location #l2 { background-color:#de2c2b; }
#location #l4, #location #r2 { background-color:#b7cf43; }
#contact #l4, #contact #r2 { background-color:#b7cf43; }
#contact #l5 { background-color:#de2c2b; }
#contact #r5 { background-color:#dd1d68; }
#retailer #l1 { background-color:#b7cf43; }
#retailer #l3 { background-color:#de2c2b; }
#retailer #l6 { background-color:#323684; }

input#add, input#upload { margin-left:80px; width:320px; }
input#delete, input#edit { width:auto; clear:none; padding:3px 5px; }

select {
	padding:5px;
	margin-bottom:5px; 
	margin-right:10px;
	outline:none;
}


/* Reorder */

#sortable {
	list-style-type: none;
	width: 300px;
}
#sortable li {
	margin: 0 3px 3px 3px;
	padding: 0.4em;
	padding-left: 1.5em;
	height: 18px;
	cursor:move;
}
#sortable li span {
	position: absolute;
	margin-left: -1.3em;
}