* {  
padding: 0px;
margin: 0px;
}

/* MAIN
--------------------------- */

body {
	background-color: #ededee;
	font-size: 62.5%;
	font-family:Arial, Helvetica, sans-serif;
}
#wrapper  {
	width:1060px;
	margin: 0px auto 0px auto;
	position: relative;
}
h1  {
	background-image:url(images/stoke_header.jpg);
	width:709px;
	height:129px;
	position:relative;
	float:left;
	margin-top:30px;
	background-repeat: no-repeat;
	text-indent:-999999px;
}

/* SEARCH ADS FORM (INDEX)
--------------------------- */

#searchAdsLeft  {  /* If changed check IE6 Hack*/
	float:left;
	margin:15px 0 0 66px;
	width:500px;
}
.searchAdsLeft input  {
	float:left;
	border:2px solid #c7c7c7;
	padding:1px;
}
.searchAdsLeftFieldset  {
	border:0px;
	width:100%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.2em;
	font-weight:bold;
	color:#7e7f7f;
	margin-left:0px;
}
.searchAdsRadio  {  /* If changed check IE6 Hack*/
	float:left;
	margin:10px 3px 0 20px;
}
.searchAdsRadio label  {
	padding-left:5px;
}
.searchAdsLeftButton  {  /* If changed check IE6 & IE7 Hack*/
	position:absolute;
	width:119px;
	float:right;
	left:388px;
	top:317px;
}

/* SEARCH HEADING FORM (INDEX)
--------------------------- */

#searchHeading  {  /* If changed check IE7 Hack*/
	float:left;
	margin:86px 0 0 25px;
	width:400px;
}
#searchHeading p  {
	font-family:Arial, Helvetica, sans-serif;
    font-size:1.2em;
    font-weight:bold;
    color:#7e7f7f;;
	padding-bottom:8px;
}
.searchHeading select  {
	width:265px;
	border:2px solid #c7c7c7;
	padding:1px;	
}
.searchHeadingButton  {  /* If changed check IE6 & IE7 Hack*/
	position:absolute;
	width:119px;
	float:right;
	left:863px;
	top:317px;
}

/* DIVS
--------------------------- */

#adSearch  {
	clear:both;
	float:left;
	width:1048px;
	height:268px;
	background-image:url(images/stoke_adsearch.jpg);
	background-repeat:no-repeat;
}
#leftCol  {
	float:left;
	width:709px;
	min-height:330px;
	height:auto !important;
	height:330px;
	background-image:url(images/blue_bg.jpg);
	background-repeat:repeat-y;	
}
#leftColFooter  {
	clear:both;
	width:709px;
	height:16px;
	background-image: url(images/blue_footer.jpg);
	background-repeat:no-repeat;
}
#rightCol  {
	float:left;
	position:absolute;
	background-color:#ffffff;
	width:290px;
	min-height:308px;
	height:auto !important;
	height:308px;
	border:#d7d7d7 solid 1px;
	left: 721px;
	top: 433px;
}
#buyNow  {  /* If changed check IE6 Hack*/
	background-image:url(images/buy_now.jpg);
	background-repeat:no-repeat;
	float:left;
	width:73px;
	height:74px;
	margin:40px 0 0 50px;
}
#rightText  {
	float:left;
	width:400px;
	margin:40px 0 0 26px;
}
#magnifying  {  /* If changed check IE6 Hack*/
	background-image:url(images/magnifying_glass.jpg);
	background-repeat:no-repeat;
	float:left;
	width:73px;
	height:76px;
	margin:28px 0 0 50px;
}
#rightText2  {
	float:left;
	width:400px;
	margin:28px 0 0 26px;
}
#overallFooter  {
	clear:both;
	text-align:center;
	margin:15px 0 15px 0;
}
#addAdvertHeader  {
	clear:both;
	width:1048px;
	height:165px;
	background-image:url(images/addadvert_header.jpg);
	background-repeat:no-repeat;
}
#addAdvert {  /* If changed check IE6 Hack*/
	float:left;
	margin:15px 0 0 66px;
	width:800px;
}
#addAdvertbg  {
	width:1048px;
	background-image:url(images/addadvert_bg.jpg);
	background-repeat: repeat-y;
	float:left;
}
#addAdvertFooter  {
	clear:both;	
	width:1048px;
	height:88px;
	background-image:url(images/addadvert_footer.jpg);
	background-repeat:no-repeat;
}
#advertMainLeft  {  /* If changed check IE6 Hack*/
	float:left;
    width:375px;
	margin:0 0 0 100px;
}
#advertMain  {
	margin:0 55px 0 100px;
	min-height:100px;
	height:auto !important;
	height:100px;
}
#advertMyAccount  {  /* If changed check IE6 Hack*/
	margin:0 0 0 100px;
	width:530px;
	float:left;
}
#myAccountAdvert  {
	height:243px;
	width:271px;
	float:left;
	margin:0 0 0 60px;
}
#advertSearchResults {  /* If changed check IE6 Hack*/
	float:left;
	margin:25px 0 0 85px;
}

/* CALENDER FORMATTING
--------------------------- */

.calendarStart  {  /* If changed check IE6 Hack*/
	float:left;
	margin-left:25px
}
.calendarEnd  {
	float:left;
}
.calendarArrow  {
	width:150px;
	float:left;
	text-align:center;
	margin-top:60px;
}
#editAdvertCalendar {  /* If changed check IE6 Hack*/
	float:left;
	margin:15px 0 0 150px;
}

/* CLASSES
--------------------------- */

.addAvertText, .addAvertText2, .addAvertText3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.2em;
	margin:0 55px 10px 70px;
	line-height:1.4em;
}
.addAvertText2 {
	margin:0 0 10px 0;
}
.addAvertText3 {
	margin:0 0 0 70px;
}
.addDetailsFieldset  {
	border:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.2em;
	font-weight:bold;
	color:#7e7f7f;
	margin-left:0px;
}
.addDetails label   {
    float:left;
	margin:0 5px 0 0;
	width:155px;
	text-align:left;
	vertical-align:middle;
	padding:5px 0 5px 0;
}
.addDetails select  {
	width:168px;
	border:2px solid #c7c7c7;
}
.searchResultCard {
	float:left;
	width:376px;
	height:159px;
	background-image:url(images/ad_layout.jpg);
	background-repeat:no-repeat;
	margin:0 20px 20px 0;
}

/* ADVERT PREVIEW
--------------------------- */

#advertPreview {
	float:left;
	width:376px;
	height:159px;
	background-image:url(images/ad_layout.jpg);
	background-repeat:no-repeat;
	margin:25px 0 0 85px;
}
.addPreviewDetails  {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.3em;
	color:#000;
	margin-left:13px
}
.addID, .reportAd   {  /* If changed check IE6 Hack*/
	float:left;
	color:#ff0000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.1em;
	margin:14px 0 3px 10px;
}
.reportAd  {  /* If changed check IE6 Hack*/
	float:right;
	margin:14px 18px 3px 0;
}

/* BUTTONS
--------------------------- */

#buttons  {
	clear:both;
	text-align:right;
	width:1048px;
	height:48px;
	padding-top:20px;
	background-image:url(images/addadvert_bg.jpg);
	background-repeat: repeat-y;
}
.buttonRight  {
	margin-right:110px;
	border:none;
}
.buttonLeft  {
	margin-right:15px;
	border:none;
}
.buttonRight1  {
	margin:5px 0 0 875px;
	border:none;
}

/* CALENDAR
--------------------------- */

table  {
	font-size:1.2em;
	width:250px;
}
tr, td  {
	height:18px;
}
.start, .end {
	font-size:1.1em;
	font-weight: bold;
	color:#ff0000;
	margin:5px 0 4px 2px;
}

/* CLEAR DIV
--------------------------- */

.clear  {
	clear:both;
	line-height:1.1em;
}

/* H CLASSES
--------------------------- */

h2.index  {  /* If changed check IE6 Hack*/
	background-image:url(images/adsearch_title.png);
	width:253px;
	height:53px;
	background-repeat:no-repeat;
	text-indent:-999999px;
	margin:28px 0 15px 0;
}
h2.addAdvert  {  /* If changed check IE6 Hack*/
	background-image:url(images/addadvert_title.png);
	width:353px;
	height:53px;
	background-repeat:no-repeat;
	text-indent:-999999px;
	margin:43px 0 15px 66px;
}
h2.myAccount  {  /* If changed check IE6 Hack*/
	background-image:url(images/myaccount_title.png);
	width:285px;
	height:63px;
	background-repeat:no-repeat;
	text-indent:-999999px;
	margin:43px 0 5px 66px;
}
h2.edit  {  /* If changed check IE6 Hack*/
	background-image:url(images/editadvert_title.png);
	width:275px;
	height:53px;
	background-repeat:no-repeat;
	text-indent:-999999px;
	margin:43px 0 15px 66px;
}
h2.features  {  /* If changed check IE6 Hack*/
	background-image:url(images/features_title.png);
	width:492px;
	height:53px;
	background-repeat:no-repeat;
	text-indent:-999999px;
	margin:43px 0 15px 66px;
}
h2.about  {  /* If changed check IE6 Hack*/
	background-image:url(images/aboutus_title.png);
	width:226px;
	height:53px;
	background-repeat:no-repeat;
	text-indent:-999999px;
	margin:43px 0 15px 66px;
}
h2.searchResults  {  /* If changed check IE6 Hack*/
	background-image:url(images/searchresults_title.png);
	width:366px;
	height:53px;
	background-repeat:no-repeat;
	text-indent:-999999px;
	margin:43px 0 15px 66px;
}
h2.siteMap  {  /* If changed check IE6 Hack*/
	background-image:url(images/sitemap_title.png);
	width:223px;
	height:63px;
	background-repeat:no-repeat;
	text-indent:-999999px;
	margin:43px 0 5px 66px;
}
h3.index  {
	font-family:Arial, Helvetica, sans-serif;
	font-size:2em;
	color: #a64e9d;
	text-decoration:underline;
	margin-bottom:8px;
}
h3.index a {
	color: #a64e9d;
	text-decoration:underline;	
}
h3.index a:hover {
	text-decoration:none;	
}
h3.addDetails  {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.7em;
	color:#a64e9d;
	margin-bottom:10px;
}
h3.features, h3.benefits  {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.7em;
	color:#a64e9d;
	margin:15px 0 8px 100px;;
}
h3.benefits  {
	margin:20px 0 8px 100px;;
}
h3.advertPreview  {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.6em;
	font-weight:bold;
	color:#fff;
	padding:10px 0 12px 10px;
	margin-bottom:8px;
}
h4  {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.3em;
	text-decoration:underline;
	background-color:#d7d7d7;
	color:#7e7f7f;
	padding:5px 0 8px 20px;
}
h4 a {
	color:#7e7f7f;
	text-decoration:underline;
}
h4 a:hover  {
	text-decoration:none;
}

/* P FORMATTING
--------------------------- */

.footer  {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.1em;
	color:#39c3f0;
}
#overallFooter p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.1em;
	color:#909090;
}
#overallFooter a {
	color:#909090;
	text-decoration:none;
}
#overallFooter a:hover {
	color:#909090;
	text-decoration:underline;
}
.purple  {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.1em;
	color:#7e7f7f;
	margin:10px 0 10px 20px;
}
.purple a {
	text-decoration:none;
	color:#a64e9d;
	font-weight:bold;
   
}
.purple a:hover {
	text-decoration:underline;
}

/* LISTS / BULLETS
--------------------------- */

ul.rightText {
	list-style:none;
	font-family:Arial, Helvetica, sans-serif;
} 
ul.rightText li { 
	font-size: 1.7em;
	font-weight:bold;
	color: #5cccf1;
	background-image:url(images/blue_bullet.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding:0 0 0 16px;
}

ul.rightCol {
	list-style:circle;
	font-family:Arial, Helvetica, sans-serif;
	margin:8px 0 10px 0;
	padding-left:45px;
} 
ul.rightCol li { 
	font-size: 1.2em;
	color: #7e7f7f;
	padding:0 0 3px 5px;
}
ul.rightCol a { 
	color: #7e7f7f;
	text-decoration:underline;
}
ul.rightCol a:hover { 
	color: #7e7f7f;
	text-decoration:none;
}

#yellowTab  {
	float:right;
	margin:32px 0 0 0;
	width:475px

}
ul.yellowBullet  {
	font-family:Arial, Helvetica, sans-serif;
	list-style:none;
	white-space: nowrap;
}
ul.yellowBullet li { 
	display:inline;
	font-size: 1.5em;
	font-weight:bold;
	color: #a64e9d;
	background-image:url(images/yellow_bullet.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding:0 0 0 21px;
}
ul.yellowBullet a  {
	color: #a64e9d;
	text-decoration:none;
}
ul.yellowBullet a:hover  {
	text-decoration: underline;
}
li.about {
	padding:0 0 0 20px;
	margin:0 0 0 58px;
}
li.features {
	padding:0 0 0 20px;
	margin:0 0 0 73px;
}

ul.arrow {list-style: none;} 
ul.arrow li { 
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color: #000;
	background-image: url(images/arrow.gif);
	background-repeat: no-repeat;
	background-position: left 8px;
	margin: 0 0 0 115px;
	padding: 5px 0 0 14px;
}
ul.arrow a { 
	color: #000;
	text-decoration:underline;
}
ul.arrow a:hover { 
	text-decoration:none;
}

/* LOGIN FORM
--------------------------- */

#login, #logout  {
	float:left;
	background-image:url(images/login.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	width:320px;
	height:145px;
	margin-left:20px;
}
#logout  {
	background-image:url(images/logout.jpg);
}
.email label  {
	text-align: right;
	float:left;
	margin-top:70px;
	width:32%;
}
.email input  {
	text-align:left;
	float:left;
	margin-top:67px;
	margin-left:8px;
}
.password label {
	text-align:right;
	float:left;
	margin-top:10px;
	width:32%;
}
.password input  {
	text-align: left;
	float:left;
	margin:8px 0 0 8px;

}
.loginFieldset  {
	border:0px;
	width:100%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.2em;
	font-weight:bold;
	color:#7e7f7f;
	margin-left:0px;
}
.loginButton  {  /* If changed check IE6 & IE7 Hack*/
	margin:8px 42px 0 0;
	width:75px;
	float: right;
}

/* LOGOUT BUTTON
--------------------------- */

.logoutButton  {
	border:none;
	width:73px;
	height:25px;
	margin:14px 0 0 22px;
}
.logotText  {
	margin:75px 0 0 22px;
	font-size:1.2em;
	font-weight:bold;
	color:#7e7f7f;
}

/* EDIT ADVERTS
--------------------------- */

.adTitle, .headingTitle, .durationTitle, .enddateTitle, .costTitle, .statusTitle, .cancelTitle  {
	width:92px;
	float:left;
	font-size:1.1em;
	font-weight:bold;
	text-align:center;
	border:solid 1px #ff6600;
	padding:2px;
}
.durationTitle  {
	width:92px;
}
.enddateTitle, .statusTitle  {
	width:58px;
}
.costTitle  {
	width:48px;
}
.cancelTitle  {
	width:48px;
	border:0px;
}
.adTitleText, .headingTitleText, .durationTitleText, .enddateTitleText, .costTitleText, .statusTitleText, .cancelTitleText  {
	width:92px;
	float:left;
	font-size:1.1em;
	text-align:center;
	border:solid 1px #ff6600;
	padding:2px;
	margin-top:4px;
}
.adTitleText a, .headingTitleText a, .durationTitleText a, .enddateTitleText a, .costTitleText a, .statusTitleText a, .cancelTitleText a  {
	color:#ab0000;
}
.adTitleText a:hover, .headingTitleText a:hover, .durationTitleText a:hover, .enddateTitleText a:hover, .costTitleText a:hover, .statusTitleText a:hover, .cancelTitleText a:hover  {
	text-decoration:none;
}
.durationTitleText  {
	width:92px;
}
.enddateTitleText, .statusTitleText  {
	width:58px;
}
.costTitleText  {
	width:48px;
}
.cancelTitleText  {
	width:48px;
	border:none;
}

/* HEADER LINK TO INDEX
--------------------------- */
#header  {
	position:absolute;
	width: 504px;
	height:183px;
	left: 43px;
	top: 33px;
}
.trans  {
	height:180px;
	width:500px;
	border:none;
}