/*
Date: 		    23/02/2009
Version:	    1.0
Description:	Default style sheet
Author:		    
Company:	    Raleigh
Change History:	
		        Date: 		    23/02/2009
		        Description:	Initial creation
    		    Author:		    
*/
html, body
{
	margin: 0px;
	padding:0px;
	background-color:#f6f6f6;
	/*background-color:#ffffff;*/
	font-family:Arial, Helvetica, sans-serif;
	font-size:90%;  
	line-height:1.4em;
	text-align:center;
	/* \*/
    height:100%;
    /* Last height declaration hidden from Mac IE 5.x */
}
center
{
    /* \*/
    height:100%;
    /* Last height declaration hidden from Mac IE 5.x */
    min-height:100%;
}
form
{
    margin:0px;
    padding:0px;
    /* \*/
    height:100%;
    /* Last height declaration hidden from Mac IE 5.x */
    min-height:100%; 
}
hr
{
	color: #cbc9c9; 
    background-color: #cbc9c9;
	height: 1px;
	border: none;
	width:100%;
}

a
{
	text-align:left;
	/*color:#e56a0d;*/
	color:#141d45;
	text-decoration:none;
	font-size:100%;
}
a:hover
{
    text-align:left;
    text-decoration:underline;
}
img
{
    border:none;
    vertical-align:middle;
    padding:0px 0px 0px 0px;
}


.img-border
{
    border:solid 1px #000000;
    padding:0px 0px 0px 0px;
}
.text-decoration-none
{
    text-decoration:none;
}

.text-decoration-underline
{
    text-decoration:underline;
}


.line-height-spacer-2px
{
    height:2px;
}
.line-height-spacer-4px
{
    height:4px;
}
.line-height-spacer-6px
{
    height:6px;
}
.line-height-spacer-8px
{
    height:8px;
}
.line-height-spacer-12px
{
    height:12px;
}
.line-height-spacer-24px
{
    height:24px;
}
.line-height-spacer-26px
{
    height:26px;
}
.line-height-spacer-170px
{
    height:170px;
}

.padding-lr-2px
{
    padding:0px 2px 0px 2px;
}

.padding-l-9px
{
    padding:0px 0px 0px 9px;
}

.master-outer-container
{
    position: relative;
    width:996px;
    min-height:100%;
    background-color:#ffffff;
}
.master-container
{
    width:100%;
    background-color:#ffffff;
}
.master-header-container
{
    width:100%;
}
.master-search-container
{
    
}
.master-content-container
{
    width:100%;
    text-align:left;
    height:100%;
}
.master-footer-container
{
    position:absolute;
    bottom: 0px; left:0px;
    text-align:center;
    background-color:#cbc9c9;
}
.search-bar
{
    padding:0px 0px 0px 0px;
    text-align:left; vertical-align:middle;
    height:26px;    
    background-color:#000000;
    background:#141d45 url(/Image/searchbar-1pxslice.gif);
    
}
.search-bar-text
{
    padding:0px 9px 0px 9px;
    color:#ffffff;
    font-weight:normal;
    vertical-align:middle;
}

.search-bar-dropdown
{
    width:150px;
    height:24px;
    vertical-align:top;
}

.search-bar-textbox
{
    width:150px;
    height:18px;
    vertical-align:top;
    font-family:Arial, Helvetica, sans-serif;
}
.search-button
{
    vertical-align:middle;
    padding:0px 0px 0px 0px;
    
}
.search-bar-end
{
    width:18px;
    height:26px;
    vertical-align:top;
    padding:0px 0px 0px 0px;
}




.header-bar
{
    text-align:left;
    height:94px;    
    background-color:#141d45;
    background:#141d45 url(/Image/cyclelife-logo.gif) no-repeat;
}
.footer-bar
{
    width:996px;
}



.main-nav
{
    vertical-align:middle;
    border:solid 0px #000000;
    padding:60px 0px 0px 0px;
    float:right;
}
.main-nav-item
{
    padding:0px 9px 0px 0px;
}
.main-nav-link
{
    color:#ffffff;
    padding:3px;
    font-weight:normal;
}


.product-nav-primary
{
    border:0px;
    height:22px;
    font-size:100%;
	line-height:1.4em;
	padding:0px 0px 0px 9px;
	background-color:#e56a0d;
}

.summary-nav-primary
{
    border:0px;
    height:22px;
    font-size:100%;
	line-height:1.4em;
	padding:0px 0px 0px 9px;
	background-color:#e56a0d;
}

.product-nav-secondary
{
    border:0px;
    height:22px;
	padding:0px 0px 0px 9px;
	background-color:#e56a0d;
}

.product-nav-tree
{
    font-size:100%;
	line-height:1.4em;
    padding:0px 0px 0px 9px;
    border:none;
    margin:0px;
}

.product-nav-tree-node
{
    padding:0px 0px 0px 20px; margin-left:20px;
    border:none;
    margin:0px;
}

.product-nav-node
{
   padding:0px 0px 0px 0px;
   border:none;
   margin:0px;
}

.product-nav-leaf-node
{
    padding:0px 0px 0px 0px;
    border:none;
    margin:0px;
}

.product-nav-link
{
    font-weight:normal;
    font-size:85%;
	line-height:1.3em;
}


.section-header
{
    border:0px;
    height:22px;
	padding:0px 4px 0px 4px;
	color:#ffffff;
	font-weight:normal;
	text-align:left;
	background-color:#141d45;
    /*background:#141d45 url(/Image/section-head-banner.gif) no-repeat;*/
}


.link-submit
{
    font-weight:normal;
    color:#e56a0d;
}



.footer-links
{
    vertical-align:middle;
    border:none;
    padding:0px 0px 0px 0px;
}
.footer-link-item
{
    padding:0px 5px 0px 5px;
    font-size:85%;
    line-height:1.3em;
}
.footer-link
{
    color:#000000;
}
.footer-text
{
    color:#000000;
    font-size:85%;
    line-height:1.3em;
}



.cl-orange-bg
{
    background-color:#f8dfcc;
    border:solid 1px #e56a0d;
    padding:4px 4px 4px 4px;
}

.cl-grey-bg
{
    background-color:#f0f0f0;
    border:solid 1px #cbc9c9;
    padding:4px 4px 4px 4px;
}

.checkout-stage-orange-bg
{
    background-color:#f8dfcc;
    border:none;
    padding:0px 0px 0px 0px;
}

.checkout-stage-grey-bg
{
    background-color:#f0f0f0;
    border:none;
    padding:0px 0px 0px 0px;
}

.cl-blue-bg
{
    background-color:#4869c0; /*#162d77*/
    border:solid 1px #141d45;
    padding:4px 4px 4px 4px;
}




.primary-header
{
	font-size:240%;
	line-height:26px;
	font-weight: bold;
	text-align:left;
	color:#e56a0d;
	padding:0px 0px 0px 0px;
	width:100%;
	border-bottom:solid 1px #e56a0d;
}
.secondary-header
{
	font-size:100%;
	line-height:1.4em;
	font-weight: bold;
	text-align:left;
	color:#e56a0d;
	padding:0px 0px 0px 0px;
}


.input-container
{
    text-align:left;
}
.user-detail-input-container
{
    width:390px;
    height:22px;
    background-color:#e0e0e0;
}
.user-detail-input-container-multiline
{
    width:590px;
    height:148px;
    background-color:#e0e0e0;
}
.user-detail-input-prompt
{
    padding:0px 0px 0px 9px;
    float:left;
}
.user-detail-input
{
    float:right;
    background-color:#ffffff;
}


.grid-row
{
    font-weight:normal;
    border:0px;
    height:22px;
	padding:0px 0px 0px 0px;
	color:#000000;
}



.label
{
    margin:0px;
    padding:0px;
    vertical-align:middle;
}
.textbox
{
    width:180px;
    height:18px;
    float:left;
    margin:0px;
    padding:0px;
    text-align:left;
    vertical-align:middle;
    font-family:Arial, Helvetica, sans-serif;
}
.textbox-multiline
{
    width:182px;
    height:145px;
    float:left;
    margin:0px;
    padding:0px;
    text-align:left;
    vertical-align:middle;
    font-family:Arial, Helvetica, sans-serif;
}
.dropdown
{
    width:184px;
    height:22px;
    float:left;
    margin:0px;
    padding:0px;
    text-align:left;
    vertical-align:middle;
}

.dropdown-x-width
{
    height:22px;
    margin:0px;
    padding:0px;
    text-align:left;
    vertical-align:middle;
}

.checkbox
{
    margin:0px;
    padding:0px;
    text-align:left;
    vertical-align:middle;
}

.radio
{
    width:184px;
    height:22px;
    float:left;
    margin:0px;
    padding:0px;
    text-align:left;
    vertical-align:middle;
}

.validation-summary
{
    padding:0px 0px 16px 0px;
}

.msg-text-red
{
    color:red;
}

.msg-standard
{
    color:red;
    line-height:1.8em;
    padding:0px 0px 0px 0px;
}

.text-white
{
    color:#ffffff;
}

.text-orange
{
    color:#e56a0d;
}

.text-orange-large
{
    color:#e56a0d;
    font-size:145%;
    line-height:1.4em;
}

.text-blue
{
    color:#141d45; 
}

.text-red
{
    color:red;
}

.text-grey
{
    color:gray;
}

.text-black
{
    color:#000000;
}

.text-light-blue
{
    color:#0063a3;
}

.text-note
{
    font-size:85%;
    line-height:1.3em;
}

.text-note-red
{
    font-size:85%;
    line-height:1.3em;
    color:red;
}

.basket-summary-text
{
    color:#FFFFFF;
}