/*
*       CSS for BikBos website
*/

body {
	width: 100%;
	margin: 0px;
	background: #19465B;
}


/*-------------------------*/ 
/*	BANNER					*/ 
/*-------------------------*/ 
#banner {
	width: 860px;
	height: 100px;
	background: url('image/banner-bg.jpg') left top repeat-y;
}
#banner table {
	font: 12px arial,tahoma,verdana;
	color: #FFF;
}

.noborder { border: 0px; }
.product { width: 45px; height: 50px; border: 1px solid #FFF; }
.wrap1 { width:90px; height: 100px; float: left; }
.required { font: 12px arial,tahoma,verdana; color: #FF0000; }
.msg { font: 12px arial,tahoma,verdana; color: #0000FF; }
.txt-right { text-align: right; padding-right: 10px; }
.deco-input { background: url('image/input-bg.gif') left top repeat-x; border: 1px solid #C0C0C0; margin: 1px; padding-left:3px; padding-right:3px; }
select, input, textarea { font: 12px arial,tahoma,verdana; color: #444444;}
.title {
	height: 24px;
	vertical-align: middle;
	font: 14px arial,tahoma,verdana; font-weight: normal;
	color: #006FA4;
	text-align: left;
	text-indent: 15px;
	background: url('image/title-bg.jpg') left bottom no-repeat;
}
.richcontentDemo {
	font: 11px arial,tahoma,verdana; text-align: left;
	color: #444444;
	height: 320px;
}
a.login {
        font: 14px 'Century Gothic',arial,verdana,tahoma;
        font-weight: bold;
        text-decoration: none;
        color: #FFF; /*#FF0000;*/
        padding-ledt: 15px;
}
a.login:hover {
        font: 14px 'Century Gothic',arial,verdana,tahoma;
        font-weight: bold;
        text-decoration: none;
        color: #C0C0C0; /*#19465B;*/
        padding-ledt: 15px;
}


/*-------------------------*/ 
/*	DRAGN'DROP: CATEGORIES	*/ 
/*-------------------------*/ 
#dragdrop {
	height: 320px;
	overflow: auto;
}
#dragdrop td {
	font: 11px arial,tahoma,verdana; text-align: left;
}

/*-------------------------*/ 
/*	PRODUCTS						*/ 
/*-------------------------*/ 
#search-res {
	width: 100%;
	height: 70px;
}
#search-res table {
	font: 11px arial,tahoma,verdana;
	color: #333333;
	height: 100%;
}
#search-res td.prev {
	background: url('image/res-left.png') left top no-repeat;
}
#search-res td.next {
	background: url('image/res-right.png') right top no-repeat;
}
#search-res td.content {
	background: url('image/res-body.png') left top repeat-x;
	vertical-align: top;
	padding-top: 5px;
}
#search-res td.slider {
	height: 10px;
	padding: 0px; margin: 0px;
}

/*-------------------------*/ 
/*	LEFT NAV				*/ 
/*-------------------------*/ 
#leftnav {
	width: 100%;
	height: 500px;
	background: url('image/leftnav-bg.jpg') left top repeat-x;
}
.leftnavImage { margin-left:1px; }
a.leftnav-head {
	font: 14px arial,'Century Gothic',arial,verdana,tahoma;
	font-weight: bold;
	text-decoration: none;
	background: #19465B;
	color: #FFF;
	padding-top: 5px; padding-bottom: 5px;
	display: block;
	text-align: left;
	text-indent: 10px;
	border-bottom: 1px solid #AAAAAA;
	border-top: 1px solid #444444;
	margin-left: 1px;
}
a.leftnav-head:hover {
	font: 14px arial,'Century Gothic',arial,verdana,tahoma;
	font-weight: bold;
	text-decoration: none;
	background: #FAFAFA url('image/menuon-bg.jpg') bottom left repeat-x;
	color: #444444;
	padding-top: 5px; padding-bottom: 5px;
	display: block;
	text-align: left;
	text-indent: 10px;
	border-bottom: 1px solid #AAAAAA;
	border-top: 1px solid #444444;
	margin-left: 1px;
}
a.leftnav {
	font: 12px arial,verdana,tahoma;
	font-weight: bold;
	text-decoration: none;
	color: #19465B;
	padding-top: 3px; padding-bottom: 3px;
	display: block;
	text-align: left;
	text-indent: 20px;
}
a.leftnav:hover {
	font: 12px arial,verdana,tahoma;
	font-weight: bold;
	text-decoration: none;
	color: #000;
	padding-top: 3px; padding-bottom: 3px;
	display: block;
	text-align: left;
	text-indent: 20px;
	background: #FFF;
}


/*-------------------------*/ 
/*	CONTENT						*/ 
/*-------------------------*/ 
#content {
	width: 860px;
	margin: 0px; padding: 0px;
	background: #FFF url('image/techno.jpg') right bottom no-repeat;
}
#content table {
	font: 12px arial,verdana;
	font-weight: normal;
	text-align: left;
	color: #000;
}
#content td.height-justify {
	height: 520px;
	width: 1px;
}
#content td.header {
	font: 16px arial,'Century Gothic',arial,verdana;
	font-weight: bold;
	text-align: center;
	color: #19465B;
}
#content li.home {
        font: 14px arial,'Century Gothic',arial,verdana;
        font-weight: bold;
        color: #19465B;
        padding-left: 30px;
}
#content td.seperator {
        width: 20px;
}
#inner-content {
	margin: 20px;
}


/*-------------------------*/ 
/*	FOOTER					*/ 
/*-------------------------*/ 
#footer {
	width: 860px;
	height: 40px;
	margin-top: 3px;
	background: #FFF;
	border-top: 1px solid #CCCCCC;
}
#footer table {
	width: 100%;
	font: 11px 'Century Gothic',arial,verdana;
	font-weight: bold;
	color: #19465B;
	text-align: center;
}


/*-------------------------*/ 
/*	FAVORITES				*/ 
/*-------------------------*/ 
#favori {
	width: 100%; height: 260px;
	border: 1px solid #D0D0D0; overflow: auto;
}
#favori table {
	font: 11px arial,tahoma,verdana;
	color: #333333;
	text-align: left;
}
#favori td.height-justify {
	width: 1px;
	height: 200px;
}
#favori td.header {
	background: url('image/gray-up-smallbg.png') left bottom repeat-x;
	border-bottom: 2px solid #ECF9FF;
	height: 24px;
	text-align: left;
	text-indent: 15px;
	vertical-align: middle;
	font: 12px tahoma,arial,verdana;
	color: #006FA4;
}