/*
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:#153e30;
	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;
}

h1, h2, h3
{
    color:#163f31;
    line-height:1.0em;
}


.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-yellow-4px
{
    height:4px; background-color:#fad810;
}
.line-height-spacer-6px
{
    height:6px;
}
.line-height-spacer-8px
{
    height:8px;
}
.line-height-spacer-12px
{
    height:12px;
}
.line-height-spacer-20px
{
    height:18px;
}
.line-height-spacer-24px
{
    height:24px;
}
.line-height-spacer-26px
{
    height:26px;
}
.line-height-spacer-170px
{
    height:289px;
}

.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:#f6f6f6;
}
.master-container
{
    width:996px;
    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:relative;
    bottom: 0px; left:0px;
    text-align:center;
    background-color:#163f31;
}
.search-bar
{
    padding:0px 0px 0px 0px;
    text-align:left; vertical-align:bottom;
    height:21px;    
    background-color:#ffffff;
    background:#000000 url(/Image/searchbar-1pxslice.gif);
    
}
.bar-yellow
{
    padding:0px 0px 0px 0px;
    text-align:left; vertical-align:middle;
    height:5px;    
    background-color:#fad810;
    /*background:#a33454 url(/Image/searchbar-1pxslice.gif);*/
}

.pipe-yellow
{
    padding:0px 0px 0px 0px;
    font-size:8px;    
    color:#fad810;
}

.pipe-white
{
    padding:0px 0px 0px 0px;
    font-size:8px;    
    color:#ffffff;
}

.search-bar-text
{
    padding:0px 9px 0px 9px;
    color:#ffffff;
    font-weight:normal;
}

.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:147px;    
    background-color:#163f31;
    background:#163f31 url(/Image/ebike-by-raleigh.gif) no-repeat;
}
.footer-bar
{
    width:996px;
}

.enquiry-detail
{
    vertical-align:middle;
    border:solid 0px #000000;
    padding:0px 3px 0px 0px;
    float:right; width:300px;
}

.main-nav
{
    vertical-align:middle;
    border:solid 0px #000000;
    position:absolute;
    top: 67px; right:87px;
    /*padding:67px 87px 0px 0px;*/
    float:right;
}
.main-nav-item
{
    padding:0px 9px 0px 9px;
}
.main-nav-link
{
    color:#ffffff;
    padding:0px 0px 0px 0px;
    font-weight:bold;
}


.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;
}

.main-header
{
    border:0px;
	color:#163f31;
	text-align:left;
	font-size:24px;
}

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

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


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

.btn-submit
{
	color:#000000;
	background-color:#e0e0e0;
	border:solid 1px gray;
	/*border:solid 1px #7f9db9;*/
	vertical-align:middle;
	cursor:pointer;
	font-size:95%;
	height:22px;
}


.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:#ffffff;
}
.footer-text
{
    color:#ffffff;
    font-size:85%;
    line-height:1.3em;
}



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

.ebike-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:#163f31;
	padding:0px 0px 0px 0px;
}


.input-container
{
    text-align:left;
}
.user-detail-input-container
{
    width:592px;
    height:22px;
    background-color:#e0e0e0;
}
.user-detail-input-container-multiline
{
    width:592px;
    height:114px;
    background-color:#e0e0e0;
}
.user-detail-input-prompt
{
    padding:0px 0px 0px 4px;
    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:380px;
    height:18px;
    float:left;
    margin:0px;
    padding:0px;
    text-align:left;
    vertical-align:middle;
    font-family:Arial, Helvetica, sans-serif;
}
.textbox-multiline
{
    width:382px;
    height:112px;
    float:left;
    margin:0px;
    padding:0px;
    text-align:left;
    vertical-align:middle;
    font-family:Arial, Helvetica, sans-serif;
}
.dropdown
{
    width:384px;
    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:#ef4135;
}

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

.text-green-italic
{
    color:#163f31;
    font-style:italic; padding-left:70px;
}

.text-green
{
    color:#163f31;
    font-style:normal;
}


.text-white
{
    color:#ffffff;
}

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

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

.text-red
{
    color:#ef4135;
}

.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:#ef4135;
}

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







ul.nav li
{
display:inline;padding-right:0px;
}

ul.nav a
{
display:inline;
border-bottom:none;
text-decoration:none;
}

ul.nav a:hover
{
    text-decoration:underline;
    /*color:#fad810;*/
}

ul.nav
{
    margin:0px; 
    list-style:none;
    padding:0px;
}

ul.nav li ul {
    position: absolute;
    width: 10em;
    left: -999em;
}
ul.nav li:hover ul {
    left: auto;

}

ul.nav li ul a {
    left: auto;
    display: block;
    width: 10em;}
    

/* ######### Default class for drop down menus ######### */

.anylinkmenu {
position: absolute;
left: 0;
top: 0;
visibility: hidden;
border: 0px solid black;
border-bottom-width: 0;
font: normal 12px arial;
line-height: 18px;
z-index: 100; /* zIndex should be greater than that of shadow's below */
/*background: lightyellow;*/
width: 135px; /* default width for menu */
}

.anylinkmenu ul {
margin: 0px;
padding: 0px;
list-style-type: none;
}

.anylinkmenu ul li a {
width: 100%;
display: block;
text-indent: 0px;
padding: 8px;
text-decoration: none;
font-weight: bold;
}

.anylinkmenu a:hover { /*hover background color*/
/*background: black;*/
color: white;
text-decoration: underline;
}

.anylinkmenu a { /*hover background color*/
/*background: black;*/
color: white;
}

.anylinkmenucols {
position: absolute;
left: 0;
top: 0;
visibility: hidden;
border: 0px solid black;
border-bottom-width: 0;
font: normal 12px arial;
line-height: 18px;
z-index: 100; /* zIndex should be greater than that of shadow's below */
/*background: lightyellow;*/
width: 135px; /* default width for menu */
}

.anylinkmenucols ul {
margin: 0px;
padding: 0px;
list-style-type: none;
}

.anylinkmenucols ul li a {
width: 100%;
display: block;
text-indent: 0px;
padding: 8px;
text-decoration: none;
font-weight: bold;
}

.anylinkmenucols a:hover { /*hover background color*/
/*background: black;*/
color: white;
text-decoration: underline;
}

.anylinkmenucols a { /*hover background color*/
/*background: black;*/
color: white;
}

/* ######### class for shadow DIV ######### */


.anylinkshadow{ /*CSS for shadow. Keep this as is */
position: absolute;
left: 0;
top: 0;
z-index: 99; /*zIndex for shadow*/
background: black;
visibility: hidden;
}