/* CSS Document */
/* 	Grafton Motorcycles
	Last updated on March 03, 2007
	Created & Updated by SU & AL
*/

/* 	===================================================================================================
												BODY
===================================================================================================  */

BODY
{
	margin: 0px;
	padding: 0px;
	text-align: center;
	SCROLLBAR-FACE-COLOR: #EEEBE6;
	SCROLLBAR-HIGHLIGHT-COLOR: #F2F2F2;
	SCROLLBAR-SHADOW-COLOR: #E0E0E0;
	SCROLLBAR-3DLIGHT-COLOR: #F2F2F2;
	SCROLLBAR-ARROW-COLOR: #38575C;
	SCROLLBAR-TRACK-COLOR: #E0E0E0;
	SCROLLBAR-DARKSHADOW-COLOR: #999999;
	background-color: #FFFFFF;
}

/* 	===================================================================================================
												Links
===================================================================================================  */

a
{
	text-decoration: none;
	color: #000000;
}

a:hover
{
	color: #e00024;
	text-decoration: underline;	
}

.sublink-blued a
{
	COLOR: #1E317D;
	text-decoration: none;	
}

.sublink-blued a:hover
{
	COLOR: #FF9900;
	text-decoration: underline;
}

.leftsidemenu a
{
	COLOR: #000000;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	text-transform: uppercase;
	background-attachment: scroll;
	background-image: url(../grafton-motorcycles-images/background-leftside-menu.jpg);
	background-repeat: no-repeat;
	background-position: left;
	height: 25px;
	width: 171px;
	display: block;
	line-height: 22px;
}

.leftsidemenu a:hover
{
	COLOR: #E00024;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	text-transform: uppercase;
	background-attachment: scroll;
	background-image: url(../grafton-motorcycles-images/background-leftside-menu.jpg);
	background-repeat: no-repeat;
	background-position: left;
	height: 25px;
	width: 171px;
	display: block;
	line-height: 22px;
}

.leftsidemenu-normal
{
	COLOR: #E00024;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	text-transform: uppercase;
	background-attachment: scroll;
	background-image: url(../grafton-motorcycles-images/background-leftside-menu.jpg);
	background-repeat: no-repeat;
	background-position: left;
	height: 25px;
	width: 171px;
	display: block;
	line-height: 22px;
}


.mainmenu a
{
	COLOR: #FFFFFF;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	text-transform: uppercase;
	height: 20px;
	width: 90px;
	display: block;
	line-height: 21px;
	text-align: center;
	background-color:#E00024;
}

.mainmenu a:hover
{
	COLOR: #000000;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	text-transform: uppercase;
	height: 20px;
	width: 90px;
	display: block;
	line-height: 21px;
	text-align: center;
	background-color:#E00024;	
}

.mainmenu-normal
{
	COLOR: #000000;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	text-transform: uppercase;
	height: 20px;
	width: 90px;
	display: block;
	line-height: 21px;
	text-align: center;
	background-color:#E00024;	
}

/* 	===================================================================================================
												Heading
===================================================================================================  */

.heading1 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 450%;
	color: #E00024;
	text-decoration: none;
	line-height: 70px;
	font-weight: bold;
	text-transform: uppercase;
}

.heading2 
{	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 240%;
	color: #000000;
	text-decoration: none;
	line-height: 30px;
	font-weight: bold;
	text-transform: uppercase;
}
	
.heading3 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 110%;
	color: #000000;
	text-decoration: none;
	font-weight: bold;
	text-transform: uppercase;
}

.heading4 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 150%;
	color: #E00024;
	text-decoration: none;
	line-height: 25px;
	font-weight: bold;
	text-transform: uppercase;
}

.heading5 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #000000;
	text-decoration: none;
	line-height: 20px;
	font-weight: bold;
	text-transform: none;
}

.heading6 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
	line-height: 18px;
	font-weight: bold;
}

.heading-about-us
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #df0023;
	text-decoration: none;
	font-weight: bold;
}

.heading-honda-01
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 200%;
	color: #df0023;
	text-decoration: none;
	line-height: 35px;
	text-align: center;
	vertical-align: top;
}

.heading-honda-new2
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 150%;
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
	vertical-align: top;
}

.paragraph
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 70%;
	color: #000000;
	line-height: 16px;
}

.paragraph-box
{
	font-family: Arial, Helvetica, sans-serif, "Arial Narrow", Tahoma;
	font-size: 75%;
	color: #FFFFFF;
	line-height: 18px;
	font-weight: bold;
	text-decoration: none;
	background-color: #231F20;
	background-repeat: repeat;
	height: 30px;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.paragraph-small
{
	font-family: Arial, Helvetica, sans-serif, "Arial Narrow", Tahoma;
	font-size: 70%;
	color: #000000;
	line-height: 16px;
}

.paragraph-product-model
{
	font-family: Arial, Helvetica, sans-serif, "Arial Narrow", Tahoma;
	font-size: 60%;
	color: #000000;
	line-height: 16px;
	text-transform: uppercase;
}

.paragraph-product-price
{
	font-family: Arial, Helvetica, sans-serif, "Arial Narrow", Tahoma;
	font-size: 90%;
	color: #000000;
	line-height: 18px;
	font-weight:bold;
	text-transform: uppercase;
	text-decoration: line-through;
}

.paragraph-product-saveprice
{
	font-family: Arial, Helvetica, sans-serif, "Arial Narrow", Tahoma;
	font-size: 95%;
	color: #E00024;
	line-height: 18px;
	font-weight:bold;
	text-transform: uppercase;
	}
	
	.paragraph-inner
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	color: #000000;
	line-height:18px;
	font-weight: normal;
	text-decoration: none;
	padding-bottom:-10px;
	text-align: justify;
	}

	.paragraph-finance
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	color: #000000;
	line-height: 18px;
	font-weight: normal;
	text-decoration: none;
	padding-top:7px;
	}
	
	.paragraph-finance-bottom
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 70%;
	color: #999999;
	font-weight: normal;
	text-decoration: none;
	padding-top:7px;
	padding-left: 5px;
	}
	
   .paragraph-contact
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	color: #000000;
	font-weight: bold;
	text-decoration: none;
	padding-top:12px;
	padding-left: 5px;
	line-height: 18px;
	}
/* 	===================================================================================================
											Background Images
===================================================================================================  */

.background-top
{
	background-attachment: scroll;
	background-image:  url(../grafton-motorcycles-images/background-top-logo.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 136px;
	width: 1003px;
}

.background-leftside-top
{
	background-attachment: scroll;
	background-image:  url(../grafton-motorcycles-images/background-leftside-top.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 41px;
	width: 208px;
}

.background-content
{
	background-attachment: scroll;
	background-image:  url(../grafton-motorcycles-images/background-contents-top.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width: 795px;
	background-color: #FFFFFF;
}

.background-product-title
{
	background-attachment: scroll;
	background-image:  url(../grafton-motorcycles-images/background-product-title.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width: 160px;
	font-family: Arial, Helvetica, sans-serif, "Arial Narrow", Tahoma;
	font-size: 75%;
	text-transform: uppercase;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	height: 17px;
	padding-left: 15px;
	padding-top: 1px;
}

.background-accssories-title
{
	background-attachment: scroll;
	background-image:  url(../grafton-motorcycles-images/background-accessories-name.gif);
	background-repeat: no-repeat;
	background-position: center top;
	width: 86px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8px;
	text-transform: uppercase;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	height: 22px;
	text-align: center;
	vertical-align: middle;
	line-height: 8px;
}

.background-accssories-brand
{
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: center center;
	width: 86px;
	color: #FFFFFF;
	height: 51px;
	border: 2px solid #d5d5d5;
	background-color: #FFFFFF;
}

.background-financce-logo
{
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: center center;
	width: 470px;
	color: #FFFFFF;
	height: 60px;
	border: 1px solid #d5d5d5;
	background-color: #FFFFFF;
}

.background-contact-map
{
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: center center;
	width: 425px;
	color: #FFFFFF;
	height: 335px;
	background-image: url(../grafton-motorcycles-images/contacts-map.gif);
}

.background-honda-used
{
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: center center;
	width: 555px;
	background-color: #231f20;
	height: 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 110%;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
	padding: 5px;
}

.background-about-us
{
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: left top;
	width: 313px;
	height: 234px;
	background-image: url(../grafton-motorcycles-images/background-abouts-us-img.jpg);
}
/* 	===================================================================================================
												Images
===================================================================================================  */

.img-logo
{
	margin-right: 20px;
	margin-bottom: 35px;
}


/* 	===================================================================================================
											Tables Boxes
===================================================================================================  */

.table-leftside
{
	background-color: #E00024;
	font-family: Arial, Helvetica, sans-serif, "Arial Narrow", Tahoma;
	font-size: 10px;
	font-weight: normal;
	color: #B9C0C6;
	text-decoration: none;
	background-repeat: repeat;
	width: 208px;
}

.table-content
{
	text-decoration: none;
	padding-top: 20px;
	padding-left: 20px;
	padding-bottom: 20px;
}

.table-products
{
	text-decoration: none;
	padding-top: 6px;
	padding-left: 6px;
	padding-bottom: 5px;
}

.table-products-offerprice
{
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif, "Arial Narrow", Tahoma;
	font-size: 90%;
	line-height: 18px;
	font-weight: bold;
	text-transform: uppercase;
	color: #FFFFFF;
	background-color: #E00024;
	background-repeat: repeat;
	display: block;
	text-align: center;
	height: 35px;
	width: 50px;
}


/* 	===================================================================================================
												Footer
===================================================================================================  */

.footer
{
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
	text-decoration: none;
	line-height: 16px;
	padding-left: 10px;
	padding-bottom: 5px;
	padding-top: 5px;
}

/* 	===================================================================================================
												Form Elements
===================================================================================================  */

.submit-button
{
	BORDER-RIGHT: #999999 1px;
	BORDER-TOP: #999999 1px;
	FONT-WEIGHT: bold;
	FONT-SIZE: 11px;
	BACKGROUND-ATTACHMENT: scroll;
	BACKGROUND-IMAGE: none;
	BORDER-LEFT: #999999 1px;
	WIDTH: 58px;
	CURSOR: hand;
	COLOR: #FFFFFF;
	BORDER-BOTTOM: #999999 1px;
	BACKGROUND-REPEAT: no-repeat;
	FONT-STYLE: normal;
	FONT-FAMILY: "Trebuchet MS", Arial, Helvetica, sans-serif;
	HEIGHT: 23px;
	TEXT-DECORATION: none;
	display: block;
}

.txt-input
{
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: none;
	font-size: 12px;
	border: 1px solid #CCCCCC;
	line-height: 16px;
	text-align: left;
	height: 18px;
	width: 160px;
}

.txt-textarea
{
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: none;
	font-size: 12px;
	width:200px;
	height:75px;		
	border: 1px solid #CCCCCC;
}

.txt-form
{
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	text-decoration: none;
	font-size: 75%;
}

.button-submit
{
	BACKGROUND-ATTACHMENT: scroll;
	BACKGROUND-IMAGE: url(../grafton-motorcycles-images/buttton-submit.gif);
	WIDTH: 65px;
	HEIGHT: 20px;
	CURSOR: hand;
	TEXT-DECORATION: none;
	border: 1px none #CCCCCC;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 70%;
	font-weight: bold;
	color: #FFFFFF;
}