/*GENERAL*/ * { padding:0; margin:0; } fieldset { border:0; } html { background: #ffffff; } body { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 16px; color: #94785b; width:906px; margin:0 auto; } /*input { height: 16px; background: #FFF url(/image_new/bg_input.gif) repeat-x; border: 0px; padding: 2px; font-size: 10px; }*/ input { height: 16px; background: #FFF; border: 0px; padding: 2px; font-size: 10px; } a { cursor:pointer; text-decoration:none; outline:none; } IMG { border: 0px; } /* HEADER */ /*H1, H2 {color: #d1672f;font-size: 22px;letter-spacing: 1px;margin: 10px 0 10px 0;font-family: Geneva, Arial, Helvetica, sans-serif;font-weight:normal;}*/ H1 { color: #94785b; font-size: 22px; letter-spacing: 1px; margin: 10px 0 10px 0; font-family: Geneva, Arial, Helvetica, sans-serif; font-weight: bold;} H2 { color: #395984; font-size: 17px; letter-spacing: 1px; margin: 10px 0 10px 0; font-family: Geneva, Arial, Helvetica, sans-serif; font-weight: bold;} H3 { color: #395984; font-size: 12px; letter-spacing: 1px; margin: 10px 0 10px 0; font-family: Geneva, Arial, Helvetica, sans-serif; font-weight: bold;} /*REPEATING*/ .content:after, .topline:after { content:'.'; display:block; height:0; clear:both; visibility:hidden; } .content, .topline, #submenu li a { display:inline-block; } .content, .topline, #submenu li a { display:block; } /*MAIN CONTENT*/ .inner { clear:both; position: relative; padding-top: 10px; border: 0px solid; } /*TABS*/ #tabs { position: relative; height: 39px; } .Tab1, .Tab2 { float: left; height: 39px; width: 155px; } /*.Tab1 { background: url(/image_new/tab1.jpg) no-repeat top left; }*/ /*.Tab2 { background: url(/image_new/tab2.jpg) no-repeat top left; }*/ .Tab1 A, .Tab2 A { color: #507ab4; font-family:"Arial Black", Arial, Helvetica, sans-serif; font-size:24px; line-height: 30px; text-align:center; display:block; } /*HEADER*/ /*.header { width: 906px; height: 130px; background: url(/image_new/header.jpg) no-repeat top left; position: relative; }*/ #logo { position: absolute; top:39px; left: 31px; width: 452px; height: 46px; } #payoff { position: absolute; top:95px; left: 328px; width: 261px; height: 23px; } /*top*/ .top {background:#f3f3f3; height:30px; width: 906px; color:#888888;} .top-left {float:left; padding-top:5px;} .top-right {float:right;} .top img {padding-left:5px;} .phone {padding-right:10px; float:right;} /*MENU*/ .menu { background: #94785b; position: relative; height: 33px; width: 906px; } .menu ul { padding: 6px; margin: 0px; } .menu ul li { float: left; list-style: none; margin: 0 6px 0 3px; line-height: 20px; color: #dcceab; } .menu ul li A { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #dcceab; letter-spacing: -0.5px; text-transform:uppercase; font-weight: normal; text-decoration: none; margin-right: 6px; } .menu ul li.active A { color: #ffffff; } .menu ul li A:HOVER { color: #ffffff; } /*CONTENT*/ .content { padding:16px 0 14px 0; color:#94785b; clear: both; position: relative; border: 0px solid; } .content a { color:#069; } /*LEFT*/ .left { width:220px; float:left; margin-right: 20px; position: relative; border: 0px solid; } /*CENTER*/ .center { float:left; width: 426px; border: 0px solid; } /* Boxes */ #box_dog, #box_cat, #box_horse { float: left; width: 160px; height: 160px; margin-bottom: 20px; margin-top: 10px; } #box_dog, #box_cat { margin-right: 3px; } /* ACTIONBOX */ #actions { clear: both; position: relative; margin-top: 4px; margin-bottom: 10px; height: 200px; } /*STEPS*/ #steps { margin: 16px 0 0 0; } /*POPULAR*/ #popular { margin: 16px 0 0 0; } /* WELCOMEBOX */ /*#welcome { min-height: 121px; background: url(/image_new/welkom_top.jpg) no-repeat top; margin: 16px 0 0 0; }*/ /*#welcome #txt { min-height: 71px; background: url(/image_new/welkom_bottom.jpg) no-repeat bottom; color: #4b70a4; padding: 40px 24px 10px 24px; }*/ /*POPULAR CAT*/ /* #popular_cat { margin: 16px 0 0 0; height: 175px; } #cat1, #cat2, #cat3, #cat4 { width: 106px; height: 19px; float: left; cursor:pointer; display:block; text-align:center; padding-top:112px; color:#FFFFFF; text-transform:uppercase; font-size: 9px; font-family:"Arial Black", Arial, Helvetica, sans-serif; } #cat1 { background: url(/image_new/cat1.jpg) no-repeat top left; } #cat2 { background: url(/image_new/cat2.jpg) no-repeat top left; width: 107px; } #cat3 { background: url(/image_new/cat3.jpg) no-repeat top left; } #cat4 { background: url(/image_new/cat4.jpg) no-repeat top left; width: 107px; } */ /* DELIVERY */ /*#delivery { clear:both; height:121px; background: url(/image_new/levering_top.jpg) no-repeat top; margin: 16px 0 0 0; border: 0px solid; }*/ #delivery #txt_left { width: 165px; float: left; height: 74px; background: url(/image_new/welkom_bottom.jpg) no-repeat bottom left; color: #4b70a4; padding: 40px 24px 10px 24px; } #delivery #txt_right { width: 165px; float: left; height: 74px; background: url(/image_new/welkom_bottom.jpg) no-repeat bottom right; color: #4b70a4; padding: 40px 24px 10px 24px; } /* FLAGS */ #flags { margin: 16px 0 0 0; text-align:center; } /*RIGHT*/ .right { width:200px; float:right; border: 0px solid; } #language { float: left; margin-bottom:10px; } #language .flag { display:block; margin: 0 4px 0 4px; } #currency { float: left; } #currency div { float: left; } #currency div a { display:block; margin: 2px 4px 0 4px; } .flag { float:left; } /* SHOPPINGCAR */ #shoppingcar { cursor:pointer; clear:both; background: url(http://s3-eu-west-1.amazonaws.com/docomimg2.s3.amazonaws.com/shoppingcar.gif) no-repeat top left; height:45px; width: 191px; } #shoppingcar div { padding: 14px 0 0 60px; color: #9cc7ec; font-family:"Arial Black", Arial, Helvetica, sans-serif; font-size: 10px; text-transform:uppercase; } #shoppingcar div:HOVER { color:#ffffff; } /* MYDOCTER */ #mydocter { margin-top:6px; cursor:pointer; clear:both; background: url(http://s3-eu-west-1.amazonaws.com/docomimg2.s3.amazonaws.com/image_new/mydocter.jpg) no-repeat top left; height:45px; width: 191px; } #mydocter div { padding: 14px 0 0 60px; color: #9cc7ec; font-family:"Arial Black", Arial, Helvetica, sans-serif; font-size: 10px; text-transform:uppercase; } #mydocter div:HOVER { color:#ffffff; } /* CHAT */ #chat { margin-top:11px; cursor:pointer; clear:both; background: url(http://s3-eu-west-1.amazonaws.com/docomimg2.s3.amazonaws.com/image_new/chat.jpg) no-repeat top left; height:40px; width: 191px; } #chat div { padding: 14px 0 0 60px; color: #9cc7ec; font-family:"Arial Black", Arial, Helvetica, sans-serif; font-size: 10px; text-transform:uppercase; } #chat div:HOVER { color:#ffffff; } /* HELPDESK */ #helpdesk { margin-top:11px; cursor:pointer; clear:both; background: url(http://s3-eu-west-1.amazonaws.com/docomimg2.s3.amazonaws.com/image_new/helpdesk.jpg) no-repeat top left; height:45px; width: 191px; } #helpdesk div { padding: 14px 0 0 60px; color: #dcceab; font-family:"Arial Black", Arial, Helvetica, sans-serif; font-size: 10px; text-transform:uppercase; } #helpdesk div:HOVER { color:#ffffff; } /* WHYDOCTERONLINE */ #why_do { margin-top:6px; clear:both; background: url(http://s3-eu-west-1.amazonaws.com/docomimg2.s3.amazonaws.com/image_new/why_do.jpg) no-repeat top left; height:213px; width: 191px; } #why_do div.title { padding-top: 12px; text-align:center; color: #94785b; font-family:"Arial Black", Arial, Helvetica, sans-serif; font-size: 13px; text-transform:uppercase; } #why_do div.whylist { padding: 30px 0 0 40px;} /*#why_do div.whylist ul { list-style-image: url(/image_new/why_bullet.gif); list-style-type: circle; }*/ #why_do div.whylist ul li { margin-bottom: 10px; } /* NEWSLETTER */ #newsletter { margin-top:6px; clear:both; background: url(http://s3-eu-west-1.amazonaws.com/docomimg2.s3.amazonaws.com/image_new/newsletter.jpg) no-repeat top left; height: 93px; width: 191px;} #newsletter div.title { padding: 16px 0 0 60px; color:#FFFFFF; font-family:"Arial Black", Arial, Helvetica, sans-serif; font-size: 10px; text-transform:uppercase; } #newsletter input.box { margin:7px 0 0 26px; width: 143px; background-color: transparent; border: 0px solid; height: 15px; color: #4b70a4; font-family:"Arial Black", Arial, Helvetica, sans-serif; font-size: 10px; text-transform:uppercase; } #newsletter .submit { margin: 4px 0 0 90px; border: 0px solid; background: url(/image_new/newsletter_submit.gif) no-repeat left; color: #FFF; font-size: 10px; font-family: Arial, Helvetica, sans-serif; text-transform:uppercase; font-weight: bold; height: 16px; width: 81px; cursor: pointer; } /* AWARD */ #award { clear:both; } #award div { float:left; margin: 10px; } /* EXTRA */ #extra { padding-left: 10px; margin-top:11px; clear:both; font-family:Arial, Helvetica, sans-serif; font-size: 13px; color: #94785b; } #extra .title { color: #3d649c; text-transform:uppercase; } #extra a { color: #94785b; } #extra a:HOVER { color: #3d649c; } /* SEARCH */ .search { margin-left: 12px; margin-bottom: 16px; border: 0px solid; } .search input.input { height: 17px; width: 123px; background: #FFF url(/image_new/bg_search.gif) no-repeat left; border: 0px; padding-left: 22px; padding-top: 6px; font-size: 10px; } .stap_button { border: 0px; background: #FFF url(/image_new/s_button.gif) no-repeat left; color: #FFF; font-size: 10px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; height: 16px; width: 60px; cursor: pointer; } .stap_button_search { border: 0px; background: #FFF url(/image_new/s_button.gif) no-repeat left; color: #FFF; font-size: 10px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; height: 16px; width: 60px; cursor: pointer; } /* LIST */ .list { } .list a { color: #003366; text-decoration: none; } .categorie { padding-left: 12px; overflow: hidden; } .categorie a { color: #3d649c; font-weight: bold; display:block; text-transform:uppercase; font-size: 13px; } .list ul { margin-bottom: 16px; } .list ul li { list-style:none; height: 18px; } .list ul li a { font-size: 13px; color: #94785b; padding-left: 12px; width: 198px; height: 16px; display: block; } .list ul li a:HOVER { background: url(/image_new/menuhover.gif) no-repeat left; color: #FFFFFF; }