/* COLOURS
  
  BOLD ORANGE: fe5200
  FONT COLOUR: 656565
*/

/*-------------------------------
    Generic styles
 --------------------------------*/

html, body {
    margin: 0;
    padding: 0;
    background-color: #e0e0e0;
    font-family: Trebuchet MS, Arial, Verdana, Times, "Times New Roman", serif, sans-serif;
    font-size: small;
    color: #656565;
}

h1,h2,h3,h4,h5,ul,li {
    margin: 0;
    padding: 0;
    font-size: 1em;
}

h1,h2,h3,h4,h5 {
	color: #fe5200;
}

h2 {
	line-height: 2em;
}

p {
    margin-bottom: 10px;
    padding: 0;
}

a:link, a:visited {
    color: #656565;
    text-decoration: underline;
}

a:hover {
    text-decoration: none;
}

a img {
    border: none;
}

img {
    display: block;
}

.replaced {
    display: none;
}

.clear {
    clear: both;
}

div.messages p {
    font-size: 0.8em;
    color: red;
    padding: 0;
    margin: 0;
}

div.messages p.confirm {
    color: green;
}

p.product_name {
	color: #0077d4;
	font-size: 0.75em;
}

ul.bodylist {
    margin-left: 15px;
}

/*-------------------------------
    Buttons
 --------------------------------*/

a.button:link, a.button:visited, input.button {
	display: block;
	float: left;
	background: #ebebeb url(/local/img/buttonbg.gif) top left repeat-x;
	text-decoration: none;
	padding: 5px 20px;
	color: #444444;
	border: none;
}

a.button:hover, input.button:hover {
	color: #fe5200;
	cursor: pointer;
}

a.button.margin, input.button.margin {
	margin-left: 10px;
}

/*-------------------------------
    Main Layout
 --------------------------------*/

#wrap {
    width: 960px;
    margin: 0 auto 20px;
}

    #header, #footer {
        background-color: #fe5200;
        color: white;
		overflow: hidden;
		height: 100%;
    }
    
		#footer a:link, #footer a:visited, #header a:link, #header a:visited {
            color: white;
        }
		
		#header #logocontainer {
			padding: 60px 0 20px 43px;
			float: left;
		}
		
		#header #usercontainer {
			float: right;
			padding: 5px 10px;
			text-align: right;
		}
        
			h1 {
				color: white;
				width: 128px;
				height: 61px;
				background: #fe5200 url(/local/img/logo.gif) top left no-repeat;
			}
        
    #main_nav {
        background: #FFFFFF url(/local/img/nav_bg.gif) top left repeat-x;
        line-height: 2em;
		border-bottom: 3px solid #666666;
    }
    
        #main_nav a {
            display: block;
            float: left;
            border-right: 1px solid #c5c5c5;
            border-left: 1px solid white;
            text-align: center;
            border-bottom: 3px solid white;
            text-decoration: none;
			padding:3px 20px 0 20px;
			font-weight:bold;
			font-size:0.9em;	
        }
        
        #main_nav a.first {border-left: none;}
        #main_nav a.last {border-right: none;}
        
        #main_nav a#nav_home:hover,
        #main_nav a#nav_about:hover,
        #main_nav a#nav_contact:hover,
        #main_nav a#nav_store:hover,
        #main_nav a#nav_basket:hover
        {border-bottom: 3px solid #fe5200;}
        
        #searchbar {
            float: right;
			padding: 5px 10px 0 0;
        }
		
			#searchbar form{
				margin: 0px;
			}
			
        	#searchbar input.button{
				padding: 2px;
			}
			
			#searchbar input, #searchbar label {
				display: block;
				float: right;
			}
            
            #searchbar label {
                margin-top: -3px;
            }
			
            input.uniform_border {
                border: 1px solid #888888;
            }
        
    #content {
        height: 595px;
        background: transparent url(/local/img/home_bg.jpg) bottom left no-repeat;
    }
    
        #content .contentbox {
            margin: 14px 16px;
			padding-bottom: 15px;
            overflow: hidden;
            background: white url(/local/img/gradient.gif) top left repeat-x;
        }
        
            #content .contentbox.tsandcs {
                margin: 14px 0 0 16px;
                padding-bottom: 0;
                background: white url(/local/img/gradient.gif) top left repeat-x;
            }
        
            ul#contact {
                margin-left: 15px;
            }
            
                ul#contact li {
                    margin-bottom: 5px;
                }
                
            #tsandcs {
                padding: 10px 10px 0 0;
            }
        
        #introduction {
            float: left;
            width: 533px;
            padding: 0 16px 6px 16px;
        }
		
        #introduction.tsandcs {
            padding-right: 0;
        }
        
			#introduction .messages{
				margin:10px 0 0 0;
			}
			
			#introduction table{
				margin:10px 0 0 0;
			}
			
			#introduction table tr.pad td {
				padding-bottom: 5px;
			}
			
			#introduction input {
				border:1px solid #FF6600;
				margin:0 10px 0 10px;
			}
			
			#introduction input.button {
				margin: 0;
				border: none;
			}
            
            #logindesc {
                float: right;
                width: 50%;
            }
            
        #content #offers.contentbox {
            width: 259px;
            float: right;
			padding-bottom: 0;
		}
		
			#offers h2 {
				padding-left: 10px;
			}
		
			#offerscroller {
				height: 500px;
				overflow: hidden;
			}
            
            #scroll_up {
                height: 17px;
                background: transparent url(/local/img/scroll_up.gif) top left no-repeat;
                display: block;
            }
            
            #scroll_down {
                height: 17px;
                background: transparent url(/local/img/scroll_down.gif) top left no-repeat;
                display: block;
            }
    
    #store_content {
        background-color:#ffffff;
        padding: 15px;
    }
    
		#store_content div.messages {
			margin-bottom: 10px;
		}
		
		#store_content div.messages p {
			font-size: 1em;
			text-align: center;
		}

	
		#store_content h2 {
			font-size: 1.4em;
			line-height: 1.4em;
			margin-bottom: 8px;
		}
		
		#store_content h3 {
			color: #656565;
		}
    
        #store_navigation {
            width: 175px;
            float: left;
            margin-right: 10px;
        }
    
            #store_navigation a:link, #store_navigation a:visited {
                text-decoration: none;
				padding:0 10px;
				line-height:3em;
            }
            
            #store_navigation a:hover {
                text-decoration: underline;
            }
            
            #store_navigation li {
                background: url(/local/img/gradient.gif) #f3f3f3 top left repeat-x;
                font-size: 0.9em;
                font-weight: bold;
                text-transform: uppercase;
                list-style: none none outside;
                position: relative;
                cursor: pointer;
            }
            
                #store_navigation div.selected {
                    background: url(/local/img/bike_icon.png) transparent 158px center  no-repeat;
                }
            
                #store_navigation li ul {
					background:#E8E8E8;
                    position: absolute;
                    left: 175px;
                    top: 0;
                    width: 175px;
                    z-index: 100;
                    display: none;
                    cursor: auto;
                    border-top:1px solid #CCCCCC;
                }
                
                    #store_navigation li ul li {
                        background: none;
						border-bottom:1px solid #CCCCCC;
						font-weight:normal;
						text-transform:lowercase;
                    }
                    
					#store_navigation li ul li a{
						line-height:normal !important;
						margin:5px 0;
						display:block;
					}
                    
                    #store_navigation li ul li.selected a {
                        font-weight: bold;
                    }
         
		.store_stuff {
			float:left;
			margin: 0;
			width:560px;
		}
		
			#product_details {
				text-align: center;
				float: left;
				padding: 0 20px 10px 0;
			}
		
		.store_basket {
			background:#F2F2F2;
			padding:0 20px;
			width:700px;
			float:left;
			margin: 0;
			text-align: left;
			-moz-border-radius: 1em;
		}
		
			.store_basket table thead tr th {
				border-bottom:1px solid #CCCCCC;
				padding:5px 0;
			}
			
			.store_basket table thead tr th.itemcol {
				width: 70%;
			}
			
			.store_basket table tr .cost {
				text-align: right;
			}
			
			.store_basket table tbody tr td, .store_basket table tbody tr th {
				border-bottom:1px solid #CCCCCC;
				padding:10px 0;
			}
			
			.store_basket table tfoot tr td {
				border-bottom:0px;
				padding:10px 0;
			}
            
            .store_basket label {
                display: block;
            }
        
        #products {
			float:left;
			margin:0;
        }
		
		.special {
			text-align: center;
			padding: 10px 0;
		}
        
            #products td {
                text-align: center;
                vertical-align: bottom;
                padding-bottom: 10px;
                width: 33.3%;
            }
            
                #products table {
                    margin: 0 auto;
                }
            
                #products table td  {
                    vertical-align: middle;
                }

                 #products table td.price  {
                    font-weight: bold;
                    color: black;
                }
            
                #products td img, .special img {
                    margin: 0 auto 10px;
                }
                
                #products td p, .special p {
                    margin: 0;
                    padding: 0;
                }
				
				#products tfoot td {
					padding:10px 0 10px 0;
					text-align:left;
				}
				
					#products tfoot td strong {
						color: #fe5200;
					}
				
					#products tfoot td a:link, #products tfoot td a:visited {
						text-decoration: none;
					}
					
					#products tfoot td a:hover {
						text-decoration: underline;
					}
				
					#products td .product_wrap {
						position: relative;
					}
					
						#products td .product_wrap a.details_link {
							display: block;
							position: absolute;
							top: 0;
							right: 0;
							background-color: #F2F2F2;
							padding: 3px;
							-moz-border-radius: 0.6em;
							color: #fe5200;
						}
						
						#products td .product_wrap a.details_link:link, #products td .product_wrap a.details_link:visited {
							text-decoration: none;
						}
						
						#products td .product_wrap a.details_link:hover {
							text-decoration: underline;
						}
        
        #basket {
            float: left;
            width: 165px;
			background-color: #F2F2F2;
			padding:10px;
			-moz-border-radius: 1em;
        }
		
			#basket table tbody tr.item td {
				border-top:1px solid #cccccc;
				padding: 5px 0;
			}
			
			#basket table tbody tr.item td.quantity {
				padding: 0 2px;
			}
			
			#basket table tfoot tr.totals td, #basket table tfoot tr.totals th{
				border-top:1px solid #666666;
				padding-top:10px;
			}
			
			#basket table thead td, #basket table thead th{
				padding: 5px 0;
			}
		
    
    #footer {
        border-top: 5px solid white;
        padding-left: 20px;
        line-height: 35px;
        font-size: smaller;
        clear: both;
    }
		
		#footer a:link, #footer a:visited {
            padding: 0 5px;
        }