/*
Theme Name: Bicycle-Depot.com Theme
Theme URI: http://bicycle-depot.com/
Description: The WordPress theme that displayes pages for bicycle-depot.com.
Version: 1.0
Author: Lance Mitchell
Tags: Multi-color, fixed width, two columns, flash

Default Bicycle-Depot Theme by Lance Mitchel || http://webcentrixsolutions.com
*/

/* ********************** Site Layout & Page Template **********************
*/
body {
	margin: 2px 0 0 0;
	padding: 0;
	border: 0;				/* This removes the border around the viewport in old versions of IE */
	width: 100%;
	background: #333333;
	min-width: 666px;		/* Minimum width of layout - remove line if not required */
							/* The min-width property does not work in old versions of Internet Explorer */
	text-align: center;
	color: #FFFFFF;
}

.cleardiv {
	clear:both;
	margin-top:-1px;
	height:1px;
	overflow:hidden;
}

#bicycle-depot-flash {
	position:relative;
	left: 0px;
	top: 0px;
	width: 540px;
	height: 220px;
	margin: 0px;
	padding: 0px;
	z-index: 10;
	color: #FFFFFF;
	visibility: visible;
}
#wrapper {
	text-align: left;
	margin: 0px auto;
	padding: 0px;
	width: 790px;
	clear: left;
}
#sidebar-topleft {
	width: 24px;
	height: 24px;
	background: url(images/sidebar-topleft.jpg) no-repeat;
}
#sidebar-topcenter {
	width: 742px;
	height: 24px;
	margin: 0 0 0 24px;
	background: url(images/sidebar-topcenter.jpg) top left repeat-x;
}
#sidebar-topright {
	width: 790px;
	height: 24px;
	background: url(images/sidebar-topright.jpg) top right no-repeat;
}
#sidebar-left {
	width: 10px;
	background: url(images/sidebar-left.jpg) top left repeat-y; /* Left-sidebar background */
}
#sidebar-right {
	width: 790px;
	background: url(images/sidebar-right.jpg) top right repeat-y; /* Right-sidebar background */
}
#center-bar {
	margin: 0 0 0 10px;
	width: 770px;
	background: #333333;
	position: relative;
}
#company_splash {
	width: 770px;
	height: 259px;
	margin: 0;
	padding: 0;
	background: url(images/company_splash.jpg) no-repeat;
}
#footer-bar {
	width: 770px;
	height: 10px;
	margin: 0;
	padding: 0;
	background: url(images/footer-bar.jpg) top left repeat-x;
}

#error-page  {
	margin: 2px 0 0 0;
	padding: 0;
	width: 100%;
	height: 100%;
}
#error-page .error-message {
	margin: 0px auto;
	padding: 0;
}
#error-page .error-message .error-message-body {
	margin: 40px;
	padding: 40px;
	text-align: center;
	color: #996633;
	font-size: 14px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: #000000;
	border: 1px solid #996633; /* RED */
}


/* ********************** Content-Section Multi-Column Definitions **********************
*/

.contentbody .column-left {
	margin: 0;
	padding: 0 5px 0 5px;
	width: 173px;
	text-align: center;
	background: #000000 url(images/sidebar-gradient-bg.jpg) top left no-repeat;
}
.contentbody .min-height-column {
	margin: 0;
	padding: 0;
	width: 4px;
	background: url(images/content-border-vert.jpg) top left repeat-y;
}
.contentbody .column-right {
	margin: 0;
	padding: 0 5px 0 5px;
}


/* ********************** Page Navigation **********************
*/
#nav_bg {
	height: 51px;
	width: 770px;
	margin: 0;
	padding: 0;
	background: url(images/nav_bg.jpg) top left repeat-x;
}
#nav-top {
	margin: 0;
	padding: 4px 0 0 0;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#nav-top li {
	display: inline;
	padding: 0 30px 0 30px;
	color: #FFFFFF;
	border: 1px solid #E3E3C1;
}
#nav-top a:link, #nav-top a:visited {
	text-decoration: none;
	color: #FFFFFF;
}
#nav-top a:hover  {
	text-decoration: none;
	color: #EC9000;
}

#nav-bottom {
	margin: 0;
	padding: 7px 0 0 0;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#nav-bottom li {
	display: inline;
	padding: 0 30px 0 30px;
	color: #FFFFFF;
	border: 1px solid #E3E3C1;
}
#nav-bottom a:link, #nav-bottom a:visited {
	text-decoration: none;
	color: #FFFFFF;
}
#nav-bottom a:hover  {
	text-decoration: none;
	color: #EC9000;
}



/* ********************** Company Information **********************
*/
#company-info-title-shadow {
	position: relative;
	top: 38px;
	left: 0px;
	z-index: 10;
	display: block;
	width: 170px;
	height: 29px;
	background: url(images/company-info-title-shadow.png) no-repeat;
}
#company-info-title {
	position: relative;
	z-index: 100;
	color: #F8F8E8;
	font-size: 13px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#company-info {
	margin: 10px 0 0 0;
	padding: 0;
	color: #F8F8E8;
	font-size: 10px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#company-info-divider {
	margin: 20px 0 0 10px;
	padding: 0;
	width: 152px;
	height: 2px;
	background: url(images/company-info-divider.png) no-repeat;
}

#copyright-credits {
	margin: 10px 10px 5px 5px;
	padding: 0;
	color: #996633;
}
#copyright-credits a {
	text-decoration: none;
	color: #996633;
}
#copyright-credits .copyright {
	float: left;
	margin: 0;
	padding: 0;
	font-size: 10px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#copyright-credits .credits {
	float: right;
	margin: 0;
	padding: 0;
	font-size: 10px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}


/* ********************** Sidebar Promotions **********************
*/

#sidebar-specials {
	position: relative;
	width: 170px;
	height: 126px;
	background: url(images/sidebar-specials.png) no-repeat;
}

#sidebar-comment-on-service {
	position: relative;
	width: 170px;
	height: 126px;
	background: url(images/sidebar-comment-on-service.png) no-repeat;
}



/* ********************** Home Page **********************
*/
#homepage-shortcuts {
	margin: 0;
	padding: 0;
	list-style-type: none;
	height: 167px;
	width: 560px;
}
#homepage-shortcuts li {
	float: left;
	margin: 0;
	padding: 0;
	height: 167px;
	border: 3px ridge #B1A37C;
	color: #FFFFFF;
	text-align: right;
	font-size: 12px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#homepage-shortcuts img {
	display: block;
	border: 1px solid #FFFFFF;
	margin: 3px;
}
#homepage-shortcuts a:link, #homepage-shortcuts a:visited {
	text-decoration: none;
	color: #FFFFFF;
}
#homepage-shortcuts a:hover  {
	text-decoration: none;
	color: #EC9000;
}
.flash_frame {
	margin: 8px 0 0 0;
	padding: 10px;
	height: 230px;
}

#homepage_footer_splash_bar {
	margin: 10px 0 10px 0;
	padding: 0;
	list-style-type: none;
	background: #333333 url(images/content-bg.jpg) no-repeat;
}
#homepage_footer_splash_bar li {
	margin: 0;
	padding: 0;
}
#homepage_footer_splash_bar li.content_border_horz {
	height: 3px;
	background: url(images/content-border-horz.jpg) top left repeat-x;
}
#homepage_footer_splash_bar li.splash_bar_content {
	padding: 0 5px 0 5px;
	font-size: 12px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}


/* ********************** Content Pages **********************
*/
.curved_border_t  {background: url(images/content-frame-t.jpg) top left repeat-x}
.curved_border_b  {background: url(images/content-frame-b.jpg) bottom left repeat-x}
.curved_border_l  {background: url(images/content-frame-l.jpg) top left repeat-y}
.curved_border_r  {background: url(images/content-frame-r.jpg) top right repeat-y}
.curved_border_bl {background: url(images/content-frame-bl.png) bottom left no-repeat}
.curved_border_br {background: url(images/content-frame-br.png) bottom right no-repeat}
.curved_border_tl {background: url(images/content-frame-tl.png) top left no-repeat}
.curved_border_tr {background: url(images/content-frame-tr.png) top right no-repeat}
.curved_border_bg {
	background: #333333 url(images/content-bg.jpg) top left repeat-y;
}

.content_frame {
	position: relative;
	padding: 10px 5px 10px 10px;
	color: #CCCC99;
	font-size: 14px;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.content_frame #page-label {
	position: relative;
	top: 0px;
	left: 0px;
	margin: 0 0 10px 0;
}
.content_frame #page-label #page-title-gear {
	width: 106px;
	height: 68px;
	background: url(images/page-title-gear.png) no-repeat;
}
.content_frame #page-label #page-label-underline {
	position: absolute;
	top: 45px;
	left: 64px;
	width: 471px;
	height: 0px;
	z-index: 10;
	border: 1px solid #999999;
	background: #999999;
}

.content_frame #page-label .page-label-title {
	position: absolute;
	top: 25px;
	left: 0px;
	height: 21px;
	z-index: 100;
	display: block;
}
.content_frame #page-label .page-label-title-bicycles {
	left: 423px;
	width: 119px;
	background: url(images/page-title-bicycles.png) no-repeat;
}
.content_frame #page-label .page-label-title-aboutus {
	left: 405px;
	width: 137px;
	background: url(images/page-title-aboutus.png) no-repeat;
}
.content_frame #page-label .page-label-title-accessories {
	left: 367px;
	width: 176px;
	background: url(images/page-title-accessories.png) no-repeat;
}
.content_frame #page-label .page-label-title-attractions {
	left: 283px;
	width: 259px;
	background: url(images/page-title-attractions.png) no-repeat;
}
.content_frame #page-label .page-label-title-buyingtips {
	left: 383px;
	width: 159px;
	background: url(images/page-title-buyingtips.png) no-repeat;
}
.content_frame #page-label .page-label-title-rentals {
	left: 430px;
	width: 113px;
	background: url(images/page-title-rentals.png) no-repeat;
}
.content_frame #page-label .page-label-title-service {
	left: 435px;
	width: 108px;
	background: url(images/page-title-service.png) no-repeat;
}
.content_frame #page-label .page-label-title-specials {
	left: 420px;
	width: 123px;
	background: url(images/page-title-specials.png) no-repeat;
}


/* ********************** Bicycles Home Page **********************
*/
#bicycles-shortcuts-frame {
	margin: 10px 0 0 0;
	padding: 5px;
	border: 2px solid #FFFFFF;
	background: #000000;
}
#bicycles-shortcuts {
	margin: 0 0 2px 20px;
	padding: 0;
	list-style-type: none;
	height: 290px;
	width: 495px;
}
#bicycles-shortcuts li {
	float: left;
	margin: 0;
	padding: 0;
	width: 160px;
	height: 140px;
	border: 2px ridge #B1A37C;

	color: #FFFFFF;
	text-align: right;
	font-size: 12px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#bicycles-shortcuts img {
	display: block;
	border: 1px solid #FFFFFF;
	margin: 3px;
}
#bicycles-shortcuts a:link, #bicycles-shortcuts a:visited {
	text-decoration: none;
	color: #FFFFFF;
}
#bicycles-shortcuts a:hover  {
	text-decoration: none;
	color: #EC9000;
}
.bicycles_instruction {
	margin: 0 0 10px 0;
	padding: 10px 20px 10px 20px;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}


/* ********************** Bicycles Profile Page **********************
*/
.content_frame #bicyclepage-label {
	position: relative;
	top: 0px;
	left: 0px;
	height: 240px;
	margin: 0 0 10px 0;
}
.content_frame #bicyclepage-label #bicyclepage-titlesection-top {
	position: absolute;
	top: 47px;
	left: 0px;
	z-index: 70;
	width: 100%;
	height: 36px;
	background: url(images/bicyclepage-titlesection-top.png) top left repeat-x
}
.content_frame #bicyclepage-label #bicyclepage-titlesection-middle {
	position: absolute;
	top: 66px;
	left: 0px;
	width: 100%;
	height: 170px;
	background: #FFFFFF;
}
.content_frame #bicyclepage-label #bicyclepage-titlesection-bottom {
	position: absolute;
	top: 220px;
	left: 0px;
	z-index: 70;
	width: 100%;
	height: 19px;
	background: url(images/bicyclepage-titlesection-bottom.png) top left repeat-x
}
.content_frame #bicyclepage-label #bicyclepage-titlesection-gear {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 80;
	width: 122px;
	height: 83px;
	background: url(images/bicyclepage-titlesection-gear.png) no-repeat
}
.content_frame #bicyclepage-label #bicyclepage-titlesection-summary {
	position: absolute;
	top: 75px;
	left: 10px;
	width: 270px;
	height: 135px;
	z-index: 100;
	display: block;

	color: #000000;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.content_frame #bicyclepage-label #bicyclepage-label-underline {
	position: absolute;
	top: 45px;
	left: 71px;
	width: 473px;
	height: 0px;
	z-index: 90;
	border: 1px solid #999999;
	background: #999999;
}
.content_frame #bicyclepage-label .bicyclepage-label-title {
	position: absolute;
	top: 25px;
	left: 0px;
	height: 21px;
	z-index: 100;
	display: block;
}
.content_frame #bicyclepage-label .bicyclepage-label-title-mountain {
	left: 284px;
	width: 267px;
	background: url(images/bicycles-title-mountain.png) no-repeat;
}
.content_frame #bicyclepage-label .bicyclepage-label-title-roadbike {
	left: 342px;
	width: 208px;
	background: url(images/bicycles-title-roadbike.png) no-repeat;
}
.content_frame #bicyclepage-label .bicyclepage-label-title-bmx {
	left: 360px;
	width: 194px;
	background: url(images/bicycles-title-bmx.png) no-repeat;
}
.content_frame #bicyclepage-label .bicyclepage-label-title-comfort {
	left: 296px;
	width: 256px;
	background: url(images/bicycles-title-comfort.png) no-repeat;
}
.content_frame #bicyclepage-label .bicyclepage-label-title-kids {
	left: 354px;
	width: 198px;
	background: url(images/bicycles-title-kids.png) no-repeat;
}
.content_frame #bicyclepage-label .bicyclepage-label-title-trial {
	left: 330px;
	width: 222px;
	background: url(images/bicycles-title-trial.png) no-repeat;
}


/* ********************** Bicycle Images **********************
*/
#bicyclepage-pics-roadbike {
	position: absolute;
	top: 75px;
	left: 300px;
	z-index:150;
	width: 236px;
	height: 148px;
	background: url(images/bicyclepage-pics-roadbike.jpg) no-repeat
}
#bicyclepage-pics-bmx {
	position: absolute;
	top: 75px;
	left: 300px;
	z-index:150;
	width: 238px;
	height: 149px;
	background: url(images/bicyclepage-pics-bmx.jpg) no-repeat
}
#bicyclepage-pics-comfort {
	position: absolute;
	top: 75px;
	left: 300px;
	z-index:150;
	width: 238px;
	height: 148px;
	background: url(images/bicyclepage-pics-comfort.jpg) no-repeat
}
#bicyclepage-pics-kids {
	position: absolute;
	top: 75px;
	left: 300px;
	z-index:150;
	width: 229px;
	height: 143px;
	background: url(images/bicyclepage-pics-kids.jpg) no-repeat
}
#bicyclepage-pics-mountain {
	position: absolute;
	top: 65px;
	left: 280px;
	z-index:150;
	width: 261px;
	height: 153px;
	background: url(images/bicyclepage-pics-mountain.jpg) no-repeat
}
#bicyclepage-pics-trial {
	position: absolute;
	top: 75px;
	left: 300px;
	z-index:150;
	width: 227px;
	height: 142px;
	background: url(images/bicyclepage-pics-trial.jpg) no-repeat
}


/* ********************** Manufacturers Listing **********************
*/
#manufacturer-listing {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#manufacturer-listing li {
	float: left;
	margin: 0;
	padding: 0;
}
#manufacturer-listing img {
	display: block;
	border: 0;
}
#manufacturer-listing a:link, #manufacturer-listing a:visited {
	text-decoration: none;
	display: block;
	border: 1px solid #000000;
}
#manufacturer-listing a:hover  {
	text-decoration: none;
	display: block;
	border: 1px solid #E3E3C1;
}


/* ********************** Comments Presentation **********************
*/

.comments-template {
	margin: 10px 0 0;
	border-top: 1px solid #ccc;
	padding: 10px 0 0;
}

.comments-template ol {
	margin: 0;
	padding: 0 0 15px;
	list-style: none;
}

.comments-template ol li {
	margin: 10px 0 0;
	line-height: 18px;
	padding: 0 0 10px;
	border-bottom: 1px solid #ccc;
}

.comments-template h2, .comments-template h3 {
	font-family: Georgia, Sans-serif;
	font-size: 16px;
}

.comments-template .comment_item {
	font-size: 12px;
}

.comments-template .comment_item a {
	color: #EC9000;
}

.comments-template #comment_form a {
	margin: 0;
	padding: 0;
	color: #EC9000;
}

.comments-template p.nocomments {
	padding: 0;
}

.comments-template textarea {
	font-family: Arial, Helvetica, Georgia, Sans-serif;
	font-size: 12px;
}

.comments-template input.buttonbg-long {
	width: 156px;
	height: 25px;
	line-height: 25px;
	text-align: center;
	white-space: nowrap;
	overflow: hidden;
	outline: none;
	border: none;
	font-weight: bold;
	padding: 0px;
	margin-right: 14px;
	background-color: transparent;
	background-position: left top;
	background-repeat: no-repeat;
	background-image: url(images/submit_long_bg.png);
}



.reserved_for_developer_css_testing  {
	border: 1px solid #1200FF; /* BLUE */
	border: 1px solid #D800FF; /* PURPLE */
	border: 1px solid #FF0000; /* RED */
}