/*====================
Global Styles
======================*/
* {
	margin: 0;
	padding: 0;
}
body {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	background: #0099ff;
	background-image: url(http://www.thebigbus.com/images/bg_gradient.jpg);
	background-repeat: repeat-x;
}
/*====================
Link Styles
======================*/
a {
	font-weight: bold;
}
a:link {
	color: #cd0008;
	text-decoration: underline;
}
a:visited {
	color: #cd0008;
	text-decoration: underline;
}
a:focus {
	color: #000000;
}
a:hover {
	color: #333333;
}
a:active {
	color: #000000;
}
/*====================
Heading Styles
======================*/
h1 {
	font-size: 16px;
	margin: .6em 0;
	font-weight: bold;
}
h2 {
	font-size: 12px;
	margin: .6em 0;
}
h3 {
	font-size: 12px;
	margin: .6em 0;
}
h4 {
	font-size: 12px;
	margin: .4em 0;
}
h5 {
	font-size: 12px;
	margin: .4em 0;
}
/*====================
List Styles
======================*/
dl, ol, ul {
	margin: 1em 0;
	padding:0 0 0 2em;
}
li, dd {
	margin: .25em 0;
}
dt {
	font-weight: bold;
}
/*====================
Quote Styles
======================*/
blockquote {
	font-style: italic; 
	text-align: left;
}
/*====================
General Styles
======================*/
p {
	margin: 1em 0;
}
img {
	border: 0;
}
code, kbd, pre {
	font-family: Courier, Courier New, Tahoma;
}
ins, del {
	font-style: italic;
}
abbr, acronym, dfn {
	cursor: help;
}
hr {
	color: #000;
	background-color: #000;
	height: 1px;
	margin: 1em;
}
.left {
	float: left;
	text-align: left;
}
.right {
	float: right;
	text-align: right;
}
.clear {
	clear: both;
}
table {
	border-collapse: collapse;
}
table td {
	padding: 5px;
}
.alphabet_index {
	text-align: center;
	margin: 0;
	padding: 0;
}
.alphabet_index li {
	display: inline;
	text-align: center;
	border-left: 1px solid #cd0008;
	padding: 0 2px 0 4px;
	margin: 0;
}
.alphabet_index li a { 
	
}
.alphabet_index li:last-child  { 
	border-right: 1px solid #cd0008;
}
.alphabet_divider {
	width: 250px;
	border-bottom:  1px solid #cd0008;
	font-size: 14px;
	color: #cd0008;
}

input { 
	background-color: #FFFFFF;
	font-weight: bold;
	font-size: 12px;
	color: #cd0008;
	padding: 3px;
}

.submit {
	background-color: #cd0008;
	color: #FFFFFF;
}

/* 
Black styles for the flash pages
*/

.black {
	background: #000000;
	color: #FFFFFF;
	font-size: 12px;
}

.black a, .black a:visited {
	color: #FFFFFF;
	font-size: 12px;
}

.black a:hover {
	color: #FFCC00;
}

.black td {
	padding: 2;
	text-align: center;
}

/*====================
Site Specific Styles
======================*/

/*The styles specific to this one web site go here*/
#container {
	margin: 2em auto;
	width: 779px;
	background: #F2D900 url('http://www.thebigbus.com/images/main_tl.gif') no-repeat top left;
}

#header {
	padding: 0 5px;
	background: transparent url('http://www.thebigbus.com/images/main_tr.gif') no-repeat top right;
}

#topbar {
	position: relative;
	background: #F2D900;
	width: 100%;
}

#navigation {
	float: right;
	width: 773px;
	margin-bottom: 10px;
}

#nav_bar {
	background: url(http://www.thebigbus.com/images/topbar.gif) no-repeat top;
	float: right;
	height: 32px;
	width: 652px;
	margin-top: 5px;
	font-size: 12px;
	text-align: center;
}
#nav_bar li {
	display: inline;
	padding: 6px;
}

#nav_bar ul {
	padding: 10px 0 0 8px;
	margin: 0;
}

#nav_bar a, #footer a, #indexfooter a, #login a {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}

#nav_bar a:hover, #footer a:hover, #indexfooter a:hover, #login a:hover {
	text-decoration: underline;
}

#nav_bottom {
	background-image: url(http://www.thebigbus.com/images/top_06.jpg);
	height: 8px;
	width: 773px; 
}

#login {
	clear: both;
	width: 100%;
	background: #cd0008;
	height: 2.5em;
	color: #FFFFFF;
}

#loginbar {
	float: right;
	margin: 0.2em;
}

#loginbar .left, #loginbar .right {
	margin: 0.5em 1em;
}

#loginbar input {
	vertical-align: middle;
}

#loginbar span {
	margin: 0 1em;
	font-weight: bold;
}


#main {
	background: #FFFFFF;	
}

form {
	margin: 0;
	padding: 0;
}

fieldset {
	border: none;
}

#sidebar {
    width: 165px;
    float: left;
    height: 100%;
    margin: 0;
    margin-top: 1em;
}

#content {
	margin-left: 170px;
	position: relative;
	padding: 1em 0;
	margin-bottom: 5px;
}

#homepage {
  margin-left: 0;
  position: relative;
  padding: 0;
}

.center {
	text-align: center;
}

/* Any text content goes into an extra div */
#content div {
	padding: 0 5px;
}

#content div ul, #homepage ul {
	margin-left: 2em;
	list-style-image: url("http://www.thebigbus.com/images/bullet_point.gif");
}

#content div .right {
	text-align: left;
}

#content h1 {
	color: #cd0008;
	font-size: 18px;
	margin: 0;
}

#content h2 {
	color: #cd0008;
	font-size: 14px;
}

.tbb_select {
	width: 530px;
	text-align: center;
	margin: 2em;
}

.tbb_select_demo {
	width: 200px;
	text-align: left;
	float: right;
}

.tbb_select_demo h2 {
	margin: 0;
}

.tbb_select_button {
	width: 300px;
	text-align: center;
}

.tbb_select_button img {
	vertical-align: middle;
}

#footer {
	clear: both;
	background: #cc0001 url('http://www.thebigbus.com/images/main_br.gif') no-repeat bottom right;
}

#footer div {
	text-align: right;
	padding: 0.5em 1em;
	background: transparent url('http://www.thebigbus.com/images/main_bl.gif') no-repeat bottom left;
}

#indexfooter {
	clear: both;
	background: #cc0001;
	text-align: center;
	padding-top: 7px;
}

#catalogue div {
	display: inline;
}

#catalogue h1 {
	margin: 0 0 0.5em 0;
}

#catalogue ul {
	padding: 0;
}

#catalogue li
{
	list-style-image: none;
	list-style: none;
	margin: 0;
}

.border {
	border: 1px solid #e67f83;
}

#banner {
	margin: 1em 0;
	text-align: center;
}

/* Home page */
#left {
  float:left;
  width:258px;
  margin:0; padding:0;
  font-size:80%;
}
#right {
  float:right;
  width:258px;
  margin:0; padding:0;
  font-size:80%;
}
#middle {
  margin:0 258px;
  font-size:80%;
}
.cleaner {
  clear:both;
  height:1px;
  font-size:1px;
  border:none;
  margin:0; padding:0;
  background:transparent;
}
.homepageBox {
	min-height: 140px;
	padding: 1em;
	margin: 0;
	font-size: 11px;
}

.homepageBox p {
  padding-top: 5px;
}

.boxheading {
	font-size: 14px;
}

.padtop {
	padding-top: 30px;
}

.headline {
  font-size: 130%;
	margin-left: 1em;
}

.headline img {
	margin-right: 5px;
}

a.headline {
	text-decoration: none;
}

.divider {
	margin: 0 1em;
	border-top: 1px solid #dcdcdc;
}

/* start sidebar */

.dialog {
 position:relative;
 margin:0px auto;
 min-width:100px;
 max-width:1000px; /* based on image dimensions - not quite consistent with drip styles yet */
 color:#fff;
 z-index:1;
 margin-left:20px; /* default, width of left corner */
 margin-bottom:0.5em; /* spacing under dialog */
}

.dialog .content,
.dialog .t,
.dialog .b,
.dialog .b div {
 background:transparent url(http://www.thebigbus.com/images/sidebar_bg.gif) no-repeat top right;
 _background-image:url(http://www.thebigbus.com/images/sidebar_bg.gif);
}

.dialog .content {
 position:relative;
 zoom:1;
 _overflow-y:hidden;
 padding:0px 12px 0px 0px;
}

.dialog .t {
 /* top+left vertical slice */
 position:absolute;
 left:0px;
 top:0px;
 width:20px; /* top slice width */
 margin-left:-12px;
 height:100%;
 _height:1600px; /* arbitrary long height, IE 6 */
 background-position:top left;
}

.dialog .b {
 /* bottom */
 position:relative;
 width:100%;
}

.dialog .b,
.dialog .b div {
 height:16px; /* height of bottom cap/shade */
 font-size:1px;
}

.dialog .b {
 background-position:bottom right;
}

.dialog .b div {
 position:relative;
 width:20px; /* bottom corner width */
 margin-left:-12px;
 background-position:bottom left;
}

.dialog .hd,
.dialog .bd,
.dialog .ft {
 position:relative;
 color: #000000;
 text-align: center;
}

.dialog .wrapper {
 /* extra content protector - preventing vertical overflow (past background) */
 position:static;
 max-height:1000px;
 overflow:auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */
}

.dialog p {
 margin:0px; /* margins will blow out backgrounds, leaving whitespace. */
 padding:0.5em 0px 0.5em 0px;
 font-size: 12px;
 text-align: left;
}

/* end sidebar v2 */

/* Form */
form {
	display: inline;
}
p.label{
	width:30%;
	text-align:right;
	padding:0px 0px 5px 0px;
	margin:0px 5px 4px 0px;
	float:left;
	font-weight:bold;
}
p.input
p.pagesubmit
p.formerror{
	margin: 0px 0px 4px 32%;
	text-align:left;
}
.formrow{
	clear:both;
	padding:4px 0px;
}
legend{
	font-weight:bold;
	font-variant:small-caps;
	font-size:1.2em;
	margin: 0px 4px;
	padding:0px 5px;
	color: #cd0008;
}
fieldset{
  border-top :1px solid #cd0008;
}
p.formerror{
	margin: 0px 0px 4px 100px;
	text-align:left;
	color: #cd0008;
	margin-bottom: 2em;
}
.warning {
	color: #cd0008;
}
.noindent {
	padding-left: 0;
}
.topbox {
  min-height: 140px;
}