body{
	background-color: #362E2E;
	/*background-image: url('/images/shape-engine-title.gif');*/
	background-image: url('/images/red-bike-text-md.gif');
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-position:center; 	
	margin:0px;
}

DIV.reflection{
        position: absolute;
        width: 100%;
        height: 49%;
        background-image: url('/images/red-bike-text-md-ref.gif');
        background-repeat:no-repeat;
        background-attachment:fixed;
        background-position:center;
        margin:0px;
		filter:alpha(opacity=10);
        -moz-opacity:0.10;
        opacity:0.10;
        left:0px;
        top:50%;
        right: 0px;
        bottom: 20px;
        /*height: 49%;*/
        overflow: hidden;
        border: 0px solid #FFFFFF;
        z-index:1;
}

body.faintbody{
	background-color: #362E2E;
	/*background-image: url('/images/shape-engine-title-faint.gif');*/
	background-image: url('/images/red-bike-faint3.gif');
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-position:center; 	
	margin:0px;
	/*scrollbar-face-color: ThreeDFace !important;*/
	scrollbar-face-color: #800800 !important;
	/*scrollbar-shadow-color: ThreeDDarkShadow !important;*/
	scrollbar-shadow-color: #500900 !important;
	/*scrollbar-highlight-color: ThreeDHighlight !important;*/
	scrollbar-highlight-color: #FF5000 !important;
	/*scrollbar-3dlight-color: ThreeDLightShadow !important;*/
	scrollbar-3dlight-color: #FF5000 !important;
	/*scrollbar-darkshadow-color: ThreeDDarkShadow !important;*/
	scrollbar-darkshadow-color: #500900 !important;
	/*scrollbar-track-color: Scrollbar !important;*/
	scrollbar-track-color: #2F2F2F !important;
	/*scrollbar-arrow-color: ButtonText !important;*/
	scrollbar-arrow-color: #000000 !important;
	
}


DIV.topnav{
	/*background-color: #000000;*/
	background-image: url('/images/topbanner-horiz.jpg');
	background-repeat:repeat-x;
	background-attachment:fixed;
	/*background-position:center; 	*/
	height: 47px;
	width: 100%;
	position:absolute;
	top: 0px;
	left: 0px;
	z-index: 150;
}

DIV.topleftcurvecorner{
	position:absolute;
	height:106px;
	width:343px;
	top:38px;
	left: 0px;
}

DIV.spadelogo{
	position:absolute;
	top:0px;
	left: 0px;
	width: 72px;
	height: 98px;
}

DIV.bottomnav{
	background-image: url('/images/foot-metal.jpg');
	background-repeat: repeat-x;
	width:100%;
	height: 20px;
	position:absolute;
	z-index:10;
	text-align:right;
	/*top: 500px;*/
	bottom:0px;
	left:0px;
}

DIV.importantContent{
	position: absolute;
	height: 0px;
	width: 0px;
	overflow:hidden;
}

DIV.bottomnavV{
	background-image: url('/images/foot-metal.jpg');
	background-repeat: repeat-x;
	width:100%;
	height: 20px;
	position:relative;
}

DIV.shopBG{
        background-color: #828282;
        width:95%;
        height: 87%;
        filter:alpha(opacity=40);
        -moz-opacity:.40;
        opacity:.40;
        position: absolute;
        top: 60px;
        left: 52px;
        right: 5px;
        bottom: 25px;
        z-index:2;
        border: 1px solid #FF0000;
}

DIV.workshopBG{
        background-color: #828282;
        width:95%;
        height: 87%;
        filter:alpha(opacity=40);
        -moz-opacity:.40;
        opacity:.40;
        position: absolute;
        top: 60px;
        left: 52px;
        right: 5px;
        bottom: 25px;
        z-index:2;
        border: 1px solid #FF0000;
}

DIV.workshop{
        width: 95%;
        background-color: transparent;
        height: 87%;
        /*filter:alpha(opacity=100);
        -moz-opacity:1.0;
        opacity:1.0;*/
        position: absolute;
        top: 60px;
        left: 52px;
        right: 5px;
        bottom: 25px;
        z-index:3;
        padding-left: 5px;
        /*border: 1px solid #000000;*/
        color: #FFFFFF;
        overflow: auto;
        text-align: center;
}

DIV.titleholder{
	position: relative;
	text-align: right;
	width: 98%;
	height: 47px;
	vertical-align: middle;
	padding-top: 10px;
	/*border: 1px solid #FFFFFF;*/
}

DIV.missonStatementBG{
	background-color: #828282;
	width:40%;
	height: 60px;
	filter:alpha(opacity=40);
	-moz-opacity:.40;
	opacity:.40;
	position: absolute;
	top: 55px;
	left: 30%;	
	z-index:2;
	
}

DIV.missonStatementBorder{
	width:40%;
	height: 60px;
	filter:alpha(opacity=100);
	-moz-opacity:1.0;
	opacity:1.0;
	position: absolute;
	top: 55px;
	left: 30%;	
	border: 1px solid #000000;
	z-index:2;
}

DIV.missonStatement{
	width:40%;
	height: 60px;
	filter:alpha(opacity=100);
	-moz-opacity:1.0;
	opacity:1.0;
	position: absolute;
	top: 55px;
	left: 30%;	
	z-index:3;
	padding-left: 5px;
	padding-right: 20px;
	color: #FFFFFF;
	overflow: auto;
	scrollbar-base-color:#000000;
}

DIV.brandsBG{
	width:175px;
	height: 90%;
	background-color: #828282;
	filter:alpha(opacity=40);
	-moz-opacity:.40;
	opacity:.40;
	position: absolute;
	/*top: 85%;*/
	/* bottom: 25px; */
	top: 50px;
	right: 5px;	
	/*border: 1px solid #000000;*/
	z-index:5;
}

DIV.brands{
	width:170px;
	height: 90%;
	/*background-color: #828282;*/
	filter:alpha(opacity=100);
	-moz-opacity:1.0;
	opacity:1.0;
	position: absolute;
	/* top: 85%; */
	/* bottom: 25px; */
	top: 50px;
	right: 5px;	
	border: 0px solid #000000;
	z-index:7;
}

DIV.brandsSlider{
	width:100%;
	height: 100%;
	/*background-color: #828282;*/
	filter:alpha(opacity=100);
	-moz-opacity:1.0;
	opacity:1.0;
	position: relative;
	z-index:10;
	overflow:auto;
	border: 0px solid #000000;
}

/* old right menu
DIV.brandsBG{
	width:176px;
	height: 400px;
	background-color: #828282;
	filter:alpha(opacity=40);
	-moz-opacity:.40;
	opacity:.40;
	position: absolute;
	top: 20%;
	left: 80%;	
	/ * border: 1px solid #000000; * /
	z-index:1;
}

DIV.brandsBorder{
	width:174px;
	height: 400px;
	filter:alpha(opacity=100);
	-moz-opacity:1.0;
	opacity:1.0;
	position: absolute;
	top: 20%;
	left: 80%;	
	border: 1px solid #000000;
	z-index:2;
}


DIV.brands{
	width:176px;
	height: 400px;
	/ * background-color: #828282; * /
	filter:alpha(opacity=100);
	-moz-opacity:1.0;
	opacity:1.0;
	position: absolute;
	top: 20%;
	left: 80%;	
	/ * border: 1px solid #000000; * /
	z-index:3;
}

DIV.brandsSlider{
	width:176px;
	height: 380px;
	filter:alpha(opacity=100);
	-moz-opacity:1.0;
	opacity:1.0;
	position: relative;
	z-index:3;
	overflow:auto;
}
*/
DIV.brandtitle{
	background-image: url('/images/box-top-greyed.gif') ;
	filter:alpha(opacity=100);
	-moz-opacity:1.0;
	opacity:1.0;
	color: #FFFFFF;
	top: -20px;
	height: 20px;
	margin-left: 0px;
	text-align:center;
}

DIV.shopsChains{
	position: absolute;
	top: 70px;
	left: 55PX;	
}

DIV.shopsHolder{
	position: absolute;
	top: 90px;
	left: -30PX;	
	width: 152px;
	padding-left:0px;
	padding-top:0px;
	margin-top:0px;
	text-align:left;
	vertival-align:top;
}
DIV.hiddenShopsHolder{
	position: absolute;
	top: 90px;
	left: -30PX;	
	width: 0px;
	height: 0px;
	padding-left:0px;
	padding-top:0px;
	margin-top:0px;
	overflow:hidden;
}
DIV.aboutusBG{
	background-color: #828282;
	width:90%;
	height: 75%;
	filter:alpha(opacity=40);
	-moz-opacity:.40;
	opacity:.40;
	position: absolute;
	top: 100px;
	left: 55px;	
	z-index:2;
}

DIV.aboutus{
	width: 90%;
	height: 75%;
	filter:alpha(opacity=100);
	-moz-opacity:1.0;
	opacity:1.0;
	position: absolute;
	top: 100px;
	left: 55px;	
	z-index:3;
	padding-left: 5px;
	border: 1px solid #000000;
	color: #FFFFFF;
	overflow: auto;
}
DIV.galleryBG{
	background-color: #828282;
	width:95%;
	height: 87%;
	filter:alpha(opacity=40);
	-moz-opacity:.40;
	opacity:.40;
	position: absolute;
	top: 60px;
	left: 52px;	
	right: 5px;
	bottom: 25px;
	z-index:2;
	border: 1px solid #FF0000;
}

DIV.gallery{
	width: 95%;
	height: 87%;
	filter:alpha(opacity=100);
	-moz-opacity:1.0;
	opacity:1.0;
	position: absolute;
	top: 60px;
	left: 52px;	
	right: 5px;
	bottom: 25px;
	z-index:3;
	padding-left: 5px;
	/*border: 1px solid #000000;*/
	color: #FFFFFF;
	overflow: auto;
	text-align: center;
}

DIV.shopCorkBG{
	background-color: #828282;
	width:95%;
	height: 87%;
	filter:alpha(opacity=40);
	-moz-opacity:.40;
	opacity:.40;
	position: absolute;
	top: 60px;
	left: 52px;	
	right: 5px;
	bottom: 25px;
	z-index:2;
	border: 1px solid #FF0000;
}

DIV.shopCork{
	width: 95%;
	background-color: transparent;
	height: 87%;
	/*filter:alpha(opacity=100);
	-moz-opacity:1.0;
	opacity:1.0;*/
	position: absolute;
	top: 60px;
	left: 52px;	
	right: 5px;
	bottom: 25px;
	z-index:3;
	padding-left: 5px;
	/*border: 1px solid #000000;*/
	color: #FFFFFF;
	overflow: auto;
	text-align: center;
}

DIV.galleryItem{
  position: absolute;
  top: 150px;
  left: 20px;
}


DIV.TextGalleryItem{
	position: absolute;
	/* background-color: #CECECE; */
	filter:alpha(opacity=100);
	background-image: url('/images/notebook-page.gif');
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-position:52px 75px; 	
	-moz-opacity:1.0;
	opacity:1.0;
	padding: 5px;
	height: 560px;
	width: 360px;
	left:3px;
	/*border: 1px solid #FE1200;*/
	/*float: left;
	clear: right;*/
	top: 20px;
	overflow: auto;
	scrollbar-face-color: ThreeDFace !important;
	scrollbar-shadow-color: ThreeDDarkShadow !important;
	scrollbar-highlight-color: ThreeDHighlight !important;
	scrollbar-3dlight-color: ThreeDLightShadow !important;
	scrollbar-darkshadow-color: ThreeDDarkShadow !important;
	scrollbar-track-color: Scrollbar !important;
	scrollbar-arrow-color: ButtonText !important;
	
}

DIV.imgGalleryItem{
	position: absolute;
	border: 0px solid #000000;
	/*float: left;
	clear: right;*/
	/*width: 65%;*/
	/* height: 100% */
	left: 380px;
	top: 0px;
	position: absolute;
        width: 766px;
        height: 600px;
	z-index:3;
}

DIV.navigGallery{
	position: absolute;
	z-index:4;
	left: 700px;
	top: 60px;
	height: 35px;
	width: 130px;
}

DIV.splashScreen{
	width: 0px;
	height: 0px;
	left: 50%;
	top: 50%;
	z-index: 200;
	position: absolute;
}

DIV.directionButtons{
	position: relative;
	top:0px; 
	width:61px;
	border: 0px solid #FF0000;
	float: left;
	clear: right;
	cursor: pointer;
}

DIV.directionCommands{
	z-index: 400;
	text-align:center; 
	vertical-align: middle; 
	position:absolute; 
	top:38%; 
	left:45%; 
	width:200px; 
	height: 150px; 
	font-size: 20px; 
	border: 0px solid #3F1000;
}

DIV.lnkGalDirecL{
	position: absolute;
	z-index:5;
	left: 0px;
	top: 0px;
	width:61px;
	height:35px;
	border: 0px solid #FF0000;
	cursor: pointer;
	background-image: url('/images/direction-left.gif');
	background-repeat:no-repeat;
	background-position:center; 		
	float: left;
	clear: right;
}

DIV.lnkGalDirecR{
	position: absolute;
	z-index:5;
	left: 70px;
	top: 0px;
	width:61px;
	height:35px;
	border: 0px solid #FF0000;
	cursor: pointer;
	background-image: url('/images/direction-right.gif');
	
}

DIV.detailWindow{
	position:absolute; 
	top:50px; 
	right:10px; 
	width: 320;
	height: 240;
	border: 1px solid #FF0000;
	z-index: 400;
	visibility:hidden;
}

DIV.secondGallery{
  position: absolute;
  top: 470px;  
  left: 0px;
}
DIV.viewer360Holder{
    	position: absolute;
    	height:1px;
    	width:1px;
    	border:0px solid #FF0000;
		left: 50%;
		top: 120px;
		/*overflow: ;*/
    }
DIV.viewer360{
    	position: relative;
    	height:525px;
    	width:640px;
    	border:1px solid #FF0000;
		left: -320px;
		top: 0px;
		overflow: hidden;
		background-color: #362D2E;
    }
DIV.view360{
	position: absolute;
	z-index:2;
	left: 0px;
	border-bottom: 1px solid #FF0000;
	}

DIV.view360CTRL-L{
	position: absolute;
	z-index:5;
	left: 0px;
	top: 485px;
	}
DIV.view360CTRL-R{
	position: absolute;
	z-index:5;
	left: 570px;
	top: 485px;
}
DIV.view360Instructions{
	position: absolute;
	z-index:6;
	color: #FFFFFF;
	left: 250px;
	top: 500px;
}

DIV.divForIframe{
    position: absolute;
	width:0px;
	height:0px;
	overflow:auto;
	border: 1px solid #800800;
	z-index: 152;
	background-color: #828282;
	visibility: hidden;
}

DIV.linkPopWindow{
	width:100%;
	height:18px;
	cursor: pointer;
	background-image: url('/images/button-base.jpg');
	background-repeat:repeat-x;
}

DIV.iframeForBrandsContainer{
	width:100%;
	height:100%;
	background-color: #828282;
}

DIV.hiddenDivText{
	position: absolute;
	z-index:1;
	left: -100px;
	top: -100px;
        width: 0px;
        height: 0px
        font-size: 0em; 
        overflow: hidden;
}
UL.shops{
	text-decoration: none;
	list-style: none;
	padding-left: 0px;
	padding-top: 0px;	
	padding-bottom: 0px;	
	margin-left: 0px;
}
UL.shopView{
	text-decoration: none;
	list-style: none;
	padding-left: 0px;
	padding-top: 0px;	
	padding-bottom: 0px;	
	margin-left: 0px;
	display: inline;
	float: none;
}
UL.brands{
	text-decoration: none;
	list-style: none;
	padding-left: 0px;
	padding-top: 0px;	
	margin-left: 0px;
	display: inline;
}

UL.secGal{
	text-decoration: none;
	list-style: none;
	padding-left: 0px;
	padding-top: 0px;	
	margin-left: 0px;
	display: inline;
	
}

LI.secGal{
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	float: left;
}

LI.shopView{
	list-style: none;
	padding-left: 5px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	float: left;
}

LI.shopViewEnd{
	list-style: none;
	padding-left: 5px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	float: none;
}
LI.shopitem{
	background-image: url(/images/shop-plaque.jpg);
	background-repeat:no-repeat;
	height: 70px;
	text-decoration: none;
	text-align: center;
	vertical-align: bottom;
	padding-top: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-left: 0px;
	border: 0px solid #FFA100;
}

LI.shopsItemEnd{
	background-image: url(/images/shop-plaque-end.jpg);
	text-decoration: none;
}



IMG.imageNoBorder{
	border: 0px solid #000000;
}

IMG.splashImage{
	width: 100%;
	height: 100%;
}

IMG.shopItem{
	cursor: pointer;
}
IMG.galCat{
	width: 100%;
	height: 100%;
}

IMG.imagesGalleryItem{
	width: 640px;
	height: 430px;
	border: 0px solid #000000;
}

IMG.secGalThumbnail{
	width: 160px;
	height: 100px;
	border: 1px solid #000000;
}

A {
	color: #000000;
}

A.none {
	color: #000000;
	border: 0px solid #000000;
}

LI.item {
	color: #000000;
	border: 1px solid transparent;
}

LI.item:hover {
	color: #000000;
	border: 1px solid #f3dc1e;
}

LI.branditem {
	color: #000000;
	border: 1px solid transparent;
	display: inline;
	
}

LI.branditem:hover {
	color: #000000;
	border-bottom: 1px solid #f3dc1e;
	display: inline;
	cursor: pointer;
}

UL.bike-detail{
	text-align: left; 
	color: #000000; 
	list-style-image: url('/images/spade-logo-tiny.gif');
}

H1.bike-detail{
	color: #000000;
	font-size: 24px;
}
H2.bike-detail{
	color: #000000;
	font-size: 20px;
}
P.bike-detail{
	color: #000000;
}
P.text-intruction{
	color: #F02800;
	background-color: #000000;
	border: 1px solid #3F1000;
	padding-top: 10px;
	padding-bottom: 15px;
	font-size: 14px; 
}
/* CLIPBOARD zone */

    DIV.cbframe{
    	width:400px;
    	position: absolute;
    	top: 150px;
    	right: 10px;
	z-index:10;
    }

    DIV.cbtl{
    float: left;
    width:30px;
    height: 83px;
    background: url('/images/cbtl-sm.gif');
    }

    DIV.cbt{
    float: left;
    width:200px;
    height: 83px;
    background: url('/images/cbt-bg.gif');
    }

    DIV.cbtr{
    float: left;
    width:30px;
    height: 83px;
    background: url('/images/cbtr-sm.gif');
    }

    DIV.cbbl{
    float: left;
    width:30px;
    background: url('/images/cbbl.gif');
    height:40px;
    }

    DIV.cbb{
    float: left;
    width:200px;
    height: 40px;
    background: url('/images/cbb.gif');
    }

    DIV.cbbr{
    float: left;
    width:30px;
    background: url('/images/cbbr.gif');
    height:40px;
    }

    DIV.cbml{
    float: left;
    width:30px;
    background: url('/images/cbml.gif');
    background-repeat: repeat-y;
    height: 300px;/*70%;*/
    }

    DIV.cbmr{
    float: left;
    width:30px;
    background: url('/images/cbmr.gif');
    background-repeat: repeat-y;
    height: 300px;/*70%;*/
    }


	UL.tt{
		position: inline;
		float: left;
		list-style: none;
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 0px;
		padding-bottom: 0px;
		margin: 0px;
		width: 400px;
	}

	LI.tt{
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 0px;
		padding-bottom: 0px;
		float: left;
	}
	DIV.cbcontent{

		width: 200px;
		overflow: auto;
		height: 300px;/*70%;*/
		float: left;
		background-color: #EEEEEE;
	}

/*DIV.TextGalleryItem{
	width: 285px;
	overflow: auto;
	height: 300px;
}*/
/* photo frame */	
	DIV.photoFrame{
    	position: absolute;
    	top: 50px;
    	left: 50px;
		width: 766px;
		height: 800px;
	}

    DIV.phml{
    float: left;
    width:46px;
    background: url('/images/frame-left.jpg');
    height:430px;
    }

    DIV.phtt{
    float: left;
    width:736px;
    height: 50px;
    background: url('/images/frame-top.jpg');
    text-align: center;
    }

    DIV.phb{
    float: left;
    width:736px;
    height: 95px;
    background: url('/images/frame-bottom.jpg');
    text-align: center;
    }


    DIV.phmr{
    float: left;
    width:50px;
    background: url('/images/frame-right.jpg');
    height:430px;
    }


	UL.pht{
		position: inline;
		float: left;
		list-style: none;
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 0px;
		padding-bottom: 0px;
		margin: 0px;
		width: 800px;
	}

	LI.pht{
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 0px;
		padding-bottom: 0px;
		float: left;
	}
	DIV.phfcontent{

		width: 640px;
		overflow: auto;
		height: 430px;
		float: left;
	}