/* Default CSS Stylesheet for a new Web Application project */

#left-column-pad {
	width: 225px;
	height: 100%;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background: ;
}

div#left-column-pad li {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	display: block;
	list-style-type: none;
	list-style: none;
	float: left;
	clear: both;
}

div#newsletter-pad {
	margin: 20 0 0 20;
	width: 225px;
	overflow: hidden;
}

#content-pad {
	background: #FFFFD9;
	margin: 20 0 0 0;
	padding: 0 0 0 0;
	height: 100%;
}

#content-pad-home {
	background: #FFFFFF;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	height: 100%;
}

#home-left {
	height: 450px;
	width: 450px;
	margin: 20 0 0 20;
	padding: 0 0 0 0;
	/* background: #F26521; */
}

#home-left p {
	padding: 20 20 20 20;
}

#news-pad {
	width: 900px;
	margin: 0 0 0 20;
	padding: 0 0 0 0;
	border: 1px solid #F26521;
}

#news-pad p {
	padding: 20 20 20 20;
}

p.rpg {
	padding: 20 0 0 0;
}

table.hot-offers { border-left: 1px solid #666; border-right: 1px solid #666; }

p.hm-sale {
	font-family : "Tahoma", Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	font-style: normal;
	color: #666;
	margin: 0px;
	padding: 0px;
}

#home-right {
	height: 450px;
	width: 450px;
	margin: 0 0 0 0;
	padding: 0 0 0 10;
	background: #FFFFD9;
}

#footer-spacer {
	width: 940px;
	height: 20px;
	clear: both;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	text-align: left;
	background: #FFF;
	
}

#footer-container {
	width: 940px;
	height: 200px;
	clear: both;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	text-align: left;
	background: #F26521 url(/layout/footer-logo.jpg) right top no-repeat;
}

	#footer-container ul#first {
		list-style-type: none;
		list-style: none;
		margin: 0 0 0 0;
		padding: 0 0 0 10;
	}
	
	#footer-container ul#second {
		list-style-type: none;
		list-style: none;
		margin: 0 0 0 0;
		padding: 0 0 0 10;
	}
	
	#footer-container li {
		display: block;
		float: left;
		padding: 0 10 0 10;
	}

#long-description {
	display: none;
	padding: 5px;
}

/* Top Navigation */

#top-navigation {
	height: 325px;
	width: 940px;
	background: url(/layout/demo-masthead.jpg);
}

#search {
	height: 40px;
	width: 490px;
	left: 0px;
	top: 0px;
	background: #000;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	position: relative;
	float: left;
	cursor: default;
}

#news {
	height: 40px;
	width: 450px;
	left: 0px;
	top: 0px;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	background: #000000;
	position: relative;
	float: left;
}

#navigate {
	height: 210px;
	width: 225px;
	left: 20px;
	top: 20px;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	background: #000000;
	position: relative;
	float: left;
	clear: both;
}

#nav-title {
	height: 40px;
	width: 225px;
	background: url(/layout/nav-title.jpg);
}

#shutdown { height: 110px; width: 180px; position: relative; float: left; top: 20px; left: 40px; padding: 10px; background-color:#000 }

#shutdownText { width: 140px; position: relative; float: left; top: 0px; left: 160px; padding: 10px }


#general-links {
	height: 30px;
	width: 940px;
	left: 0px;
	top: 0px;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	background: #333;
	position: relative;
	float: left;
}

	#general-links a {
		color: #FFF; 
		font-family: Tahoma; 
		font-size: 8pt; 
		font-style: normal; 
		font-weight: normal; 
		text-decoration: none;
		display: block;
		float: left;
		padding-left: 10px;
		padding-right: 10px;
	}
	
	#general-links a:hover {
		font-family: Tahoma; 
		font-size: 8pt; 
		font-style: normal;
		font-weight: normal; 
		color: #FFFF00; 
		text-decoration: none;
		display: block;
		float: left;
		padding-left: 10px;
		padding-right: 10px;
	}


/* homepage buttons */

div#home-buttons {
	margin: 20 0 0 20;
	width: 900px;
	overflow: hidden;
}

div#home-buttons a {
	position: relative;
	display: block;
	width: 225px;
	height: 225px;
	cursor: pointer;
}

div#home-buttons a span {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
	cursor: pointer;
}

div#home-buttons li {
	margin: 0 0 0 0;
	display: block;
	width: 225px;
	height: 225px;
	float: left;
}

div#home-buttons li#complete-bikes, div#home-buttons li#home-components {
	margin-right: 0;
}

div#home-buttons li#complete-bikes span {
	background: url(/layout/complete-bike-btn.jpg) no-repeat;
}

div#home-buttons li#components-parts span {
	background: url(/layout/components-and-parts-btn.jpg) no-repeat;
}

div#home-buttons li#clothing-gear span {
	background: url(/layout/clothing-and-gear-btn.jpg) no-repeat;
}

div#home-buttons li#accessories-tools span {
	background: url(/layout/accessories-and-tools-btn.jpg) no-repeat;
}

div#home-buttons ul {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	list-style: none;
}

/* search page buttons */

div#search-buttons {
	margin: 20 0 0 20;
	width: 225px;
	overflow: hidden;
}

div#search-buttons a {
	position: relative;
	display: block;
	width: 225px;
	height: 75px;
	cursor: pointer;
}

div#search-buttons a span {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
	cursor: pointer;
}

div#search-buttons li {
	margin: 0 0 0 0;
	display: block;
	width: 225px;
	height: 75px;
	float: left;
}

div#search-buttons li#complete-bikes, div#search-buttons li#home-components {
	margin-right: 0;
}

div#search-buttons li#complete-bikes span {
	background: url(/layout/complete-bike-btn-small.jpg) no-repeat;
}

div#search-buttons li#components-parts span {
	background: url(/layout/comp-and-parts-btn-small.jpg) no-repeat;
}

div#search-buttons li#clothing-gear span {
	background: url(/layout/clothing-and-gear-btn-small.jpg) no-repeat;
}

div#search-buttons li#accessories-tools span {
	background: url(/layout/acc-and-tools-btn-small.jpg) no-repeat;
}

div#search-buttons ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

/* Detail Page */

#img-container {
	width: 650px;
	height: 320px;
	vertical-align: middle;
}

#main-img {
	width: 450px;
	height: 320px;
	background: #FFF;
	position: relative;
	float: left;
}

#short-desc {
	width: 200px;
	height: 320px;
	background: #FFF;
	padding: 0 0 0 0;
	position: relative;
	float: left;
}

/* Shipping and Billing Explanation */

#nick-name {
	margin: 0px;
	padding: 10px;
	height: 100px;
	width: 250px;
	border: 1px solid #003366;
	display: none;
	position: absolute;
	background: #FFFFFF;
}

#alt-billing {
	margin: 0px;
	padding: 10px;
	height: 100px;
	width: 250px;
	border: 1px solid #003366;
	display:none;
	position:absolute;
	background: #FFFFFF;
}

/* Site Map */

#sitemap-container {
	height: 650px;
	width: 650px;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	position: relative;
	float: left;
	clear: both;
}

#sitemap-1, #sitemap-2, #sitemap-3, #sitemap-4, #sitemap-5 {
	height: 100px;
	width: 125px;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	float: left;
}

#sitemap-1 {
	background: #ED7E12;
}

#sitemap-2 {
	background: #FFCC03;
}

#sitemap-3 {
	background: #7ACCC8;
}

#sitemap-4 {
	background: #A286C0;
}

#sitemap-5 {
	background: #F4989D;
}

/* -------------------------------------------------- */
/* News-Links */

ul#home-offers { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
ul#home-offers li { margin: 0px 0px 20px 0px; padding: 0px 0px 0px 0px; list-style: none; cursor: pointer; }

a.new-building { background: url(/home-news/new-building-button.png) no-repeat top left; display: block; width: 450px; height: 60px; }
a.new-building:hover { background: url(/home-news/new-building-button.png) no-repeat top right; display: block; width: 450px; height: 60px; }

a.life-service { background: url(/home-news/lifetime-service-button.png) no-repeat top left; display: block; width: 450px; height: 60px; }
a.life-service:hover { background: url(/home-news/lifetime-service-button.png) no-repeat top right; display: block; width: 450px; height: 60px; }

a.zero-percent { background: url(/home-news/zero-percent-finance.png) no-repeat top left; display: block; width: 450px; height: 60px; }
a.zero-percent:hover { background: url(/home-news/zero-percent-finance.png) no-repeat top right; display: block; width: 450px; height: 60px; }

a.euro-shipping { background: url(/home-news/european-shipping.png) no-repeat top left; display: block; width: 450px; height: 60px; }
a.euro-shipping:hover { background: url(/home-news/european-shipping.png) no-repeat top right; display: block; width: 450px; height: 60px; }

a.cyclescheme { background: url(/home-news/cyclescheme.png) no-repeat top left; display: block; width: 450px; height: 60px; }
a.cyclescheme:hover { background: url(/home-news/cyclescheme.png) no-repeat top right; display: block; width: 450px; height: 60px; }

a.skyride { background: url(/home-news/skyride.png) no-repeat top left; display: block; width: 450px; height: 60px; }
a.skyride:hover { background: url(/home-news/skyride.png) no-repeat top right; display: block; width: 450px; height: 60px; }

/* -------------------------------------------------- */
/* Detail-Offer-Links */

ul#offers-sm { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; cursor: pointer;  width: 640px; height: 37px; }
ul#offers-sm li { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; list-style: none; display: block; float: left; width: 210px; height: 32px; }

a.life-service-sm { background: url(/layout/lifetime-bike-service-small.png) no-repeat top left; display: block; width: 210px; height: 32px; float: left; }
a.life-service-sm:hover { background: url(/layout/lifetime-bike-service-small.png) no-repeat top right; display: block; width: 210px; height: 32px; float: left; }

a.zero-percent-sm { background: url(/layout/zero-percent-finance-small.png) no-repeat top left; display: block; width: 210px; height: 32px; float: left; }
a.zero-percent-sm:hover { background: url(/layout/zero-percent-finance-small.png) no-repeat top right; display: block; width: 210px; height: 32px; float: left; }

a.euro-shipping-sm { background: url(/layout/euro-ship-small.png) no-repeat top left; display: block; width: 210px; height: 32px; float: left; }
a.euro-shipping-sm:hover { background: url(/layout/euro-ship-small.png) no-repeat top right; display: block; width: 210px; height: 32px; float: left; }

/* -------------------------------------------------- */
/* Finance Options Table */

table#finance-options tr, table#finance-options th, table#finance-options td { font-family: Tahoma; font-size: 10pt; text-indent: none; padding: 0px; text-align: left; border-bottom: 1px solid #666; height: 30px; }
table#finance-options td { width: 210px; }
table#finance-options td.alt { background: #FFFF99; }

/* -------------------------------------------------- */
/* ShipSummary.aspx - Euro Ship Options */

div.euro-ship-info { width: 300px; margin-left: 5px; }
div.euro-ship-info p { padding: 0px 5px 0px 5px; display: inline; }

ul.search-item { list-style: none; width: 627px; height: 160px; padding: 0px; margin-top: 0px; margin-bottom: 10px; margin-left: 0px; margin-right: 10px; float: left; border-bottom: 1px solid #D3D2B6 }

ul.search-item-alt { list-style: none; width: 627px; height: 160px; padding: 0px; margin-top: 0px; margin-bottom: 10px; margin-left: 0px; margin-right: 0px; float: left; border-bottom: 1px solid #D3D2B6 }

ul.search-item li.img, ul.search-item-alt li.img { float: left; width: 120px; height: 120px; overflow: visible }

ul.search-item li.txt, ul.search-item-alt li.txt { float: left; width: 477px; padding: 10px; background: #e5e4c5; margin-left: 10px }
ul.search-item li.txt p, ul.search-item-alt li.txt p { font-family: Tahoma; font-size: 10pt; color: #352E2C; font-weight: normal; font-style: normal; text-align: left; line-height: 1.5em; padding: 0px; margin: 0px }
ul.search-item li.txt p p, ul.search-item-alt li.txt p p { font-family: Tahoma; font-size: 10pt; color: #352E2C; font-weight: normal; font-style: normal; text-align: left; line-height: 1.5em; padding: 0px; margin: 0px }
ul.search-item li.txt a, ul.search-item-alt li.txt a { font-family: Tahoma; font-size: 14pt; color: #F26521; font-weight: normal; font-style: normal; text-align: left; line-height: 1.5em; padding: 0px; margin: 0px; text-decoration: underline }
ul.search-item li.txt a:hover, ul.search-item-alt li.txt a:hover { font-family: Tahoma; font-size: 14pt; color: #F26521; font-weight: normal; font-style: normal; text-align: left; line-height: 1.5em; padding: 0px; margin: 0px; text-decoration: none }

img.zoom-icon { position: absolute; top: 0px; left: 0px; float: left }