/*
 Reset the CSS
 */

/*
 *   IE7 standard only       *:first-child+html selector { property: value; }
 *   IE6- only               /*\*/ /* html selector { property: value; } /**/            /*
 */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {
    margin: 0;
    padding: 0;
}
table {
    border-collapse: collapse;
}

fieldset, img {
    border: 0;
}

address, caption, cite, code, dfn, em, strong, th, var {
    font-style: normal;
    font-weight: normal;
}

ol, ul {
    list-style: none;
}

caption, th {
    text-align: left;
}

h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
}

q:before, q:after {
    content: '';
}
a:active {
  outline:none;
}

:focus {
  -moz-outline-style:none;
}
input[type="submit"] {
	border: none;
}

/*
 Start Normal Formatting
 */
body {
    background: url(images/bakrr.jpg) repeat-x;
	font-family: Verdana;
	font-size: 14px;
}
#page {
	background: url(/css/images/leftbackground.jpg) repeat-y;
	padding: 20px 0 0 84px;
}

h1 {
    color: #003d4c;
    font-size: 210%;
    margin: 0.1em 0;
}

h2 {
    color: #e32;
    font-family: 'Gill Sans', 'lucida grande', helvetica, arial, sans-serif;
    font-size: 190%;
    margin: 0.3em 0;
    padding-top: 0.8em;
}

h3 {
    color: #993;
    font-family: 'Gill Sans', 'lucida grande', helvetica, arial, sans-serif;
    font-size: 165%;
    padding-top: 0.5em;
}

h4 {
    color: #993;
    font-weight: normal;
    padding-top: 0.5em;
}
h5 {
	color: red;
	font-weight: bold;
	font-size: 150%;
}
h6 {
	font-weight: bold;
	font-size: 130%;
	font-style: italic;
	padding: .3em;
}
large {
	font-size: 125%;
}

/* List Definitions
----------------------------------------*/
ul.normal {
	list-style-type:disc;
	margin-bottom:10px;
}

ul.advanced{
	margin:0 10px 0 12px;
}
	ul.advanced li{
		display:block;
		padding: 0 0 0 17px;
		background: url(../images/background/bg_list.gif) left 4px no-repeat;
	}
/*
default form behavior
*/

form {
	color: black;
	padding: .5em;
}

fieldset {    
	float: left;    
	clear: left;    
	margin: 0 0 .5em 0;    
	padding: 0;  
	border: 2px solid #ccc;
}
fieldset legend {
	font-size: 1.1em;
	font-weight: bold;
}

fieldset fieldset legend {
	font-size: 1.05em;
	font-weight: normal;
	margin-left: 2em;
}
input[type =
"text"], textarea, select, input[type="password"] {
    border-top: 2px solid #999;
    border-left: 2px solid #999;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
}

input[type='submit'] {
    border-bottom: 2px solid #999;
    border-right: 2px solid #999;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;	
}

input:focus, textarea:focus {
    background: #ffc;
}
fieldset li {
	float: left;    
	clear: left;    
	width: 100%;    
	padding: .3em 0;  
}
label {
	margin: .1em .3em;
}
fieldset label {    
	float: left;    
	width: 9em;    
	margin-right: .5em;
	text-align: right;  
}
fieldset.submit {    
	float: none;    
	border: 0 none #FFF;  
	padding-left: 15em;  
}
fieldset.longlabel label {
    width: 40%;
	display:inline;
}

fieldset.medlabel label {
    width: 30%;
}

fieldset.shortlabel label {
    width: 3em;
}

/*
	Form class elements overriding sitewide defaults.
*/
input#captcha {
	width: 8em;
	display:block;
	margin-bottom: .5em;
}

/*
 Unique ID Elements
 */
#header {
	height: 115px;
    background-color: white;
	width: 1060px;
}

#header img {
	width: 437px;
	float: left;
}

#header p {
    text-align: right;
	font-size: 70%;
	padding: 1em 1em 1em 0;
}
#searchbanner label {
    float: none;
}

#searchbanner {
    width: 950px;
    line-height: 2em;
    background-color: #0066ff;
    color: white;
    text-align: right;
    font-size: 80%;
    padding: .2em;
	display: none;
}

#primarynav {
	position: absolute;
	left: 560px;
	top: 107px;
}

#primarynav li {
	float: left;
	margin: 0 5px 0 0;
}

#primarynav li a {
	display: block;
	text-align: center;
	line-height: 2.5em;
	font-size: 70%;
	color: #36648B;
	text-transform: uppercase;
	font-weight: bold;
	text-decoration: none;
	padding: 0 1em;
	background-color: #A4D3EE;
}

#primarynav li a:hover {
	color: white;
	background-color: #2F6AA4;
}

#secondarynav {
	margin:0;
	background-color: #83ACCA;
	width: 950px;
	height: 26px;
	float: left;
}

#secondarynav ul {
	margin-left: 440px;
}

#secondarynav li {
	float: left;
}

#secondarynav li a {
	width: 130px;
	line-height: 1.5em;
}

#vacationrentals {
		background: url(images/vacation.jpg) no-repeat;
}
#vacationrentals:hover {
		background: url(images/vacation2.jpg) no-repeat;
}

#longtermrentals {
		background: url(images/longterm.jpg) no-repeat;
}
#longtermrentals:hover {
		background: url(images/longterm2.jpg) no-repeat;
}

#monthlyrentals {
		background: url(images/monthly.jpg) no-repeat;
}
#monthlyrentals:hover {
		background: url(images/monthly2.jpg) no-repeat;
}

#registerbutton {
	width: 125px;
	height: 137px;
}

#submitregisterbutton{
	margin: 15px;
	width: 97px;
	height: 26px;
	background: url(images/register.png) no-repeat;
	display: block;
	float: left;	
	border: none;
}
input#submitregisterbutton:hover {
	background-position: 0 -54px;
}
#submitbutton{
	margin: 15px auto;
	width: 117px;
	height: 35px;
	background: url(images/submit.gif) no-repeat;
	display: block;
	text-align: center;	
}
input#submitbutton:hover {
	background-position: 0 -30px;
}
#prevbutton{
	margin: 5px 15px;
	width: 117px;
	height: 30px;
	background: url(images/previous.gif) no-repeat;
	display: block;
	text-align: center;
	float: left;	
}
#nextbutton:hover {
	background-position: 0 -30px;
}
#nextbutton{
	margin: 5px 15px;
	width: 162px;
	height: 43px;
	background: url(images/test.gif) no-repeat;
	display: block;
	text-align: center;	
	float: left;	
}
#prevbutton:hover {
	background-position: 0 -30px;
}
#cancelbutton{
	margin: 40px 30px 0 30px;
	width: 117px;
	height: 30px;
	background: url(images/cancel.gif) no-repeat;
	display: block;
	text-align: center;	
	float: left;	
}
#cancelbutton:hover {
	background-position: 0 -30px;
}

#buttonset #prevbutton, #buttonset #cancelbutton, #buttonset #nextbutton {
	float: left;
	margin-left: 10px;
}
#buttonset #cancelbutton {
	margin-top: 60px;
}
#advertiserental, #boatadvertiserental {
	width: 125px;
	height: 137px;
	background: url(images/advertising-rental.gif) no-repeat;
	position: absolute;
	left: 908px;
	top: 110px;
}
#boatadvertiserental {
	background: url(images/advertise-rental-transparent.gif) no-repeat;
} 

#maincontentwrapper{
	background-color: white;
	float: left;
	width: 1060px;
}
#maincontent {
	float:left;
	clear:left;
	background: url(images/rentpetfriendly.jpg) repeat-x top left;
	width: 1060px;
}

#leftcol {
	width: 243px;
	min-height: 690px;
	float: left;
}

#leftcol img {
	margin: 0 15px;	
}

#singlecol {
	font-size: 110%;
	background-color: #F6F2B4;
	height: auto;
	margin-top: 60px;
	padding: 8px;
}
#searchcityorid {
	margin: 10px 0 0 20px;
}

#searchcityoridinput {
	width: 10em;
	height: 1.5em;
}

#ternav {
	margin: 30px 0;
	background: url(images/ternavbackground.jpg) no-repeat;
	width: 194px;
	height: 282px;
	margin: 50px 20px;
}
#ternav ul {
	padding-top: 30px;
}
#ternav li {
	text-align: center;
	padding: 8px 20px;
}

#ternav ul a {
	text-transform: uppercase;
	color:#2F6AA4;
}
#ternav ul a:hover {
	color: #FF0033;
}

#newsletter {
	border: #2F6BA5 solid 3px;
	background-color:#DAE6F4;
	text-align: center;
	font-size: 100%;
	padding: 10px 0;
	width: 210px;
	margin: auto;
}

#centercol {
	float: left;
	margin: 0 3px;
}

#whatsnew, #testimonials {
	width: 475px;
	height: 240px;
	background-color: #88ACE0;
	border: #2F6BA5 solid 5px;
	margin: 10px 0;
}
#whatsnew p, #testimonials p {
	margin: 10px 15px;
	font-size: 90%;
}

#testimonials {
	border: yellow solid 5px;
}
#rightcol {
	float: left;
	margin-top: 95px;
}
#petfriendlytype {
	margin: 20px 0 0 80px;
}

#bodybackground {
	margin: -20px 0 0 -84px;
	position: absolute;
}
#footer {
	clear: both;
	text-align: center;
	width: 950px;
}
#crumb {
	position: absolute;
	left: 100px;
	top: 140px;
	color: white;
}
#checkouttable {
	border-collapse: separate;
}
#checkouttable th {
	text-align: center;
}
#checkouttable td {
	padding: 8px;
}
.centered {
	background: url(images/rentpetfriendly.jpg) repeat-x top left;
	padding: 25px;
	
}
.centered form {
	background:#fff url(/img/h600.png) repeat scroll 0 0;
	border:5px solid #789;
	width: 500px;
}
.centered form fieldset {
	padding: 10px;
}
.centered form label {
	float: left;
	width: 35%;
}
.centered form div.input {
	float: left;
	width: 99%;
}
.centered form input {
	float: left;
}
.centered form div.submit {
	width: 99%;
	margin: auto;
	text-align: center;
}
.centered form input[type='submit'] {
	float: none;
	width: 80px;
}
.noborder {
	border: none;
}
#register, #contactinfo {
	background: url(images/rentpetfriendly.jpg) repeat-x top left;
	float: left;
}
#register #leftcol, #contactinfo #leftcol {
	font-size: 90%;
	width: 575px;
	background-color: #F6F2B4;
	height: auto;
	margin-top: 60px;
}
#register #leftcol h4, #register #leftcol p {
	float: none;
	margin: 15px;
	width: auto;
}
#register #centercol {
	width: 330px;
	margin-top: 60px;
}
#register #rightcol {
	font-size: 80%;
	clear:both;
	width: 95%;
	padding: .5em;
	background-color: #FCB8B8;
	margin-top: 0;
}
#register form {
	background:#fff url(/img/h600.png) repeat scroll 0 0;
	border:5px solid #789;
	width: 310px;
}
#register form fieldset {
	padding: 8px;	
}
#register form label {
	text-align: left;
	margin: 3px 0;
	width: 100%;
}
#register form input[type="text"] {
	width: 200px;
}
#register form #captcha {
	width: 8em;
}
#ratetable {
	border-collapse: separate;
}
#ratetable td {
	width: 80px;
	height: 15px;
	text-align: center;
}
form.centered input, textarea {
    font-family: "frutiger linotype", "lucida grande", "verdana", sans-serif;
    float: left;
    margin: 2px;
}

form.centered option {
    font-size: 100%;
    padding: 0 3px;
}

form.centered input[type =
"submit"] {
    clear: both;
    margin: 10px 0 0 200px;
	width: 20%;
}

* html fieldset .checkboxcol label {
	line-height: 1.5em;
}
/*
 Class Elements/Styles
 */
.highlight1 {
    color: #2F6AA4;
    font-weight: bold;
    font-size: 120%;
}

.highlight2 {
    color: #943401;
}

.thickhr {
	 width: 950px;
	 clear: both; 
	 background-color: #2D6AA1;
	 margin: 0;
	 height: 27px;
	 color: white;
}
.thickhr span {
	padding: 3px 0 0 15px;
	display: block;
}
.imagereplace {
	text-indent: -5000px;
	display: block;
}
.smallbold {
	font-family: Verdana;
	font-size: 70%;
	font-weight: bold;
}

.radio fieldset legend {
	font-weight: normal;
}

strong {
	font-weight: bold;
}
em {
	font-style: italic;
}
/*
Utility classes
*/
.background2 {
	background: url(images/background1.jpg) repeat-x;
}
.altrow {
    background: #E9E9E9;
}
/* Standard Definitions
----------------------------------------*/
.small		{font-size:80%;}
.large		{font-size:125%;}
.soft		{color:#D3D3D3;}
.hide		{display:none;}
p.last		{margin-bottom:0px;}
.clear 		{clear: both;}

.box {padding:10px; margin: 0 0 10px 0;}
/* Clearfix
When using a display block container and having floated div inside
add this class to the container to have it wrap floated children
----------------------------------------*/

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix { display: inline-block;}

* html .clearfix {height: 1%;}
*:first-child+html .clearfix {height: 1%; width:100%;}
/*Elements Developed by Ben Henschel*/
/*External Links*/

/*External Link - adds a little external link icon to all of your external links*/
a[href^="http:"] {background: url(../../images/elementsImages/externalLink.gif) no-repeat right top; padding-right:10px;}

/*IMPORTANT: Reset your internal links that use absolute URLS by replacing yoursite.com with your site's URL, below*/
a[href^="http://www.yoursite.com"], a[href^="http://yoursite.com"] {background-image:none !important; padding-right:0px;}

/*Use on external links that are images or have background colors/borders...when ever you dont want an icon to appear*/
.exempt {background-image:none !important; padding:0px;}

/*This method does not work for IE6 or IE7 (big surpise) you can add the class .external to a few of your important external links so they work in IE6/7 if you wish. IE will just ignore these rules so there are now worries.*/
.external {background: url(../images/../elementsImages/externalLink.gif) no-repeat right top; padding-right:10px;}

/*Email Links - adds small email icon to all mailto links*/
a[href^="mailto:"] {background: url(../../images/elementsImages/email_link.png) no-repeat right top; padding-right:22px; padding-bottom:5px;line-height:22px;}

/*AIM Links - adds small IM icon to all aim:goim?screenname=username links*/
a[href^="aim:"] {background: url(../../images/elementsImages/group.png) no-repeat right top; padding-right:22px; padding-bottom:5px;line-height:22px;}

/*PDF Links - adds a small PDF icon to all PDF links*/
a[href$=".pdf"] {background: url(../../images/elementsImages/page_pdf.png) no-repeat right top; padding-right:22px;padding-bottom:5px;  line-height:22px;}

/*DOC Links - adds a small word doc icon to all word document links*/
a[href$=".doc"] {background: url(../../images/elementsImages/page_word.png) no-repeat right top; padding-right:22px; padding-bottom:5px;line-height:22px;}

/*RSS Links - adds a small Feed icon to all RSS feed links*/
a[href$=".rss"], a[href$=".rdf"] {background: url(../../images/elementsImages/feed.png) no-repeat right top; padding-right:22px; padding-bottom:5px;line-height:22px;}

/*
 Validation for Javascript error styling
 */

label.jserror {
    float: left;
    color: red;
    font-style: italic;
    font-weight: normal;
}

input.jserror {
    border: 2px solid red;
}

div.singlelineerror {
    color: red;
    width: 100%;
    height: 2em;
    display: none;
}

div.jserror a {
    color: #336699;
    font-size: 1.2em;
    text-decoration: underline
}
/* Notices and Errors */
div.message {
	clear: both;
	color: #900;
	font-size: 140%;
	font-weight: bold;
	margin: 1em 0;
}
div.error-message {
	clear: both;
	color: #900;
	font-weight: bold;
}
div.error {
	border: red 2px solid;
	background-color:#ffc;
}
div.error p, div.error ol{
	margin: 5px 0 0 10px;
}

p.error {
	background-color: #e32;
	color: #fff;
	font-family: Courier, monospace;
	font-size: 120%;
	line-height: 140%;
	padding: 0.8em;
	margin: 1em 0;
}
p.error em {
	color: #000;
	font-weight: normal;
	line-height: 140%;
}
.notice {
	background-color: #ffcc00;
	color: #000;
	display: block;
	font-family: Courier, monospace;
	font-size: 120%;
	line-height: 140%;
	padding: 0.8em;
	margin: 1em 0;
}
.primary {
	border: 2px solid blue;
}
.success {
	background-color: green;
	color: #FFF;
}
div.button {
	height: 55px;	
	width: 600px;
	background: url(images/select_file3.png) 0 0 no-repeat;
	font-size: 20px;
	color: #000;
	text-align: left;
	padding-left: 60px;
}
div.button.hover {
	background: url(images/select_file3.png) 0 -55px no-repeat;
}
.buttonsmall {
	font-size: 16px;
}
/*
 * Scrollable formatting
 * 
 */
/* scrollable root element */
#wizard {	
	font-size:12px;
	height:750px;
	margin:10px auto;	
	width:640px;
	overflow: hidden;
	position:relative;
	
}  

/* scrollable items */
#wizard .items {
	width:20000em;
	clear:both;	
	position:absolute;	
}

/* single item */
#wizard .page {	
	background:#fff url(/img/h800.png) repeat scroll 0 0;
	border:5px solid #789;
	padding:5px 30px;
	width:570px;
	float:left;	
	/* rounded corners for modern browsers */
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

/* title */
#wizard h2 {
	border-bottom:1px dotted #ccc;
	font-size:22px;
	font-weight:normal;
	margin:5px 0 0 0;
	padding-bottom:10px;		
}

#wizard h2 em {
	display:block;
	font-size:14px;
	color:#666;
	font-style:normal;
	margin-top:5px;
}

#wizard h2.numFiles {
	margin: 0;
	padding: 0;
	font-size: 1.4em;	
}

#wizard fieldset {
	font-size: 110%;
	padding: 8px;
	width: 90%;
}
/* input fields */
#wizard ul {
	padding:0px !important;
	margin:0px !important;
}

#wizard ul.checkboxcol, #wizard li.checkboxcol {
	float: left;
	width: 33%;
}

#wizard textarea {
	width: 90%;
}
#wizard li {
	list-style-type:none;
	list-style-image:none;
	margin-bottom:8px;	
}
/*\*/ * html #wizard ul.checkboxlist li { display:inline; } /**/
/*\*/ * html #wizard ul.checkboxcol li { margin: 0 !important; padding:0 !important; } /**/
/*\*/ * html #wizard li.clearfix { display:inline; } /**/
/*\*/ * html #wizard li .dog { display:inline; } /**/
#wizard label {
	font-size:16px;	
	display:block;
	font-size: 125%;
}

#wizard label em {
	font-size:11px;
	color:#666;	
	font-style:normal;
}

#wizard .text {
	width:100%;
	padding:5px;
	border:1px solid #ccc;
}
#wizard .checkboxcol .text {
	width: auto;
	border:none;
}
#wizard .select {
	border:1px solid #ccc;
	width:100%;	
	padding:4px;
}
#wizard .checkbox input, #wizard .radio input {
	float: left;
	margin-top: 3px;
}

/*\*/ * html #wizard .checkbox input { margin:0 !important; } /**/

#wizard .checkboxcol input {
	margin-top: 5px;
	border: none;
	clear:left;
}

#wizard .checkbox label, #wizard .radio label, #wizard .checkboxcol .text label, #wizard div.dog label {
	float: left;
	font-size: 125%;
	width: 80%;
	text-align: left;
}
#wizard .checkboxlist label {
	width: auto;
	margin: 2px 20px 0 5px;
}
#wizard .inline .radio label {
	width: 20%;
}
#wizard .radio fieldset {
	width: 90%;
}
#wizard div.dog {
	float: left;
	width: 30%;
}
#wizard div.dog input {
	float: left;
	margin-top: 7px;
}
#wizard div.dog label {
	width: 60%;
	margin-top:7px;
}

#wizard .double label { 
	width:50%;
	float:left;
}

#wizard .double .text {
	width:93%;	
}

#wizard li.inline  {
	width: 100%;
	padding:8px;
	border:1px solid #ccc;
}
#wizard .inline select, #wizard .inline label {
	float: left;
}
#wizard .inline select {
	margin-right: 40px;
}
#wizard .right {
	float:right;		
}

#wizard .error {
	border:1px solid red;		
}

div.scrollable #status {
	margin:0px !important;
	height:40px;
	background:#123 url(/img/h30.png) repeat-x;
	padding-left:25px !important;
	background:#123;
	width: 2000px;
}

#status li {
	list-style-type:none;
	list-style-image:none;
	float:left;
	color:#fff;
	padding:10px 30px;
}

#status li.active {
	background-color:#b8128f;
	font-weight:normal;		
}
#uploadtooltip {
	display:none;
	background:transparent url(/img/black_huge.png);
	font-size:12px;
	height:262px;
	width:500px;
	color:#fff;	
	z-index: 999;
}

#wizard #uploadtooltip fieldset {
	margin: 26px 0 0 27px;
	width: 426px;
	height: 188px;
}
#wizard #uploadtooltip li {
	margin-bottom: 3px;
}
#wizard #instruction {
	font-size: 125%;
}
#wizard #instruction p {
	margin-bottom: 4px;
}

.upsell {
	font-size: 125%;
	padding: 5px;
}
.upsell p {
	padding: 5px 0;
	font-size: 125%;
}
.upsell div {
	border: #2F6BA5 solid 2px;
	background-color:#DAE6F4;
	padding: 5px;
}

#home {
	margin: 15px;
	float: left;
}
#home h1 {
	font-size: 180%;
}
#home #banner {
	padding: 0 20px;
	margin-bottom: 20px;
}
#home #banner .menu {
	text-align: left;
}

#home h2 {
	font-size: 120%;
	color: #116BD9;
}
#home #accountinfo {
	border: solid #116BD9 1px;
	background-color:#ddd;
	float: left;
	width: 620px;
	padding: 5px;
}
#home #memberinfo a {
	margin: 15px;
	display: block;
}
#home #listingcontent {
	float:left;
	width: 1000px;
}
#home #listingoverview {
	float: left;
	width: 300px;
}
#home #ownerlistings {
	float: right;
	margin-left: 10px;
	width: 700px;
}
#home div.activelisting table .colorize{
	background-color:#CFF1D0;
}
#home table .menu {
	padding: 10px 10px 0 0;
}
#home #listingoverview {
	padding: 5px 10px 15px 15px;
	float: left;
}
#home #listingbreakdown, #home #listinglinks{
	padding: 0 15px 0 15px;
	float: left;
}
#home #listingoverview li {
	margin: 0 20px;
}
#home #active, #home #awaitingapproval
{
	padding-top: 5px;
}
#home #awaitingapproval table .colorize{
	background-color: #CED8FB;
}
#home #awaitingpayment table .colorize,#home #expired table .colorize{
	background-color: orange;
}
.radiogroup {
    margin-left: 50px;
}

.radiogroup input {
    float: left;
}

.radiogroup label {
    float: left;
    width: 2em;
    text-align: left;
}
/* style the trigger elements */
div.selectimage {
	border:0;
	cursor:pointer;
	margin:0 8px;
}

/* prev, next, prevPage and nextPage buttons */
a.prev, a.next, a.prevPage, a.nextPage {
	display:block;
	width:18px;
	height:18px;
	background:url(imagesw/left.png) no-repeat;
	float:left;
	margin:43px 10px;
	cursor:pointer;
	font-size:1px;
}

/* mouseover state */
a.prev:hover, a.next:hover, a.prevPage:hover, a.nextPage:hover {
	background-position:0px -18px;		
}

/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
}

/* next button uses another background image */
a.next, a.nextPage {
	background-image:url(images/right.png);
	clear:right;	
}


/* root element for tabs  */
ul.tabs { 
	list-style:none; 
	margin:0 !important; 
	padding:0;	
	border-bottom:1px solid #666;	
	height:30px;
}

/* 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(/img/tabs.png) no-repeat -420px 0;
	font-size:11px;
	display:block;
	height: 30px;  
	line-height:30px;
	width: 134px;
	text-align:center;	
	text-decoration:none;
	color:#333;
	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: -420px -31px;	
	color:#fff;	
}

/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
	background-position: -420px -62px;		
	cursor:default !important; 
	color:#000 !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:81px; }
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 */ 
div.panes div.pane {
	display:none;		
}

/*********** navigator ***********/


/* position and dimensions of the navigator */
div.scrollable {
	margin:0 auto;
	width:570px;
	overflow:hidden;
	position:relative;
}


/* items inside navigator */
div.navi a {
	width:8px;
	height:8px;
	float:left;
	margin:3px;
	background:url(image/navigator.png) 0 0 no-repeat;
	display:block;
	font-size:1px;
}

/* mouseover state */
div.navi a:hover {
	background-position:0 -8px;      
}

/* active state (current page state) */
div.navi a.active {
	background-position:0 -16px;     
} 	

div #fixme-middle {
	position: fixed; 
	top: 150px; 
	left: 50px;
}
#paynow {
	display: block;
	clear:both;
	position: relative;
	top: -60px;
	width: 170px;
	height: 66px;
	background: url('/img/paynow.png') no-repeat top;
}
#paynow:hover {
	background-position: bottom;
}