/* ----------------------------------------------
   HTML ELEMENTS
------------------------------------------------- */ 
body {
	background-color:#b1caf4;
	font: 80% Geneva, Verdana, sans-serif;
	color: #343834; 
	text-align: center;	
	margin-top: 0px;
     }

.wrapper
{
  margin-left: auto; 
  margin-right: auto;
  /*border: 1px solid #6da9eb;*/
  width: 80%;
  /*background-image:url(../images/main_background.gif);*/
  background-color: #fff;
  text-align:left;
}

.content
{
  margin-left: auto; 
  margin-right: auto;
  /*border: 1px solid #6da9eb;*/
  width: 80%;
  background-color:#ffffff;
  text-align:left;
}

/* links */

.advanced_title {
	border-top: 1px dashed #ccc;
}

a.blue, a.blue:visited {	
	color: #325b93;
	background: inherit;
	text-decoration: none;
}
a.blue:hover {
	color: #ff3333;
	background: inherit;
	text-decoration: underline;
}

a.pagination {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #AAAADD;
	text-decoration: none;
	color: #325b93;
}

a.pagination:hover {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	background-color: #325b93;
	border: 1px solid #AAAADD;
	text-decoration: none;
	color: #fff;
}

.pagination_page {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	background-color: #325b93;
	border: 1px solid #325b93;
	text-decoration: none;
	color: #fff;
}

.default {
	color: #ffffff;
}

a.default, a.default:visited {	
	color: #ffffff;
	background: inherit;
	font-weight: none;
	text-decoration: none;
}
a.default:hover {
	color: #ff3333;
	background: inherit;
	font-weight: none;
	text-decoration: underline;
}

a, a:visited {	
	color: #325b93;
	/*background: inherit;*/
	text-decoration: none;
}
a:hover {
	color: #ff3333;
	/*background: inherit;*/
	text-decoration: none;
}

/* headers */
h1, h2, h3 {
	font-family: Geneva, Verdana, sans-serif;
	font-weight: Bold; 	
	padding: 10px;		
	color: #444;	
}

h1 {
	font-size: 2.4em;
}
h2 {
	font-size: 2.2em;
	color: #000000;
}
h3 {
	font-size: 1.7em;
	font-weight: normal;
	padding: 16px 10px 4px 10px;
}
h4 {
	font-size: 12px;
	/*font-weight: bold;*/
	color: #325b93;
}	

.smltxt, smltxt:visited {
	font-family: arial;
	font-size: 10px;
	color: #000000;
}	

/*--side headers--*/
.box_txt {
	width: 100%;
	font-family: arial;
	color: #ffffff;
	font-weight: bold;
	/*background-color: #bf0000;*/
	font-size: 14px;
	text-align: center;
	
}	

/* Paragraph */
p { padding: 3px 3px;	}

/* Lists */
ul, ol {
	margin: 10px 20px;
	padding: 0 10px;	
}
ul { list-style: none; }

dl { padding: 10px; margin: 0; }

dt {
  font-weight: bold;
  color: #79A62E;
}
dd {
  padding-left: 25px; 
}

/* images */
/*img {
   background: #FAFAFA;
   border: 1px solid #E4E4E4;
   padding: 8px;
}*/
img.float-right {
  	margin: 5px 0px 10px 10px;  
}
img.float-left {
  	margin: 5px 10px 10px 0px;
}

.alphalist
{
margin-left: 10px;
font: 18px Geneva, Verdana, sans-serif;
width:100%;
text-align:center;
font-weight:none;
/*fix for IE7 padding*/
/*display: inline;*/
}

.alphalist_topnav
{
margin: 0 0;
background-color: #699ad1;
font: 18px Geneva, Verdana, sans-serif;
width:100%;
text-align:center;
font-weight:none;

}

.alphalist_store
{
margin: 0 0;
font: 18px Geneva, Verdana, sans-serif;
width:100%;
text-align:center;
font-weight:bold;

}

/*--Rounded corner box--*/
.bl {background: url(../images/bl.gif) 0 100% no-repeat}
.fill {background: #699ad1; width: 180px} 
.br {background: url(../images/br.gif) 100% 100% no-repeat} 
.tl {background: url(../images/tl.gif) 0 0 no-repeat} 
.tr {background: url(../images/tr.gif) 100% 0 no-repeat; padding:5px} 
.clear {font-size: 1px; height: 1px}

.searching
{
border: 1px solid #699ad1;
width: 80%;
padding:10px;
background-color: #FFFFFF;
color: #699ad1;
font-size: 26px;
font-weight: bold;
text-align: center; 
}

.product
{
border: 1px dashed #699ad1;
width:98%;
padding:2px;
margin-bottom:4px;
margin-left: 8px;
margin-top:4px;
background-color: #FFFFFF;
}

.product_advanced
{
border: 1px dashed #699ad1;
width:98%;
padding:2px;
margin-bottom:4px;
margin-left: 8px;
margin-top:4px;
background-color: #f3f3f3;
}

a.product_nav
{
display: block;
border-top: 1px solid #cfcfcf;
border-bottom: 1px solid #cfcfcf;
background-color: #f8f8f8;
}

a.product_nav:hover
{
display: block;
border-top: 1px solid #cfcfcf;
border-bottom: 1px solid #cfcfcf;
background-color: #d5e3f2;
}

.product_header {
margin: 5px;
height: 30px;
background-color: #699ad1;
font: Arial;
color: #fff;
font-size: 18px;
}

.product_spacer{
    height : 10px;
}

.product_price{
    font-size : 20px;
	font-weight: bold;
	color: #000;
}

.product_image_frame{
margin: 5px;
border: 1px solid #ccc;
}

.voucher
{
border: 1px dashed #699ad1;
width:98%;
padding:4px;
margin-bottom:4px;
margin-left: 8px;
margin-top:4px;
background-color: #fff;
background-repeat: repeat-x;
}

.no_voucher
{
border: 1px dashed #699ad1;
width:98%;
padding:4px;
margin-bottom:4px;
margin-left: 6px;
margin-top:4px;
margin-right:6px;
background-image: url(../images/no_code_bk.gif);
background-repeat: repeat-x;
}

.voucher button
{
border: 1px dashed #000000;
width:98%;
margin:0px;
padding:4px;
background-color:#FFFFFF;
cursor: pointer;
}

.expiry_txt {
	margin-left: auto; 
  	margin-right: auto;
	width: 90%;
	background-color: #66cc33;
	padding: 5px;
	text-align: left;
	font: 80% Geneva, Verdana, sans-serif;
	font-size: 14px;
	font-weight:bold;
	color: #000;
}

acronym {
  cursor: help;
  border-bottom: 1px dotted #895F30;
}
blockquote {
	margin: 15px 10px;
 	padding: 5px 7px 5px 40px;  	
        font-weight: normal;
	line-height: 1.6em;
	font-style: italic;
	font-family: Geneva, Verdana, sans-serif;
	color: #80614D;	
	border: 1px solid #EEE8E1; 
	background: #FAF7F5 15px 15px;
}

/* form elements */

form p {
	border-bottom: 1px solid #ECE5DD;
	padding: 5px 0 0px 0;	margin: 0;	
	color: #9D6D37;
}
label {
	font-weight: normal;
	font-size: 12px;
	color: #ffffff;
}

option { padding-right: 0.5em; } 

/* end of form elements*/

.titlebar_sml {
	font: arial;
	color: #fff;
	font-size: 16px;
	font-weight: normal;
	background-color: #6da9eb;
	/*background-repeat: repeat-x;*/
	height: 10px;
	text-align: left;
}


/*-------------------------------------------
   LAYOUT
--------------------------------------------*/ 


.header {
	position: relative;
	width: 100%;
	height: 155px;
	margin: 0;
	background-image:url(../images/header_pattern.gif);
	background-repeat:repeat-x;
	/*background-color: #CCCC99;*/
}

.header_login {
	position: absolute;
	float: right;
	top:145px; right: 35px;
}

.strapline{
	position: absolute;
	float: right;
	font: arial;
	font-size: 16px;
	color: #ffffff;
	font-weight: bold;
	top:120px; right: 30px;
}	

#footer {
	width: 100%;
	height: 82px;
	padding: 0;	
	margin: 0;
	background-image:url(../images/footer_pattern.gif);
	background-repeat:repeat-x;
	/*background-color: #CCCC99;*/
}

.botnav {
	font: Arial;
	font-size: 12px;
	color: #000000;
	text-align: center;
}	

.logo{
	position: absolute;
	background-image:url(../images/logo_cut.gif);
	background-repeat:no-repeat;
	height:141px;
	width:240px;
	top:14px; left: 29px;
}

.logo-text a {
	position: absolute;
	margin: 0; padding: 0;
	font: arial;
	font-size: 45px;
	color: #cc0033;
	font-weight: bold;
	/*letter-spacing: -1px;*/
	text-decoration: none;
	/* change the values of top and left to adjust the position of the logo*/
	top: 30px; right: 30px;
}
.slogan {
	position: absolute;
	margin: 0; padding: 0;
	font: bold 18px arial;
	color: #000000;
	/*letter-spacing: -0.5px;
	
	/* change the values of top and left to adjust the position of the slogan*/
	top: 75px; right: 30px;
}

.tag_box {
  	border: 1px solid #6da9eb;
  	width: 95%;
  	background-color:#fff;
	padding:5px;
  	text-align:left;
}

.info_box {
  	border: 1px solid #6da9eb;
  	width: 95%;
  	background-color:#caddf2;
	padding:5px;
  	text-align:left;
}

.info_box_top {
	background-image:url(../images/top_fill.jpg);
	background-repeat:repeat-x;
	font: arial;
	color: #ffffff;
	font-size: 20px;
	font-weight: normal;
}

.info_box_bot {
	background-image:url(../images/bottom_fill.jpg);
	background-repeat:repeat-x;
}

.info_box_bkg {
	background-color: #d8e4f4;
}

.merchant_infobox {
  	border: 1px solid #bf0000;
  	width: 93px;
  	background-color: #FFFFFF;
	padding:5px;
	/*margin-right: 5px;*/
  	text-align:left;
}

.merchant_infobox a {
  	font: arial;
	font-size: 12px;
	color: #000000;
	font-weight: bold;
}

.merchant_infobox a:hover {
  	font: arial;
	font-size: 12px;
	color: #bf0000;
	font-weight: bold;
	text-decoration: none;
}

/*.merchant_logo {
  	/*padding: 0 10px 0 0;*/
	/*margin-left: 2px;*/
	/*border: 1px dotted #bf0000;*/
  	/*width: 101px;
	height: 51px;
  	background-color: #FFFFFF;
  	text-align:center;
}*/

.thumbnail {
	float: left;
	/*border: 1px solid #bf0000;*/
	
}

/* top-menu */
 .top-menu {
 	position: absolute;
	margin: 0;
	padding: 30px 15px 8px 15px;
	font-family: 'Trebuchet MS', Arial, Sans-serif;
	color: #FFF;
	background-color: #74A838;
	top: 0;	right: 40px
 }
 .top-menu p { 	
	margin: 0; padding: 0;	
 }
 .top-menu a {
 	font-weight: bold;
	color: #fff;
 }
 
.logo_frame{
	height: 120px;
	width: 120px;
	border: 1px dotted #bf0000;
	background-color: #FFFFFF;
	/*padding-right: 15px;*/
	text-align: center;
} 
 
/*Navigation tabs*/

ol#toc {
    height: 2.5em;
    list-style: none;
    margin: 0;
    padding: 0;
}

ol#toc li {
    float: left;
    margin: 0 1px 0 0;
}

ol#toc a {
    background: #bdf url(../images/tab.png);
    color: #fff;
	/*font-weight: bold;*/
    display: block;
    float: left;
    height: 2.5em;
    padding-left: 5px;
    text-decoration: none;
}

ol#toc a:hover {
    background-color: #3af;
    background-position: 0 -120px;
}

ol#toc a:hover span {
    background-position: 100% -120px;
}

ol#toc li.current a {
    background-color: #48f;
    background-position: 0 -60px;
    color: #fff;
    /*font-weight: bold;*/
}

ol#toc li.current span {
    background-position: 100% -60px;
}

ol#toc span {
    background: url(../images/tab.png) 100% 0;
    display: block;
	/*width:80px;*/
    line-height: 2.5em;
    padding-right: 5px;
}

/*--left column--*/
#left-column {
	/*float: left;*/
	display: block;
	margin-left: 10px;
	padding-right: 5px;
	width: 210px;
	text-align: center;
	border-right: 1px dashed #6da9eb;
}	

}

/* Main Column */

#main-column {
	display: block;
	position: relative;
	width:auto
	margin: 0; padding: 0;
	top: 40px;	right: 10px;
}	

.titlebar {
	width: 100%;
	background-color: #bf0000;
	/*background-image: url(../images/titlebar_bk.gif);*/
	/*background-repeat: repeat-x;*/
}

.latest {
	/*float: right;*/
  	margin-left: auto; 
 	margin-right: auto;
	width: 180px;	
}

.main {
	/*float: right;*/
  	margin-left: auto; 
 	margin-right: auto;
	width: 100%;	
}

.main h2 {
	font: 2.0em arial;
	color: #ffffff; 
	/*padding: 0 0 5px 5px; */	
	margin-left: 0px;		
	letter-spacing: -2px;
}
.main h2 a {
	color: #51432f;
	text-decoration: none;		
}

/* Full sized Menu object */
.fullsize {
	margin: 10px 10px 5px 7px; padding: 0;
	text-decoration: none;			
}
.fullsize li {
	list-style: none;
	margin: 0;
	padding: 8px 10px; 		
	border-bottom: 1px dashed #000000;	
}
.fullsize ul { margin: 0 0 0 5px; padding: 10px; }
.fullsize ul li { border: none; }


/* sidebar menu */
.sidebar .sidemenu {
	margin: 10px 10px 5px 7px; padding: 0;
	text-decoration: none;			
}
.sidebar .sidemenu li {
	list-style: none;
	margin: 0;
	padding: 8px 10px; 		
	border-bottom: 1px solid #E8E8E8;	
}
.sidebar .sidemenu li a {
	text-decoration: none;	
	color: #739A23;
	background: none;
	font-weight: normal;
}
.sidebar .sidemenu li a span {
	color: #7F7F7F;	
	font-size: .9em;
	font-family: Georgia, 'Times New Roman', Times, serif;
	font-style: italic;
	font-weight: normal;
	}

.sidebar .sidemenu li a:hover 
{	
	color: #000;	
	background: none;	
}

.sidebar .sidemenu ul { margin: 0 0 0 5px; padding: 0; }
.sidebar .sidemenu ul li { border: none; }


/* header quick search */

/*.searchtxt {
	font: arial;
	font-size: 12px;
	color: #ffffff;
}

.search_container {
	position: relative;
	width: 100%;
	height: 48px;
	background-color: #6da9eb;
}*/

.searchtxt {
	font: arial, Verdana, Arial, sans-serif;
	font-size: 30px;
	border: 1px solid #6da9eb;
	color: #000;
}

.search_container {
	margin-left: auto; 
  	margin-right: auto;
	width: 100%;
	height: 80px;
	background-image: url(../images/search_bk.gif);
	background-repeat: repeat-x;
}

.product_search_container {
	border: 1px solid #6da9eb;
	margin-left: auto; 
  	margin-right: auto;
	width: 60%;
	height: 65px;
	background-image: url(../images/prsearchbk.gif);
	background-repeat: repeat-x;
}
	
/* alignment classes */
.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right { text-align: right; }

/* display and additional classes */
.no-border { border: none; }
.clearer { clear: both; }
.clear {	display:inline-block; }
.clear:after {
	display:block; 
	visibility:hidden; 
	clear:both; 
	height:0; 
	content: "."; 
}

.spacer{
    height : 5px;
}

.spacer-red{
    height : 20px;
	background-color: #6da9eb;
}

.non_tab{
	margin: 5px;
    color: #000;
	font-size: 14px;	
}

a.non_tab{
	margin: 5px;
    color: #000;
	font-size: 14px;	
}

a.non_tab:hover{
    margin: 5px;
    color: #bf0000;
	font-size: 14px;
	text-decoration: underline;	
}

.exc_title {
	font: arial;
	padding:0px;
	text_align:left;
	font-size: 12px;
	font-weight:normal;
	color: #000000;
}

.exclusive, exclusive:visited {
	font: arial;
	padding:4px;
	text-align:left;
	font-size: 12px;
	color: #000000;
}

.exc_container {
	position:relative;
	padding:4px;
	height:140px;
	background-image: url(../images/exlcu_bk.gif);
	background-repeat: repeat-x;
	border: 1px solid #fff;
}

.tag_voucher{
	float: right;
	background-image:url(../images/tag_voucher.gif);
	background-repeat:no-repeat;
	height:100px;
	width:100px;
}

.tag_discount{
	float: right;
	background-image:url(../images/tag_discount.gif);
	background-repeat:no-repeat;
	height:100px;
	width:100px;
}
.tag_print{
	float: right;
	background-image:url(../images/tag_print.gif);
	background-repeat:no-repeat;
	height:100px;
	width:100px;
}

.tag_offer{
	float: right;
	background-image:url(../images/tag_offer.gif);
	background-repeat:no-repeat;
	height:100px;
	width:100px;
}

.extag_discount_sml{
	position:absolute;
	bottom:0;
	right:0;
	background-image:url(../images/tag_discount_ex.gif);
	background-repeat:no-repeat;
	height:71px;
	width:71px;
}

.extag_voucher_sml{
	position:absolute;
	bottom:0;
	right:0;
	background-image:url(../images/tag_voucher_ex.gif);
	background-repeat:no-repeat;
	height:71px;
	width:71px;
}

.extag_offer_sml{
	position:absolute;
	bottom:0;
	right:0;
	background-image:url(../images/tag_offer_ex.gif);
	background-repeat:no-repeat;
	height:71px;
	width:71px;
}

.tag_discount_sml{
	float: right;
	background-image:url(../images/tag_discount_sml.gif);
	background-repeat:no-repeat;
	height:50px;
	width:50px;
}

.tag_voucher_sml{
	float: right;
	background-image:url(../images/tag_voucher_sml.gif);
	background-repeat:no-repeat;
	height:50px;
	width:50px;
}

.tag_offer_sml{
	float: right;
	background-image:url(../images/tag_offer_sml.gif);
	background-repeat:no-repeat;
	height:50px;
	width:50px;
}

.tag_print_sml{
	float: right;
	background-image:url(../images/tag_print_sml.gif);
	background-repeat:no-repeat;
	height:50px;
	width:50px;
}

.more {
	margin-left: auto; 
 	margin-right: auto;
	width: 80%;
	display: none;
	background-color:#ffffff;
	text-align:center;
	font-family:arial, vedana;
	font-size: 30px;
	font-weight: bold;
	border: 1px solid #000;
	}
a.showLink, a.hideLink {
	text-decoration: none;
	font-family:arial;
	font-size: 16px;
	font-weight: bold;
	color: #000;
	background-image:url(../images/lgblue_bk.gif);
	/*border: 1px solid #000;*/
	}

.codetxt{
	margin-left: auto; 
 	margin-right: auto;
	width: 80%;
	font-family:arial;
	font-size: 14px;
	font-weight: bold;
	color: #000;
	background-image:url(../images/lgblue_bk.gif);
	/*border: 1px dashed #ccc;*/
	}
	
.code{
	margin-left: auto; 
 	margin-right: auto;width: 80%;
	font-family:arial, verdana;
	font-size: 18px;
	font-weight: bold;
	color: #000;
	background-image:url(../images/yellow_fill.gif);
	border: 1px dashed #ccc;
	}
	
a.showLink:hover, a.hideLink:hover {
    font-family:arial;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	background-image: url(../images/spacer_red.gif);
	/*border: 1px solid #000;*/ }
	
a.desc {
	font-size: 10px;
	}
	
.red_txt {
	font-size: 18px;
	font-weight: bold;
	color: #red;
}

a.title {
  	font: arial;
	font-size: 12px;
	color: #325b93;
	font-weight:bold;
	text-decoration:none;
}

a.title:hover {
  	font: arial;
	font-size: 12px;
	color: #red;
	font-weight:bold;
	text-decoration:underline;
}

a.title2 {
  	font: arial;
	font-size: 18px;
	color: #325b93;
	font-weight:bold;
}

a.title2:hover {
  	font: arial;
	font-size: 18px;
	color: #red;
	font-weight:bold;
}

.voucher_info {
  	margin-left: auto; 
  	margin-right: auto;
	width: 70%;
	background-color: #f6ff00;
	padding: 5px;
	text-align: center;
	vertical-align:middle;
	font: arial;
	font-size: 12px;
	color: #000;
	border: 1px solid #ccc;
}

.voucher_title {
	font: 80% Geneva, Verdana, sans-serif;
	color:#FFFFFF;
	font-size: 14px;
	font-weight: bold;
}

a.voucher_back {
	font: 80% Geneva, Verdana, sans-serif;
	color:#FFFFFF;
	font-size: 14px;
	font-weight: bold;
	text-decoration:none;
}

a.voucher_back: hover {
	font: 80% Geneva, Verdana, sans-serif;
	color:#ffffff;
	font-size: 14px;
	font-weight: bold;
	text-decoration:none;
}

.voucher_table {
	width: 100%;
	background-color: #b1caf4;
	padding: 5px;
	text-align: center;
	font: arial;
	font-size: 12px;
	color: #000;
	border: 1px dashed #fff;
}

.voucher_table td {
	background-image:url(../images/topten_bk.gif);
	padding: 5px;
	text-align: left;
	font: arial;
	font-size: 16px;
	font-weight: bold;
	color: #325b93;
	border-top: 1px dashed #fff;
}

a.topten {
	background-color:inherit;
  	font: arial;
	font-size: 18px;
	color: #325b93;
	font-weight:bold;
	text-decoration:none;
}

a.topten:hover {
	background-color:inherit;
  	font: arial;
	font-size: 18px;
	color: #fff;
	font-weight:bold;
	text-decoration:none;
}

.header_box {
	margin-left: auto; 
  	margin-right: auto;
	width: 95%;
	height: 60px;
	background-color: #f2f2f2;
	padding: 5px;
	text-align:center;
	border: 1px dashed #b1caf4;
}
hr {
	color: #ccc;
	border-top: 1px dashed #fff;
}

.no_resultshd {
	font: arial;
	font-size: 18px;
	color: #000;
}

.no_resultstxt {
	font: arial;
	font-size: 12px;
	color: #000;
}

.free_header {
margin: 5px;
height: 15px;
background-color: #699ad1;
font: Arial;
color: #fff;
font-size: 12px;
}

.seo_txt {
background-color: #ededed;
border: 1px dashed #ccc;
}

a.pagination {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #AAAADD;
	text-decoration: none;
	color: #325b93;
}

a.pagination:hover {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	background-color: #325b93;
	border: 1px solid #AAAADD;
	text-decoration: none;
	color: #fff;
}

.pagination_page {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	background-color: #325b93;
	border: 1px solid #325b93;
	text-decoration: none;
	color: #fff;
}
