body { font-family: Arial, Helvetica, sans-serif; font-size: 0.75em; color: #5e5044; background-color: #ab9683; }
.clear { clear: both;}
a { color: #eb8800;}
th, td { border:none; padding:0; }

.wrapper{ width:960px; margin:0 auto 0 auto; overflow:hidden;}

.header{ background: #675646 url(../images/layout/floggie_header_bg.jpg) no-repeat center bottom; width: 960px; padding:0px; width:960px; }
.header2{ background: #675646 url(../images/layout/floggie_header_bg2.jpg) no-repeat center bottom; width: 960px; padding: 0px; }
.header3{ background: #675646 url(../images/layout/floggie_header_bg3.jpg) no-repeat center bottom; width: 960px; padding: 0px; }
.logo{ position:relative; float:left; width:355px; clear:none; }

/* User control box
--------------------------------------------------------------------------*/
.user{ position:relative; float:right; background-color:#fff; width:315px; clear:none; margin:10px 10px; }
.usertitle { background-color:#afbd21; background-image:url(../images/layout/panel-parts.gif); background-position:-633px 0px; background-repeat:no-repeat; padding:0px; width:315px; height:27px; overflow:visible;}
.usertitle h1 { color:#FFFFFF; font-size:1.1em; padding:5px 5px 0px 10px; margin:0px;}
.usercontent-wbg { background-color:#675646; background-image:url(../images/layout/panel-parts.gif); background-position:-633px bottom; background-repeat:no-repeat; padding:2px 10px 5px 10px;}
.user p { padding:3px 0px 3px 0px; margin:0px; }
.user td { padding:5px; }
.user table { margin:0px;}
.user a:link, .user a:visited { color: #eb8800 !important; text-decoration:underline;}
.user a:hover, .user a:focus, .user a:active { color: #98a31c !important; text-decoration:none;}

/* New nav styles
-------------------------------------------------------------------------*/
.nav { width:960px; height:29px; z-index:999;	margin:0px; padding:0px; font-weight:bold; float:left; list-style:none; background-color:#afbd21; background-image:url(../images/layout/menu_bg.jpg); background-position:top left; text-transform:uppercase;}
.nav ul {	padding:0px; font-weight:bold; float:left; margin:0px 0px 1em 0px; list-style:none; text-align:center;}
.nav li a:link, .nav li a:visited { background-image:url(../images/layout/menulinkbg.jpg); background-position:top right; background-repeat:no-repeat; height:29px; display:block; line-height:29px;}
.nav li a:hover, .nav li a:active, .nav li a:focus { background-color:#675646; background-image:url(../images/layout/menulinkbghover.jpg); background-position:top right; background-repeat:no-repeat; height:29px; display:block; color:#ffffff; text-decoration:none;}
.nav a { padding:0px 20px 0px 20px; color:#FFFFFF; text-decoration:none;}
.nav a.arrow {	background: url(../imgs/rightarrow.gif) no-repeat right center;}
.nav li { z-index:999;	padding:0px; float:left; margin:0px; line-height:29px;}
.nav ul li{ display: inline; }

.nav li ul {z-index:999;	border-right:#666666 1px solid; border-top:#666666 1px solid; border-bottom:#666666 1px solid; border-left:#666666 1px solid; font-weight:normal; background:#fff; left:-999em; margin:0px; width:13.9em; position:absolute; height:auto;}
.nav li li {	padding-right:1em; width:12.9em;} /* total width of link (13.9em) minus 1em used for padding-right*/
.nav li ul a { 	width:11em;}
.nav li ul ul { margin:-2.2em 0px 0px 13.9em;}
.nav li:hover ul ul {	left:-999em;}
.nav li:hover ul ul ul {	left:-999em;}
.nav li.sfhover ul ul {	left:-999em;}
.nav li.sfhover ul ul ul {	left:-999em;}
.nav li:hover ul {	left:auto;}
.nav li li:hover ul {	left:auto;}
.nav li li li:hover ul {	left:auto;}
.nav li.sfhover ul {	left:auto;}
.nav li li.sfhover ul {	left:auto;}
.nav li li li.sfhover ul {	left:auto;}
.nav li:hover {	background:#FFFFFF;}
.nav li.sfhover {	background:#FFFFFF;}

.nav ul li.first { border-left:0px solid #000000;}


/* Panels
-------------------------------------------------------------------------*/
.sidepanel { width:210px; margin-bottom: 10px;}
.sidepaneltitle { background-color:#afbd21; background-image:url(../images/layout/panel-parts.gif); background-position:0px 0px; background-repeat:no-repeat; width:210px;}
/*.sidepaneltitle-wbg { background-color:#afbd21; background-image:url(../images/layout/panel-parts.gif); background-position:-211px 0px; background-repeat:no-repeat; width:210px; height:38px;}*/
.sidepaneltitle-bbg { background-color:#afbd21; background-image:url(../images/layout/panel-parts.gif); background-position:-422px 0px; background-repeat:no-repeat; width:210px; height:38px; padding-top:5px;}
.sidepanelpad { padding:5px 10px 5px 10px;}
.sidepanelpad h1 { font-size: 14px; }
.sidepanelcontent { background-color:#afbd21; background-image:url(../images/layout/panel-parts.gif); background-position:bottom left; background-repeat:no-repeat; padding:5px 10px 5px 10px;}
.sidepanelcontent-wbg { background-color:#afbd21; background-image:url(../images/layout/panel-parts.gif); background-position:-211px bottom; background-repeat:no-repeat; padding:2px 15px 5px 15px;}
.sidepanelcontent-bbg { background-color:#675646; background-image:url(../images/layout/panel-parts.gif); background-position:-422px bottom; background-repeat:no-repeat; padding:2px 15px 5px 15px;}
.sidepanelcontent-bbg p { color:#ffffff; padding:0px 0px 5px 0px; margin:0px;}
.sidepanelcontent-bbg h2 { color:#afbd21; font-weight:bold; font-size:1.1em; padding:0px; margin:0px;}
.sidepanelcontent-bbg a:link, .sidepanelcontent-bbg a:visited { text-decoration:underline; color:#FFFFFF;}
.sidepanelcontent-bbg a:hover, .sidepanelcontent-bbg a:active, .sidepanelcontent-bbg a:focus  { text-decoration:none; color:#eb8800;}
.sidepanelcontent-toplip { background-color:#ffffff; background-image:url(../images/layout/panel-parts.gif); background-position:-211px -33px; background-repeat:no-repeat; padding:0px; line-height:5px; height:5px; display:block;}
.sidepanel h1 { color: #ffffff; text-transform: normal; font-size: 1.4em; margin:0px; padding:0px; width:160px;}
.sidepanel p { margin:0px; padding:0px 0px 5px 0px;}
.sidepanel h2 { margin:0px; padding:0px 0px 5px 0px; font-weight:bold; font-size:1.1em;}

.helpicon { padding:0px; margin:0px;}
.sepline { margin:3px 0px 5px 0px; padding:0px; line-height:0px; height:1px; display:block; background-color:#d7de90; clear:both; float:none; overflow:hidden;}
.fcol-white { color:#FFFFFF;}
.fcol-green { color:#afbd21;}
.boldit { font-weight:bold;}

/*
***************************
Administration menu
*/
.adminnav{ margin-top: 5px; background-color: #f7faff; border: 1px solid #bbd7ff; padding: 10px; }
.adminnav ul, .adminnav ul li { list-style: none; padding: 0; margin: 0; position: relative; display: inline; padding-bottom: 10px; }
.adminnav ul li a{ padding: 5px; }
/*
End of Administration menu
***************************
*/

.content{ width: 930px; padding-left: 15px; padding-right: 15px; float: left; padding-top: 10px; margin:0px;}
.primary{ width: 480px; float: left; /*margin-left: 15px;*/ position: relative; }
.primary p, .primary ul { font-size:1.2em; line-height:1.3em;}
.secondary{ width:210px; float: left; position:relative; overflow:hidden; margin-right: 15px;}
.tertiary{ width:210px; float:left; padding-left:15px; position:relative; clear:none;}
.quatenary{ width:680px; float:left; }

/* Floats
-------------------------------------------------------------------------*/
.fleft { float:left;}
.fright { float:right;}
.cboth { clear:both;}
.cnone { clear:none;}

/*
-------------------------------------------------------------------------*/
.italic { font-style:italic;}

div#keyword, div#item, div#postcode, div#community, div#max-items { position:relative; float:left; margin-right:3px; }

.coname { font-weight:bold; color:#675545;}

.dotted{ border: none; border-bottom: 1px dotted #CCC; margin:0; padding:0; }

.textleft{ text-align:left; }
.textright{ text-align:right; }
.textcenter{ text-align: center; }
.listingdate{ color:#999999; padding:0px; margin:0px;}
.smalltext{ font-size: 80%; }

/*
***************************
Footer menu and layout
*/
.footer { background-color: #5a4b3d; padding:9px 0 0px 0; font-size:0.8em; color:#bbbe00; padding-left:15px; text-transform: uppercase; clear:both; height:20px;}
.footer ul, .footer ul li { padding:0; margin:0; list-style:none; }
.footer ul li {display: inline; border-left: 1px solid #afbd21;}
.footer ul li a { padding:0 7px 0 7px; text-decoration: none; color: #bbbe00;	font-weight: lighter;}
.footer ul li a:hover { text-decoration:none; color:#fff;}
.footer ul li.first { border-left:none;}
.footercopyright { padding-right:15px;}
/*
End of footer menu and layout
***************************
*/


/*
***************************
Notification messages
*/
/*
div.notification{ width: 90%; margin-left: auto; margin-right: auto; text-align: left; background-color: #f5fef2; border: 1px solid #e1fed8; padding: 10px; margin-top: 10px; margin-bottom: 10px; }
div.error{ background-color: #fff5f5; border: 1px solid #fed8d8; }
div.message{ background-color: #f7faff; border: 1px solid #bbd7ff; }
div.notification h2{ padding:0; margin:0; font-size:1em; }
*/
.notification{ width: 850px; margin: 10px auto 10px auto; margin-bottom: 10px; }
.notification .top{ background: url(../images/layout/notification_top_bg.png) top left no-repeat; height: 10px; width: 850px;}
.notification .notification-content{ background: url(../images/layout/notification_bg.png) bottom left no-repeat; width: 830px; padding: 0 10px 10px 10px;}

.error .top{ background: url(../images/layout/error_top_bg.png) top left no-repeat; height: 10px; width: 850px;}
.error .notification-content{ background: #fff url(../images/layout/error_bg.png) bottom left no-repeat; width: 830px; padding: 0 10px 10px 10px;}

/*
***************************
Primary notification messages
*/
.primary .notification{ width: 480px; margin: 10px auto 10px auto; margin-bottom: 10px; }
.primary .notification .top{ background: url(../images/layout/notification_top_small_bg.png) top left no-repeat; height: 10px; width: 480px;}
.primary .notification .notification-content{ background: url(../images/layout/notification_small_bg.png) bottom left no-repeat; width: 830px; padding: 0 10px 10px 10px;}

.primary .error .top{ background: url(../images/layout/error_top_small_bg.png) top left no-repeat; height: 10px; width: 480px;}
.primary .error .notification-content{ background: url(../images/layout/error_small_bg.png) bottom left no-repeat; width: 460px; padding: 0 10px 10px 10px;}

.notification-content h2{ padding:0; margin:0 }
.notification-content a:link, .notification-content a:visited{ color: #eb8800 !important;}
.notification-content p, .notification-content h2, .notification-content{ color: #5e5044 !important; }
/*
End of notification messages
***************************
*/


.footerright{ text-align: right; font-size: 0.75em; }
/*
***************************
*/


/*
***************************
Form styling
***************************
*/
.dataform{ margin-top: 10px; margin-bottom: 10px; }
.dataform legend { display: none; }
.dataform fieldset{ background: #fff url(../images/layout/white-bg.gif) no-repeat bottom left; margin-bottom:20px; padding-bottom: 20px; }
.dataform h2{ padding: 0; padding-left: 20px !important; font-size:1.5em; margin:0px 0px 5px 0px; color:#fff !important; background: url(../images/layout/green-bg.gif) no-repeat top left; line-height:20px;}

.formtop{ width: 480px; height: 10px;
background: url(../images/layout/white-bg.gif) no-repeat top left; }

.dataform label{ display: block; font-weight: bold; padding-bottom: 5px; padding-top: 10px; font-size: 1.2em}
.dataform strong{ font-weight: block; font-size: 1.2em; }
.dataform ol{ display: block; padding: 0 0 0 10px; margin: 0;}
.dataform ol li{ padding: 0; margin: 10px; list-style: none; }
.dataform ol li span{ font-style: italic; }
.datatextarea, .datatextinput{ width: 400px; padding: 5px; font-size: 1em; font-family: Arial,Helvetica,sans-serif; }
.datatextarea{ height: 5em; }
.small { width: 4em;}
.date { width: 6em;}
.medium{ width: 335px;}
p.error{ padding: 10px; margin: 5px 0 5px 0; width: 390px; color: #F00 }
p.note{width: 400px; padding-top: 10px; }
fieldset p{ margin: 10px;}
.searchform ol, .searchform ol li{ margin:0; padding:0; list-style: none}

/*Login form*/
.login label{ display:none; }
label.overlabel{ color:#999; }
label.overlabel-apply { position:absolute; top:4px; left:5px; z-index:1; color:#999; }

form#login { padding: 10px 0 10px 10px; position:relative; }
div#username, div#password, div#product { position:relative; float:left; margin-right:3px; }
input#username-field, input#password-field, input#product-field { width: 115px; border: 1px solid #7d9bb8; }

.remember{ padding: 10px 0 10px 0; width: 115px; float:left }
.password-reminder{ padding: 10px 10px 10px 0; width:150px; float: right; text-align:right; }
/* End of login form*/
/*
End of form styling
***************************
*/

/*
***************************
Listing table styles
*/
.odd{ background-color: #edf0f5; } /*f9f9f9*/
.even{ background-color: #fff; }
/*
End of listing table styles
***************************
*/


/*
***************************
Membership levels layout styles
*/
.levelbox{ width: 260px; float: left; background:#f9f9f9; margin-right: 20px; padding:10px; }
.levelbox hr, .levelbox-1 hr, .levelbox-2 hr, .levelbox-3 hr{ margin-top: 10px; margin-bottom: 10px; }
.levelbox-1, .levelbox-2, .levelbox-3{ position: relative; float:left; }
.levelbox-1, .levelbox-2, .levelbox-3{ background: url(../images/layout/member_box_bg3.jpg) no-repeat top left; width: 210px; height: 490px; margin: 0 10px 0 0; padding: 0 10px 0 10px; color: #fff; }
.levelbox-3{ background: url(../images/layout/member_box_bg2.jpg) no-repeat top left; margin: 0px 0px 0px 10px; }
.levelbox-1{ background: url(../images/layout/member_box_bg1.jpg) no-repeat top left; }
.levelbox-1 h2, .levelbox-2 h2, .levelbox-3 h2 { color:#fff;}
.levelbox-1 h4, .levelbox-2 h4, .levelbox-3 h4 { color:#fff; font-size:2em; margin:0px; padding:15px 0px 5px 0px;}

.levelbox-2 .link img{ margin-top: 0px;}
.levelbox-1 .link img{ margin-top: 25px;}


.memberbox-1, .memberbox-2{ position: relative; float:left; }
.memberbox-1, .memberbox-2{ background: url(../images/layout/member_type_bg1.jpg) no-repeat top left; width: 210px; height: 750px; margin: 0 10px 0 0; padding: 0 10px 0 10px; color: #fff; }
.memberbox-2{ background: url(../images/layout/member_type_bg2.jpg) no-repeat top left; }
.memberbox-1 h2, .memberbox-2 h2 { color:#fff !important;}

.memberbox-1 .link img{ margin-top: 0px;}
.memberbox-2 .link img{ margin-top: 35px;}


/*
End of membership levels layout styles
***************************
*/

.avatarbox{ width: 90px; padding: 10px; text-align: center; float: left; }
.list table td img{ margin-left: 10px; margin-top: 10px; }

.templatebox{ width: 215px; float:left; }
.templatebox.left{ margin-right:10px;}
.templatebox.right{ }

/*
***************************
AJAX listing styles
*/
.loading{ text-align: center; display: none;}
/*
End of AJAX listing styles
***************************
*/

.toggle_container{ padding-bottom: 20px; }
/*
***************************
Contact form styles
*/
.contactform{ margin-bottom: 10px; }
.contactform .datatextarea{ width: 160px; margin-bottom: 10px; }
.contactform .datatextinput{ width: 160px; margin-bottom: 10px; }
.contactform fieldset{ background: none; border: none; padding: 0; margin: 0;}
.contactform legend{ background: none; border: none; padding: 0; margin: 0;}
/*
Contact form styles
***************************
*/


#easyTooltip { background: #efefef; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #eb8700; padding: 5px; }

.community .listitem h2 { padding-left: 10px;}
.community .listitem a img { margin-right: 10px;}
.community ul { padding-left: 10px; padding-right: 10px; float: left;}

/*
***************************
Message table styles
*/
.messagetable{ }
.messagetable td{ padding: 5px}
.messagetable tr.unread{ font-weight: bold; }


/*
Message table styles
***************************
*/
.btngo{ background: url(../images/layout/btn-go.gif) no-repeat; height:21px; width:30px; border:none; }

.corkboardtop { background-image:url(../images/layout/corkboardtop.jpg); background-position:top left; background-repeat:no-repeat; height:20px; display:block; overflow:hidden; white-space:nowrap;}
.corkboardmid { background-image:url(../images/layout/corkboardmid.jpg); background-position:top left; background-repeat:repeat-y; display:block; text-align:center;}
.corkboardmid p { padding:0px; margin:0px;}
.corkboardmid img { margin-top:40px;}
.corkboardmid h2 { margin:0px; padding:3px 0px 3px 0px; font-size:13px;}
.corkboardbtm { background-image:url(../images/layout/corkboardbtm.jpg); background-position:top left; background-repeat:no-repeat; height:20px; display:block; overflow:hidden; white-space:nowrap;}
.corkboardadbg { background-image:url(../images/layout/corkboard-adbg.gif); background-position:top left; background-repeat:no-repeat; height:205px; width:195px; float:left; clear:none; margin-left:25px;}


.payment-logo{ padding-top: 15px; text-align:center; padding-bottom:10px;}
.button{ margin: 0 !important; }

/* * { behavior: url(scripts/iepngfix.htc);} */

/*
***************************
Inpage navigation
*/
ul.inpage-navigation, ul.inpage-navigation li{ list-style: none; margin:0; padding:0; }
ul.inpage-navigation li{ display: inline; float: left; }
ul.inpage-navigation li a{ width: 230px; height: 2em; display: block; font-size: 1.5em; text-decoration: none; }
/*
End of inpage navigation
***************************
*/

#morecontent { border-bottom:1px solid #AFBD21; display:none; margin-bottom:10px; }

/* Special fx
------------------------------------------------------------------------*/
.opacityit img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); /* IE only */
opacity: 1;
}
.opacityit:hover img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70); /* IE only */
opacity: 0.7;
}
.hidden{ display: none; }