/*------------------------------------------------------------------
[Master Stylesheet]

Project:		Voucher Kingdom
Version:		1.7
Last change:	25/02/09 [increase height of right column stores]
Author:			Andrew Yee (andrew@citruscube.com)
Primary use:	Web site
-------------------------------------------------------------------*/

@charset "utf-8";
/* CSS Document */

* {
	margin: 0;
	padding: 0;
}
html {
	/* non-ie browsers short page fix */
	margin-bottom: 1px;
	height: 100%;
	margin: 0 auto;
}
body {
	font: 12px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif;
	color : #1b1b1b;
	background: #fff url("../media/bg.gif") repeat-x;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in selector contain text/content */
	height: 100%;
}

/* Layout */

#wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -4em;
	text-align: center;
}
#container {
	width: 960px;
	margin: 0 auto;
	text-align: left;/*background-color: green;*/
}
#navigation {
	width: 955px;
	height:29px;
	padding: 5px 0 0 5px;
	text-align: left;
	display: table;
	background-color:#333333;
	color:#FFFFFF;
	font-size:12px;
	font-weight: bold;
	margin-bottom: 5px;
}


#header{
	height:55px;
}


#header-left {
	width: 822px;
	height:55px;
	padding-top: 10px;
	margin: 0 auto;
	text-align: left;
	display: table;
	background-color:#FFFFFF;
	float: left;
}

#header-right {
	width: 138px;
	height:55px;
	margin: 0 auto;
	text-align: left;
	display: table;
	background-color:#FFFFFF;
	float: left;
	color: #FFFFFF;
	padding-top: 10px;
}

#header-bar {
	width: 960px;
	height:40px;
	padding-top: 0px;
	margin: 0 0 1px 0;
	text-align: left;
	display: table;
	background-color:#CC0000;
}
#header-bar2 {
	width: 960px;
	height:25px;
	padding-top: 5px;
	margin: 0 0 1px 0;
	text-align: left;
	display: table;
	background-color:#333333;
}
#main {
	width: 962px;
	/*height:200px;*/
	padding: 0px;
	margin: 0 auto;
	text-align: left;
	display: table;
	/*background-color: #CCCCCC;*/ /*disabling color - the color appears below the "main" content?*/
	
	
}
#main_body {
	width: 690px;
	background-color:#FFFFFF;
	float:left;
	padding:5px 10px 5px 5px;
	/*height: 560px;*/
	display:block;
}
#main_body_column1 {
	background-color:#FFFFFF;
	width: 229px;
	float:left;
	margin-right:4px;
}
#main_body_column1_box {
	background-color: #FFFFFF;
	padding:5px;
	text-align:left;
}
#main_body_column2 {
	background-color:#FFFFFF;
	width: 224px;
	float:left;
	margin-right:4px;
}
#main_body_column2_box {
	background-color: #EDEDED;
	padding:5px;
}
#main_body_column3 {
	background-color:#FFFFFF;
	width: 229px;
	float:left;
}
#main_body_column3_box {
	background-color: #FFFFFF;
	padding:5px;
	text-align:center;
}
#main_body_column3_box_sub_a {
	background-color: #FFFFFF;
	float:left;
	width: 107px;
	padding-left: 5px;
	margin-right: 5px;
}
#main_body_column3_box_sub_b {
	background-color: #FFFFFF;
	float:left;
	width: 107px;
	padding-left: 5px;
}
#main_right {
	width: 251px;
	background-color:#CCCCCC;
	float:left;
	padding:0px;
	border-color: #FFFFFF #999999 #FFFFFF #999999;
	border-style:solid;
	border-width:1px;
	
}
#right_section_search {
	background-color:#EDEDED;
	margin: 0px;
	padding:5px;
	border-color: #FFFFFF #EDEDED #999999 #EDEDED;
	border-style:solid;
	border-width:1px;
	height: 80px;
}
#right_section_subscribe {
	background-color:#C5C5C5;
	margin: 0px;
	padding:5px;
	border-color: #FFFFFF #C5C5C5 #999999 #C5C5C5;
	border-style:solid;
	border-width:1px;
	height: 45px;
}

#right_section_register {
	background-color:#EDEDED;
	margin: 0px;
	padding:5px;
	border-color: #FFFFFF #EDEDED #999999 #EDEDED;
	border-style:solid;
	border-width:1px;
	height: 60px;
}
#right_section_categories {
	background-color:#C5C5C5;
	margin: 0px;
	padding:5px;
	border-color: #FFFFFF #C5C5C5 #999999 #C5C5C5;
	border-style:solid;
	border-width:1px;
	height: 340px;
}


#right_section_column1 {
	width: 50px;
	float: left;
	
}
#right_section_column2 {
	width: 180px;
	float: left;
}
#footer {
	width: 950px;
	height:130px;
	padding: 5px;
	margin: 0 auto;
	text-align: left;
	display: table;
	background-color:#333333;
}
#footer_column1 {
	width: 215px;
	/*background-color:#FF0000;*/
	float:left;
	color:#FFFFFF;
	padding-left:25px;
}
#footer_column2 {
	width: 340px;
	/*background-color:#0000FF;*/
	float:left;
	color:#FFFFFF;
}
#footer_column3 {
	width: 370px;
	/*background-color:#FF0000;*/
	float:left;
	color:#FFFFFF;
}
#footer-bar {
	width: 960px;
	height:16px;
	padding-top: 0px;
	margin: 0 auto;
	text-align: left;
	display: table;
	background-color:#CC0000;
}

#footer-bar2 {
	width: 960px;
	height:auto;
	padding: 10px 0 10px 0;
	margin: 0 auto;
	text-align: center;
	display: table;
	background-color:#FFFFFF;
}

/* Login register box - on top right of all pages */

#loginregisterbox{
	background-color: #333333;
	padding: 5px 5px 5px 8px;
	text-align:center;
}

/* Links */

a {
	color: #0066FF;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}

.categorylinks{
	color: #000000;
}

.latestofferlink{
	color: #000000;
	font-weight: bold;
}

/* Hx tags */

h1 {
	display:none;
}
h2 {
	font-size: 22px;
	font-weight:bold;
	margin: 0 0 5px 0;
}
h3 {
	font-size: 14px;
	font-weight:bold;
	margin-bottom:5px;
}

h4 {
	font-size: 12px;
	font-weight:bold;
	margin-bottom:5px;
	margin-top:5px;
}

/* General formatting */

p {
	
	margin-bottom:7px;
}

/* Lists */

ol {
	padding-left:30px;
	margin:0;
}
ul {
	padding-left:20px;
	list-style-image:url(../media/bullet.gif);
}
li {
	padding-bottom:5px;
}
/* Colours */

.white {
	color: #FFFFFF;
}



/* Bordered image*/
/* Store logos */
/* Store logos */
.logoborder{
	float: left;
	background-color:#ffffff;
	border:2px solid #CCCCCC;
	padding:1px;
	background:#ffffff;
	margin-right:5px;
	
}

/* Store A-Z */

.storebox{
	width: 660px;
	padding:5px;
	display:table;
}



.storebox_individual{
	width: 220px;
	float:left;
}


/* Store A-Z 2 */

.store-left {
	width: 660px;
	padding: 5px;
}


.storebox-temp{
	width: 360px;
	display:table;
}



.storebox_individual-temp{
	width: 120px;
	float:left;
}




/* Store logos - on voucher detail page*/
.logoborder_detail{
	float: right;
	background-color:#ffffff;
	border:2px solid #CCCCCC;
	padding:1px;
	background:#ffffff;
	margin-right:5px;
}

/* Store logos - on store detail page*/
.logoborder_storedetail{
	float: right;
	background-color:#ffffff;
	border:2px solid #CCCCCC;
	padding:1px;
	background:#ffffff;
	margin-right:5px;
}


/* Store detail page */
/* Heading */

.storedetailheading{
	width: 670px;
	display: table;	
}



/* Store detail box */

.storedetailbox{
	width: 650px;
	background-color:#EDEDED;
	padding: 10px;
}



/* Display vouchers button/image */

.displayvouchersimage{
	margin-right: 5px;
}

/* Voucher listing pages */

.voucherlisting{
	width: 660px;
	display:block;
	margin-bottom:5px;
}
.voucherlisting_left{
	width: 110px;
	float:left;
	margin-right:10px;
}

.voucherlisting_right{
	width: 540px;
	height:80px;
	float:left;
	background-color:#FFFFFF;
}

/* Voucher detail page */
/* Heading */

.voucherdetailheading{
	width: 670px;
	display: table;	
}

.voucherdetailheading_left{
	width: 620px;
	float:left;
	display: table;
}

.voucherdetailheading_right{
	width: 50px;
	text-align:right;
	float:left;
	padding-top: 5px;
	display: table;
}


/* Voucher detail box */

.voucherdetailbox{
	width: 650px;
	background-color:#EDEDED;
	padding: 10px;
}


/* Footer contact form */
/* form */

form label {
  display: block;
  float: left;
  width: 120px;
  
  
}

#contact_name {

 background-color: #CCCCCC;
 border: 0px; 
 margin: 2px;
 padding: 2px;
}

#email_address {

 background-color: #CCCCCC;
 border: 0px; 
 margin: 2px;
 padding: 2px;
}

#position {

 background-color: #CCCCCC;
 border: 0px; 
 margin: 2px;
 padding: 2px;
}

#company {

 background-color: #CCCCCC;
 border: 0px; 
 margin: 2px;
 padding: 2px;
}

#howdidyouhear {

 background-color: #CCCCCC;
 border: 0px; 
 margin: 2px;
 padding: 2px;
 font-family: verdana , arial, hevetica, sans-serif;
  font-size:12px;
}

#telno {

 background-color: #CCCCCC;
 border: 0px; 
 margin: 2px;
 padding: 2px;

}



#password {

 background-color: #CCCCCC;
 border: 0px; 
 margin: 2px;
 padding: 2px;

}


#username {

 background-color: #CCCCCC;
 border: 0px; 
 margin: 2px;
 padding: 2px;

}

#comments {

 background-color: #CCCCCC;
 border: 0px; 
 margin: 2px;
 padding: 2px;
 font-family: verdana , arial, hevetica, sans-serif;
  font-size:12px;
}

form div input.inputText {
  width: 200px;
  padding: 1px 3px;
  margin: 0 0 0 0;
}

.hideform {
	display: none;
}

/* Home page*/
/* Intro text */

.introtext{
	font-size:13px; 
}

/* Toggle msg */

.msg{
	font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana;
	padding:3px 4px;
	border:solid 1px #DEDEDE;
	background-color:#FFB3B3;
	font-size:11px;
	color:#333333;
	width:200px;
	margin-left:2px;
}

/* Auto-suggest "search" box */

/*#search-wrap input{width:400px; font-size:16px; color:#999999; padding:6px; border:solid 1px #999999;}*/
#results{width:190px; border:solid 1px #DEDEDE; display:none; background-color:#FFFFFF;}
#results ul, #results li{padding:0; margin:0; border:0; list-style:none;}
#results li {border-top:solid 1px #DEDEDE;}
#results li a{display:block; padding:4px; text-decoration:none; color:#000000; font-weight:bold;}
#results li a small{display:block; text-decoration:none; color:#999999; font-weight:normal;}
#results li a:hover{background:#FFFFCC;}
#results ul {padding:6px;}

/* Colours */

.red{
	color:#CC0000;
}