@font-face {
    font-family: 'UnitSlabWeb';
    src: url('/fonts/UnitSlabWeb-Light-1.eot');
    src: url('/fonts/UnitSlabWeb-Light-1.eot?#iefix') format('embedded-opentype'),
         url('/fonts/UnitSlabWeb-font1.woff') format('woff'),
 	 url('/fonts/UnitSlabWeb-font2.woff') format('woff'),
         url('/fonts/UnitSlabWeb-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
	font-family: 'Gotham-Light';
        src: url('/fonts/GothaLig.eot');
      	src: url('/fonts/GothaLig.woff') format('woff'),
             url('/fonts/GothaLig.svg#Gotham-Light') format('svg');
      }

#forum	{
	border-collapse:collapse;
	border:1px solid #e4dcca;	
}

h4	{
	border: 0 none;
    font-size: 100%;
    margin: 0;
    outline: 0 none;
    padding: 0;
    vertical-align: baseline;
	color: #414042;
	font-weight:normal;
}

p	{
	border: 0 none;
    font-size: 100%;
    margin: 0;
    outline: 0 none;
    padding: 5px 0 5px; 0;
    vertical-align: baseline;
	color: #000000;
}

.latest-column	{
	font-family: arial; 
	font-size: 13px; 
	font-weight: normal; 
	color: #414042;
	text-decoration: none;
}
body	{
	margin: 0px;
	padding: 0px;
	background:#ffffff url('/images/page-background.jpg') repeat-x;
}

#natter-headings	{
	font-family:'Gotham-Light';
	font-size: 30px;
	line-height: 32px;
	
}

#the-natter ul {
	list-style-type: none;
	height: auto;
}

#the-natter ul li {
	height: 100px;
}

#the-natter ul li a {
	height: 30px;
}

#the-natter ul li ul li ul {
	height: 10px;
	float: right;
}
	
#header-wrapper	{
	background-image: url('/images/header-background.png');
	width: 100%;
	height: 160px;
}

#header	{
	width: 960px;
	margin: 0 auto;
}

#footer-wrapper	{
	background-image: url('/images/footer-background.png');
	width: 100%;
	height: 36px;
	
}
	
#footer-banner	{
	height: 100px;
	margin: 0 auto;
	padding: 65px 0 0 0;
	width: 730px;
}

#content	{
	width: 987px;
	margin:0 auto; 
}

#search-bar	{
	background-image: url('/images/search-box-background.png');
	background-repeat:repeat-x;
	width: 987px;
	height: 64px;

	}
	

.keep-up-to-date	{
	font-family: verdana, helvetica, arial;
	font-size: 25px;
	line-height: 26px;
	color: #d73236;
	}
	
.directory	{
	font-family: verdana, helvetica, arial;
	font-size: 12px;
	line-height: 16px;
	color: #000000;
	}

.directory:hover	{
	font-family: verdana, helvetica, arial;
	font-size: 12px;
	line-height: 16px;
	color: #d73236;
	}

#subscribe	{
	width: 290px;
	height: 20px;
	border: 0px solid #ffffff;
	margin-top: 4px;
	margin-left: 10px;
	}

#name	{
	width: 360px;
	height: 20px;
	border: 0px solid #ffffff;
	margin-top: 3px;
	margin-left: 5px;
	}

#location	{
	width: 360px;
	height: 20px;
	border: 0px solid #ffffff;
	margin-top: 3px;
	margin-left: 5px;
	}
	
#email	{
	width: 360px;
	height: 20px;
	border: 0px solid #ffffff;
	margin-top: 3px;
	margin-left: 5px;
	}
	
#private-contactname	{
	width: 360px;
	height: 20px;
	border: 0px solid #ffffff;
	margin-top: 3px;
	margin-left: 5px;
	}

#private-email	{
	width: 360px;
	height: 20px;
	border: 0px solid #ffffff;
	margin-top: 3px;
	margin-left: 5px;
	}
	
#poster-name{
	width: 360px;
	height: 20px;
	border: 0px solid #ffffff;
	margin-top: 3px;
	margin-left: 5px;
	}
#poster-email{
	width: 360px;
	height: 20px;
	border: 0px solid #ffffff;
	margin-top: 3px;
	margin-left: 5px;
	}
	
#article-content a	{
	color: #d73236;
}

/* form input */	
#title	{
	width: 360px;
	height: 20px;
	border: 0px solid #ffffff;
	margin-top: 3px;
	margin-left: 5px;
	}

#url_title {
	width: 360px;
	height: 20px;
	border: 0px solid #ffffff;
	margin-top: 3px;
	margin-left: 5px;
	}

#contactnumber	{
	width: 360px;
	height: 20px;
	border: 0px solid #ffffff;
	margin-top: 3px;
	margin-left: 5px;
	}

#postcode	{
	width: 360px;
	height: 20px;
	border: 0px solid #ffffff;
	margin-top: 3px;
	margin-left: 5px;
	}
	
#mce-EMAIL	{
	width: 290px;
	height: 20px;
	border: 0px solid #ffffff;
	margin-top: 2px;
	margin-left: 10px;
	}	

#subscribe-field	{
	background-image:url('/images/keep-up-to-date-background.png');
	width: 300px;
	height: 25px;	
	}
#subscribe-field-2	{
	background-image:url('/images/home-page-input-email.png');
	width: 339px;
	height: 25px;
}	

#ask-question	{
	background-image:url('/images/ask-mum-input.png');
	width: 271px;
	height: 26px;
}

.mum-question	{
    border: 0 solid #FFFFFF;
    height: 20px;
    margin-left: 10px;
    margin-top: 2px;
    width: 250px;
	background: transparent;
}
#enquiry-field	{
	background-image:url('/images/enquiry-form-input-1.png');
	width: 371px;
	height: 26px;	
	}
	
#refer-enquiry-field	{
	background-image:url('/images/refer-friend-background.png');
	width: 309px;
	height: 26px;	
	}
	
#keywords	{
	border: 0 solid #FFFFFF;
	height: 20px;
	margin-left: 10px;
	margin-top: 2px;
	width: 200px;
	}


#search-input-field	{
	background-image:url('/images/search-input-background.png');
	width: 235px;
	height: 25px;	
	}

#search-input-field-2	{
	background-image:url('/images/search-input-background-2.png');
	width: 260px;
	height: 25px;	
	}

#search-select	{
	background: url("/images/buttons/arrow.png") no-repeat scroll 235px 0px transparent;
	overflow: hidden;
	width: 260px;
	}

#directory-address	{
	width: 360px;
	height: 20px;
	border: 0px solid #ffffff;
	margin-top: 3px;
	margin-left: 5px;
	}

#directory-phone	{
	width: 360px;
	height: 20px;
	border: 0px solid #ffffff;
	margin-top: 3px;
	margin-left: 5px;
	}

#business-website-link	{
	width: 360px;
	height: 20px;
	border: 0px solid #ffffff;
	margin-top: 3px;
	margin-left: 5px;
	}
	
#business-email-link	{
	width: 360px;
	height: 20px;
	border: 0px solid #ffffff;
	margin-top: 3px;
	margin-left: 5px;
	}
	
#sender_name, #sender_email, #share_poster_name, #share_poster_email	{
	width: 300px;
	height: 20px;
	border: 0px solid #ffffff;
	margin-top: 3px;
	margin-left: 5px;
	}	

.recipient_name {
	width: 300px;
	height: 20px;
	border: 0px solid #ffffff;
	margin-top: 3px;
	margin-left: 5px;
	}

.recipient_email {
	width: 360px;
	height: 20px;
	border: 0px solid #ffffff;
	margin-top: 3px;
	margin-left: 5px;
	}
#friend_name_1, #friend_name_2, #friend_name_3, #friend_name_4, #friend_name_5	{
	width: 360px;
	height: 20px;
	border: 0px solid #ffffff;
	margin-top: 3px;
	margin-left: 5px;
	}	

#friend_email_1, #friend_email_2, #friend_email_3, #friend_email_4, #friend_email_5	{
	width: 360px;
	height: 20px;
	border: 0px solid #ffffff;
	margin-top: 3px;
	margin-left: 5px;
	}		
				
.search-select-rhc	{
	background: none repeat scroll 0 0 transparent;
	border: 0 none;
	color: #000000;
	font-size: 11px;
	padding: 2px 10px;
	width: 280px;
	height: 25px;
	}
	
.styled-select {
	width: 260px;
	height: 25px;
	overflow: hidden;
	background: url("/images/buttons/arrow.png") no-repeat right;
	}
	
.styled-select select {
	background: transparent;
	width: 280px;
	border: 0px;
	height: 25px;
	padding: 5px 0 0 5px;
	margin: 0 0 0 3px;
	-webkit-appearance: none;	
	}	

.styled-select-sml {
	width: 230px;
	height: 25px;
	overflow: hidden;
	background: url("/images/buttons/arrow.png") no-repeat right;
	}
	
.styled-select-sml select {
	background: transparent;
	width: 250px;
	border: 0px;
	height: 25px;
	padding: 5px 0 0 5px;
	-webkit-appearance: none;	
	}

#bread-crumb	{
	font-family: verdana, helvetica, arial;
	font-size: 11px;
	padding: 0 0 13px 0;
	}
	
	
#bread-crumb span	{
	font-size: 11px;
	color: #d73236 ;
	font-family: verdana, helvetica, arial;
	}
	
#bread-crumb a	{
	font-size: 11px;
	color: #000000;
	font-family: verdana, helvetica, arial;
	text-decoration: none;
	
	}
	
.home-page-heading a	{
	color: #414042;
	text-decoration: none;
	}

.home-page-heading	{
	font: 400 25px/27px "UnitSlabWeb","Times New Roman",Times,serif;
	color: #414042;
	text-decoration: none;
	margin: 0px;
	line-height: 26px;
	
	}
	
.home-page-heading:hover	{
	font: 400 25px/27px "UnitSlabWeb","Times New Roman",Times,serif;
	color: #414042;
	text-decoration: underline;
	margin: 0px;
	line-height: 26px;
	
	}
	
.related-article-heading	{
	font-size: 18px;
	line-height: 20px;
	color: #000000;
	font-family: verdana, helvetica, arial;
	text-decoration: none;
	
	}

.related-article-heading:hover	{
	font-size: 18px;
	color: #000000;
	font-family: verdana, helvetica, arial;
	text-decoration: underline;
	
	}

.footer-link	{
	font-size: 11px;
	color: #ffffff;
	font-family: verdana, helvetica, arial;
	text-decoration: none;
	
	}

.footer-link:hover	{
	font-size: 11px;
	color: #ffffff;
	font-family: verdana, helvetica, arial;
	text-decoration: underline;
	
	}

h1	{
	font: 400 25px/27px "UnitSlabWeb","Times New Roman",Times,serif;	
	padding: 0 0 5px 0;
	margin: 0px;
	color: #414042;
	}
	
h1	a	{
	font: 400 25px/27px "UnitSlabWeb","Times New Roman",Times,serif;	
	padding: 0 0 5px 0;
	margin: 0px;
	color: #414042;
	text-decoration: none;
	}
	
p	{
	font-family: helvetica, arial;
	font-size: 12px;
	line-height: 16px;
	color: #000000;
	}
	
b, td	{
	font-family: helvetica, arial;
	font-size: 12px;
	line-height: 16px;
	color: #000000;
	}
	
a	{
	text-decoration:none;
	color: #d73236;
	}

#by-line	{
	font: 400 18px/20px "UnitSlabWeb","Times New Roman",Times,serif;	
	padding: 0 0 15px 0;
	margin: 0px;
	color: #414042;
	}
	
#by-line	a	{
	font: 400 18px/20px "UnitSlabWeb","Times New Roman",Times,serif;	
	padding: 0 0 15px 0;
	margin: 0px;
	color: #D73236;
	}
	
.Social-lhs	{
	color: #414042;
	font-size: 18px;
	line-height: 20px;
	font-family: verdana, helvetica, arial;
	text-decoration:none;	
	}
	
.Social-lhs:hover	{
	color: #414042;
	font-size: 18px;
	line-height: 20px;
	font-family: verdana, helvetica, arial;
	text-decoration:underline;	
	}
	
	.Social	{
	color: #414042;
	font-size: 18px;
	line-height: 20px;
	font-family: verdana, helvetica, arial;
	text-decoration:none;	
	}

	.Social:hover	{
	color: #414042;
	font-size: 18px;
	line-height: 20px;	
	font-family: verdana, helvetica, arial;
	text-decoration: underline;	
	}

	.view-comments	{
	color: #ffffff;
	font-size: 14px;
	font-family: verdana, helvetica, arial;
	text-decoration: none;
	}

	.view-all	{
	color: #414042;
	font-size: 13px;
	font-family: verdana, helvetica, arial;
	text-decoration: none;
	}

	.latest-articles-home	{
	color: #d73236;
	font-size: 34px;
	line-height: 36px;
	font-family: verdana, helvetica, arial;
	font-weight: bold;
	text-decoration: none;
	}

	.view-comments:hover	{
	color: #ffffff;
	font-size: 14px;
	font-family: verdana, helvetica, arial;
	text-decoration: underline;
	}

	#author	{
	font-family: helvetica, arial;
	font-size: 11px;
	color: #000000;
	padding: 0 0 15px 0;
	}
	
	#article-content	{
	padding: 0 0 15px 0;
	}
	
	.tags a	{
	font-family: helvetica, arial;
	font-size: 11px;
	color: #000000;
	text-decoration: underline;
	}

	.date	{
	font-family: helvetica, arial;
	font-size: 11px;
	color: #000000;
	}
	
	.poll	{
	font-family: 'Gotham-light',verdana, helvetica, arial;
	font-size: 14px;
	line-height: 16px;	
	color: #000000;
	}
	
	.refer	{
	font-family: 'Gotham-light',verdana, helvetica, arial;
	font-size: 15px;
	line-height: 16px;	
	color: #d73b3c;
	}
	
	#main-image	{
	padding-top: 15px;
	padding-bottom: 15px;
	}
	
	#share	{
	font-family: verdana, helvetica, arial;
	font-size: 25px;
	color: #d73236;
	margin: 0 0 10px 0;
	}
	
	.red-title	{
	font-family: helvetica, arial;
	font-size: 11px;
	color: #d73236;
	text-decoration: none;
	}

	.red	{
	font-family: helvetica, arial;
	font-size: 11px;
	color: #d73236;
	text-decoration: none;
	}
	.red:hover	{
	font-family: helvetica, arial;
	font-size: 11px;
	color: #d73236;
	text-decoration: underline;
	}
	
.left-navigation	{
	font-family: helvetica, arial;
	font-size: 13px;
	color: #414042;
	text-decoration: none;
	font-weight: bold;
	}

.left-navigation:hover	{
	font-family: helvetica, arial;
	font-size: 13px;
	color: #414042;
	text-decoration: underline;
	font-weight: bold;
	}

.home-deal-heading	{
	font-family: verdana, helvetica, arial;
	font-size: 18px;
	line-height: 22px;
	color: #000000;
	text-decoration: none;
	}

.home-deal-heading:hover	{
	font-family: verdana, helvetica, arial;
	font-size: 18px;
	color: #000000;
	text-decoration: underline;
	}
	#search-motherpedia	{
	background-image: url('/images/right-background-top.png');
	width: 298px;
	height: 268px;
	margin:0 auto;
	}
	
	#poll	{
	background-image: url('/images/poll-background.png');
	width: 300px;
	height: 290px;
	margin:0 auto;
	}	
	
	#most-popular	{
	width: 298px;
	margin:0 auto;
	
	}

	#rhc-banner	{
	width: 298px;
	margin:0 auto; 
	}
	
	#rhc-forum	{
	width: 298px;
	margin:0 auto; 
	}
	
	.popular	{
	font-size: 14px;
	font-family: helvetica, arial;
	text-decoration: none;
	}

span.customStyleSelectBox {
	background-image:url('/images/search-input-background.png');
	color: #000000;
	font-size: 11px;
	padding: 0;
}

.customStyleSelectBoxInner {
	background: url("/images/buttons/arrow.png") no-repeat scroll right center transparent;
	height: 25px;
}

#nav_categories {
	list-style: none;
	height: 40px;
	margin: auto;
	padding: 0px;
	white-space: nowrap;
}

.nav_categories li	{
	float: left;
	position: relative;
	}

.nav_categories li ul {
	width: 200px;
	list-style: none;
	margin: auto;
	padding: 0px;
	}

.nav_categories li ul li	{
	/*float: ;*/
	position: relative;
	width: 200px;
	}

.nav_categories li ul li a {
    background: none repeat scroll 0 0 transparent;
    font-size: 11px;
    padding: 7px 13px;
}

.nav_categories li a {
	background: url("/images/menu-spacer.png") no-repeat scroll 0 0 transparent;
    	color: #FFFFFF;
    	display: block;
    	font-family: verdana, helvetica, arial;
    	font-size: 13px;
    	text-decoration: none;
	padding: 12px 20px;	
	}

.nav_categories li a:hover {
	background-color: #b50a0b;
	}

.nav_categories li ul {
	position: absolute;
	z-index: 5;
	visibility: hidden;
	top: 40px;
	left: 0px;
	}

.nav_categories li ul li {
	background-color: #aa0000;
	}

.nav_categories li ul li:hover {
	background-color: #b50a0b;
	}

.nav_categories li:hover ul {
	visibility: visible;
	}
	

#nav-categories-directory {
	list-style: none;
	margin: auto;
	padding: 0px;
	height: 40px;
	white-space: nowrap;
}

.nav-categories-directory li	{
	float: left;
	position: relative;
	}

.nav-categories-directory li ul {
	position: absolute;
	z-index: 5;
	visibility: hidden;
	top: 40px;
	left: 0px;
	list-style: none;
	margin: auto;
	padding: 0px;
	width: 200px;
	height: 40px;
	}	

.nav-categories-directory li ul li	{
	/*float: ;*/
	position: relative;
	width: 235px;
	}

.nav-categories-directory li ul li a {
    background: none repeat scroll 0 0 transparent;
    font-size: 11px;
    padding: 7px 13px;
}

.nav-categories-directory li a {
	background: url("/images/menu-spacer.png") no-repeat scroll 0 0 transparent;
    	color: #FFFFFF;
    	display: block;
    	font-family: verdana, helvetica, arial;
    	font-size: 13px;
    	text-decoration: none;
	padding: 12px 20px;	
	}

.nav-categories-directory li a:hover {
	background-color: #b50a0b;
	}



.nav-categories-directory li ul li {
	background-color: #aa0000;
	}

.nav-categories-directory li ul li:hover {
	background-color: #b50a0b;
	}

.nav-categories-directory li:hover ul {
	visibility: visible;
	}

#forum-text	{
	padding:0 10px 0 10px;
}

#forum-text p	{
	padding: 0px;
	margin: 0px;
}

ul.tabs2 {
	list-style:none;
	margin:0 !important;
	padding:0;
	height:50px;
	width: 299px;
}

ul.tabs2 li {
	float:left;
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important;
}

/* link inside the tab. uses a background image */
ul.tabs2 a {
	background: url(/images/tabs/red-2.png) no-repeat -149px 0;
	font-size:14px;
	font-family: verdana, helvetica, arial;	
	display:block;
	height: 49px;
	line-height:40px;
	width: 149px;
	text-align:center;
	text-decoration:none;
	color:#414042;
	padding:0px;
	margin:0px;
	position:relative;
	top:1px;
}

ul.tabs2 a:active {outline:none;}

/* when mouse enters the tab move the background image */

ul.tabs2 a:hover {
	background-position: -149px -49px;
	color:#fff;
}

/* active tab uses a class name "current". its highlight is also done by moving the background image. */
ul.tabs2 a.current, ul.tabs2 a.current:hover, ul.tabs2 li.current a {
	background-position: -149px -49px;
	cursor:default !important;
	color:#ffffff !important;
}

/* Different widths for tabs2: use a class name: w1, w2, w3 or w2 */
/* width 1 */

ul.tabs2 a.s { background-position: -553px 0; width:99px; }
ul.tabs2 a.s:hover { background-position: -553px -31px; }
ul.tabs2 a.s.current { background-position: -553px -62px; }

/* width 2 */

ul.tabs2 a.l { background-position: -248px -0px; width:174px; }
ul.tabs2 a.l:hover { background-position: -248px -31px; }
ul.tabs2 a.l.current { background-position: -248px -62px; }

/* initially all panes are hidden */

/* root element for tabs */
ul.tabs {
	list-style:none;
	margin:0 !important;
	padding:0;
	height:50px;
	width: 299px;
}

/* single tab */
ul.tabs li {
	float:left;
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important;
}

/* link inside the tab. uses a background image */
ul.tabs a {
	background: url(/images/tabs/red.png) no-repeat -200px 0;
	font-size:14px;
	font-family: verdana, helvetica, arial;	
	display:block;
	height: 49px;
	line-height:40px;
	width: 99px;
	text-align:center;
	text-decoration:none;
	color:#414042;
	padding:0px;
	margin:0px;
	position:relative;
	top:1px;
}

ul.tabs a:active {outline:none;}

/* when mouse enters the tab move the background image */

ul.tabs a:hover {
	background-position: -200px -49px;
	color:#fff;
}

/* active tab uses a class name "current". its highlight is also done by moving the background image. */
ul.tabs a.current, ul.tabs a.selected, ul.tabs a.active, ul.tabs a.current:hover, ul.tabs li.current a {
	background-position: -200px -49px;
	cursor:default !important;
	color:#ffffff !important;
}

.ui-tabs-selected a {
	background-position: -149px -49px !important;
	cursor:default !important;
	color:#ffffff !important;
}

/* Different widths for tabs: use a class name: w1, w2, w3 or w2 */
/* width 1 */

ul.tabs a.s { background-position: -553px 0; width:99px; }
ul.tabs a.s:hover { background-position: -553px -31px; }
ul.tabs a.s.current { background-position: -553px -62px; }

/* width 2 */

ul.tabs a.l { background-position: -248px -0px; width:174px; }
ul.tabs a.l:hover { background-position: -248px -31px; }
ul.tabs a.l.current { background-position: -248px -62px; }

/* width 3 */

ul.tabs a.xl { background-position: 0 -0px; width:248px; }
ul.tabs a.xl:hover { background-position: 0 -31px; }
ul.tabs a.xl.current { background-position: 0 -62px; }

/* initially all panes are hidden */

.panes .pane {display:none;} 

.panes div {
	
	padding:15px 10px;
	border-top:0;
	height:225px;
	font-size:14px;
	background: url("/images/background-latest.png") no-repeat scroll 0 0 transparent;
} 

.panes2 .pane {display:none;} 

.panes2 div {
	display:none;
	padding:15px 10px;
	border-top:0;
	height:225px;
	font-size:14px;
	background: url("/images/background-latest.png") no-repeat scroll 0 0 transparent;
} 

.comment_like {
	color: #66EE44;
	text-decoration: none;
}


.comment_dislike {
	color: #EE6644;
	text-decoration: none;
}

.comment_like strong {
	color: #009900;
	text-decoration: none;
}


.comment_dislike strong {
	color: #990000;
	text-decoration: none;
}

.comment_like a {
	color: #00AA11;
	text-decoration: none;
}


.comment_dislike a {
	color: #DD0000;
	text-decoration: none;
}

/* home page switcher */

div#slide-holder {
	z-index : 40;
	width : 475px;
	height : 250px;
}

div#slide-holder div#slide-runner {
	width : 475px;
	height : 250px;
	overflow : hidden;
	position : absolute;
}

div#slide-holder img {
	margin : 0;
	display : none;
	position : absolute;
}
div#slide-holder div#slide-controls {
	left : 0;
	bottom : 0px;
	width : 475px;
	height : 46px;
	display : none;
	position : absolute;
}
div#slide-holder div#slide-controls p.text {
	float : left;
	color : #fff;
	display : inline;
	font-size : 10px;
	line-height : 16px;
	margin : 15px 0 0 20px;
	text-transform : uppercase;
}
div#slide-holder div#slide-controls p#slide-nav {
	float : right;
	height : 15px;
	display : inline;
	margin : 25px 5px 0 0;
}
div#slide-holder div#slide-controls p#slide-nav a {
	float : left;
	width : 15px;
	height : 15px;
	display : inline;
	font-size : 11px;
	margin : 0 5px 0 0;
	line-height : 24px;
	font-weight : bold;
	text-align : centre;
	text-decoration : none;
	background-position : 0 0;
	background-repeat : no-repeat;
}
div#slide-holder div#slide-controls p#slide-nav a.on {
	background-position : 0 -15px;
}

div#slide-holder div#slide-controls p#slide-nav a {
	background-image : url(/images/silde-nav.png);
}

div#nav ul li a {
	background : url(/images/nav.png) no-repeat;
}

#submit_form_div {
	display: none;
}

.business-heading	{
	font-size: 25px;
	line-height: 27px;
	font-family: 'Gotham-Light', verdana, arial;
	color: #000000;
	font-weight:normal;
}

.free-business-heading	{
	font-size: 20px;
	line-height: 24px;
	font-family: 'Gotham-Light', verdana, arial;
	color: #000000;
	font-weight:normal;
}


.red-link	{
	font-size: 12px;
	line-height: 14px;
	font-family: arial;
	color: #d73236;
}

/* pop up private message */

#backgroundPopup{
	display:none;
	position:fixed;
	_position:absolute; /* hack for internet explorer 6*/
	height:100%;
	width:100%;
	top:0;
	left:0;
	background:#000000;
	border:1px solid #cecece;
	z-index:1;
}
#popupContact{
	display:none;
	position:fixed;
	_position:absolute; /* hack for internet explorer 6*/
	height:500px;
	width:650px;
	background:#FFFFFF;
	border:2px solid #cecece;
	z-index:2;
	padding:12px;
	font-size:13px;
}
#popupContact h1{
	text-align:left;
	color:#6FA5FD;
	font-size:22px;
	font-weight:700;
	border-bottom:1px dotted #D3D3D3;
	padding-bottom:2px;
	margin-bottom:20px;
}
#popupContactClose{
	font-size:14px;
	line-height:14px;
	right:6px;
	top:4px;
	position:absolute;
	color:#6fa5fd;
	font-weight:700;
	display:block;
}
#button{text-align:center;}

/* pagination */
#paginate-links strong{
	border:solid 1px #666666;
	padding:3px 6px;
	margin-right: 2px;
	float: left;
	font-weight:normal;
	color: #666666;
}


#paginate-links a{
	border:solid 1px #e4dcca;
	margin-right:2px;
}

#paginate-links .previous-off,
#paginate-links .next-off {
	color:#e4dcca;
	display:block;
	float:left;
	font-weight:bold;
	padding:3px 4px;
}

#paginate-links .next a,
#paginate-links .previous a {
	font-weight:bold;
	border:solid 1px #FFFFFF;
}

#paginate-links .active{
	color:#D73236;
	font-weight:bold;
	display:block;
	float:left;
	padding:4px 6px;
}

#paginate-links a:link,
#paginate-links a:visited {
	color:#D73236;
	display:block;
	float:left;
	padding:3px 6px;
	text-decoration:none;
}

#paginate-links a:hover{
	border:solid 1px #666666;
}

ul li a	{
	font-family: verdana, helvetica, arial;
	font-size: 12px;
	line-height: 16px;
	color: #d73236;
	}

.dataTable {
    margin-top: 0.5em;
    border: 1px solid #e4dcca;
    border-collapse: collapse;
    border-spacing: 0px;
    background-color: #e4dcca;
}

/*Sample CSS used for the Virtual Pagination Demos. Modify/ remove as desired*/

.paginationstyle{ /*Style for demo pagination divs*/
	width: 375px;
	padding: 2px 0;
	margin: 10px 0;
}

.paginationstyle select{ /*Style for demo pagination divs' select menu*/
border: 1px solid navy;
margin: 0 15px;
}

.paginationstyle a{ /*Pagination links style*/
padding: 3px 6px;
text-decoration: none;
border: 1px solid #666666;
color: #D73236;
background-color: white;
}

.paginationstyle a:hover, .paginationstyle a.selected{
color: #000;
background-color: #ffffff;
}

.paginationstyle a.disabled, .paginationstyle a.disabled:hover{ /*Style for "disabled" previous or next link*/
background-color: white;
cursor: default;
color: #929292;
border-color: transparent;
}

.paginationstyle a.imglinks{ /*Pagination Image links style (class="imglinks") */
border: 0;
padding: 0;
}

.paginationstyle a.imglinks img{
vertical-align: bottom;
border: 0;
}

.paginationstyle a.imglinks a:hover{
background: none;
}

.paginationstyle .flatview a:hover, .paginationstyle .flatview a.selected{ /*Pagination div "flatview" links style*/
color: #000;
background-color: #ffffff;
}

.ui-tabs-hide {display:none;}

.ui-checkbox {
	margin: 2px;
	border-width: 1px;
	width: 33px;
	vertical-align: middle;
	cursor: pointer;
	height: 39px;
	position: relative;
	display: inline-block;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	margin-top: 1px;
}
span.ui-checkbox roundrect, span.ui-radio roundrect {
	display:none !important;
	margin-left:10px;
	visibility: hidden !important;
}
v\:roundrect, v\:fill, v\:stroke {
	display: none;
	position: absolute;
	behavior: url(#default#VML);
	background-color: transparent;
}
.ui-checkbox svg {
	display: none;
	position: absolute;
	top: -1px;
	left: -1px;
}
.ui-checkbox input {
	position: absolute;
	visibility: visible;
	left: -99999px;
	top: -99999px;
	width: 30px;
	height: 13px;
	margin: 0px;
	border: 0px none;
	padding: 0px;
}
.ui-checkbox .ui-icon-empty
{
    background-image: url("http://www.letterboxdeals.com.au/images/super_unchecked.png");
    background-repeat: no-repeat;
    width: 30px;
    height: 32px;
    display: block;
}

.ui-checkbox .ui-icon-check
{
    background-image: url("http://www.letterboxdeals.com.au/images/super_checked.png");
    background-repeat: no-repeat;
    width: 30px;
    height: 32px;
    display: block;
}

/* text toggle */

a.morelink {
    text-decoration:none;
    outline: none;
}
.morecontent span {
    display: none;
}
.comment {
    width: 475px;
    padding: 20px 0 20px 0;
}

#gallery {
		background-color: #444;
		padding: 10px;
		width: 520px;
	}
	#gallery ul { list-style: none; }
	#gallery ul li { display: inline; }
	#gallery ul img {
		border: 5px solid #3e3e3e;
		border-width: 5px 5px 20px;
	}
	#gallery ul a:hover img {
		border: 5px solid #fff;
		border-width: 5px 5px 20px;
		color: #fff;
	}
	#gallery ul a:hover { color: #fff; }