html, body, img { margin: 0; padding: 0; }

body {
	text-align: center;
	font-family: "Lucida Grande", Verdana, Arial, Geneva, Helvetica, sans-serif;
	background-color: #000;
	}

h1, h2, h3, h4, h5 { margin: 1em 0; line-height: 1.2; }

h1 { font-size: 18px; }
h2 { font-size: 16px; }
h3 { font-size: 15px; }
h4 { font-size: 12px; }
h5 { font-size: 11px; }

h2.section {
	margin-top: 18px;
	padding-bottom: 6px;
	border-bottom: 1px solid #FFF;
	color: #FFF;
	font-size: 13px;
	}

h2.store { text-align: right; }

p {
	font-size: 12px;
	margin: 1em 0 0 0;
	}

p.centered { text-align: center; margin-bottom: 12px; }
p#intro {
	clear: left;
	margin-top: 8px;
	color: white;
	}

p.faq {
	margin-top: 8px;
	color: #000;
	}

p.faq span { font-weight: bold; color: #FFC; }

.note { cursor: help; }

table { font-family: inherit; }

dl, ul, ol { font-size: 12px; }
dl dt { font-weight: bold; }

ul.legend {
	width: 320px;
	margin-top: 4px;
	color: #FFF;
	font-size: 11px;
	}

h4.legend {
	color: #FFF;
	margin-bottom: 4px;
	}

a:link { color: #9FF; }
a:visited { color: #366; }
a:hover { color: #FFF; }

a.bodyLink { color: #000; }
a.bodyLink:visited { color: #333; }
a.bodyLink:hover { color: #FFF; }

#wideRound a { color: #9FF; }
#wideRound a:hover { color: #FFF; }

#wrap {
	position: relative;
	width: 760px;
	margin: 0 auto 20px auto;
	background: #FFF url(/images/bk-wrap.gif) 0 0 repeat-y;
	border-bottom: 1px solid #FFF;
	text-align: left;
	}

#inner {
	position: relative;
	background: transparent url(/images/bk-inner.jpg) 0 0 no-repeat;
	}

#header {
	width: 760px;
	height: 112px;
	background: transparent url(/images/header.jpg) 0 0 no-repeat;
	}

#nav {
	position: absolute;
	top: 120px;
	left: 10px;
	width: 124px;
	padding: 0;
	margin: 0;
	list-style: none;
	}

#nav li {
	width: 124px;
	padding: 0;
	margin: 0;
	}	

/* For IE Win
----------------------------------------------- */
/* Hide from IE5-mac. Only IE-win sees this. \*/
* html  #nav li { margin-left: -14px; }
* html  #nav li { ma\rgin-left: 0; }
/* End hide from IE5/mac */

/* For IE Mac
----------------------------------------------- */
* html>body  #nav li { float: left; }

#nav li a {
	display: block;
	width: 124px;
	padding: 0;
	margin: 0;
	text-decoration: none;
	background-position: bottom left;
	background-repeat: no-repeat;
	}	

#nav li#navHome a { background-image: url(/images/nav-home.gif); }
#nav li#navSignup a { background-image: url(/images/nav-signup.gif); }
#nav li#navStore a { background-image: url(/images/nav-store.gif); }
#nav li#navSupport a { background-image: url(/images/nav-support.gif); }
#nav li#navLogin a { background-image: url(/images/nav-login.gif); }
#nav li#navDownloads a { background-image: url(/images/nav-downloads.gif); }
#nav li#navContact a { background-image: url(/images/nav-contact.gif); }
#nav li#navAbout a { background-image: url(/images/nav-about.gif); }
#nav li#navServices a { background-image: url(/images/nav-services.gif); }
#nav li#navFaq a { background-image: url(/images/nav-faq.gif); }
#nav li#navOptout a { background-image: url(/images/nav-optout.gif); }

#nav li a span {
	position: absolute;
	top: -10000px;
	left: -10000px;
	}

#nav li a:hover { background-position: 0 -26px; }

#nav li#navHome a.current,
#nav li#navSignup a.current,
#nav li#navStore a.current,
#nav li#navSupport a.current,
#nav li#navLogin a.current,
#nav li#navDownloads a.current,
#nav li#navContact a.current,
#nav li#navAbout a.current,
#nav li#navServices a.current,
#nav li#navFaq a.current,
#nav li#navOptout a.current { background-position: 0 0; }

#nav li#navHome a,
#nav li#navSignup a,
#nav li#navStore a,
#nav li#navSupport a,
#nav li#navLogin a,
#nav li#navDownloads a,
#nav li#navContact a,
#nav li#navAbout a,
#nav li#navServices a,
#nav li#navFaq a,
#nav li#navOptout a { height: 26px; }

#nav li#navEditProfile,
#nav li#navActivate,
#nav li#navDeactivate,
#nav li#navLogout {
	padding-bottom:9px;
	padding-left:25px;
	font-weight:bold;
	font-size:11px;
}

#nav li#navEditProfile a,
#nav li#navActivate a,
#nav li#navDeactivate a,
#nav li#navLogout a {
	color:yellow;
	width:85px;
}
#main {
	width: 623px;
	margin-left: 137px;
	}

#homeBody #main { margin-bottom: 20px; }

#center {
	float: left;
	width: 376px;
	}

#homeBody #center {
	width: 340px;
	}

/* For IE Mac
----------------------------------------------- */
* html>body#homeBody #center { height: 200px; }

#homeBody #center p { color: #FFF; }

#centerWide {
	float: left;
	width: 526px;
	min-height: 320px;
	padding-bottom: 20px;
	}

/* For IE Win
----------------------------------------------- */
/* Hide from IE5-mac. Only IE-win sees this. \*/
* html #centerWide { height: 320px; }
/* End hide from IE5/mac */

h1#welcome,
h1#signup {
	height: 24px;
	margin: 7px 0 0 0;
	padding: 4px 0 0 28px;
	color: #FFC;
	background: #999 url(/images/bk-flag.gif) 0 0 no-repeat;
	font-size: 14px;
}

h1.flag_header {
	height: 24px;
	margin: 7px 0 0 0;
	padding: 4px 0 0 28px;
	color: #FFC;
	background: #999 url(/images/bk-flag.gif) 0 0 no-repeat;
	font-size: 14px;
}

div#buttons {
	margin: 0 0 0 146px;
	}

div#buttons img {
	position: relative;
	z-index: 99;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 5px;
	}
	
#wideRound {
	width: 493px;
	margin: 20px 0 20px 25px;
	padding-bottom: 16px;
	background: #069 url(/images/bk-wideRound.gif) bottom left no-repeat;
	}

#wideRound h1 {
	width: 445px;
	height: 19px;
	margin: 0;
	padding: 21px 0 0 48px;
	color: #FFC;
	background: #069 url(/images/bk-wideRound-h1.gif) 0 0 no-repeat;
	font-size: 12px;
	}

/* For IE Win
----------------------------------------------- */
/* Hide from IE5-mac. Only IE-win sees this. \*/
* html #wideRound h1 { width: 493px; }
* html #wideRound h1 { wid\th: 445px; }
/* End hide from IE5/mac */

#wideRound p {
	margin: 8px 19px;
	font-size: 11px;
	}

#sidebar {
	display: inline; /* for IE double margin bug */
	float: right;
	width: 232px;
	margin: 0 8px 12px 0;
	padding-bottom: 16px;
	color: #FFF;
	}

#homeBody #sidebar {
	width: 269px;
	margin-right: 8px;
	}

#sidebar ul {
	margin: 0 8px 4px 12px;
	padding: 0;
	list-style: none;
	}

#sidebar ul li {
	padding-left: 10px;
	background: transparent url(/images/bk-li-marker.gif) 0 4px no-repeat;
	}

/* For IE Win
----------------------------------------------- */
/* Hide from IE5-mac. Only IE-win sees this. \*/
* html #sidebar ul li { background-position: 0 8px; }
/* End hide from IE5/mac */

#sidebar h2#join {
	width: 232px;
	height: 76px;
	margin: 0;
	padding: 0;
	background: transparent url(/images/bk-sidebar-h2-join.gif) 0 0 no-repeat;
	}

#sidebar h2#free {
	width: 232px;
	height: 59px;
	margin: 0;
	padding: 0;
	background: transparent url(/images/bk-sidebar-h2-free.gif) 0 0 no-repeat;
	}

#homeBody #sidebar h2#free {
	width: 269px;
	background-position: 37px 0;
	}

#sidebar h2 span {
	position: absolute;
	top: -10000px;
	left: -10000px;
	}

/* For IE Mac
----------------------------------------------- */
* html>body #sidebar h2 span { position: relative; }

#sidebar h3 {
	margin: 0 8px 8px 20px;
	padding-top: 12px;
	}

#sidebar-inner {
	padding-bottom: 16px;
	background: transparent url(/images/bk-sidebar.gif) bottom left no-repeat;
	}

#homeBody #sidebar-inner {
	background-position: 37px 100%;
	width: 269px;
	}

#sidebar-inner p {
	margin-top: 0;
	padding-top: 12px;
	text-align: center;
	}

#homeBody #sidebar-inner p {
	margin-left: 37px;
	font-size: 11px;
	}

table.inputs {
	font-size: 12px;
	margin-top: 16px;
	}

table.inputs td {
	vertical-align: top;
	}

table.inputs td.lbl {
	width: 145px;
	font-weight: bold;
	}

table.inputs td.inp {
	width: 225px;
	}

.phone01 { width: 40px; }
.phone02 { width: 40px; }
.phone03 { width: 57px; }

table.login {
	margin: 20px 0 8px 32px;
	font-size: 13px;
	}

table.login td {
	padding-bottom: 8px;
	vertical-align: middle;
	text-align: left;
	}

table.login td.lbl {
	width: 80px;
	font-weight: bold;
	text-align: right;
	padding-right: 10px;
	}

#wideRound p.buttons {
	margin: 0 0 8px 122px;
	font-size: 12px;
	color: #FFF;
	}

div#profile {
	display: inline; /* for IE double margin bug */
	float: left;
	width: 230px;
	margin-bottom: 20px;
	}

div#memberInfo {
	display: inline; /* for IE double margin bug */
	float: left;
	width: 325px;
	margin: 0 0 20px 20px;
	}

div#profile h2,
div#memberInfo h2 { font-size: 11px; }

div#memberInfo h3 {
	clear: left;
	margin: 0;
	padding-top: 12px;
	color: #FFF;
	font-size: 10px;
	}

div#memberInfo p {
	font-size: 10px;
	margin: 4px 0;
	}

/* Account Info */
dl.tableDisplay {
	width: 240px;
	margin: 12px 0 0 0;
	padding: 0;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	/*border: 1px solid red;*/
	}

div#memberInfo dl.tableDisplay { float: right; margin-top: 0px; }

.tableDisplay dt {
	width: 110px;
	float: left;
	clear: left;
	margin: 0 0 0 0;
	padding: 5px 0;
	font-weight: bold;
	font-size: 10px;
	/*border: 1px solid blue;*/
	}

/* commented backslash hack for mac-ie5 \*/
.tableDisplay.dt { clear: both; }
/* end hack */

.tableDisplay dd {
	float: left;
	width: 115px;
	margin: 0 0 0 0;
	padding: 5px 0 5px 5px;
	font-size: 10px;
	/*border: 1px solid green;*/
	}


caption {
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	}

table.messages {
	clear: both;
	width: 610px;
	font-size: 10px;
	color: #FFF;
	}

table.messages th {
	padding: 3px 0;
	text-align: center;
	color: #FFF;
	background-color: #444;
	font-weight: bold;
	}

table.messages td {
	vertical-align: top;
	color: #333;
	border-bottom: 1px solid #FFF;
	}

#feature {
	display: inline; /* for IE double margin bug */
	float: right;
	clear: right;
	width: 220px;
	margin: 16px 14px 0 0;
	color: #036;
	}

#homeBody #feature {
	display: inline; /* for IE double margin bug */
	width: 220px;
	margin: 102px 14px 0 0;
	color: #9CF;
	}

#homeBody #feature p { color: #9CF; }

#feature h3 {
	font-size: 13px;
	line-height: 1.1em;
	margin: 0 0 4px 0;
	padding-top: 0;
	}

#feature p {
	margin-top: 0;
	font-size: 11px;
	line-height: 1.1em;
	}

#feature img.fl {
	margin: 0 6px 0 0;
	}

#signup {
	display: inline; /* for IE double margin bug */
	float: left;
	width: 205px;
	margin: 20px 0 12px 19px;
	padding-top: 23px;
	background: #069 url(/images/bk-signup.gif) top left no-repeat;
	}

#signup p {
	margin: 0;
	text-align: center;
	color: #FFC;
	font-size: 12px;
	}

#signup p.right {
	margin-top: 8px;
	text-align: right;
	}

#sidebar img.pull-l {
	position: relative;
	z-index: 88;
	margin: 0 0 20px -37px;
	}

#demo {
	float: left;
	margin: 20px 0 0 10px;
	}

.product {
	float: left;
	width: 119px;
	margin-bottom: 20px;
	margin-right: 16px;
	text-align: center;
	font-size: 12px;
	}

.product img {
	display: block;
	margin: 4px auto;
	}

.product span { color: #444; }

.end { margin-right: 0; }

#footer {
	position: relative;
	clear: both;
	width: 760px;
	padding-top: 21px;
	background: transparent url(/images/bk-footer.gif) left bottom no-repeat;
	}

#homeBody #footer {
	padding-top: 0;
	background-position: left top;
	}

#footer a {
	color: #FFF;
	text-decoration: none;
	}

#footer a:hover {
	text-decoration: underline;
	}

#bannerBottom img,
#bannerBottom div { margin: 12px 8px 0 8px; }

#footer p {
	color: #FFF;
	font-family: "Lucida Grande", Arial, Geneva, Helvetica, sans-serif;
	font-size: 11px;
	}

p#legal {
	margin: 8px 0 0 8px;
	line-height: 150%
	}

p#legal span { font-size: 9px; }

p#copyright {
	float: right;
	width: 245px;
	margin: 24px 8px 0 0;
	font-size: 9px;
	text-align: right;
	}

/* For IE Win
----------------------------------------------- */
/* Hide from IE5-mac. Only IE-win sees this. \*/
* html p#copyright { margin-right: 4px; }
/* End hide from IE5/mac */

p#copyright { margin-top: 16px; }

#trial {
	position: absolute;
	top: 445px;
	left: 10px;
	width: 116px;
	height: 70px;
	}

#popwindow { text-align: center; color: #FFF; background-color: #069; }
#popwindow p { text-align: justify; margin: 4px 12px 8px 12px; }
#popwindow h1, #popwindow h2 { text-align: left; margin: 8px 12px 4px 12px; }
#popwindow ul { text-align: left; }
.fl { float: left; }
.fr { float: right; }
.cl { clear: left; }
.cr { clear: right; }
.cb { clear: both; }

/* From Drivercast server
---------------------------------------------------------------------------- */
.tblOutline {
	border: 1px solid #404040;
	border-collapse: collapse;
}

.tblOutline table td {
	border:0;
}
.err {
	float:inherit;
	color:yellow;
	font-size:1.2em;
	padding:15px;
}

.err_regform {
	float:inherit;
	color:yellow;
	font-size:0.9em;
	font-weight:bold;
}

.err_row {
	background-color:#6699FE;
}

.error_message {
	font-size:0.8em;
	background-color:#FFFFC0;
	border:1px solid #808000;
	padding:6px;
	width:95%;
}

.message {
	background-color:#ccc;
	border:1px solid #666666;
	padding:5px;
	font-size:12px;
	margin-top:10px;
	margin-bottom:10px;
	color:#000;
	font-weight:normal;
	width:95%;
}

.small {
	font-weight:normal;
	font-size:0.8em;
}

.genericContent {
	font-size:12px;
}

.genericWhiteContent {
	color:#fff;
	font-size:12px;
}

#wallpaper {
	width: 335px;
	float: left;
	border: 1px solid #FFFFFF;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 5px;
	font-size: 9px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	clear: left;
}
#ringtones {
	width: 335px;
	float: left;
	border: 1px solid #FFFFFF;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 5px;
	clear: left;
	margin-top: 5px;
}
#video {
	width: 335px;
	border: 1px solid #FFFFFF;
	float: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 5px;
	margin-top: 5px;
	clear: left;
}
#prices {
	width: 340px;
	margin-top: 5px;
	text-align: center;
	float: left;
	clear: both;
}
.boxtext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FFFFFF;
	text-align: center;
	font-style: italic;
	line-height: 7px;
	white-space: nowrap;
}

a.boxLink {
	color: #FFCC00;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	text-align: right;
}
a.boxLink:visited {
	color: #FFE064;
	font-size: 14px;
	text-align: right;
}
a.boxLink:hover {
	color: #FFF;
	font-size: 14px;
	text-align: right;
}

.boxtitles {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
}

a.premiumLink {
	color: #FFFFFF;
	font-size: 10px;
	font-weight: bold;
}
a.premiumLink:visited {
	color: #CCCCCC;
	font-size: 10px;
}
a.premiumLink:hover {
	color: #000000;
	font-size: 10px;
}
#feature1 {
	display: inline; /* for IE double margin bug */
	float: right;
	clear: right;
	width: 220px;
	margin: 16px 14px 0 0;
	color: #036;
	}
#audio {
	width: 335px;
	border: 1px solid #FFFFFF;
	float: left;
	margin-top: 5px;
	clear: left;
	padding-bottom: 5px;
	padding-left: 5px;
}
#text {
	width: 335px;
	border: 1px solid #FFFFFF;
	float: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 5px;
	margin-top: 5px;
	clear: left;
}
#slideshows, #series_text {
	width: 335px;
	border: 1px solid #FFFFFF;
	float: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 5px;
	margin-top: 5px;
	clear: left;
}
#centerWide_sweeps {

	float: left;
	width: 619px;
	min-height: 320px;
}