/*      
--------------------------------------------------------------------------------
ONTOPBIKESHOP.COM, COPYRIGHT:  ON TOP BIKE SHOP  ------------
CSS Document Author: Terry Evans - VIBE9 DESIGN -------------------
WWW.VIBE9DESIGN.COM --------------------------------------------------
--------------------------------------------------------------------------------
*/

/* ----------------------------------------------------------------------  Globals
---------------------------------------------------------------------------------- */
 * { padding:0; margin:0; }

body {
	margin: 0; padding: 0; border:0;
	font: 12px/1.4em Arial, Helvetica,  Sans-Serif;
	color:#333333; background:#6A6A6A url(/g/bg.gif) repeat-x top; text-align: center;
}
h1 {margin:0; padding:0; font-weight:900; font: 18px/1em Arial, Helvetica,  Sans-Serif;}
h2 {margin:0; padding:0; font-weight:900; font: 16px/1.4  Arial, Helvetica,  Sans-Serif; }
h3 {margin:0; padding:0; font-weight:bold; font: 14px/1.4 Arial, Helvetica,  Sans-Serif;}
h4 {margin:0; padding:0; font-weight:bold; font: 12px/1.4 Arial, Helvetica,  Sans-Serif;}
h5 {margin:0; padding:0; font-weight:bold; font: 12px/1.4 Arial, Helvetica,  Sans-Serif;}
h6 {margin:0; padding:0; font-weight:bold; font: 12px/1.4 Arial, Helvetica,  Sans-Serif;}
hr {display:none;}
p {margin:0; padding:0;}
span {margin:0; padding:0;}
ul {margin:0; padding:0; list-style: none;}
li {margin:0; padding:0;}
img {margin:0; padding:0;}
blockquote {padding: 0 45px 0 45px; font-size: 14px; line-height:1.2em; font-weight:bold;}
div {position:relative;}
kbd, acronym {font-weight:normal;}
	
/* -----------------------------------------------------------------  Helpers :-)~
---------------------------------------------------------------------------------- */
div.clear { width: 488px;height: 1px;}
br.clear {clear: left;}
div.hide {display:none;}
#content p.comingsoon {height: 400px;}
div.center {text-align:center;margin-bottom: 10px;}
div {position: relative;}
img a { border:0; }

/* ------------------------------------------------------------------------  Links
---------------------------------------------------------------------------------- */
a {color:#000000; text-decoration:none;}
a:hover {color:#ffffff; text-decoration:none;}
		
#content a {color:#0339A9; text-decoration:none; font-weight: normal;}
#content a:hover {color: #F504ED; text-decoration:none;}

#content h2 a {text-decoration:none; font-size: 12px;}
#content h2 a:hover {text-decoration:none;}

#footer p a {color:#999999; text-decoration:none; font-weight:normal;}
#footer p a:hover {color: #666666; text-decoration:none;}

#footer div.left a {color:#999999; text-decoration:none; font-weight:normal;}
#footer div.left a:hover {color: #000000; text-decoration:none; background: #cccccc;}

#sidebar a {color:#ffffff; text-decoration:none;}
#sidebar a:hover {color:#F504ED; text-decoration:none; background: #ffffff;}

#sidebar ul li a {display: block; color:#ffffff; text-decoration: none; padding: 1px 2px 1px 2px;}
#sidebar ul li a:hover {color:#F504ED; text-decoration: none; background:#eeeeee;}

#sidebar ul#cons-bikes li a {display:inline; color:#ffffff; text-decoration: none; padding: 1px 2px 1px 0;}
#sidebar ul#cons-bikes li a:hover {color:#F504ED; text-decoration: none; background:#eeeeee;}

		
/* -----------------------------------------------------  Primary Layout Divisions
---------------------------------------------------------------------------------- */
#wrapper { margin: 0; padding: 0;background: transparent url(/g/head.gif) no-repeat top center;}
#skipNav {display:none;}

/* ----------------------------------------------------------  Content Area Layout
---------------------------------------------------------------------------------- */
#container {
	margin: 0 auto;
	width: 800px; padding: 0;
        background: transparent url(/g/mid.gif) repeat-y center;
}
#contentarea {
	margin: 0 0 0 0px ; padding:0;text-align: left;
}
div#content {
	float: left; position:relative; 
        background: transparent url(/g/top-content.gif) no-repeat;
        background-position:  -100px -5px;
	width: 600px; padding:0 0 10px 0;
}
div#sidebar {
	float: left; position:relative;
	width: 188px; margin: 0; padding: 16px 0 0 0;
}

/* --------------------------------------------------------------------  BANNER
---------------------------------------------------------------------------------- */
#banner {margin: 0; padding: 0;width: 800px; height: 135px;  text-align: center; position:relative; display:block;background: transparent url(/g/head.gif) no-repeat top center;}

#banner h1 span {display:none;}
#banner h1 a {margin: 25px 0 0 24px; display:block; width: 525px; 
float:left; height: 59px;}
html>body #banner h1 a:hover {background: transparent url(../g/logo-hover.png)}

#banner h2  {display: none;}

/* ---------------------------------------------------------------  SUBHEADER
---------------------------------------------------------------------------------- */
body#gallery #subheader {background: transparent url(/g/sh/gallery.jpg) no-repeat top center; height: 157px;width:800px;margin: 0;}

/* ----------------------------------------------------------  Global Navigation
---------------------------------------------------------------------------------- */
#global-nav {float: right; width: 201px; height: 90px; text-align: left; font-weight: bold;}

#global-nav ul#gnav-A {font-size: 10px; float: left; width: 80px; 
margin: 43px 0 0 0; line-height: 12px; display:inline;}
html>body #global-nav ul#gnav-A li {padding: 0 0 0 10px;}

#global-nav ul#gnav-B {font-size: 10px; width: 80px; 
margin: 43px 25px 0 0; float:right; line-height: 12px; display:inline;}
#global-nav ul#gnav-B li {padding: 0;}

/* ----------------------------------------------------------  Main Navigation Bar
---------------------------------------------------------------------------------- */
#navbarcontainer {margin: 0; padding:0 5px 0 25px;clear:both; height: 45px;}

#navbarcontainer div.navbar {margin:0; padding: 0; width: 100%; position: relative;}

#navbarcontainer div.navbar ul {text-align:right;padding: 10px 0 0 0;}


#navbarcontainer div.navbar li {padding:0; margin:0; width: 120px;list-style:none;display:inline;}

#navbarcontainer div.navbar li a span {display:none;}
#navbarcontainer div.navbar li a {float:left;margin: 0; padding: 0; text-decoration:none; font-weight:bold;color: #ffffff; width: 120px; height: 40px; line-height:40px;}
#navbarcontainer div.navbar li a:hover {text-decoration:none; color: #cccccc;font-weight:bold;}

#navbarcontainer div.navbar li.bikes a {background: transparent url(/g/nav/bikes.gif) no-repeat 0 0;}
#navbarcontainer div.navbar li.bikes a:hover {background-position: -120px 0px;}
body#bikes #navbarcontainer div.navbar li.bikes a 
{background-position: -120px 0px;}

#navbarcontainer div.navbar li.clothing a {background: transparent url(/g/nav/clothing.gif) no-repeat;}
#navbarcontainer div.navbar li.clothing a:hover {background-position: -120px 0px;}
body#clothing #navbarcontainer div.navbar li.clothing a
{background-position: -120px 0px;}

#navbarcontainer div.navbar li.accessories a {background: transparent url(/g/nav/accessories.gif) no-repeat;}
#navbarcontainer div.navbar li.accessories a:hover {background-position: -120px 0px;}
body#accessories #navbarcontainer div.navbar li.accessories a
{background-position: -120px 0px;}

#navbarcontainer div.navbar li.the-shop a {background: transparent url(/g/nav/the-shop.gif) no-repeat;}
#navbarcontainer div.navbar li.the-shop a:hover {background-position: -120px 0px;}
body#the-shop #navbarcontainer div.navbar li.the-shop a
{background-position: -120px 0px;}

#navbarcontainer div.navbar li.gallery a {background: transparent url(/g/nav/gallery.gif) no-repeat;}
#navbarcontainer div.navbar li.gallery a:hover {background-position: -120px 0px;}
body#gallery #navbarcontainer div.navbar li.gallery a {background-position: -120px 0px;}
/* --------------------------------------------------------  Main Content Styling
---------------------------------------------------------------------------------- */
#content {font-size:12px;}
#content div.padder {padding: 25px 25px 10px 44px;}

#content div.padder div.floater {float: right; width: 200px; border: 1px solid #656565; border-bottom: 5px solid #656565;border-top: 3px solid #656565; font-size: 11px;background: transparent url(/g/fresh-bg.gif) no-repeat bottom right;margin: 8px 0 0 0;}

#content div.padder div.floater ul {margin: 0 5px 5px 18px; padding: 0;}

#content img.border {border: 1px solid #C31700;}
#content img.float {float: left; display:inline; padding: 4px;}

body#gallery #content h2.replace {margin: 0; padding: 0; height: 60px; width: 300px; font-weight:normal; color:red; text-indent: -9999px; background: transparent url(/gfx/h_gallery.gif) no-repeat;}

#content h2#fresh-goods {margin: 0; padding: 0; height: 50px; width: 175px; font-weight:normal; color:red; text-indent: -9999px; background: transparent url(/g/fresh-goods.gif) no-repeat;}

#content h2 {margin: 5px 0 5px 10px; padding: 0; color: #000000;font-weight:bold; font-size: 28px; }
#content h3 {margin: 7px 0 5px 10px; padding: 0; color: #000000;font-weight:bold; font-size: 14px; }
#content h4 {margin: 7px 0 5px 10px; color:#000000; font-weight:bold;font-size: 14px;}

#content p {margin: 0 0 10px 10px; color:#000000;}
#content p.right {text-align:right;}
#content p.right-box {float: right; width: 200px;}
#content p.center {text-align:center;  font-size:11px;}
#content p.goright {float:right; text-align:right;color: #666666;}

#content div.preview  {float: left; width: 488px; padding: 0 0 5px 0; margin: 10px 0 8px 0; border-bottom: 1px dashed #999999; position: relative;}
#content div.preview h2 {padding: 0px 0px 7px 0px; margin: 0 0 0 130px; color:#C31700;}
#content div.preview p {margin-left:130px;}

#content div.preview img {margin: 0 0 5px 0; float:left; border: 1px solid #C31700;}
#content div.preview p a {float: right;}

#content div.preview div.float {float: left; width: 120px; margin-right: 10px;}

#content ul {padding: 0 0 10px 25px; list-style: disc;}

#content div.links ul {padding: 10px 0 10px 0; list-style: none;}
#content div.links ul li {padding: 0 0 5px 0; list-style: none;}


table {font-size: 12px; width: 100%;}
td {padding: 2px 5px 2px 2px; background: #eeeeee;}
td:hover {background: #dedede;}

/* -------------------------------------------------------------  Side Bar Content
---------------------------------------------------------------------------------- */

#sidebar h2.consignment-bikes a {font-weight: bold; font-size:12px; padding: 0; margin: 0; color: #ffffff; display:block; width: 175px; height: 21px; background: transparent url(/g/nav/consignment-bikes.gif) no-repeat; text-indent: -99999px;
background-position: 8px 0px;}

#sidebar h2.consignment-bikes a:hover {background-position: 8px -22px;}

#sidebar h3 {font-size: 14px; color: #cccccc; font-weight: bold; border-bottom: 2px solid #cccccc; font-weight: bold; text-align:left; margin: 0 0 5px 0;}
#sidebar p {padding:0 5px 0 0px;color:#999999;}
#sidebar img {padding: 2px 2px 0 2px; margin: 0; border:0 solid #A72833; }
#sidebar img.noborder {padding: 2px; margin: 0; border:0px; }
#sidebar {color: #ffffff;}
#sidebar ul {margin: 5px 0 8px 0;}
#sidebar ul#cons-bikes li {border-bottom: 1px solid #ffffff; color#cccccc; margin: 0 0 5px 0;}

/* ----------------------------------------------------------------------  Footer
---------------------------------------------------------------------------------- */
#footer {clear: both;margin:0; padding:0;display: block;height: 93px;background: transparent url(/g/footer.gif) no-repeat bottom;}

#footer p#to-top {text-align: left; margin: 0 0 0 500px; padding: 0 0 0 14px; background: transparent url(/g/top-arrow.gif) no-repeat 0 50%;}

#footer ul {margin:45px 0 0 25px; text-align: left;}
#footer ul li {display:inline; font-size:11px; border-right: 1px solid #000000; padding-left: 10px;padding-right: 10px;}
#footer ul li.last {border-right: 0;}
#footer div.left {float:left; width: 475px;}

#footer div.left ul {margin-left: 25px; text-align:left; margin-right: 10px;}

#footer div.right {float:right; width: 220px; color: #999999;}
#footer div.right ul {text-align:center;font-weight:normal;}

/* ----------------------------------------------------------------------  Extras
---------------------------------------------------------------------------------- */
#extras {clear: both; text-align: center; background: #6A6A6A; font-size: 10px; height: 20px;}
#extras ul {margin: 0 15px 0 0; text-align: right;}

/* ------------------------------------------------------------  Dynamic Menu
---------------------------------------------------------------------------------- */
div.dmenu {text-align: left;}

ul.dynamicmenu {display: block; background:transparent;}

ul.dynamicmenu li a {
 display: block;
 padding: 1px 0px 1px 0.5em;
 background: #ffffff;
 color: #000000;font-size: 11px;
 border-top: 2px solid #666666;
 text-decoration: none;
 width:195px;
}

/* hide this from ie5mac and iewin \*/
html>body ul.dynamicmenu li a { width: auto; } 
/* end hiding */

ul.dynamicmenu li a:hover {background-color: #999999;color: #000000;}

/* -----------------------------------------------------------------------  FORMS
---------------------------------------------------------------------------------- */
#content textarea#additional-participants
{
width:180px;
height: 120px;
text-align:left;
font-size:1em;
padding: 0 0 6px 0;
display: block;
}
#content div.form {width: 440px; margin: 0 0 0 22px; position: relative;}
#content div.form h4 {margin-left: 0;}
#content div.columnA h3 {color:#000000; font-weight: bold; padding: 8px 0 5px 0;}
#content div.columnB h3 {color:#000000; font-weight: bold; padding: 8px 0 5px 0;}

#content label.required {color:#C81C05;}
#content h4.required {color:#C81C05;}

#content div.columnA {float:left; width:200px; position: relative;}
#content div.columnB {float:right; width:230px;  position: relative;}
div.clearit {clear:both;  position: relative;}

#content div.columnA br {line-height: 1px;}
#content div.columnB br {line-height: 1px;}

label {color:#000000; padding:0; margin: 0; }
input {padding: 1px 0 1px 0; margin: 0;display: block;}
input.payment-method {display:inline;}

input#participants {display: block; padding: 0px 0;width: 25px;}
input#subtotal_participants {display: block; padding: 0px 0;width: 75px;}

input#lift_tickets {display: block; padding: 0px 0;width: 25px;}
input#subtotal_lift_tickets {display: block; padding: 0px 0;width: 75px;}

select {margin: 5px 0 2px 0; }

input#GrandTotal {width: 75px;}

/* ---------------------------------------------------------------  Photo Gallery
---------------------------------------------------------------------------------- */
#content p.light {color: #666666;}

body#gallery #content h2 {
	font-size: 16px;
}
body#gallery #content h2 a {
	font-size: 16px;
	font-weight: bold;
}

.album {
	float: left;
	width: 120px;
	text-align: center;
}
#content .album h3 {
	font-size: 12px;
	margin: 0;
	padding: 0;
}
#content ul.pagelist,
.albumnav,
.imgnav {
	border: 1px solid #999;
	background:#eee;
	padding: 4px 8px;
	margin: 0 12px 10px 0;
}
#content ul.pagelist li {
	list-style: none;
	padding: 0 8px 0 0;
	display: inline;
}

div.image {
	float: left;
	width: 106px;
	height: 106px
}

.image img, .album img {border: 1px dotted #F504ED; padding: 4px;}
.image a:hover img, .album a:hover img {background:#F504ED;}

.singleimage { text-align: center; }
.singleimage img { padding: 2px; margin: 0; border: 1px dotted #F504ED; background:#fff; }
/* div.image img {padding: 2px; margin: 0; border: 1px dotted #F504ED; background:#fff;}
div.image img {padding: 3px; margin: 0; border: 2px solid #333333;} */