/* CSS Document */
body {
background : #fff9f2 url(images/bg.gif) repeat-x 0 0;
color : #333227;
padding : 0;
margin : 0;
}
div, p, ul, h1, h2, h3, img, form {
padding : 0;
margin : 0;
}
ul {
list-style-type : none;
}
.bank {
line-height : 0;
font-size : 0;
clear : both;
}
#bas {
position : absolute;
width : 321px;
font : 11px Arial, Helvetica, sans-serif;
color : #feedb7;
margin : 0 0 0 5px;
left : 0px;
top : 7px;
}
#basalt {
position : absolute;
width : 572px;
font : 11px Arial, Helvetica, sans-serif;
color : #000000;
left : 283px;
top : 242px;
text-align:center;
}
#main_body {
width : 800px;
margin : 0 auto 0 auto;
}
#left_pan {
width : 188px;
background : #fff9f2 url(images/logo_bg.gif) no-repeat;
color : #fff;
float : left;
}
#left_pan img {
margin : 40px 0 38px 52px;
display : block;
}
#left_pan h2 {
width : 73px;
height : 41px;
background : url(images/login_bg.gif) no-repeat 0 0;
margin : 0 0 0 6px;
display : block;
font : 14px/14px Arial, Helvetica, sans-serif;
padding : 17px 65px 0 32px;
font-weight : bold;
text-transform : uppercase;
}
#left_pan h2 span {
font-size : 24px;
line-height : 24px;
}
#left_pan form {
width : 148px;
margin : 0 0 0 0;
padding : 28px 0 0 18px;
display : block;
}
#left_pan form input {
width : 136px;
height : 17px;
display : block;
font : 11px Arial, Helvetica, sans-serif;
font-weight : bold;
padding : 4px 0 0 12px;
margin : 0 0 10px 0;
}
#left_pan form input.button {
width : 80px;
height : 22px;
display : block;
background : #fff9f2 url(images/button_arrow.gif) no-repeat 0 5px;
color : #333227;
font : 13px/14px Verdana, Arial, Helvetica, sans-serif;
padding : 0 0 0 10px;
margin : 0 0 10px 80px;
border : none;
cursor : pointer;
font-weight : bold;
}
#left_pan form label {
width : 132px;
font : 9px/13px Tahoma, Arial, Helvetica, sans-serif;
color : #d43723;
font-weight : bold;
display : block;
text-transform : uppercase;
background-color : #fff9f2;
}
#left_pan form a {
width : 132px;
font : 11px/13px Tahoma, Arial, Helvetica, sans-serif;
color : #000101;
text-decoration : underline;
display : block;
background-color : #fff9f2;
}
#left_pan form a:hover {
text-decoration : none;
}
#left_pan ul {
width : 155px;
display : block;
margin-top : 2px;
margin-bottom : 22px;
margin-left : 20px;
}
#left_pan ul li {
background : url(images/ul_arrow.gif) no-repeat 0 15px;
border-bottom : 1px dashed #b8a997;
padding : 0 0 0 18px;
}
#left_pan ul li.li1 {
background : url(images/ul_arrow.gif) no-repeat 0 15px;
border-bottom : none;
padding : 0 0 0 18px;
}
#left_pan ul li a {
font : 13px/23px Arial, Helvetica, sans-serif;
color : #4d371e;
text-decoration : none;
background-color : #fff9f2;
}
#left_pan ul li a:hover {
text-decoration : underline;
}
#rightPan {
width : 590px;
float : left;
margin : 0;
background : url(images/header_pic.jpg) no-repeat 0 29px;
}
#rightPan ul {
width : 550px;
display : block;
margin : 0 0 0 40px;
height : 29px;
font-size : 0;
}
#rightPan ul li {
float : left;
height : 29px;
}
#rightPan ul li a {
font : 12px/29px Arial, Helvetica, sans-serif;
font-weight : bold;
height : 29px;
display : block;
color : #fff9f2;
background : #005050 url(images/navi_bg.gif) repeat-x 0 0;
text-decoration : none;
text-align : center;
}
#rightPan ul li a.anasayfa {
background : url(images/anasayfa_us.gif) no-repeat 0 0;
width : 74px;
}
#rightPan ul li a.anasayfa:hover {
background : url(images/anasayfa_us_h.gif) no-repeat 0 0;
width : 74px;
}
#rightPan ul li a.anasayfa2 {
background : url(images/anasayfa_us_h.gif) no-repeat 0 0;
width : 74px;
}
#rightPan ul li a.ustsira {
background : url(images/motosiklet_us.gif) no-repeat 0 0;
width : 134px;
}
#rightPan ul li a.ustsira:hover {
background : url(images/motosiklet_us_h.gif) no-repeat 0 0;
width : 134px;
}
#rightPan ul li a.ustsira2 {
background : url(images/motosiklet_us_h.gif) no-repeat 0 0;
width : 134px;
}
#rightPan ul li a.iletisim {
background : url(images/iletisim_us.gif) no-repeat 0 0;
width : 74px;
}
#rightPan ul li a.iletisim:hover {
background : url(images/iletisim_us_h.gif) no-repeat 0 0;
width : 74px;
}
#rightPan ul li a.iletisim2 {
background : url(images/iletisim_us_h.gif) no-repeat 0 0;
width : 74px;
}
#rightPan ul li a.sub {
background : url(images/submission.gif) no-repeat 0 0;
width : 92px;
}
#rightPan ul li a.sub:hover {
background : url(images/submission_h.gif) no-repeat 0 0;
width : 92px;
}
#rightPan ul li a.con {
background : url(images/contact_us.gif) no-repeat 0 0;
width : 74px;
}
#rightPan ul li a.con:hover {
background : url(images/contact_us_h.gif) no-repeat 0 0;
width : 74px;
}
#rightPan ul.link {
width : 590px;
display : block;
margin : 23px 0 0 0;
height : 20px;
}
#rightPan ul.link li {
float : left;
width : 192px;
font-size : 0;
display : block;
padding : 0 0 0 12px;
height : 20px;
}
#rightPan ul.link li.sup {
float : left;
width : 194px;
font-size : 0;
display : block;
padding : 0 0 0 14px;
height : 20px;
margin : 0;
}
#rightPan ul.link li.sol {
float : left;
width : 177px;
display : block;
padding : 0 0 0 1px;
height : 20px;
}
#rightPan ul.link li a {
font : 18px/18px Arial, Helvetica, sans-serif;
text-transform : uppercase;
color : #aa855b;
font-weight : normal;
background-color : #fff9f2;
background-image : none;
display : block;
width : 186px;
text-align : right;
height : 20px;
}
#rightPan ul.link li a.son {
font : 18px/18px Arial, Helvetica, sans-serif;
text-transform : uppercase;
color : #aa855b;
font-weight : normal;
background-color : #fff9f2;
background-image : none;
display : block;
width : 177px;
text-align : right;
height : 20px;
}
#rightPan ul.link li a:hover {
color : #5a3000;
background-color : #fff9f2;
padding : 0;
margin : 0;
}
#rightPan ul.sub_link {
width : 590px;
display : block;
margin : 0 0 0 0;
height : 14px;
padding : 0;
}
#rightPan ul.sub_link li {
float : left;
width : 104px;
font-size : 0;
display : block;
padding : 0 0 0 94px;
height : 14px;
margin : 0;
}
#rightPan ul.sub_link li.sup1 {
float : left;
width : 96px;
font-size : 0;
display : block;
padding : 0 0 0 102px;
height : inherit;
}
#rightPan ul.sub_link li.sol1 {
float : left;
width : 126px;
font-size : 0;
display : block;
padding : 0 0 0 60px;
}
#rightPan ul.sub_link li a {
font : 14px/14px Arial, Helvetica, sans-serif;
color : #353535;
font-weight : normal;
background-color : #fff9f2;
background-image : none;
display : block;
width : 104px;
text-align : right;
height : 14px;
}
#rightPan ul.sub_link li a.sonalt {
font : 14px/14px Arial, Helvetica, sans-serif;
color : #353535;
font-weight : normal;
background-color : #fff9f2;
background-image : none;
display : block;
width : 126px;
text-align : right;
height : 14px;
}
#rightPan ul.sub_link li a:hover {
color : #5a3000;
background-color : #fff9f2;
padding : 0;
margin : 0;
text-decoration : underline;
}
#rightPan h2 {
display : block;
font : 12px/14px Arial, Helvetica, sans-serif;
font-weight : bold;
color : #ffffff;
margin : 170px 7px 18px 10px;
padding : 11px 0 0 17px;
height : 39px;
background : #d43723 url(images/etkirmizi.gif) no-repeat 525px 7px;
}
#rightPan h2.digermodeller{
display : block;
font : 12px/14px Arial, Helvetica, sans-serif;
font-weight : bold;
color : #ffffff;
margin : 5px 7px 18px 10px;
padding : 11px 0 0 17px;
height : 39px;
background : #006666 url(images/etyesil.gif) no-repeat 525px 7px;
}
#rightPan P {
font : 14px/19px Arial, Helvetica, sans-serif;
color : #4d371e;
font-weight : normal;
display : block;
margin : 0 0 20px 0;
background-color : #ffffff;
padding-right : 3px;
}
#rightPan P a {
width : 32px;
background : #fff9f2 url(images/more_arrow.gif) no-repeat 0 0;
color : #333227;
height : 16px;
font : 12px/14px Arial, Helvetica, sans-serif;

text-decoration : none;
font-weight : bold;
display : block;
margin-top : 0;
margin-right : 0;
margin-bottom : 0;
margin-left : 510px;
padding-left : 23px;
}
#rightPan P a:hover {
color : #c01f0b;
background : #fff9f2 url(images/button_arrow.gif) no-repeat 0 0;
width : 32px;
}
#rightLeft {
width : 186px;
float : left;
margin : 0 0 45px 10px;
}
#rightLeft h2 {
width : 169px;
height : 39px;
display : block;
color : #ffffff;
font : 12px/14px Arial, Helvetica, sans-serif;
font-weight : bold;
background : #006666 url(images/etyesil.gif) no-repeat 139px 7px;
padding : 11px 0 0 17px;
margin : 0 0 18px 0;
text-transform : none;
}
#rightLeft ul {
width : 186px;
margin : 0 0 15px 0;
padding : 0;
display : block;
}
#rightLeft ul li {
border-bottom : 1px dashed #c9b884;
padding : 0;
margin : 0;
height : 48px;
font-size : 0;
}
#rightLeft ul li.noborder {
border-bottom : none;
padding : 0;
margin : 0;
display : block;
height : 48px;
font-size : 0;
}
#rightLeft ul li a {
font : 13px/14px Arial, Helvetica, sans-serif;
color : #4d371e;
margin : 3px 0 6px 0;
padding : 0;
display : block;
background-image : none;
background-color : #fff9f2;
text-align : left;
font-weight : normal;
width : 177px;
}
#rightLeft a.more {
width : 32px;
background : #fff9f2 url(images/more_arrow1.gif) no-repeat 0 0;
color : #333227;
height : 16px;
font : 12px/14px Arial, Helvetica, sans-serif;
text-decoration : none;
font-weight : bold;
display : block;
float : right;
margin-top : 0;
margin-right : 0;
margin-bottom : 0;
margin-left : 0;
padding-top : 0;
padding-right : 0;
padding-bottom : 0;
padding-left : 20px;
}
#rightLeft a.more:hover {
color : #c01f0b;
background : #fff9f2 url(images/more_arrow2.gif) no-repeat 0 0;
width : 32px;
}
#rightRight {
width : 370px;
float : left;
margin : 0 0 0 20px;
}
#rightRight h2 {
width : 200px;
height : 39px;
background : #efba00 url(images/etsari.gif) no-repeat 318px 7px;
text-transform : none;
font : 12px/14px Arial, Helvetica, sans-serif;
color : #ffffff;
display : block;
padding : 11px 150px 0 15px;
margin : 0 0 18px 0;
font-weight : bold;
}
#rightRight ul {
width : 362px;
margin : 0 0 15px 0;
padding : 0;
display : block;
}
#rightRight ul li {
border-bottom : 1px dashed #c9b884;
padding : 0;
margin : 0;
height : 52px;
font-size : 0;
}
#rightRight ul li.noborder1 {
border-bottom : none;
padding : 0;
margin : 0;
display : block;
height : 48px;
font-size : 0;
}
#rightRight ul li a {
font : 13px/14px Arial, Helvetica, sans-serif;
color : #4d371e;
margin : 3px 0 6px 0;
padding : 0;
display : block;
background-image : none;
background-color : #fff9f2;
text-align : left;
font-weight : normal;
width : 351px;
}
#rightRight ul li a b {
margin : 0 200px 0 0;
}
#rightRight a.more1 {
width : 32px;
background : #fff9f2 url(images/more_arrow2.gif) no-repeat 0 0;
color : #333227;
height : 16px;
font : 12px/14px Arial, Helvetica, sans-serif;
text-decoration : none;
font-weight : bold;
display : block;
float : right;
margin-top : 0;
margin-right : 0;
margin-bottom : 0;
margin-left : 0;
padding-top : 0;
padding-right : 0;
padding-bottom : 0;
padding-left : 20px;
}
#rightRight a.more1:hover {
color : #c01f0b;
background : #fff9f2 url(images/more_arrow1.gif) no-repeat 0 0;
width : 32px;
}
#footer_bg {
background : url(images/footer_bg.gif) repeat-x;
width : 100%;
margin : 0 auto 0 auto;
float : left;
height : 153px;
}
#footer {
width : 525px;
margin : 0 225px 0 auto;
}
#footer ul {
width : 525px;
margin : 29px 0 7px 0;
display : block;
height : 15px;
}
#footer ul li {
float : left;
font : 12px/14px 'Trebuchet MS', Arial, Helvetica, sans-serif;
color : #ffffff;
background-color : #6b6854;
display : block;
}
#footer ul li a {
font : 12px/14px 'Trebuchet MS', Arial, Helvetica, sans-serif;
color : #ffffff;
background-color : #6b6854;
text-decoration : none;
margin : 0 10px 0 10px;
}
#footer ul li a:hover {
text-decoration : underline;
}
#footer p {

width : 188px;
margin : 0 0 0 162px;
font : 12px/14px 'Trebuchet MS', Arial, Helvetica, sans-serif;
color : #f3f1df;
background-color : #6b6854;
}
#footer ul.xhtml {
width : 135px;
margin : 12px 0 0 197px;
height : 21px;
font-size : 0;
}
#footer ul.xhtml li {
float : left;
height : 21px;
margin-right : 9px;
}
#footer ul.xhtml li a {
text-indent : -2000px;
display : block;
height : 21px;
margin : 0;
padding : 0;
font-size : 0;
}
#footer ul.xhtml li a.xht {
background : #6b6854 url(images/ekotrike.gif) no-repeat 0 0;
color : #fff;
width : 116px;
}
#altlogo {
width : 155px;
float : left;
margin : 0 0 45px 10px;
}
#altlogo ul.xhtml {
width : 119px;
margin : 0 0 0 30px;
height : 152px;
font-size : 0;
}
#altlogo ul.xhtml li {
float : left;
height : 152px;
margin-right : 0;
}
#altlogo ul.xhtml li a {
text-indent : -2000px;
display : block;
height : 21px;
margin : 0;
padding : 0;
font-size : 0;
}
#altlogo ul.xhtml li a.xht {
background : #6b6854 url(images/altlogo.gif) no-repeat 0 0;
color : #fff;
width : 119px;
height : 152px;
}
#marlog {
margin : 0 5px 5px 5px;
height : 70px;
text-align : center;
}
.bar1 {
width : 196px;
height : 20px;
vertical-align : text-bottom;
text-align : right;
font : 18px/18px Arial, Helvetica, sans-serif;
text-transform : uppercase;
color : #aa855b;
font-weight : normal;
padding-top : 18px;
}
.bar2 {
width : 202px;
height : 20px;
vertical-align : text-bottom;
text-align : right;
font : 18px/18px Arial, Helvetica, sans-serif;
text-transform : uppercase;
color : #aa855b;
font-weight : normal;
padding-top : 18px;
}
.bar3 {
width : 176px;
height : 20px;
vertical-align : text-bottom;
text-align : right;
font : 18px/18px Arial, Helvetica, sans-serif;
text-transform : uppercase;
color : #aa855b;
font-weight : normal;
padding-top : 18px;
}
.bar4 {
width : 196px;
height : 20px;
vertical-align : text-top;
text-align : right;
font : 14px/14px Arial, Helvetica, sans-serif;
color : #353535;
font-weight : normal;
}
.bar5 {
width : 202px;
height : 20px;
vertical-align : text-top;
text-align : right;
font : 14px/14px Arial, Helvetica, sans-serif;
color : #353535;
font-weight : normal;
}
.bar6 {
width : 176px;
height : 20px;
vertical-align : text-top;
text-align : right;
font : 14px/14px Arial, Helvetica, sans-serif;
color : #353535;
font-weight : normal;
}
.kuc {
width : 150px;
font : 9px Tahoma, Arial, Helvetica, sans-serif;
color : #990000;
padding-bottom : 3px;
}
.ken {
border : 1px dashed #b8a997;
}
.ken2 {
border : 1px dashed #ff0000;
}
.sollink {
width : 165px;
margin-top : 20px;
font : 9px/13px Tahoma, Arial, Helvetica, sans-serif;
color : #d43723;
font-weight : bold;
padding-left : 20px;
}
.arabasdf {
margin-left : 8px;
margin-bottom : 15px;
}
.usttd {
width : 68px;
height : 68px;
border : 1px dashed #b8a997;
background-color : #ffffff;
text-align : center;
}
.arabamarkaust {
font : 12px/13px Arial, Helvetica, sans-serif;
color : #4d371e;
vertical-align : top;
padding-top : 5px;
width : 490px;
line-height : 20px;
border : 1px dashed #b8a997;
padding-left : 5px;
background-color : #ffffff;
padding-bottom : 5px;
}
.arabamarkaust a {
font : 12px/13px Tahoma, Arial, Helvetica, sans-serif;
color : #d43723;
font-weight : bold;
text-decoration : none;
line-height : 20px;
}
.arabamarkaust a:hover {
font : 12px/13px Tahoma, Arial, Helvetica, sans-serif;
color : #007070;
font-weight : bold;
line-height : 20px;
text-decoration : underline;
}
.mrk {
font : 12px/13px Tahoma, Arial, Helvetica, sans-serif;
color : #d43723;
font-weight : bold;
vertical-align : top;
padding-top : 5px;
width : 490px;
line-height : 20px;
border : 1px dashed #b8a997;
padding-left : 5px;
background-color : #ffffff;
padding-bottom : 5px;
width : 565px;
}
.mrk a {
font : 12px/13px Tahoma, Arial, Helvetica, sans-serif;
color : #d43723;
font-weight : bold;
text-decoration : none;
line-height : 20px;
}
.mrk a:hover {
font : 12px/13px Tahoma, Arial, Helvetica, sans-serif;
color : #007070;
font-weight : bold;
line-height : 20px;
text-decoration : underline;
}
.arabafiyat {
float : right;
width : 120px;
font : 16px/18px Tahoma, Arial, Helvetica, sans-serif;
color : #d43723;
font-weight : bold;
text-align : right;
padding-right : 5px;
}
.motormarkaust {
font : 12px/13px Arial, Helvetica, sans-serif;
color : #4d371e;
vertical-align : top;
padding-top : 5px;
padding-bottom : 5px;
width : 280px;
line-height : 20px;
border : 1px dashed #b8a997;
padding-left : 5px;
background-color : #ffffff;
}
.motormarkaust a {
font : 12px/13px Tahoma, Arial, Helvetica, sans-serif;
color : #d43723;
font-weight : bold;
font-weight : bold;
text-decoration : none;
line-height : 20px;
}
.motormarkaust a:hover {
font : 12px/13px Tahoma, Arial, Helvetica, sans-serif;
color : #007070;
font-weight : bold;
line-height : 20px;
text-decoration : underline;
}
.motorfiyat {
float : right;
width : 120px;
font : 16px/18px Tahoma, Arial, Helvetica, sans-serif;
color : #d43723;
font-weight : bold;
text-align : right;
padding-right : 5px;
}
.motorsdf {
margin-bottom : 15px;
}
.denizmarka {
border : 1px dashed #b8a997;
padding : 5px 3px 0 5px;
background : #ffffff;
font : 11px Tahoma, Arial, Helvetica, sans-serif;
}
.denizmarka a {
color : #4d371e;
text-decoration : none;
}
.denizmarka a:hover {
color : #ff9900;
}
.haber {
text-align : left;
font : 13px/15px Tahoma, Arial, Helvetica, sans-serif;
font-weight : bold;
padding : 20px 0 0 10px;
}
.haber a {
color : #006666;
text-decoration : none;
}
.haber a:hover {
color : #ff9900;
text-decoration : none;
}
.dev {
text-align : right;
margin : 15px 8px 0 110px;
background : url(images/more_arrow2.gif) no-repeat;
font : 13px Tahoma, Arial, Helvetica, sans-serif;
font-weight : bold;
}
.dev a {
color : #4d371e;
text-decoration : none;
}
.dev a:hover {
color : #d43723;
}
.haberust {
font : 12px/13px Tahoma, Arial, Helvetica, sans-serif;
color : #d43723;
font-weight : bold;
vertical-align : top;
padding-top : 5px;
width : 490px;
line-height : 20px;
border : 1px dashed #b8a997;
padding : 0 5px 0 5px;
background-color : #ffffff;
padding-bottom : 5px;
width : 560px;
text-align:justify;
}
.haberust a{
font : 12px/13px Tahoma, Arial, Helvetica, sans-serif;
color : #d43723;
font-weight : bold;
text-decoration : none;
line-height : 20px;
}
.haberust a:hover {
font : 12px/13px Tahoma, Arial, Helvetica, sans-serif;
color : #007070;
font-weight : bold;
line-height : 20px;
text-decoration : underline;
}
.usthaber{
font:12px/13px Arial, Helvetica, sans-serif;
color:#4d371e;
vertical-align:top;
padding-top:5px;
line-height:20px;
}
#bayrak {
position:absolute;
width:81px;
height:30px;
z-index:1;
top: 34px;
left: 15px;
}
.adssol {
padding : 15px 0 0 12px;
text-align :left;
}
.ekle {
padding-left:50px;}
.uzun {
width:250px;}



/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.cssform p{
width: 255px;
margin: 0;
padding: 5px 0 8px 155px;
border-top: 1px dashed gray;
height: 1%;
}

.cssform label{
font-weight: bold;
color:#d43723;
float: left;
margin-left: -155px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
}

.cssform textarea{
width: 250px;
height: 150px;
}
/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}