﻿body 
{
    margin:0px;
    padding:0px;
    font-family:"Century Gothic", "Trebuchet MS", Tahoma, Calibri, Arial, Verdana, Helevetica;
    font-size:12px;
}

img
{
    border:none;    
}

h1
{
    font-size:21px;
    margin-top:0px;
    padding-top:0px;    
}

h2
{
    font-size:16px;
    margin-top:0px;
    padding-top:0px;    
    margin-bottom:0px;
    padding-bottom:0px;    
}


.spValErr, .val { font-weight:bold; font-size:16px;}


a { color:Black; }
a:hover { color:#cc0000; }

/* form layout */
ul.genform { margin:0px;padding:0px; width:260px;margin:0 auto;}

ul.genform li
{ margin:0px; padding:0px; list-style:none; margin-bottom:4px; }

ul.genform li label
{ display:inline-block; font-weight:bold; width:80px; }

ul.genform li input.textboxm ul.genform li input.textarea
{ width:150px; font-family:Arial; font-size:12px; }

ul.genform li select.select 
{ width:155px; }

ul.genform li span.checkbox input
{vertical-align:text-top; margin-right:10px;}

ul.genform li span.checkbox label
{width:200px; font-weight:normal;vertical-align:text-top;}

ul.genform li input.button
{ margin-top:10px; margin-bottom:10px; margin-right:10px;}

/* Structure */
form.dvOuter
{
    width:895px;
    background-color:#FFFFFF;
    margin:0 auto;
    padding:0px;
    margin-top:15px;
}

ul.inline
{
    margin:0px;
    padding:0px;    
    display:inline;
}

ul.inline li
{
    margin:0px;
    padding:0px;    
    list-style:none;
    display:inline;
}

ul.inline li a
{
    display:inline-block;    
}

.fixcol
{
    height:1px;
    overflow:hidden;
    clear:both;
    float:none;    
}

h2.dotted
{
    border-bottom:1px dotted #666666;
    margin-bottom:15px;
    padding-bottom:5px;    
}

.genleftcol
{
    width:48%;
    float:left;    
}

.genrightcol
{
    width:48%;
    float:right;    
}


/* Navigation Elements */
ul.inline li 
{
	margin-left:5px;
	margin-right:5px;	
}

ul.inline li a
{
	text-decoration: none;
	text-transform: lowercase;
}


/* Master page level elements */
#dvHeader
{
	margin-bottom:20px;	
	clear:both;
	float:none;
	height:48px;
}

#dvHeader img { float:left; }
#dvHeader ul { float:right; }
#dvHeader ul li a { margin-top:30px; margin-left:10px; }

#dvContent { clear:both; float:none; }

#dvFooter
{
	margin-top: 10px;
	text-align: center;
	font-size: 10px;
	border-top: 1px solid silver;
	float:none;
	clear:both;
}

#dvFooter a
{
	text-decoration:none;	
}

#dvFooter ul li a 
{
	margin-top:10px;
	margin-bottom:10px;	
}

/* Home Page */
.hmblock
{
	width:895px;	
	height:500px;
	background-repeat:no-repeat;
	overflow:hidden;
}

.hmblock a
{ text-decoration:none; }


.hmblock ul
{
	margin:0px;
	padding:0px;
	float:right;	
	margin-top:50px;
}

.hmblock ul li
{
    list-style: none;
    padding: 5px;
    width: 390px;
    margin-bottom: 25px;
    background-image: url(/Assets/Images/bg-hmpanels.png);
}

.hmblock ul li span
{
	display:block;	
}

.hmblock ul li span.heading
{
	font-size:18px;
	font-weight:bold;	
}

.hmblock ul li span.detail
{
	padding:5px;
	padding-left:16px;
}


.hmblock ul li.closed span.heading
{
	color:Black;
}

.hmblock ul li.closed span.detail
{
	
}

.hmblock ul li.opened span.heading
{
	color:#cc0000; 
}

.hmblock ul li .detail4 .blogintro
{
	display:block; margin-bottom:5px;
}

.hmblock ul li .detail4 a
{ display:block; padding-left:5px; padding-bottom:2px;}




.dvHomeBoxes
{
	clear:both;
	float:none;
	height:117px;
	margin-top:15px;
}

.dvHomeBoxes ul
{
	margin:0px;
	padding:0px;
}

.dvHomeBoxes ul li
{
	width: 192px;
	height: 107px;
	background-image: url(/Assets/Images/bg-box.jpg);
	background-repeat:no-repeat;
	padding:10px;
	margin:0px;
	list-style:none;
	font-size:10px;
	line-height:13px;
	overflow:hidden;
}

.dvHomeBoxes ul li.inner
{
	margin-right:15px;
	float:left;
}

.dvHomeBoxes ul li.right
{
	float:right;
}

.dvHomeBoxes ul li h1
{
	font-size:16px;
	margin:0px;
	padding:0px;
	margin-bottom:8px;
}

.dvHomeBoxes ul li p
{
	margin:0px;
	padding:0px;
}

.dvHomeBoxes ul li a
{
	font-weight:bold;
	color:#cc0000;
	font-size:12px;
}

.dvHomeBoxes ul li a:hover
{
	color:Red;	
}

.hmDetailBox
{
	
	overflow:hidden;
	font-size:10px;
	border:1px solid silver;
	padding:5px;
}

.hmDetailBox1
{ height:60px; margin-top:10px;}

.hmDetailBox2
{ height:60px; }



/* Generic side elements */
ul.sidenav
{
    margin:0px;
    padding:0px;    
    width:212px;
    margin-bottom:10px;
}

ul.sidenav li
{
    margin:0px;
    padding:0px;    
    list-style:none;
    display:block;
    padding:5px;
    background-image:url(/assets/images/bg-leftnavblend.jpg);
    background-position:bottom;
    margin-bottom:5px;
}

ul.sidenav li a
{
    display:block;
    font-size:13px;
    text-decoration:none;
    font-weight:bold;
}
ul.sidenav li a:hover
{color:Red;}


/* bike category page */
.textheader
{
    padding:15px;
    background-color:#CCCCCC;
    font-size:20px;    
    font-weight:bold;
    text-align:center;
    margin-bottom:15px;
}

.bikecatlisting 
{
    
}

.bikecatlisting .alpha
{
    float:left;
    width:230px;    
    min-height:800px;
    margin:0px;
    padding:0px;
    border:none;
}

.dvSideBoxes ul.boxes
{
	margin:0px;
	padding:0px;
}

.dvSideBoxes ul.boxes li
{
	width: 192px;
	height: 97px;
	background-image: url(/Assets/Images/bg-box.jpg);
	background-repeat:no-repeat;
	padding:10px;
	margin:0px;
	list-style:none;
	font-size:10px;
	line-height:13px;
	overflow:hidden;
	float:left;
}

.dvHomeBoxes ul.boxes li.inner
{
	margin-right:0px;
	float:left;
}

.dvHomeBoxes ul.boxes li.right
{
	float:left;
}

.dvSideBoxes ul.boxes li h1
{
	font-size:16px;
	margin:0px;
	padding:0px;
	margin-bottom:8px;
}

.dvSideBoxes ul.boxes li p
{
	margin:0px;
	padding:0px;
}

.dvSideBoxes ul.boxes li a
{
	font-weight:bold;
	color:#cc0000;
	font-size:12px;
}

.dvSideBoxes ul.boxes li a:hover
{
	color:Red;	
}

.dvSideBoxes
{
	height:30px;
	overflow:hidden;
	font-size:10px;
	border:1px solid silver;
	padding:5px;
}




.bikecatlisting .beta
{
    width:660px;
    overflow:hidden;
    float:right;    
}

.bikecatlisting .beta .item
{
	clear: both;
	float: none;
	/*background-image: url(/Assets/Images/bg-models.jpg);*/
	height: 257px;
	overflow: hidden;
	margin-bottom: 15px;
}

.bikecatlisting .beta .item img
{
	float:left;
	width:353px;
	height:236px;	
	margin-top:10px;
	margin-left:25px;
}

.bikecatlisting .beta .item h1
{
	float:right;
	width:250px;
	margin-top:10px;
	font-size:20px;
}

.bikecatlisting .beta .item ul
{
	float:right;	
	width:250px;
	margin:0px;
	padding:0px;
	margin-top:10px;
}

.bikecatlisting .beta .item ul li
{
	background-image: url(/Assets/Images/bg-modellistitem.png);
	background-repeat: no-repeat;
	margin:0px;
	padding:0px;
	margin-bottom:7px;
	list-style:none;
	height:25px;
}

.bikecatlisting .beta .item ul li a
{
	text-decoration:none;
	font-weight:bold;
	color:#000000;
	padding-left:25px;
	font-size:14px;
	display:block;
}

.bikecatlisting .beta .item ul li:hover a
{
	color:Red;	
}
	
	
/* bike page */
.bikePage .infoRow
{
    clear: both;
    border: 1px solid #cccccc;
    padding: 10px;
    background-position: 770px 15px;
    background-image: url(/Assets/Images/bg-sevenday.jpg);
    background-repeat: no-repeat;
    
    overflow:hidden;
    font-size:11px;
}

.bikePage .infoRow .mainImage
{
    float:left;
    margin-right:30px;    
}


.bikePage .infoRow span
{
    display:block;
    width:355px;
    margin-bottom:10px;
    float:left;
}

.bikePage .infoRow h1
{
    font-size:28px;    
    margin:0px;
    padding:0px;
    margin-bottom:10px;
}

.bikePage .infoRow div.purchaseInfo
{
    float:left;
    width:470px;    
}

.bikePage .infoRow div.purchaseInfo .col
{
    width:180px;    
    float:left;
    margin-right:10px;
    display:block;
}

.bikePage .infoRow div.purchaseInfo .col h2
{
    font-size:16px;
    font-weight:normal;    
}

.bikePage .infoRow div.purchaseInfo .col span
{
    color:#990000;
    font-size:10px;    
    display:block;
    margin-top:5px;
}

.bikePage .infoRow div.purchaseInfo .col span strong
{
    font-size:20px;
    font-weight:bold;
    display:block;    
}

.bikePage .infoRow div.discountInfo 
{
    padding-top:18px; 
    clear:both;
    float:none;
}

.bikePage .infoRow div.discountInfo label
{
    font-size:16px;
    font-weight:bold;
    margin-right:5px;
}

.bikePage .infoRow div.discountInfo input.txt
{
    height:16px;
    border:1px solid black;
    margin:0px; 
    width:100px;   
}

.bikePage .infoRow div.discountInfo input.btn
{
    height:20px;
    margin:0px;
    padding:0px;
    font-weight:bold;
    background-color:#554a74;
    border:none;
    margin-left:5px;
    color:White;
}


.bikePage .internalLinks
{
    margin-top:10px;
    clear:both;
    float:none;
    height:40px;
}

.bikePage .internalLinks ul
{
    clear: both;
    border: 1px solid #cccccc;
    margin:0px;
    padding: 10px;
    float:left;
}

.bikePage .internalLinks ul li 
{
        margin:0px;
        padding:0px;
        margin-right:10px;
        font-weight:bold;
        font-size:14px;
}

.bikePage .internalLinks div
{
    float:right;    
    padding-top:10px;
}



.bikePage .contentPanel
{
    font-size: 12px;
    width: 630px;
    border-bottom: silver 1px solid;
    padding-bottom:20px;
    margin-bottom:20px;
    float:none;
    clear:both;
}

.bikePage  .descriptionBoxes
{
    float:left;  
}

.bikePage  h2
{
    font-size:21px;
    margin-bottom:15px;    
    margin-top:5px;    
    padding:0px;
}
/*
.bikePage .contentPanel ul
{
    border:1px solid grey;
    margin:0px;
    padding:0px;
    float:left;
    margin-right:30px;
    margin-bottom:20px;
    width:278px;
    
}

.bikePage .contentPanel ul li
{
    list-style:none;
    margin:0px;
    padding:0px;
    margin-bottom:3px;
}

.bikePage .contentPanel ul li em
{
    background-color: #cccccc;
    display: block;
    font-style: normal;
}

.bikePage .contentPanel ul li strong
{
    padding:5px;
}
*/

.bikePage .sideImages
{
    float:right;
    width:225px;    
}

.bikePage .sideImages img
{
    width:100px;
    height:100px;
    border:1px solid #cccccc;
    margin-left:10px;
    margin-bottom:10px;    
    float:right;
    background-position:center center;
}

.bikePage .dvFAQItems a
{ font-weight:bold; font-size:14px; font-weight:bold;display:block;margin-top:5px;text-decoration:none;}



/* merchandise page */
.merchandiselisting
{
    width:770px;
    margin:0 auto;
}

.merchandiselisting .item
{
    float:left;    
    border:1px solid #cccccc;
    padding:10px;
    margin:5px;
    width:353px;
    text-align:center;
}

.merchandiselisting .item h1
{
    margin-top:5px;    
    margin-bottom:10px;
}

.merchandiselisting .item div div
{
    display:block;
    width:300px;   
    margin-bottom:10px; 
    height:40px;
}






#dvFinanceForm
{
    border:1px solid silver;
    padding:10px;    
}




/* Reserve bike page */
#dvReservePage
{ }





/* Finance */
div#dvFinanceApplication div#page1, div#dvFinanceApplication div#page2, 
div#dvFinanceApplication div#page3, div#dvFinanceApplication div#page4
{
	overflow:hidden;
}

div#dvFinanceApplication a.next-button, div#dvFinanceApplication a.next-button:link
{
	display:block;
	width:110px;
	height:35px;
	background-image: url(/assets/images/next-step.gif);
	background-repeat:no-repeat;
	text-indent:-9999em;
	float:right;
	margin:6px;
}

div#dvFinanceApplication a.next-button:active, div#dvFinanceApplication a.next-button:hover
{
	background-position:0 -35px;
}

div#dvFinanceApplication a.send-application, div#dvFinanceApplication a.send-application:link
{
	display:block;
	width:210px;
	height:35px;
	background-image: url(/assets/images/send-application.gif);
	background-repeat:no-repeat;
	text-indent:-9999em;
	float:right;
	margin:6px;
}

div#dvFinanceApplication a.send-application:active, div#dvFinanceApplication a.send-application:hover
{
	background-position:0 -35px;
}

ul.financesteps
{background-image: url(/Assets/Images/bg-financesteps.jpg);width:895px;height:178px;margin:0px;padding:0px;}

ul.financesteps li 
{text-align:center;width:223px;float:left;font-weight:bold;font-size:20px;  margin-top:110px;}

ul.financesteps li a
{text-decoration:none;}

ul.financesteps li.selected a
{ color:Black;}

ul.financesteps li.unselected a
{ color:silver;}


/* Valuations */
#dvValuation
{}

#dvValuation .step
{ border-top:7px solid #333399; padding-top:10px; width:600px; padding-bottom:20px; float:left;}

#dvValuation .step-hidden
{ border-top:0px; padding-top:0; width:0; overflow:hidden; padding-bottom:0; float:left; height: 0; }

#dvValuation .controls
{float:right;padding:15px;}

#dvValuation .controls img
{margin-left:5px;}

#dvValuation .invisible
{ }

#dvValuation .visible
{  }

#dvValuation p.form
{ margin:0px; padding:0px; margin-bottom:4px;}

#dvValuation p.form label, #dvValuation p.upload label
{display:inline-block; width:150px; vertical-align:top;}

#dvValuation p.form .val
{display:inline; vertical-align:top; }

#dvValuation p.form select
{display:inline-block; width:190px; margin-right:10px;}

#dvValuation p.form input.textbox, #dvValuation p.form textarea
{display:inline-block; width:185px;}

#dvValuation p.form textarea
{margin-right:10px;}

#dvValuation p.form .hiddencaption
{ display:inline-block; color:#CCC; vertical-align:top; display:none;}

#dvValuation p.form .visiblecaption
{ display:inline-block; color:#000; vertical-align:top; display:none;}

#dvValuation p.form .radupload
{ float:right;}



/* faqs */

.faqinvisible
{ display:none; }

.faqvisible
{ display:block; }

a.psTitle
{ font-size: 18px; text-decoration:none; font-weight:bold; display:block; margin-bottom:10px;
  border-bottom:1px solid #9999cc; padding-bottom:5px; margin-bottom:10px; }
  
.psContainer
{ margin-bottom:20px; padding:5px; }

.psContainer a.sectitle
{display:block; font-weight:bold; font-size:12px; text-decoration:none; margin-bottom:5px; display:block; }

.psContainer .quesContainer
{ padding:0px; }

.psContainer .quesContainer .answer
{ background-color:#dadae8; padding:5px; margin-bottom:10px; border-bottom:1px solid #afafd0; }

div.site-message-info { border:1px solid #CCCCCC; margin:0 0 10px 0; padding:10px; font-weight:bold; background-color: #A7FF9B; font-size: 14px; }
div.site-message-info span, div.site-message-error span { float:left; margin-right: 10px; }
div.site-message-info span.icon { display: block; background: url(/assets/images/site-message-tick.gif) no-repeat; width: 37px; height: 22px; }
div.site-message-error { border:1px solid #CCCCCC; margin:0 0 10px 0; padding:10px; font-weight: bold; background-color: #A90F0F; color: #FFF; font-size: 14px; }
div.site-message-error span.icon { display: block; background: url(/assets/images/site-message-error.gif) no-repeat; width: 21px; height: 22px; }

a.show-more-comments, a.show-more-comments:link, a.show-less-comments, a.show-less-comments:link 
{ display: block; height: 37px; width: 37px; text-indent: -9999em; -moz-outline-style: none; float: right; }
a.show-more-comments, a.show-more-comments:link { background: url(/assets/images/more.gif) no-repeat; }
a.show-less-comments, a.show-less-comments:link { background: url(/assets/images/less.gif) no-repeat; }

div.buttons-container a.login, div.buttons-container a.login:link, div.buttons-container a.register, div.buttons-container a.register:link
{ display: block; height: 37px; width: 129px; text-indent: -9999em; -moz-outline-style: none; float:left; margin-right: 10px;}
div.buttons-container a.login, div.buttons-container a.login:link { background: url(/assets/images/login.gif) no-repeat; }
div.buttons-container a.register, div.buttons-container a.register:link { background: url(/assets/images/register.gif) no-repeat; }

ul.comments-list-items { margin: 5px 0; padding: 0; list-style-type:none; }
ul.comments-list-items li { margin: 10px 0 0 0; padding: 0 10px 10px; border-bottom: 1px solid #eaeaea; }
ul.comments-list-items li.last { border-bottom: 0; }
ul.comments-list-items li div.owner { font-weight: bold; font-size: 1.1em; margin-bottom: 2px; }
ul.comments-list-items li div.date { font-style:italic; font-size: 0.9em; margin-top: 3px; }

div.login-pod ul, div.register-pod ul { list-style: none; padding: 0; margin: 0; }
div.login-pod ul li, div.register-pod ul li { clear: both; }
div.login-pod ul label, div.register-pod ul label { width: 150px; float:left; display: block; }
div.login-pod ul label.cbl, div.register-pod ul li.cbl label { width: 200px; }
div.login-pod ul input, div.register-pod ul input { width: 200px; float:left; display: block; margin-bottom: 5px; }
div.login-pod ul input.cb, div.register-pod ul li.cbl input { width: auto; margin: 3px 13px; }
div.login-pod div.buttons, div.register-pod div.buttons { clear: both; } 

div.comments-form-container fieldset { margin-top: 10px; }

div.comments-form fieldset * { display: block; }
div.comments-form fieldset textarea { width: 99%; height: 150px; }
div.comments-form fieldset input { float: left; }
div.comments-form fieldset span.counter { float: right; }

div.comments-form-description { margin-bottom: 10px; }