@import url('core.css');
@import url('core.css');

.strong { font-weight: bold;   }
.italic { font-style:  italic; }
.normal { font-weight: normal; }

.white  { color: #fff !important; }
.red    { color: #f00 !important; }

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

.tabtop-10  { margin-top: 10px;  }
.tabtop-20  { margin-top: 20px;  }
.tabtop-30  { margin-top: 30px;  }
.tabtop-40  { margin-top: 40px;  }
.tabtop-50  { margin-top: 50px;  }

.tabright-10  { margin-right: 10px;  }
.tabright-20  { margin-right: 20px;  }
.tabright-30  { margin-right: 30px;  }
.tabright-40  { margin-right: 40px;  }
.tabright-50  { margin-right: 50px;  }

.tabbottom-10  { margin-bottom: 10px;  }
.tabbottom-20  { margin-bottom: 20px;  }
.tabbottom-30  { margin-bottom: 30px;  }
.tabbottom-40  { margin-bottom: 40px;  }
.tabbottom-50  { margin-bottom: 50px;  }

.tableft-10  { margin-left: 10px;  }
.tableft-20  { margin-left: 20px;  }
.tableft-30  { margin-left: 30px;  }
.tableft-40  { margin-left: 40px;  }
.tableft-50  { margin-left: 50px;  }


body { 
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	background: url("../images/core/bg.jpg");
	background-position: top center;
	background-repeat: no-repeat;
	background-color: #000;
}

    #p-about, #p-usedbikes, #p-workshop, #p-newbikes, #p-contact {
    	background: url("../images/core/bg-inner.jpg");
		background-position: top center;
		background-repeat: no-repeat;
		background-color: #000;
    } 

.wrapper {
    float: left;
    width: 100%;
}

.container {
    margin: 0 auto;
    width: 940px;
}

/**************************************************** HEADER */
#header { height: 135px; }

    #header-logo {
    	float: left;
		width: 270px;
		height: 135px;
    }

    #navigation { position: relative; float: right; width: 505px; margin: 56px -11px 0px 0px; }
	
        #navigation #nav-links a, #navigation #nav-links li {
        	display: block;
			height: 70px;
        }
		
            #navigation #nav-links #nav-index {
            	width: 60px;
				background-image: url("../images/nav/nav-home.png");
            }
			
			#navigation #nav-links #nav-about {
                width: 70px;
                background-image: url("../images/nav/nav-about.png");
            }
			
			#navigation #nav-links #nav-usedbikes {
                width: 95px;
                background-image: url("../images/nav/nav-usedbikes.png");
            }
			
			#navigation #nav-links #nav-workshop {
                width: 100px;
                background-image: url("../images/nav/nav-workshop.png");
            }
			
			#navigation #nav-links #nav-newbikes {
                width: 95px;
                background-image: url("../images/nav/nav-newbikes.png");
            }
			
			#navigation #nav-links #nav-contact {
                width: 85px;
                background-image: url("../images/nav/nav-contact.png");
            }
			
			#navigation #nav-links a:hover {
				background-position: center bottom!important;
			}
			
			#p-index #navigation #nav-links #nav-index,
			#p-about #navigation #nav-links #nav-about,
			#p-usedbikes #navigation #nav-links #nav-usedbikes,
			#p-workshop #navigation #nav-links #nav-workshop,
			#p-newbikes #navigation #nav-links #nav-newbikes,
			#p-contact #navigation #nav-links #nav-contact 
			{
				background-position: center bottom!important;
			}

/**************************************************** CONTENT */
.content {
    background-color: #ccddee;
}

/***** BANNER *****/

    #banner {
        width: 100%;
        height: 450px;
    }
    
        #banner-box {
            margin: 131px 0px 0px 0px;
            color: #fff;
            float: right;
            height: 310px;
            width: 380px;
        }
    
        #banner-image-header {
            background-image: url("../../images/core/title-goodtime.gif");
            width: 380px;
            height: 80px;
        }
        
        #banner-text {
            margin: 10px 0px 0px 0px;
            font-size: 11px;
            line-height: 18px;
        }
        
        #banner-cta {
            margin: 27px 0px 0px -1px;
            width: 240px;
            height: 60px;
        }
        
            #banner-cta a {
                background-image: url("../../images/core/button-usedbikes.gif");
                display: inline-block;
                width: 240px;
                height: 60px;
            }
            
            #banner a:hover {
                background-position: left bottom;
            }
            
/***** CTA-NAVS *****/
    #cta-navs {
    	margin: 33px 0px -5px -1px;
    	height: 162px;
		
    }
        #cta-navs ul {
        	width: 960px;
			height: 162px;
			margin: 0px;
			padding: 0px;
        }
		
        #cta-navs ul li {
        	float: left;
        	display: inline-block;
			margin: 0px 12px 0px 0px;
			padding: 0px 0px 0px 0px;
			width: 302px;
			height: 162px;
        }
		
		    #cta-usedbikes {
		    	background-image: url("../../images/core/cta-usedbikes.gif");
		    }
		
			#cta-newbikes {
				background-image: url("../../images/core/cta-newbikes.gif");
			}
			
			#cta-workshop {
				background-image: url("../../images/core/cta-workshop.gif");
			}
			
                .cta-context {
                	font-size: 10px;
                	float: right;
                	margin: 25px 8px 0px 0px;
                	width: 155px;
					height: 100px;
                }
				    
					.cta-context p {
						margin: -18px 0px 0px 0px;
					}
					
					#cta-navs {
						color: #ddd;
					}
				
					#cta-navs a:link, #cta-navs a:visited {
				        text-decoration: none;
				        color: #80D03D;
				    }
				    
				    #cta-navs a:hover {
				        text-decoration: underline;
				    }

    #main {
    	float: left;
    	margin: 5px 0px 50px 0px; /* just to negate the value of #cta-navs */
    }
	
        #inner-spacer {
			height: 205px;
        }
	
        #primary *, #secondary * {
        	color: #ccc;
        }
		
		#primary * a:link, #secondary * a:link, #primary * a:visited, #secondary * a:visited {
			text-decoration: none;
			color: #80D03D;
		}
		
		#primary * a:hover , #secondary * a:hover {
			text-decoration: underline;
		}
	
	    /**************************************************** CONTENT - Primary */
	    #primary * { font-size: 11px; line-height: 18px!important; }
	    
		#primary {
			margin-top: 60px;
	    	width: 580px;
			min-height: 300px;
		}
		
            #p-about #primary, #p-usedbikes #primary, #p-workshop #primary, #p-newbikes #primary {
            	width: 875px;
            }
		
            /* USED BIKES */
			#usedbikes-gallery {
				float: left;
				width: 100%;
				margin: 20px 0px 0px 25px;
			}
			
                #usedbikes-gallery ul {
                	margin: 0px 0px 0px 0px;
					padding: 0px 0px 0px 0px;
					list-style: none;
                }
                
				#usedbikes-gallery li a, #usedbikes-gallery li {
					float: left;
                    display: inline-block;
                    width: 249px;
                    height: 250px;
					margin: 0px 40px 0px 0px;
					padding: 0px 0px 0px 0px;
					text-decoration: none !important;
					text-align: center;
				}
				
                #usedbikes-gallery li a {
                	overflow: hidden;
					background-repeat: no-repeat;
					color: #808080 !important;
					font-size: 18px;
                }
				
                    #usedbikes-gallery li a img {
                        border: solid 8px #404040;
						margin: 0px 0px 10px 0px;
                    }
					
					#usedbikes-gallery li a:hover {
						color: #63D031 !important;
					}
            
                /* PRODUCT DETAILS */
				#item-name { 
				}
				
				#item-content {
					float: left;
					width: 100%;
				}
				    
					#item-image-container {
						float: left;
                        width: 400px;
					}
				    
						#item-image img {
							width: 350px;
							height: 250px;
							margin: 0px 0px 10px 0px;
					    }
						
						#item-specs {
							float: left;
							width: 400px;
						}
						
                            #item-specs ul {
                            	list-style-type: circle !important;
                            }
						
                            #item-specs li {
                            	height: 18px;
								text-align: left;
                            }
			
                    #item-enquire {
                    	float: left;
						width: 400px;
						height: 50px;
                    }
					
                        #item-enquire a {
                        	margin: 5px 0px 0px 0px;
                        	display: inline-block;
							width: 162px;
							height: 42px;
							background-image: url("../../images/core/enquire-here.gif");
                        }
						
						#item-enquire a:hover {
							background-position: center bottom;
						}
					
					#item-price {
						float: left;
						width: 200px;
						height: 30px;
					}
			
            /* ENQUIRY FORM */
			#contact-form input, #contact-form textarea {
				color: #303030 !important;
				font-family: arial;
				font-size: 12px !important;
			}
			
			#contact-form .required {
				height: 20px;
				width: 225px;
			}
			
			#contact-form textarea.required {
				height: 100px !important;
				
			}
			
			#contact-form .button input {
				height: 30px;
			}
			
			#contact-form .error {
				color: #f00;
			}
			
	    
	    /**************************************************** CONTENT - Secondary */
		#p-about #secondary, #p-usedbikes #secondary, #p-workshop #secondary, #p-newbikes #secondary, #p-contact #secondary {
			margin: 60px 0px 0px 0px;
		}
		
		#secondary * { font-size: 10px; line-height: 15px; }
		
	    #secondary { 
            margin: 0px 0px 0px 10px;
            width: 250px;
			min-height: 200px;
		}
    
        #secondary-contactus {
        	margin: 0px 0px 35px 0px;
        }
		
		#secondary-address {
			float: left;
			width: 125px;
		}
		
		#secondary-contactlist {
			margin: 0px 0px 0px 10px;
			float: left;
		}
		
		#secondary-safemail {
			float: left;
			margin: 20px 0px 0px 0px;
			border: solid 0px #f00;
		}
		

/**************************************************** FOOTER */
#footer-wrapper {
    border-top: solid 1px #1F1F1F; /* template style border */
	height: 138px;
}
    #footer-wrapper .container {
        margin-top: 33px
    }
	
	#footer {
		font-size: 10px;
		color: #525250;
		margin: 0px 0px 80px 0px;
	}
	
        #footer-links-copyright {
        	float: left;
			width: 390px;
        }
		
            #footer-links-copyright ul {
            	margin: 0px 0px 5px 0px;
            }
			
                #footer-links a:link, #footer-links a:visited {
                	color: #525250;
					text-decoration: none;
                }
				
				#footer-links a:hover, #footer-links a:active {
					color: #80D03D;
				}
	
        #footer-logo-webfirm {
        	float: right;
        	width: 285px;
        }

/* GOOGLEMAP */
.googlemap      { height:300px; width:500px; border: solid 3px #404040; margin: 0px 0px 20px 0px; }
.googlemap span { height:300px; width:500px; display: block; margin-bottom: 3px; text-align: center; }

#product-enquiry-form * {
  color: #ccc;
}
    
#product-enquiry-form * a:link, #product-enquiry-form * a:visited {
  text-decoration: none;
  color: #80D03D;
}
    
#product-enquiry-form * a:hover {
  text-decoration: underline;
}
  
/**************************************************** CONTENT - product-enquiry-form */
#product-enquiry-form * { font-size: 11px; line-height: 18px!important; }
      
#product-enquiry-form {
  padding: 20px;
  width: 550px;
  height: 500px;
}