/* ----- GENERAL ----- */

body {
	font-family: verdana;
	font-size: 11px;
	color: #606060;
	margin: 5px 15px 10px 15px;
}

img { border: 0; }

#narrow { width: 980px; }
#narrow p, .bluebox p {
	font-size: 13px;
	text-align: left;
	margin: 10px;
}

#container { width: 95%; }

#footerad {
	margin-top: 15px;
	clear: both;
}

#footerbar {
	height: 5px;
	margin-top: 25px;
}

/* ----- HOMEPAGE ----- */

#homepagecontainer {
	width: 900px;
	border: 1px solid #c0c0c0;
	margin-top: 50px;
	border-radius: 10px;
	-webkit-box-shadow: 5px 5px 5px #888;
	box-shadow: 5px 5px 5px #888;
}

#homepagel {
	width: 460px;
	float: left;
	text-align: left;
}

#homepager {
	width: 435px;
	padding-top: 50px;
	float: left;
}

#homepager img {
	display: block;
	margin-bottom: 15px;
}

.odd, .even {
	font-size: 13px;
	color: #000060;
}
.odd { background-color: #dfe4ff; }
.even { background-color: #f0f0f0; }

.odd p { margin: 10px 0 5px 0; }
.read td a { font-weight: normal; }

p.menu {
	font-size: 11px;
	color: #606060;
	margin: 5px;
}

p.menu a {
	color: #606060;
	font-weight: normal;
}

/* ----- HEADER BAR ----- */

#headerbar {
	width: 95%;
	height: 100px;
	min-width: 950px;
}

.htr {
	background: url(http://www.306gti6.com/images/header/suede.png);
	background-size: cover;
}

.hbl img { margin-left: 10px; }
.hbl img.lion { margin: 0 25px 0 25px; }

.hbl .searchdiv {
	height: 70px;
	width: 250px;
	float: right;
}

.silh {
	float: right;
	position: relative;
	left: 75px;
}

.headsearch {
	float: right;
	margin: 50px 10px 0 0;
}

a.advsearch {
	color: #c0c0c0;
	font-family: arial;
	font-size: 13px;
}

/* ----- LAYOUT ----- */

.halfscreen {
	width: 395px;
	float: left;
}

.halfscreen p { margin: 40px; }

.splitscreen {
	width: 49%;
	float: left;
	text-align: left;
}

.splitscreen li { margin: 10px 0 10px 0; }
.splitscreen li li { margin: 0; }
.splitscreen p { margin: 7px 0 7px 0; }

.colsetup {
	width: 300px;
	float: left;
}

.nobullet { list-style-type: none; }
.taller li { padding-top: 5px; }

h1 { text-align: left; }
h1.slim { margin: 0; }

h2 {
	font-size: 15px;
	margin-bottom: 10px;
	text-align: left;
}

h4.spacey { margin: 45px; }

.smileys {
	width: 126px;
	float: right;
	border: 1px solid #000060;
	margin-top: 15px;
	display: block;
}
.smileys div.list { padding: 5px; }
.smileys div.list img { cursor: pointer; }

optgroup { margin: 10px 0 5px 0; }

td li { margin-left: 25px; }

/* ----- FORMS ----- */

form {
	margin: 0;
	padding: 0;
	text-align: left;
}

input, select, textarea, file {
	font-family: verdana;
	font-size: 11px;
	background-color: #f0f0ff;
}

.forminputmin { width: 48px; }
.forminput50 { width: 65px; }
.forminput100 { width: 98px; }
select.forminput100 { width: 102px; }
.forminput150 { width: 150px; }
.forminput200 { width: 204px; }
select.forminput200 { width: 208px; }
.forminput300 { width: 280px; }
.forminput400 { width: 400px; }
.forminput700 { width: 700px; }

.textinput {
	width: 350px;
	height: 100px;
}

.textinputwide {
	width: 700px;
	height: 200px;
}

.textinputmod {
	width: 700px;
	height: 50px;
}

.textinputflat {
	width: 600px;
	height: 100px;
}

.textinputwideflat {
	width: 960px;
	height: 100px;
}

.profiletext {
	width: 295px;
	height: 100px;
}

.formp { margin: 5px; }

form p {
	font-family: verdana;
	font-size: 13px;
	margin: 10px 0 10px 0;
}

label {
	float: left;
	font-size: 12px;
	width: 115px;
}

.tidybutton, .tinybutton { font-size: 11px; }
.tidybutton { width: 100px; }

.forum_search {
	height: 140px;
	width: 208px;
}

.iconz img {
	padding: 1px;
	border: 1px solid white;
}

.iconz img:hover { border: 1px solid #c0c0c0; }


/* ----- AUTO COMPLETE ----- */

.autocomp, .autocomp2 {
	font-size: 11px;
	position: absolute;
	display: none;
	width: 220px;
}

.autocomp2 { margin-left: 85px; }

.autocomp2 .pulldowncontainer .pulldownad  div { width: 50px; float: left; }
.autocomp2 .pulldowncontainer .pulldownad  span { font-size: 13px; position: relative; top: 3px; }

.pulldowncontainer {
	background-color: #f9f9f9;
	border: 1px solid #909090;
	width: 220px;
	position: relative;
	left: -85px;
	padding: 0 !important;
	margin: 0;
}

.pulldown, .pulldownad, .pulldownext {
	text-align: left;
	cursor: pointer;
}

.pulldown, .pulldownext { margin: 3px 0 2px 2px; }
.pulldownad {
	height: 30px;
	white-space: nowrap;
	overflow: hidden;
	margin: 3px 0 2px 0;
}

.pulldownad img {
	height: 28px;
	float: left;
	margin: 0 5px 0 3px;
}

.pulldownext {
	font-weight: bold;
	margin: 3px;
	border-top: 1px solid #c0c0c0;
}

.pulldown a, .pulldown a:hover, .pulldownad a, .pulldownad a:hover {
	font-size: 12px;
	font-weight: normal;
	color: #606060;
	text-decoration: none;
}

/* ----- MEMBER CHAT ----- */

.chat {
	position: fixed;
	bottom: -2px;
	right: 10px;
	height: 200px;
	width: 200px;
	float: right;
	background-color: #f0f0f0;
	border: 1px solid #000060;
	border-radius: 5px;
}

.hidechat {
	position: fixed;
	bottom: -2px;
	right: 10px;
	height: 17px;
	width: 200px;
	float: right;
	background-color: #f0f0f0;
	border: 1px solid #000060;
	border-radius: 5px;
}

.chattitle {
	font-size: 13px;
	font-weight: bold;
	background-color: #dfe4ff;
	border-bottom: 1px solid #000060;
	color: #000060;
	text-align: left;
	padding: 0 0 0 5px;
	border-radius: 5px 5px 0 0;
}

.chattitle img { width: 15px; }

.chatbody {
	width: 100%;
	height: 155px;
	overflow: auto;
	background-color: #ffffff;
	margin: 2px 0 2px 0;
	text-align: left;
}

.chatinput {
	width: 160px;
	margin-left: 5px;
}

.chatcomm { margin: 2px; }
.chatdate { float: right; }

.chatname {
	float: left;
	font-weight: bold;
	color: #000060;
	margin-bottom: 5px;
}

.chatmsg { clear: both; }

#chatform { display: none; }

.chatsubmit {
	font-size: 11px;
	width: 20px;
	padding: 0;
	margin-left: 5px;
}

.separator {
	height: 0px;
	border-bottom: 1px solid #e0e0e0;
	margin: 0 0 5px 0;
}

/* ----- TAPED IMAGE ----- */

.photocontainer {
	width: 190px;
	height: 175px;
	float: left;
	text-align: center;
}

.photocontainer .info {
	width: 165px;
	font-size: 13px;
}

.photocontainer .price {
	width: 165px;
	font-size: 17px;
	font-weight: bold;
	margin: 0;
}

.galleryinfo {
	width: 165px;
	clear: left;
	font-weight: bold;
}

.framed, .framedp, .framedthumb, .framedpthumb {
	text-align: center;
	position: relative;
	float: left;
	border: 1px solid #c0c0c0;
	border-radius: 5px;
	-webkit-box-shadow: 5px 5px 5px #888;
	box-shadow: 5px 5px 5px #888;
}
.framed { margin: 20px 15px 5px 5px; }
.framedp { margin: 20px 15px 5px 40px; }

.framed img, .framedp img, .framedthumb img, .framedpthumb img {
	margin: 3px;
	border-radius: 5px;
}

.framedthumb, .framedpthumb { margin: 20px 10px 0px 10px; }

.framedthumb img, .framedpthumb img  { height: 100px; }
.framedthumb img { max-width: 133px; }
.framedpthumb img { max-height: 100px; }

.taped span, .tapedp span {
	width: 150px;
	height: 25px;
	position: absolute;
	top: -12px;
	background: url(../images/tape.png) no-repeat center;
}
.tapedp span { left: -33px; }

.gallerylarge {
	float: left;
	max-width: 640px;
}

/* ----- CLASSIFIEDS ----- */

.adcontainer, .adcontainer2 {
	float: left;
	text-align: left;
}

.adcontainer { width: 320px; }
.adcontainer2 {
	width: 575px;
	margin-left: 30px;
}

.adcontainer2 ul li {
	font-size: 13px;
	margin-left: -25px;
}

.adcontainer2 h1 {
	font-size: 25px;
	margin-top: 0px;
}

#narrow .adcontainer2 p { margin-left: 0; }

.classified1, .classified2 {
	border-radius: 5px;
	-webkit-box-shadow: 5px 5px 5px #888;
	box-shadow: 5px 5px 5px #888;
}

.classified2 {
	width: 93px;
	margin: 10px 3px 0 2px;
}

.adbox, .adbox2, .adbox3 {
	float: left;
	border: 1px solid #000060;
	background-color: #f0f0f0;
	margin-bottom: 15px;
}

.adbox, .adbox2 {
	height: 90px;
	min-height: 90px;
	width: 300px;
}

.adbox3 { width: 924px; }
.adbox2 { margin-left: 10px; }
.adbox p, .adbox2 p, .adbox3 p { margin: 5px; }

.searchbox, .bluebox {
	width: 100%;
	border: 1px solid #000060;
	margin: 15px 0 15px 0;
	padding-bottom: 10px;
	border-radius: 5px;
}

.searchbox { height: 60px; }

.searchdiv {
	width: 290px;
	float: left;
	margin-left: 30px;
}

.searchdiv > form > input#str {
	height: 13px;
	font-size: 11px;
	width: 130px;
}

.searchdiv .strsub {
	position: relative;
	top: 3px;
	left: 2px;
}

.searchbox label { width: 90px }
.searchbox label.wide { width: 120px }
.searchbox .tableheader { margin-bottom: 10px; }

.contactdetails {
	float: right;
	font-size: 13px;
	color: red;
	font-weight: bold;
	border: 1px dashed #c0c0c0;
	padding: 10px 25px 5px 25px;
	border-radius: 5px;
	-webkit-box-shadow: 5px 5px 5px #888;
	box-shadow: 5px 5px 5px #888;
}
.contactdetails p { margin: 0 0 10px 0; }
.contactdetails label { width: 70px; }
.contactdetails a { color: red; }

/* ----- FORUM CLASSIFIEDS ----- */

#top_header {
	width: 82%;
	float: right;
	border: 1px solid #1a32a5;
	padding: 1% 1% 0 1%;
	font-size: 15px;
	border-radius: 10px;
	-webkit-box-shadow: 5px 5px 5px #888;
	box-shadow: 5px 5px 5px #888;
	background-color: #f0f0f0;
}

#top_header h1 {
	margin: 0;
	font-size: 21px;
}

#top_header ul {
	padding: 0 0 0 20px;
}

/* ----- MEMBERS ----- */

.member {
	width: 140px;
	float: left;
	text-align: left;
	height: 75px;
	border-top: 1px solid #e0e0e0;
	border-right: 1px solid #a0a0a0;
	border-bottom: 1px solid #a0a0a0;
	border-left: 1px solid #f0f0f0;
	margin: 0 15px 15px 0;
	overflow: hidden;
	border-radius: 5px;
	-webkit-box-shadow: 5px 5px 5px #888;
	box-shadow: 5px 5px 5px #888;
}

.membername {
	font-size: 12px;
	font-weight: bold;
	margin: 2px 0 2px 2px;
}

.memberlevel { float: right; }

.pagelist {
	float: right;
	margin-right: 20px;
}

#narrow .member p {
	margin: 2px 0 2px 3px;
	font-size: 9px;
}

img.avsmall {
	width: 38px;
	height: 26px;
	float: left;
	margin: 0 3px 0 2px;
}

/* ----- CLASSIFIEDS BANNER AD ----- */

.classifiedad {
	width: 730px;
	height: 90px;
	background: #c0c0c0;
	border: 1px solid #000060;
	border-radius: 10px;
	font-family: arial;
	font-size: 13px;
	color: #ffffff;
}

.classifiedad img {
	height: 80px;
	margin: 5px 15px 5px 5px;
	float: left;
	border-radius: 7px;
}

.classifiedad h1 {
	font-size: 25px;
	margin: 5px 0 2px 0;
}

.classifiedad .c1 {
	float: left;
	width: 30%;
	text-align: left;
}

.classifiedad ul { margin: 0; padding: 0; }
.classifiedad li { margin-left: 30px; }
.classifiedad p { margin: 0; }

.classifiedad p.price { font-size: 25px; }

.classifiedad p.link {
	float: right;
	font-size: 18px;
	margin: 30px 5px 0 0;
}

/* ----- EVERYTHING ELSE ----- */

#alertcontainer { display: none; }

#alertbg {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: black;
	opacity: 0.8;
	z-index: 500;
}

#alertfg {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 1000;
}

#alertfg .win {
	border: 1px solid red;
	width: 335px;
	height: 75px;
	margin-top: 150px;
	background-color: white;
	text-align: left;
	padding: 10px;
}

#alertfg .win h3 {
	float: left;
	margin: 5px 0 20px 0;
}

#alertfg .win p { margin: 0; }
#alertfg .win p img { cursor: pointer; }

/* ----- EVERYTHING ELSE ----- */

a {
	text-decoration: none;
	color: #000060;
}

a:hover { text-decoration: underline; }

.hometable {
	width: 100%;
	font-size: 11px;
	border: 1px solid #000060;
	border-collapse: collapse;
}

.hometable a { font-weight: normal; }

.bluetable {
	width: 100%;
	margin-bottom: 10px;
	font-size: 11px;
	border: 1px solid #000060;
	border-collapse: collapse;
	text-align: left;
}

.tableheader, .bluetable .tableheader {
	background-color: #000060;
	font-size: 13px;
	color: #ffffff;
	font-weight: bold;
	text-align: left;
	padding-left: 3px;
}

.bluetable div {
	font-size: 13px;
	color: #606060;
	padding: 3px;
}

.bluetable div.content { color: #000060; }

/* #narrow .bluetable td p, .bluetable td p { font-size: 10px; }
.bluetable div p { margin: 5px; } */

.bluetable a, table a {
	font-size: 13px;
	font-weight: bold;
}

.black11, .blue11 { font-size: 11px; }
.black11 {
	color: #000000;
	margin: 0 0 15px 0;
}
.blue11 { color: #000060; }

.grey11 {
	font-size: 11px;
	color: #696969;
	margin: 30px 0 10px 0;
}

.footerlink {
	font-size: 13px;
	color: red;
	padding: 0;
	margin: 0;
}

.footerlink a {
	font-size: 13px;
	color: #000060;
	font-weight: bold;
}

.clearer, .hiclearer {
	clear: both;
	height: 2px;
	margin: 0;
	padding: 0;
}

.hiclearer { margin: 15px 0 15px 0; }

.alert {
	color: red;
	font-weight: bold;
}
.alert ul { text-align: left; }

.alertbox {
	width: 450px;
	border: 2px solid red;
	border-radius: 10px;
}
.alertbox p { margin: 15px; }

.spaced img { margin-left: 20px; }
.spaced li { margin: 0 0 30px 0; }

.slidercontainer {
	width: 300px;
	margin: 25px;
	font-size: 13px;
	font-weight: bold;
	min-height: 30px;
}

.slidercontainer div div {
	width: 100px;
	border: 1px solid #dfe4ff;
	min-height: 15px;
}

.slidercontainer div div div {
	float: left;
	background: url(../images/tempbar.jpg);
}

.userdetails, .memberdetails { font-size: 10px; }
.odd .memberdetails { background: #dfe4ff url(../images/membersmall.png) top right no-repeat; }
.even .memberdetails { background: #f0f0f0 url(../images/membersmall.png) top right no-repeat; }

.userdetails span, .memberdetails span {
	font-size: 16px;
	font-weight: bold;
	display: block;
}

img.avatar, img.avsmall {
	display: block;
	border-top: 1px solid #c0c0c0;
	border-right: 1px solid #696969;
	border-bottom: 1px solid #696969;
	border-left: 1px solid #c0c0c0;
}

.userdetails p, .memberdetails p { margin: 0; }

.detailfooter, .detailfooter a, .detailfooter span { font-size: 11px; }

.quote {
	margin: 5px;
	font-style: italic;
	border: none;
}

.quote .quotecontent {
	padding: 5px;
	border: 1px solid #d0d0d0;
	color: #202020;
	background-color:white;
}

.quote b.author {
	color: #404040;
	font-size:11px;
}

span.pages, span.pages a {
	font-size: 9px;
	font-weight: normal;
}

a.username { font-size: 11px; }

.pagedisplay {
	float: left;
	margin: 0 0 10px 0;
}

.pagenumbers, #narrow .pagenumbers { 
	float: right;
	font-size: 11px;
}

#narrow .pagenumbers { margin-right: 25px; }

.pagenumbers a { font-weight: bold; }

.pagenumbers .current {
	font-weight: bold;
	color: red;
}

.attached {
	font-size: 11px;
	color: #606060;
}
.attached img { margin-top: 5px; }

.rightlinks, .floatright { 
	float: right;
	text-align: right;
}
.floatright { margin: 10px 0 0 0; }
.rightlinks a { font-weight: normal; }
.rightlinks img { margin: 5px 0 0 0; }
.floatleft { float: left; }

.breadcrumb {
	float: left;
	margin: 10px 0 0 0;
	height: 25px;
}
.breadcrumb a, .breadcrumb span { font-weight: bold; }

.bordered, .smallbordered {
	width: 650px;
	padding: 25px;
	border: 1px solid #000060;
	font-size: 15px;
	text-align: left;
}
.bordered { margin: 125px; }
.smallbordered { margin: 75px; }

.infobox {
	width: 700px;
	padding: 10px;
	margin: 75px;
	border: 1px solid #000060;
	font-size: 13px;
	text-align: left;
}

.abuse {
	float: left;
	width: 175px;
	text-align: left;
}

.helpbody p { 
	padding: 5px 0 10px 0;
	font-size: 13px;
}

.resulticon { height: 15px; }

.download {
	width: 190px;
	float: left;
	text-align: center;
	padding: 15px 0 15px 0;
}

.download img {
	border-top: 1px solid #c0c0c0;
	border-right: 1px solid #696969;
	border-bottom: 1px solid #696969;
	border-left: 1px solid #c0c0c0;
	border-radius: 5px;
	-webkit-box-shadow: 5px 5px 5px #888;
	box-shadow: 5px 5px 5px #888;
}

.download p { margin: 0 }

.errormsg {
	text-align: left;
	width: 500px;
	border: 2px solid red;
	margin-bottom: 15px;
	padding: 10px 10px 0 10px;
}

.packagestable {
	width: 800px;
	text-align: center;
	border: 1px solid #f0f0f0;
	margin: 20px 0 0 0;
	font-size: 15px;
}

.prices {
	width: 800px;
	margin-top: 10px;
	border: 1px solid #f0f0f0;
}

.prices tr {
	color: red;
	font-weight: bold;
	font-size: 21px;
}

tr.plain td { background-color: #ffffff; }

.rowtitle {
	text-align: left;
	font-weight: bold;
	vertical-align: top;
}

.gallerybox p { margin: 3px; }

.portrait, .landscape {
	float: left;
	margin: 0 15px 0 0;
}
.portrait { width: 360px; }
.landscape { width: 640px; }

.leftimg, .rightimg, .graphimg {
	margin-right: 10px;
	border-radius: 5px;
	-webkit-box-shadow: 5px 5px 5px #888;
	box-shadow: 5px 5px 5px #888;
}

.leftimg, .rightimg { width: 230px; }
.leftimg { float: left; }
.rightimg { float: right; }

.regular {
	font-size: 13px;
	text-align: left;
	margin-bottom: 50px;
}

.forgotten {
	float:right;
	font-size: 11px;
	margin-right: 10px;
}

.whiterallye {
	clear: both;
	float: left;
	position: relative;
	top: -20px;
}

.pollrow, .resultsrow { font-size: 13px; }
.pollrow { padding: 10px; }
.resultsrow { padding: 0 0 0 15px; }

.pollrow input { margin-right: 10px; }

.resultsrow label { width: 350px; }

.resultsrow div.full {
	width: 350px;
	height: 18px;
	border: 1px solid #000060;
	padding: 0;
	margin-right: 10px;
	float: left;
	border-radius: 5px;
}

.resultsrow div.full div {
	height: 18px;
	padding: 0;
	text-align: center;
	background: #537cb7 url(/images/pollbg.gif);
	color: white;
	border-radius: 5px;
}

a.reslink {
	font-size: 11px;
	float: right;
	margin-top: 3px;
}

.mobilenav {
	width: 100%;
	margin: 10px 0 10px 0;
	text-align: center;
	font-size: 13px;
}

.mobilenav a {
	margin: 0 30px 0 30px;
	color: #303030;
	background-color: #e0e0e0;
	padding: 0 10px 2px 10px;
	border-top: 1px solid #e0e0e0;
	border-right: 1px solid #c0c0c0;
	border-bottom: 1px solid #c0c0c0;
	border-left: 1px solid #e0e0e0;
}

p.thanks { margin: 0 0 4px 0; }
p.thanks img {
	position: relative;
	top: 4px;
	margin: 0 10px 0 2px;
}