/* Element Styles */

html {
   height:100%;
}

body {
   height:100%;
   margin:0;
   padding:0;
   background-image:url(../images/bodyGrad.gif);
   background-repeat:repeat-x;
   background-color:#3a5899;
}

form {
	margin:0;
	padding:0;
}

p.text {
	font-size:.8em;
}

ul.text, ol.text {
	font-size:.8em;
}

ul.text li, ol.text li {
	margin:5px 0;
}

a.listLink {
	color:#053484;
	white-space:nowrap;
	text-decoration:none;
}

a.listLink:visited {
	color:#3a5899;
}

a.listLink:hover {
	color:#688cd8;
	white-space:nowrap;
	text-decoration:underline;
}

/*
table {border:1px solid red;}
td {border:1px solid blue;}
div {border:1px solid lime;}
span {border:1px solid purple;}
img {border:1px solid orange;}
ul {border:1px solid black;}
form {border:1px solid orange;}
b {border: 1px solid black;}
*/

/* ID Styles */

#frameTable {
   width:100%;
   height:100%;
   margin:0;
}

#logoDiv {
    text-align:center;
    padding-bottom:5px;
}

#btiLogoLink img {
	border:0px;
	padding:0;
	margin:0;
}

#cornerCell {
   width:19px;
}

#menuFrame {
   vertical-align:top;
   padding:15px;
   width:210px;
}

#menuContainer {
   padding:0 8px;
}

#quickSearchTable {
   margin:0 12px;
}

#quickMenuTable a, #catMenuTable a {
	display:block;
	padding:2px 10px 2px 15px;
}

#alphaTable {
	font-family:verdana, helvetica, arial, sans-serif;
}

#alphaTable td {
   text-align:center;
}

#alphaTable td a {
   padding:1px 3px;
}

#alphaTable td a:hover {
   background:#011d41;
}

#bodyFrame {
    background-color:#ffffff;
    background-image:url(../images/left.gif);
    background-repeat:repeat-y;
    vertical-align:top;
    font-family:verdana, helvetica, arial, sans-serif;
}

#loginStatusDiv {
	background:#4b72c7;
	background-image:url(../images/menuPattern.gif);
	color:#ffffff;font-weight:normal;
	text-align:right;
	font-size:.6em;
	padding:5px 20px;
	font-family:verdana,arial,sans-serif;
}

#navDiv {
    background-image:url(../images/bodyGrad.gif);
    background-repeat:repeat-x;
    background-color:#3a5899;
}

#navLinkDiv {
   text-align:center;
   color:#80a5f2;
   font-weight:bold;
   padding:15px;
}

#navLinkDiv a {
   font-weight:normal;
   color:#ffffff;
   font-family:'Century Gothic', 'URW Gothic L', verdana, helvetica, arial, sans-serif;
   font-size:.9em;
   text-decoration:none;
   white-space:nowrap;
   padding:2px 1%;
   background:none;
}

#navLinkDiv a:hover {
   background-image:url(../images/menuPattern.gif);
   background-repeat:repeat;
}

#bodyTopTable {
    width:100%;
    margin:0;
    border-collapse:collapse;
}

#bodyDiv {
    padding:5px 25px;
    color:#053484;
}

.statusLink {
	font-family:'Century Gothic', 'URW Gothic L', verdana, helvetica, arial, sans-serif;
	color:#ffffff;
	text-decoration:none;
	whie-space:nowrap;
	padding:4px 6px;
	background:#021343;
}

.statusLink:hover {
	background-image:url(../images/menuPattern.gif);
	background-repeat:repeat;
}

.redboxDiv {
  font-family:verdana, helvetica, arial, sans-serif;
  padding:0 20px;
  color:#053484;
}

.redboxCloseDiv1 {
  text-align:right;
  font-size:.8em;
  padding:15px 15px 0 15px;
}

.redboxCloseDiv2 {
  text-align:right;
  font-size:.8em;
  padding:15px;
}

#agreement {
	padding:15px;
	font-family:georgia, serif;
	background:#f1f1f1;
	margin-top:30px;
}

#agreement h3 {
	text-align:center;
	text-decoration:underline;
}

#agreement h5 {
	margin:30px 0 0 20px;
}

#agreement h6 {
	text-align:center;
}

#agreement p {
	margin:15px;
	letter-spacing:-0.01em;
}

#otherGroupsDiv {
	background:#f0f0f0;
}

#otherGroupsDiv div {
	padding:8px;
}

/* Class Styles */

.outerMenu {
   margin:15px 0 0 0;
   background-image:url(../images/menuGrad.gif);
   background-repeat:repeat-x;
   background-color:#001c42;
   color:#ffffff;
}

.menuTitle {
   font-family:'Century Gothic', 'URW Gothic L', verdana, helvetica, arial, sans-serif;
   font-size:.9em;
   padding:4px 2px 2px 10px;
   border-bottom:1px solid #93a2c1;
}

.menuBody {
   margin:0;
   background-image:url(../images/menuPattern.gif);
   background-repeat:repeat;
}

.space {
   line-height:.5em;
}

.menuBody a {
   font-size:.8em;
   font-weight:bold;
   color:#ffffff;
   text-decoration:none;
   white-space:nowrap;
   font-family:verdana, helvetica, arial, sans-serif;
}

.menuBody select, .menuBody input {
   font-size:.75em;
   color:#053484;
   font-family:verdana, helvetica, arial, sans-serif;
   border:1px solid #053484;
	background-color:#ffffff;
}

.menuBody input {
   padding:2px;
}

.menuBody input.quickSearch {
   width:130px;
}

.menuBody input.go {
	color:#ffffff;
	background:none;
	border:none;
	font-weight:bold;
	margin:0;
	padding:3px;
}

.menuBody input.go:hover {
	background:#011d41;
}

.menuInputNote {
	color:#ffffff;
	font-family:verdana, helvetica, arial, sans-serif;
	font-size:.6em;
	padding:4px 0 0 2px;
	margin:0;
	vertical-align:bottom;
}

.menuTable {
   width:100%;
}

.menuTable div {
   _width:100%;
   padding:1px 2px 2px 15px;
}

.menuTable a {
   color:#ffffff;
   font-family:verdana, helvetica, arial, sans-serif;
   font-weight:normal;
   font-size:.8em;
   background:none;
}

.menuCellOn a div, .menuCellOn a:hover div {
    font-weight:bold;
}

.menuTable a:hover, .menuTable a:hover div {
   background:#011d41;
}

.loading a div, .loading a:hover div {
    background-image:url(../images/loading.gif);
    background-repeat:no-repeat;
    z-index:100;
    background-color:none;
}

.headline {
    border-bottom:1px dotted #053484;
    margin-bottom:3px;
    margin-right:30px;
    margin-top:0;
}

.subHeadline {
	margin:0;
}

.pagingDiv {
    margin-top:12px;
    font-size:.6em;
    font-weight:bold;
}

.pagingDiv span {
    color:#ffffff;
    background:#053484;
    margin:0 0 0 1px;
    border:1px solid #053484;
    padding:1px 4px;
}

.pagingDiv a {
    text-decoration:none;
    color:#053484;
    margin:0 0 0 1px;
    border:1px solid #053484;
    padding:1px 4px;
}

.pagingDiv a:hover {
    background:#688cd8;
    border:1px solid #688cd8;
    color:#ffffff;
}

.pagingDiv a:active {
    background:#688cd8;
    border:1px solid #688cd8;
    color:#ffffff;
}

.pagingDiv span.pageOff {
    background:#ffffff;
    text-decoration:none;
    color:silver;
    margin:0 0 0 1px;
    border:1px solid silver;
    padding:1px 4px;
}

b.quo {
	font-size:1.2em;
}

#groupsTable {
    border-collapse:collapse;
}

table.groupSummary {
	border-collapse:collapse;
}

td.groupSummary {
    font-weight:bold;
    font-size:1em;
    padding:0 35px 0 15px;
    white-space:nowrap;
}

tr.groupSummary {
	height:60px;
}

.listDivider {
	padding-top:15px;
	font-weight:bold;
	color:#688cd8;
	font-size:1.2em;
	border-bottom:1px dotted #688cd8;
}

td.groupTitle {
	vertical-align:bottom;
}

td.groupTitle a {
	font-weight:bold;
	color:#053484;
	text-decoration:none;
}

td.groupTitle a:hover {
	color:#688cd8;
	text-decoration:underline;
}

td.groupTitleOpen a, td.groupTitleOpen span {
	margin-left:10px;
	color:#053484;
	text-decoration:none;
	font-size:1.2em;
	font-weight:bold;
}

td.groupTitleOpen a:hover {
	color:#688cd8;
	text-decoration:underline;
}

.groupPrice {
	font-size:.7em;
	color:#777777;
	padding-left:20px;
	vertical-align:top;
}

.groupPriceLoad {
	font-size:.7em;
	color:#777777;
	padding-left:20px;
	vertical-align:top;
	background-image:url(../images/loading.gif);
	background-repeat:no-repeat;
}

td.thumbSmall {
    vertical-align:middle;
    text-align:center;
}

td.thumbSmall img {
    margin:2px;
    background-color:#ffffff;
}

.groupRow {
    background-color:#ffffff;
}

table.groupInfo {
  color:#053484;
}

td.groupBullets {
	width:70%;
	vertical-align:top;
	padding-right:20px;
}

ul.groupBullets {
  	margin-top:0;
	font-size:.75em;
}

ul.groupBullets li {
 padding-bottom:.3em;
 /*width: 33em;*/
}

table.groupItems {
  color:#053484;
	font-size:.6em;
	border-collapse:collapse;
	margin:10px 15px 20px 15px;
}

table.groupItems tr.groupItemsHead {
  background:#dddddd;
	font-weight:bold;
}

table.groupItems tr.unbuiltKitRow {
	background:#fbbebe;
}

table.groupItems tr.builtKitRow td, table.groupItems tr.unbuiltKitRow td {
	vertical-align:top;
	padding-top:9px;
}

table.groupItems td {
	/*border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
	border-top:1px solid #888888;
	border-bottom:1px solid #888888;
	padding:3px;*/
	border-top:1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	padding: 3px 8px;
}

table.groupItems a, .itemLink {
	color:blue;
	text-decoration:none;
	white-space:nowrap;
}

.new {
	color:#ff00ff;
	font-size:.9em;
	font-weight:bold;
}

table.groupItems a:hover, .itemLink:hover {
	color:#688cd8;
	white-space:nowrap;
}

table.groupItems a img {
	vertical-align:top;
	border:none;
}

table.groupItems td.right {
	text-align:right;
}

table.groupItems td.center {
	text-align:center;
}

table.groupItems td.itemNo {
	white-space:nowrap;
}

table.groupItems td.itemNote {
	padding-left:35px;
	font-size:1.1em;
	background-color:#eeeeee;
	background-image:url(../images/noteArrow.gif);
	background-position:top left;
	background-repeat:no-repeat;
	color:#666666;
	font-style:italic;
}

div.auto_complete {
	background:#fff;
	color:#053484;
	font-family:verdana, helvetica, arial, sans-serif;
	font-size:.8em;
}

div.auto_complete ul {
	border:1px solid #888;
	margin:0;
	padding:0;
	width:100%;
	list-style-type:none;
}

div.auto_complete ul li {
	margin:0;
	padding:3px;
	border-bottom:1px dotted silver;
}

div.auto_complete ul li.selected {
	background-color:#ffb;
}

div.auto_complete ul li div span {
	font-size:.7em;
	color:gray;
}

.itemSpecCell {
	vertical-align:top;
}

.fieldLabel, .specLabel {
	text-align:right;
	padding-right:4px;
	font-weight:bold;
	font-size:.8em;
	white-space:nowrap;
}

.checkCell {
	text-align:right;
}

.checkLabel {
	text-align:left;
	padding-left:4px;
	font-weight:bold;
	font-size:.8em;
	white-space:nowrap;
}

input.fieldInput, select.fieldInput, textarea.fieldInput {
	border:1px solid silver;
	background:#ffffff;
	padding:2px 3px;
}

input.fieldInputFocused, select.fieldInputFocused, textarea.fieldInputFocused {
	border:1px solid silver;
	background:#f8ffa7;
	padding:2px 3px;
}

input.fieldInputDisabled, select.fieldInputDisabled, textarea.fieldInputDisabled {
	border:1px solid silver;
	background:#eeeeee;
	padding:2px 3px;
}

.specLabel {
	width:30%;
}

.specData, .fieldData {
	font-size:.8em;
	padding:3px;
}

#noteDiv {
	text-align:center;
	background:#dd0303;
	font-size:.8em;
	width:250px;
	color:#666666;
	padding:8px;
	margin:25px;
}	

.noteTitle {
	color:#ffffff;
	text-align:center;
	font-size:1.3em;
	font-weight:bold;
	margin:0 0 8px 0;
}

#notesDiv {
	text-align:left;
	background:#ffffff;
	padding:8px 6px 14px 8px;
}

.notesSubDiv {
	padding-top:6px;
}

.filterDiv {
  background-color:#96b6fb;
  padding:10px;
  font-size:.8em;
}

.filterSelect {
	font-size:.9em;
   	color:#053484;
   	font-family:verdana, helvetica, arial, sans-serif;
   	border:1px solid #93a2c1;
	background:#ffffff;
}

.filterTitle {
	font-weight:bold;
	border-bottom:1px dotted #053484;
}

.successTable, .alertTable, .errorTable, .infoTable {
	vertical-align:top;
	font-size:.7em;
	margin:10px;
	font-weight:bold;
	width:93%;
}

.successTable td, .alertTable td, .errorTable td, .infoTable td {
	padding:0px 5px;
}

.icon {
  vertical-align:middle;
  white-space:nowrap;
  width:1%;
}

.successTable {
	border-top:1px solid #62C46C;
	border-bottom:1px solid #62C46C;
	background:#BEFBC4;
	color:#195b21;
}

.alertTable {
	border-top:1px solid #d2bf1d;
	border-bottom:1px solid #d2bf1d;
	background:#faf2af;
	color:#89620e;
}

.errorTable {
	border-top:1px solid #f77c7c;
	border-bottom:1px solid #f77c7c;
	background:#fbbebe;
	color:#a41313;
}

.infoTable {
	border-top:1px solid #034ac2;
	border-bottom:1px solid #034ac2;
	background-color:#bacffd;
	color:#053484;
}

#errorExplanation, #alreadyOrderedWarning {
  width: 400px;
  border: 2px solid red;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
  /*margin:auto;*/
}

#errorExplanation h2, #alreadyOrderedWarning h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  background-color: #c00;
  color: #fff;
}

#errorExplanation p, #alreadyOrderedWarning p {
  color: #333;
  margin-bottom: 0;
  padding: 5px;
}

#errorExplanation ul li {
  font-size: 12px;
  list-style: square;
  color:black;
}


.fieldWithErrors input {
	border:3px solid red;
}

.fieldWithErrors textarea {
	border:3px solid red;
}

.fieldWithErrors select {
	border:3px solid red;
}

.headlineManuf {
	color:#688cd8;
}

.r {
  text-align:right;
}

.c {
  text-align:center;
}

.cartPrice {
  text-align:right;
  white-space:nowrap;
}

.cartQty {
  width:30px;
  text-align:right;
  border:1px solid silver;
  background:#ffffff;
  padding:2px 3px;
}

.cartQtyLoading {
  width:30px;
  text-align:right;
  border:1px solid silver;
  background-color:#ffffff;
  background-image:url(../images/loading.gif);
  background-repeat:no-repeat;
  padding:2px 3px;
}

.addItemInput {
  border:1px solid silver;
  background:#ffffff;
  padding:2px 3px;
}

.addItemInputLoading {
  border:1px solid silver;
  background-color:#ffffff;
  background-image:url(../images/loading.gif);
  background-repeat:no-repeat;
  background-position:center right;
  padding:2px 3px;
}

.accountMenuCell {
  width:50%;
  vertical-align:top;
}

.accountMenuHead {
  margin:0 20px 0 20px;
	font-weight:bold;
	color:#688cd8;
	border-bottom:1px dotted #688cd8;
}

.accountMenuCell ul {
  margin:0 50px 0 40px;
  padding:0;
  list-style:none;
}

.accountMenuCell ul li {
  padding-bottom:10px;
  border-bottom:1px dotted #688cd8;
}

.accountMenuCell ul li h4 {
  margin:10px 0 6px 0;
}

.accountMenuCell ul li h4 a {
	color:#0f45b2;
}

.accountMenuCell ul li h4 a:hover {
  color:#688cd8;
}

.loadSpan {
  background:#ffffff;
}

.loadSpanLoading {
  background-color:#ffffff;
  background-image:url(../images/loading.gif);
  background-repeat:no-repeat;
}

.ord {
  font-size:.7em;
  vertical-align:top;
  text-decoration:underline;
}

.incentivesTable {
	text-align:right;
	font-size:.9em;
}

.incentivesTable td {
	padding:1px 9px;
}

.incentivesTable td.year {
	color:white;
	background-color:#053484;
}

.incentivesTable td.label {
	font-weight:bold;
	font-size:.9em;
}

.BikeDescriptionDiv {
	padding:10px;
	font-family:'Century Gothic', 'URW Gothic L', verdana, helvetica, arial, sans-serif;
}

.BikeDescriptionDiv h4 {
	margin:0;
	padding:0;
	font-weight:normal;
	font-size:.9em;
}

.BikeDescriptionDiv p {
	font-size:.7em;
	color:#666666;
	text-align:justify;
}

.BikeDescriptionDiv table {
	width:100%;
	color:#666666;
	font-size:.7em;
}

.GeometryTableDiv {
	font-family:'Century Gothic', 'URW Gothic L', verdana, helvetica, arial, sans-serif;
	vertical-align:middle;
}

.GeometryTableDiv table {
	font-size:.55em;
	margin:15px 0 0 0;
	padding:0;
	width:100%;
}

.GeometryTableDiv table th td {
	text-align:center;
}

.GeometryTableDiv table tr td {
	text-align:center;
	color:#666666;
	border-bottom:1px solid #aaaaaa;
	margin:0;
	padding:0px 4px;
	white-space:nowrap;
}