@charset "utf-8";

/* Otoshops CSS Document */



body {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	color: #CCCCCC;

}


/* Main menu */
#menubase ul {list-style-type:none;}
#menubase ul li {float:left; z-index:auto !important /*Non-IE6*/; z-index:1000 /*IE6*/; background-color:rgb(225,225,225);}
#menubase ul li a {float:none !important /*Non-IE6*/; float:left /*IE-6*/; display:block; height:3.1em; line-height:3.1em; padding:0 2px 0 2px; text-decoration:none; font-weight:bold; color:rgb(100,100,100); border-right:solid 0px rgb(215,215,215);}
#menubase ul li ul {display:none; border:none;}

/* Submenu (Non-IE6 hovering) */
#menubase ul li:hover {position:relative;} /*Sylvain IE hack*/
#menubase ul li:hover a {background-color:rgb(235,235,235); text-decoration:none;} /*Color main cells hovering mode*/
#menubase ul li:hover ul {display:block; width:10.0em; position:absolute; z-index:1000; top:3.0em; margin-top:0.1em; left:0; padding:0px 16px 0px 16px; border-top:solid 1px rgb(215,215,215);}
#menubase ul li:hover ul li a {white-space:normal; display:block; width:10.0em; height:auto; line-height:1.3em; margin-left:-43px; padding:4px 16px 4px 16px; border-right:solid 1px rgb(215,215,215); border-left:solid 1px rgb(215,215,215); border-bottom: solid 1px rgb(215,215,215); background-color:rgb(235,235,235); font-weight:normal; color:rgb(100,100,100);} /*Color subcells normal mode*/
#menubase ul li:hover ul li a:hover {background-color:rgb(225,225,225); text-decoration:none;} /*Color subcells hovering mode*/

/* Submenu (IE6 hovering) */
#menubase table {position:absolute; z-index:1000; top:0px; left:-1px; border-collapse:collapse;}
#menubase ul li a:hover {position:relative /*Sylvain IE hack*/; z-index:1000 /*Sylvain IE hack*/; background-color:rgb(235,235,235); text-decoration:none;} /*Color main cells hovering mode*/
#menubase ul li a:hover ul {display:block; width:10.0em; position:absolute; z-index:1000; top:3.1em; t\op:3.0em; left:0px; marg\in-top:0.1em; border-top:solid 1px rgb(215,215,215); }
#menubase ul li a:hover ul li a {white-space:normal; display:block; w\idth:10.0em; height:1px; line-height:1.3em; padding:4px 16px 4px 16px; border-right:solid 1px rgb(215,215,215); border-left:solid 1px rgb(215,215,215); border-bottom: solid 1px rgb(215,215,215); background-color:rgb(235,235,235); font-weight:normal; color:rgb(100,100,100);} /*Color subcells normal mode*/
#menubase ul li a:hover ul li a:hover {background-color:rgb(225,225,225); text-decoration:none;} /*Color subcells hovering mode*/

#pribase {

	width: 100%;

	height: auto;

	background-image: url(../img/mainbg.gif);

	background-repeat: repeat-x;

	background-position: top;

}



#headbase {

	width: 960px;

	height: auto;

	margin: auto;

}



#contentsbase {

	width: 960px;

	height: auto;

	margin: auto;

}



#footbase {

	width: 960px;

	height: 96px;

	margin: auto;

	background-image: url(../img/footbg.gif);

	background-repeat: repeat-x;

	padding: 5px 0 10px 0;

}



#footlog {

	width: 219px;

	height: 96px;

	float: right;

	margin: -40px 0 0 0;

	background-image: url(../img/footsie.gif);

	background-repeat: no-repeat;

}







#otologo {

	width: 250px;

	height: 99px;

	float: left;

	background-image: url(../img/logo.gif);

	background-repeat: no-repeat;

	background-position: top;

}



#otologo:hover {

	width: 250px;

	height: 99px;

	float: left;

	background-image: url(../img/logohover.gif);

	background-repeat: no-repeat;

	background-position: top;

}



#languagebase {

	width: auto;

	height: auto;

	float: right;

	margin: 80px 18px 0 0;

}



#headcontrol {

	width: 710px;

	height: 99px;

	float: left;

	

}



#logincenter {

	width: 200px;

	height: auto;

	margin: 10px auto 0 auto;

}



#loginrow {

	width: 200px;

	height: auto;

}



#logindiv {

	width: 110px;

	float: left;

}



#logindivdes {

	width: 80px;

	float: left;

	margin: 5px 0 0 3px;

}



#logindiv2 {

	width: 90px;

	float: left;

	margin: 5px 6px 0 0;

}



#logindivdes2 {

	width: 100px;

	float: left;

}



#loginbase {

	width: 220px;

	height: 99px;

	float: left;

}



#topseparate {

	width: 20px;

	height: 99px;

	float: left;

	background-image: url(../img/headsepar.gif);

	background-position: top;

}



#topadbase {

	width: 470px;

	height: 79px;

	float: left;

	padding-top: 20px;

}













#leftcolbase {

	width: 250px;

	min-height: 514px;

	float: left;

	background-image: url(../img/leftcolbg.gif);

	background-position: top;

	background-repeat: no-repeat;

}



#carbonbase {

	width: 250px;

	height: auto;

	margin: 3px 0 3px 0;

	background-color: #101010;

}



#carbontop {

	width: 250px;

	height: auto;

	background-image: url(../img/carbontop.gif);

	background-position: top;

	background-repeat: no-repeat;

}



#carbonmid {

	width: 250px;

	min-height: 226px;

	background-image: url(../img/carbonmid.gif);

	background-position: top;

	background-repeat: no-repeat;

}



#carbonbtm {

	width: 250px;

	height: 64px;

	background-image: url(../img/carbonbottom.gif);

	background-repeat: no-repeat;

	background-position: top;

}



#carbonlabel {

	width: auto;

	height: auto;

	padding: 5px 0 0 10px;

}



#carbonconts {

	width: 223px;

	height: auto;

	margin: 0 17px 0 10px;

	padding: 8px 0 0 0;

	border-bottom: 1px solid #020202;

}



#carbonconts2 {

	width: 223px;

	height: auto;

	margin: 0 17px 0 10px;

	padding: 10px 0 10px 0;

	border-top: 1px solid #2e2e2e;

	border-bottom: 1px solid #020202;

}



#carbonconts2b {

	width: 223px;

	height: auto;

	margin: 0 17px 0 10px;

	padding: 3px 0 3px 0;

	border-top: 1px solid #2e2e2e;

}



#carbonconts3 {

	width: 223px;

	height: auto;

	margin: 0 17px 0 10px;

	border-top: 1px solid #2e2e2e;

}



#carbonbtn {

	position: absolute;

	width: 103px;

	height: 38px;

	margin: 10px 0 0 60px;

	cursor: pointer;

}



#carbonbtn:hover {

	position: absolute;

	width: 103px;

	height: 38px;

	margin: 10px 0 0 60px;

	cursor: pointer;

}



#formfield {

	min-height: 20px;

	margin: 6px 0 6px 0;

	clear: both;

}



#formdivs {

	width: 75px;

	float: left;

}



#rsshead {

	width: 223px;

	height: auto;

	margin: 10px 0 0 0;

}





#rssbase {

	width: 223px;

	height: auto;

	margin: 0 0 30px 0;

}



#rsscase {

	width: 218px;

	height: auto;

	padding: 10px 5px 10px 10px;

	margin: 1px 0 0 0;

	background-color: #111111;

}



#rsscase:hover {

	width: 218px;

	height: auto;

	padding: 10px 5px 10px 10px;

	margin: 1px 0 0 0;

	background-color: #0a0a0a;

}



#rightcolbase {

	width: 710px;

	min-height: 437px;

	float: left;

}



#maincontbase {

	width: 710px;

	height: auto;

	margin: 4px 0 0 0;

	background-color: #8b8b8b;

}



#menubase {

	width: 710px;
	
	background-color:rgb(225,225,225);
	
	height: 40px;

	margin-bottom: 1px;

	border-bottom: 1px solid #999;

	clear: both;

}



#menu01,

#menu02,

#menu03,

#menu04,

#menu05,

#menu06,

#menu07 {

	width: auto;

	height: auto;

	float: left;

	margin: 10px 0 0 15px;

}



#articlebase {

	width: 710px;

	height: 280px;

}



#articlediv01 {

	width: 380px;

	height: auto;

	float: left;

}



#articlediv02 {

	width: 320px;

	height: auto;

	float: left;

}



#articletextarea {

	width: 355px;

	height: 230px;

	margin: 10px;

}



#articimgarea {

	width: auto;

	height: auto;

	margin: 5px 0 0 0;

	border: 3px solid #666666;

	background-color: #666666;

}



#futurecarsbase {

	width: 705px;

	height: auto;

	padding: 2px 0 0 5px;

	margin: 5px 0 0 0;

	background-color: #030303;

}



#futurecarbase2 {

	width: 710px;

	height: auto;

	margin: 3px 0 0 3px;

	clear: both;

}



#futurecardiv01,

#futurecardiv02,

#futurecardiv03 {

	width: 230px;

	height: auto;

	margin: 0 6px 0 0;

	float: left;

}



#futureothers {

	width: auto;

	height: auto;

	float: right;

	margin: -32px 6px 0 0;

	padding: 5px 10px 5px 10px;

	background-color: #333333;

}



#futureothers:hover {

	width: auto;

	height: auto;

	float: right;

	margin: -32px 6px 0 0;

	padding: 5px 10px 5px 10px;

	background-color: #666666;

}



#contpartbase {

	width: 710px;

	height: auto;

	margin: -2px 0 0 0;

	border-top: 1px solid #FFF;

	background-color: #EEE;

}



#breadbase {

	width: 710px;

	height: 30px;

	margin: 3px 0 0 0;

	background-image: url(../img/breadbg.gif);

	background-repeat: repeat-x;

}



#breadhome {

	width: 30px;

	height: 30px;

	float: left;

}



#breadcase1 {

	width: auto;

	height: 22px;

	float: left;

	padding: 4px 0 0 5px;

	background-color: #666666;

}



#breadcase1tip {

	width: 15px;

	height: 26px;

	float: left;

	background-image: url(../img/bread01.gif);

}



#breadcase2 {

	width: auto;

	height: 22px;

	float: left;

	padding: 4px 0 0 5px;

	background-color: #999999;

}



#breadcase2tip {

	width: 15px;

	height: 26px;

	float: left;

	background-image: url(../img/bread02.gif);

}



#breadcase3 {

	width: auto;

	height: 22px;

	float: left;

	padding: 4px 0 0 5px;

	background-color: #bebdbd;

}



#breadcase3tip {

	width: 15px;

	height: 26px;

	float: left;

	background-image: url(../img/bread03.gif);

}



#pgtitlebase {

	width: auto;

	height: 30px;

	padding: 5px 0 0 10px;

	background-color: #EEE;

}



#mcontbase {

	widows: 710px;

	min-height: 526px;

	margin-bottom: 10px;

}



#mcontdiv1 {

	width: 495px;

	height: auto;

	margin: 0 5px 0 10px;

	float: left;

}



#mcontdiv2 {

	width: 190px;

	height: auto;

	margin: 0 5px 0 0;

	float: left;

}



#internaltab {

	width: 493px;

	height: auto;

	padding: 1px 0 1px 0;

	margin-bottom: 10px;

}



#searchpanel {

	width: 475px;

	height: auto;

	padding: 3px;

	background-color: #CCC;

}



#searchpanelres {

	width: 475px;

	height: auto;

	padding: 8px 3px;

	background-color: #333;

}



#searchresarea {

	width: 481px;

	height: auto;

	padding: 2px 0;

	background-color: #FFF;

}



#searchentry {

	width: 471px;

	height: auto;

	padding: 5px;

	margin: 1px 0 1px 0;

	border-bottom: 1px dotted #999999;

	cursor: pointer;

}



#searchentry:hover {

	width: 471px;

	height: auto;

	padding: 5px 4px;

	margin: 1px 0 1px 0;

	border-left: 1px solid #CCC;

	border-right: 1px solid #CCC;

	background-color: #EEE;

	cursor: pointer;

}



#searchpic {

	width: 120px;

	height: 90px;

	float: left;

	background-repeat: no-repeat;

	border: 1px solid #999;

	cursor: pointer;

	

}



#searchpic:hover {

	width: 120px;

	height: 90px;

	float: left;

	background-color: #CCC;

	border: 1px solid #333;

	cursor: pointer;

}



#searchtext {

	width: 344px;

	height: auto;

	float: left;

	margin-left: 5px;

}



#searchtext2 {

	width: 380px;

	height: auto;

	float: left;

	margin-left: 5px;

}





#searchbtns {

	width: auto;

	height: auto;

	padding: 1px 5px 2px 5px;

	margin: -6px 1px 0 0;

	background-color: #333;

	float: right;

}



#searchpagin {

	width: 471px;

	height: auto;

	padding: 5px;

	background-color: #666;

}



#paginnos {

	width: auto;

	height: auto;

	padding: 3px 5px;

	float: right;

	background-color: #333;

	margin: 0 1px;

}



#paginnos:hover {

	width: auto;

	height: auto;

	padding: 3px 5px;

	float: right;

	background-color: #999;

	margin: 0 1px;

}



#imgind {

	width: 90px;

	height: 90px;

	float: left;

	margin: 4px 2px;

	border: 1px solid #999;

	background-color:#CCC;

	cursor: pointer;

}



#imgind:hover {

	width: 90px;

	height: 90px;

	float: left;

	margin: 4px 2px;

	border: 1px solid #333;

	background-color:#999;

	cursor: pointer;

}



#newmodimgarea {

	width: 469px;

	padding: 5px;

	border: 1px solid #666;

}



#newmodrow1 {

	width: 480px;

	height: auto;

	padding: 3px 0;

	border-bottom: 1px dotted #CCC;

}



#newmodrow2 {

	width: 475px;

	height: auto;

	padding: 3px 0 0 5px;

	border-bottom: 1px solid #333;

	background-color: #EEE;

}



#newmodlabel {

	width: 232px;

	height: auto;

	padding-left: 5px; 

	float: left;

}



#newmodcont {

	width: 237px;

	height: auto;

	float: left;

}



#newmodcont2 {

	width: 235px;

	height: auto;

	float: left;

}



#intyesno {

	width: auto;

	height: auto;

	padding: 2px;

	background-color: #CCC;

	float: right;

	margin-right: 5px;

}



#intyesnolab {

	width: auto;

	height: auto;

	float: left;

}



#footlinksbase {

	width: auto;

	height: auto;

	margin: auto;

}



.errorMsg {

	padding: 5px;

	color: #333;

	font-weight: bold;

	border: 1px solid #dd3c10;

	background-color: #ffebe8;

}



#tabs_tabs ul {

		list-style: none;

		padding: 0;

		margin: 0;

    }

    

	#tabs_tabs li {

		float: left;

		border: 1px solid #666;

		border-bottom-width: 0;

		margin: 0;

    }

    

	#tabs_tabs a {

		text-decoration: none;

		display: block;

		background: #333;

		padding: 0.24em 1em;

		color: #666;

		text-align: center;

		font-weight: bold;

    }

	

	#tabs_tabs a:hover {

		background: #f7f7f7;

	}

	

	#tabs_tabs #selected {

		border-color: #333;

	}

	

	#tabs_tabs #selected a {

		position: relative;

		top: 1px;

		background: white;

		color: #333;

		font-weight: normal;

	}

	

	#tabs_tabscontent {

		border: 1px solid black;

		clear: both;

		padding: 0 1em;

		background-color: white;

	}

	

	div.pagination {

	padding: 3px;

	margin: 3px;

}



div.pagination a {

	padding: 2px 5px 2px 5px;

	margin: 2px;

	border: 1px solid rgb(150,150,150);

	text-decoration: none;

	color: rgb(100,100,100);

}



div.pagination a:hover, div.pagination a:active {

	border: 1px solid rgb(100,100,100);

	color: rgb(100,100,100);

	background-color: rgb(220,220,220);

}



div.pagination span.current1 {

	padding: 2px 5px 2px 5px;

	margin: 2px;

	border: 1px solid rgb(150,150,150);

	font-weight: bold;

	background-color: #999999;

	color: #FFF;

}



div.pagination span.disabled1 {

	padding: 2px 5px 2px 5px;

	margin: 2px;

	border: 1px solid #EEE;

	color: #DDD;

}

.searchImageContainer {
	border: 1px solid rgb(240,240,240);
	width: 95px;
	height: 95px;
}

#largeImg {
	border: solid 1px #ccc;
	width: 460px;
	padding: 5px;
}
.thumbs img {
	border: solid 1px #ccc;
	width: 90px;
	height: 90px;
	padding: 4px;
}
.thumbs img:hover {
	border-color: #FF9900;
}


	.fwerrorbox{background-color:#ffebe8;border:1px solid #dd3c10;color:#333333;padding:10px;font-size:13px;font-weight:bold;}

	.fwbluebox{background-color:#eceff6;border:1px solid #d4dae8;color:#333333;padding:10px;font-size:13px;font-weight:bold;}