@charset "utf-8";
/* CSS Document */
<style type="text/css">
<!--
/* Containers for the Body of the website */
#container {
	width: 948px;
	background: #FFFFFF;
	position:relative;
	}
	
#contain_header {
	height:125px; 
	width:968px; 
	background-color: 
	#FFFFFF; 
	position:relative;
	}
	
#contain_search {
	height:95px; 
	width:963px; 
	padding-left:5px;
	background-color: #FFFFFF; 
	position:relative
	}
	
#contain_body {
	width:968px; 
	padding-top:10px;
	padding-bottom:10px;
	background-color:#FFFFFF; 
	position:relative
	}
	
#contain_footer {
	height:60px; 
	width:968px; 
	background-color: #FFFFFF; 
	clear:both;
	}


/* CSS ON ALL PAGES */
/* css all header */
#all_logo {
	height:120px; 
	width:190px; 
	float:left;
	}
	
#all_topicons {
	height:30px; 
	width:728px; 
	top:0px; 
	left:235px; 
	float:right;
	margin-right:5px;
	}
	
#all_leader {
	height:90px; 
	top:30px;
	left:235px;	
	width:728px; 
	position:absolute;
	}
	
	
/* css all search */
#all_alphabrowse {
	height:20px; 
	width:958px;
	top:0px; 
	left:0px; 
	background-color:#000066;
	padding-top:5px; 
	padding-bottom:5px; 	
	position:static;  
	}
	
#all_searchbar {
	height:30px; 
	width:928px; 
	top:30px; 
	left:0px;  
	background-color:#F5F5F5; 
	padding:15px; 
	border-bottom:#000066; 
	border-bottom-style:solid; 
	border-bottom-width:5px;
	position:static;
	}

#all_searchmerchants {
	height:35px;
	width:725px;
	left:10px;
	position:absolute;
	vertical-align:middle;
	overflow:hidden;
	}
	
#all_social {
	height:35px;
	width:175px;
	left:775px;
	position:absolute;
	}	

/* CSS FOR INDEX PAGE */
#index_category {
	height:70px;
	width:210px;
	left:0px;
	top:10px;
	float:left;
	background-color:#000066;
	border-color:#999;
	border-style:solid;
	border-width:1px;
	padding:10px;
	}

#index_merchantsinclude {
	left:238px;
	height:80px;
	width:715px;
	position:absolute;
	overflow:hidden;
	padding:5px;
	border:solid;
	border-color:#999;
	border-style:solid;
	border-width:1px;
	background-color: #0000FF;
	}

#index_popularmerchants {
	height:610px; 
	width:200px; 
	left:5px; 
	top:150px;
	position:inherit;
	border-color:#999; 
	border-style:solid; 
	border-width:1px; 
	padding:15px; 
	}

#index_latestlinks {
	height:610px; 
	width:490px; 
	border-color:#999; 
	border-style:solid;
	border-width:1px; 
	padding:15px; 
	background-color:#F5F5F5; 
	}

#index_sharediscountgrouped {
	height:200px; 
	width:520px; 
	background-color:#FFFFFF; 
	padding-left:5px; 
	padding-right:10px; 
	padding-top:5px; 
	left:0px; 
	border-color:#009; 
	border-style:dashed; 
	border-width:2px;
	}

/* CSS FOR SEARCH RESULTS PAGE */
#search_merchants {
	width:560px; 
	left:5px;
	background-color:#F5F5F5;
	border-color:#999; 
	border-style:solid; 
	border-width:1px; 
	padding:15px; 
	}
	
#search_links {
	width:325px; 
	left:5px; 
	position:inherit;
	border-color:#999; 
	border-style:solid; 
	border-width:1px; 
	padding:15px; 
	}	

/* CSS FOR STORE PAGE */
#merchant_backbutton {
	top:25px;
	height:30px;
	left:863px;
	width:100px;
	position:absolute;
	}

#merchant_details {
	width:470px;
	left:5px;
	position:absolute;
	top: 80px;
	height: 30px;
	}

#merchant_name {
	top:25px;
	width:450px;
	left:5px;
	position:absolute;
	padding:10px;
	font-size: 16px;
	background-color: #FF6600;
	}

#merchant_description {
	width:450px;
	left:5px;
	position:absolute;
	overflow:hidden;
	padding:10px;
	border-bottom-color:#999;
	border-bottom-style:solid;
	border-bottom-width:1px;
	top:120px;
	}

#merchant_discounthead {height:80px; width:850px; padding-left:20px; padding-right:20px; padding-top:10px; top:310px; left:25px; border-top-color:#999; border-top-style:dashed; border-top-width:thin; position:absolute;}

#merchant_discountgroup {height:225px; width:860px; padding:15px; top:405px; left:25px; position:absolute; overflow:auto; border-top-color:#999; border-top-style:dashed; border-top-width:thin; border-bottom-color:#999; border-bottom-style:dashed; border-bottom-width:thin;}

#merchant_discountgreybox {
	height:167px;
	width:915px;
	position:absolute;
	padding-top:10px;
	padding-bottom:5px;
	padding-left:5px;
	padding-right:5px;
	background-color:#F0F0F0;
	left: 20px;
	border-width:2px;
	border-color:#000;
	border-style:solid;
}

#merchant_discountdetails {
	height:125px;
	width:440px;
	position:absolute;
	padding:10px;
	background-color:#FFFFFF;
	left: 10px;
	border-width:1px;
	border-color:#000;
	border-style:solid;
}

#merchant_discountdetailsoptions {
	height:125px;
	left:500px;
	width:375px;
	position:absolute;
	padding:10px;
	background-color:#F0F0F0;
}

#merchant_shareshoppingcode {
	height:280px; 
	width:425px; 
	left:30px; 
	background-color:#FFFFFF; 
	border-color:#999; 
	border-style:dashed; 
	border-width:medium; 
	padding:10px;}

#merchant_googleads {
	height:280px; 
	width:450px; 
	background-color:#FFFFFF;
	}


/* CSS FOR USER EXPERIENCE*/
#user_experience_box {height:125px; width:400px; position:absolute; padding:10px; background-color:#FFFFFF; left: 10px; border-width:1px; border-color:#000; border-style:solid;}


/* CSS FOR LINK BOX*/
#link_discountgreybox {height:167px; width:815px; position:absolute; padding-top:10px; padding-bottom:5px; padding-left:5px; padding-right:5px; background-color:#F0F0F0; left: 20px; border-width:2px; border-color:#000; border-style:solid;}

#link_discountdetails {height:125px; width:400px; position:absolute; padding:10px; background-color:#FFFFFF; left: 10px; border-width:1px; border-color:#000; border-style:solid;}

#link_discountdetailsoptions {height:125px; left:450px; width:300px; position:absolute; padding:10px; background-color:#F0F0F0;}


/* CSS FOR EMAIL BOX*/
#email_greybox {height:210px; width:815px; position:absolute; padding-top:10px; padding-bottom:5px; padding-left:5px; padding-right:5px; background-color:#F0F0F0; left: 20px; border-width:2px; border-color:#000; border-style:solid;}

#email_details {height:125px; width:400px; position:absolute; padding:10px; background-color:#FFFFFF; left: 10px; border-width:1px; border-color:#000; border-style:solid;}

#email_logo {height:50px; width:420px; position:absolute; top:165px; left: 10px;}

#email_white {height:180px; left:450px; width:340px; position:absolute; padding:10px; background-color:#FFFFFF; border-width:1px; border-color:#000; border-style:solid;}


/* CSS FOR ABOUT US INFORMATION */
#aboutus_maininformation {height: 850px; width:968px; position:relative; left:0px; overflow:auto}

#aboutus_top {height:175px; width:760px; top:150px; left:85px; position:absolute; padding:10px; border-color:#999; border-style:dashed; border-width:1px;}

#aboutus_middle {height:170px; width:760px; top:375px; left:85px; position:absolute; padding:10px; border-color:#999; border-style:dashed; border-width:1px;}

#aboutus_bottom {height:175px; width:760px; top:600px; left:85px; position:absolute; padding:10px; border-color:#999; border-style:dashed; border-width:1px;}


/* CSS FOR ADVERTISE WITH US INFORMATION */
#advertisewithus_maininformation {height:900px; width:968px; position:relative; left:0px; overflow:auto}

#advertisewithus_top {height:200px; width:760px; top:150px; left:85px; position:absolute; padding:10px; border-color:#999; border-style:dashed; border-width:1px;}

#advertisewithus_grey {height:400px; width:720px; left:85px; top:400px; position:absolute; padding:30px;  background-color:#F0F0F0;border-width:2px; border-color:#000; border-style:solid;}

#advertisewithus_confirm_maininformation {height:600px; width:968px; position:relative; left:0px; overflow:auto}

#advertisewithus_confirm_grey {height:400px; width:720px; left:85px; top:100px; position:absolute; padding:30px;  background-color:#F0F0F0;border-width:2px; border-color:#000; border-style:solid;}


/* CSS FOR CONTACT US INFORMATION */
#contactus_maininformation {height:635px; width:968px; position:relative; left:0px; overflow:auto}

#contactus_grey {height:350px; width:720px; left:85px; top:150px; position:absolute; padding:30px;  background-color:#F0F0F0;border-width:2px; border-color:#000; border-style:solid;}


/* CSS FOR SUGGEST A MERCHANT INFORMATION */
#newmerchant_maininformation {height:720px; width:968px; position:relative; left:0px; overflow:auto}

#newmerchant_top {height:65px; width:760px; top:160px; left:85px; position:absolute; padding:10px; border-color:#999; border-style:dashed; border-width:1px;}

#newmerchant_grey {height:350px; width:720px; left:85px; top:270px; position:absolute; padding:30px;  background-color:#F0F0F0;border-width:2px; border-color:#000; border-style:solid;}

#newmerchant_confirm_maininformation {height:650px; width:948px; margin-left:-10px; margin-right:-10px; position:relative; top:20px; left:0px; overflow:auto}

#newmerchant_confirm_grey {height:350px; width:720px; left:85px; top:170px; position:absolute; padding:30px;  background-color:#F0F0F0;border-width:2px; border-color:#000; border-style:solid;}



/* CSS FOR PRIVACY POLICY INFORMATION */
#privacy_maininformation {height:900px; width:968px; position:relative; left:0px;}


/* CSS FOR TERMS AND CONDITIONS INFORMATION */
#tacs_maininformation {height:4410px; width:968px; position:relative; left:0px;}


/* CSS FOR TERLL A FRIEND INFORMATION */
#tellafriend_maininformation {height:815px; width:968px; position:relative; left:0px; overflow:auto}

#tellafriend_grey {height:525px; width:720px; left:85px; top:190px; position:absolute; padding:30px;  background-color:#F0F0F0;border-width:2px; border-color:#000; border-style:solid;}


/* FONTS */
/* Font Body */
body {
	background-image: url(../images/header/back_image.png);
	background-color:#0000CC;
	background-repeat: repeat-x;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
}

a:link {
	color: #006;
	text-decoration: none;
}
a:visited {
	color: #006;
	text-decoration: none;
}
a:hover {
	color: #900;
	font-weight:bold;
	text-decoration: none;
}
a:active {
	color: #006;
	text-decoration: none;
	font-weight: bold;
}

/* Font White */
.font_white {
	color: #FFFFFF;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px
}
.font_white a:link {
	color: #FFFFFF;
	text-decoration: none;
}
.font_white  a:visited {
	text-decoration: none;
	color: #FFFFFF;
}
.font_white  a:hover {
	text-decoration: none;
	color: #999;
	font-weight:bold;
}
.font_white a:active {
	text-decoration: none;
	color: #FFFFFF;
}

/* Font Footer */
.font_footer {
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	color:#006;
}
.font_footer a:link {
	color:#006;
	text-decoration: none;
}
.font_footer a:visited {
	text-decoration: none;
	color:#006;
}
.font_footer a:hover {
	text-decoration: none;
	color:#006;
	font-weight:bold;
}
.font_footer a:active {
	text-decoration: none;
	color:#006;
}

/* Font Small Navy */
.font_smallnavy {
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	color:#006;
}
.font_smallnavy a:link {
	color:#006;
	text-decoration: underline;
}
.font_smallnavy a:visited {
	text-decoration: underline;
	color:#006;
}
.font_smallnavy a:hover {
	text-decoration: underline;
	color:#006;
	font-weight:bold;
}
.font_smallnavy a:active {
	text-decoration: underline;
	color:#006;
}
-->
</style>


/* You can alter this CSS in order to give SmoothDivScroll your own look'n'feel */

/* Invisible left hotspot */
div.scrollingHotSpotLeft
{
	/* The hotspots have a minimum width of 100 pixels and if there is room the will grow
    and occupy 15% of the scrollable area (30% combined). Adjust it to your own taste. */
	min-width: 75px;
	width: 10%;
	height: 100%;
	/* There is a big background image and it's used to solve some problems I experienced
    in Internet Explorer 6. */
	background-image: url(../images/big_transparent.gif);
	background-repeat: repeat;
	background-position: center center;
	position: absolute;
	z-index: 200;
	left: 0;
	/*  The first url is for Firefox and other browsers, the second is for Internet Explorer */
	cursor: url(../images/cursors/cursor_arrow_left.cur), url(images/cursors/cursor_arrow_left.cur),w-resize;
}

/* Visible left hotspot */
div.scrollingHotSpotLeftVisible
{
	background-image: url(../images/arrow_left.gif);				
	background-color: #fff;
	background-repeat: no-repeat;
	opacity: 0.35; /* Standard CSS3 opacity setting */
	-moz-opacity: 0.35; /* Opacity for really old versions of Mozilla Firefox (0.9 or older) */
	filter: alpha(opacity = 35); /* Opacity for Internet Explorer. */
	zoom: 1; /* Trigger "hasLayout" in Internet Explorer 6 or older versions */
}

/* Invisible right hotspot */
div.scrollingHotSpotRight
{
	min-width: 75px;
	width: 10%;
	height: 100%;
	background-image: url(../images/big_transparent.gif);
	background-repeat: repeat;
	background-position: center center;
	position: absolute;
	z-index: 200;
	right: 0;
	cursor: url(../images/cursors/cursor_arrow_right.cur), url(images/cursors/cursor_arrow_right.cur),e-resize;
}

/* Visible right hotspot */
div.scrollingHotSpotRightVisible
{
	background-image: url(../images/arrow_right.gif);
	background-color: #fff;
	background-repeat: no-repeat;
	opacity: 0.35;
	filter: alpha(opacity = 35);
	-moz-opacity: 0.35;
	zoom: 1;
}

/* The scroll wrapper is always the same width and height as the containing element (div).
   Overflow is hidden because you don't want to show all of the scrollable area.
*/
div.scrollWrapper
{
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 100%;
}

div.scrollableArea
{
	position: relative;
	width: auto;
	height: 100%;
}

/* HIDDEN ELEMENT */
.hiddenPic {display:none;}

</style>