/*
Base style sheet
2007 (c) Crescent Holdings
www.crescentholdings.biz
3 March 2008
*/

* { margin: 0; padding:0; }

body{
	background-color: #fff; 
	margin: 5px 0px 0px;
	padding: 0px 0px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
/*	background-image: url(images/bkg.gif);
	background-repeat: repeat; */
	color : #000; 
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
}

a:link, a:visited, a:active {
	text-decoration: none;
	color: #000;
}
a:hover {
	text-decoration: none;
	color: #B01016;
}

div#container {
	width : 900px;
	margin : 0 auto;
	padding : 0;
	text-align : left;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
/*	border: thin dashed #0000FF; */
}

div#content_main {
	float : right;
	width : 800px;
	padding:0px 0px 0px 20px;
	/*margin-left:20px;*/
/*	background-color: #FFFF99; */
	top : 10px;
	position: relative;
	right: 50px;
}

div#content_main img {
	right: 0px;
	left: 0px;
	position: relative;
	margin-right:10px;
}
div#content_sub {
	float : left;
	width : 180px;
	margin : 0;
	padding : 0;
	background-color: #FFCCCC;
	top : 10px;
	position: relative;
	left: 50px;
	
}

div#content_sub_inside {
	float : left;
	width : 180px;
	margin : 0;
	padding : 0;
	background-color: #fff;
	top : 5px;
	position: relative;
	right: 50px;
}

div#site_info {
	width : 100%;
	font-size: xx-small;
}

div#footer {
	width : 800px;
	height : 50px;
	padding-top:6px;
	clear:both;
	text-align: center;
	position: relative;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #e73129;
	top:25px;	/* text-indent: 255px; */
}

p { margin : 0 1em; padding : .5em 0; line-height:1.5em; font-size:1em}

h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: normal;
	font-size: 20px;
	font-weight: bold;
	color: #027037;
	margin : 0 1em; 
	padding : .5em 0;
}

h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 18px;
	font-weight: bold;
	color: #B01016;
	text-indent: 2px; 
}

h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: medium;
	font-weight: bold;
	color: #000000;
	text-align: left;
	vertical-align: top;
	padding-top:5px;
}

ul {
	padding-right: 5px;
	padding-left: 35px;
	text-align: left;
	vertical-align: top;
	list-style-type: square;
	line-height:1.5em;
}

/* FORM : start */
form {
	border: 1px solid #d6d6d6;
	background-color: #FFFFFF;
	padding : 10px;
}

fieldset input,textarea { float : right; width : 45%; border : 1px solid #e590b8; }
fieldset input:hover,textarea:hover { border-color : #000; }
fieldset input:active, input:focus { border-color : #900; }
label, label span { display : block; padding-bottom : .25em; }
label { float : left; width : 100%; }
label span { float : left; width : 45%; text-align : right; }

/* =fieldset */
fieldset { 
margin-bottom : 10px; 
padding : 10px; 
border : 1px solid #a23668; 
overflow : hidden; 
}

#formarea {
	width: 500px;
	height: auto;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
}

.clearfix:after {
    content: ".";
	display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}

.tableLiteBlu {
	border: 1px solid #610209;
	/*background-color: #91205d;*/
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the table */
}

.catalognames {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: small;
	font-weight: bold;
	color: #990000;
	text-indent: 2px;
}
.catalognames a:link, .catalognames a:visited, .catalognames a:active {
	text-decoration: none;
	color: #990000;
}
.catalognames a:hover {
	text-decoration: none;
	color: #fff;
}
.catalognames.ul.li {
	padding-bottom: 5px;
}

div#catTop {
	float : left;
	width : 610px;
	height: 33px;
	margin : 0;
	padding : 0;
	background-color: #FFddbb;
	position: relative;
	left: 0px;
	clear:both;
	text-align: left;
	vertical-align: middle;
	background-image: url(images/catTop.png);
	text-indent:350px;
}

div#catTopCatelog {
	float : left;
	width : 610px;
	height: 33px;
	margin : 0;
	padding : 0;
	background-color: #FFCCCC;
	position: relative;
	left: 10px;
	clear:both;
	text-align: left;
	vertical-align: middle;
	background-image: url(images/catTop_catalog.png);
	text-indent:350px;
}

div#catBot {
	float : left;
	width : 610px;
	height: 33px;
	margin : 0;
	padding : 0;
	background-color: #FFCCCC;
	position: relative;
	left: 0px;
	clear:both;
	text-align: left;
	vertical-align: middle;
	background-image: url(images/catBot.png);
	text-indent:30px;
}

.div_mid
{

width:100%; 
height:100%; 
background-color:#CCCCCC;
z-index:100; 
position: absolute; 
left: 0; 
top: 0; 
filter:alpha(opacity=80);
-moz-opacity:.8;
opacity:.8; 
display:block

}

.div_top
{

/*background-color:#3366FF; */
z-index:200; 
position: absolute; 
display:block;

background:#F4E2B9;

}

.div_top_bikedesign
{

/*background-color:#3366FF; */
z-index:200; 
position: absolute; 
display:block;
color:#FFFFFF;
background-image:url(images/1px_pop_bg.gif);
background-repeat:repeat-x;

border:solid 2px #d82018;
}

.button_type1_mouseover
{
background-color:#2989b9;
}

.button_type1_mouseout
{
background-color:#073e59;
}

#button_type1
{
width:100px; height:18px; /*background-color:#d71b17;*/ padding:5px 0px 3px 0px; font-size:12px; font-weight:bold; text-align:center; vertical-align:bottom; color:#FFFFFF; border:solid 1px #1a1b49; cursor:pointer;
background-image:url(images/close-buttons.gif);
background-repeat:no-repeat;
}

#button_type1:hover
{
background-color:#ffcccc;
color:#d71b17;
}
