/*/////////////////////////////////////////////////////////////////////////////// Árchontariki Web Site Style Author: Yannis Kolovos - www.net-works.gr Client: Anaptixys Version:1.0 ///////////////////////////////////////////////////////////////////////////////*/ .cap { float: left; font-size: 3.5em; line-height: 34px; padding: 0; width: 35px; } body {margin:0;padding:0; background:url('background.gif') center top; font-family:Georgia, "Times New Roman", Times, serif; font-size:13px; /*font-family: 'Palatine Linotype', Serif;*/ text-align:center;} a img {border:none;} p {margin:0;padding:10px; line-height:14px;} .imageSubmit {cursor:hand;background:url('buttonSubmit.gif') no-repeat center center;display:block;width:118px;height:45px;} .imageSubmit:hover {background:url('buttonSubmitHover.gif') no-repeat center center;} #stripe {margin:0;padding:0;width:100%;height:191px; background:#660000 url('stripe.gif'); position:absolute;left:0;top:203px;} /*173*/ #main {margin:0;padding:0;padding-top:387px;width:800px;margin:0 auto;overflow:hidden; background:url('bodyBackground.gif') repeat-y; position:relative;text-align:left;} /* HEADER //////////////////////////////////*/ #masterheader{padding-left:20px} #headerImage {margin:0;padding:0;width:800px;height:173px; background:url('headerImage.jpg'); position:absolute;left:0;top:0;} #headerBar {margin:0;padding:0;width:800px;height:189px; background:url('headerBar.jpg') repeat-y; position:absolute;left:0;top:174px;} #headerBarTop {margin:0;padding:0;width:800px;height:1px; background:url('headerBarTop.jpg') no-repeat; position:absolute;left:0;top:173px;} #headerBarBottom {margin:0;padding:0;width:800px;height:24px; background:url('headerBarBottom.jpg') no-repeat; position:absolute;left:0;top:363px;} #headerBarBackground {margin:0;padding:0;padding-left:470px;height:189px; background:url('headerHome.jpg') 245px 0px no-repeat;} #headerBarBackground.about {background:url('headerAbout.jpg') 245px 0px no-repeat;} #headerBarBackground.wines {background:url('headerWines.jpg') 245px 0px no-repeat;} #headerBarBackground.press {background:url('headerPress.jpg') 245px 0px no-repeat;} #headerBarContents {width:290px;padding-top:20px;} #headerBarContents p {margin-top:10px;padding:0;color:#F5E7D6;font-size:12px; line-height:16px; border-top:1px solid #80684D;} #headerBarContents h1 {margin-top:0px;margin-bottom:-70px;padding:0;color:#80684D;font-size:40px;font-weight:normal; } /*#headerBarContents h1 {margin-top:10px;margin-bottom:0px;padding:0;color:#80684D;font-size:30px;font-weight:normal;}*/ #headerBarContents a {color:#FF0000;text-decoration:none;} /* NAVIGATION //////////////////////////////////*/ #navigation {margin:0;padding:0;width:196px; position:absolute;left:49px;top:173px;} /*top:37px;*/ #navigation ul {margin:0;padding:0;list-style:none;display:inline;} #navigation ul li {margin:0;padding:0;list-style:none;display:inline;} #navigation ul li a {display:block;} #navigation ul li a img {border:none;} /*#navigation ul li a:hover img {display:none;filter:alpha(opacity=100);}*/ #mainWatermark {margin:0 0px;padding:0;width:100%; background:url('mainWatermark.jpg') left bottom no-repeat;} #mainBottom {margin:0;padding:0;width:800px;height:30px; background:url('mainBottom.jpg');} /* SIDEBAR //////////////////////////////////*/ table.gallery {margin:10px 0;} table.gallery a img {border:1px solid #3A0000; padding:1px;} table.gallery a:hover img {filter:alpha(opacity=80);-moz-opacity:0.8;} /* .light {background-color:#FAF5F1;}*/ #sidebarslider { background:url('image_holder-trans.png') no-repeat; width:174px; height:136px;} #sidebarsliderpic{padding-top:13px; padding-left:12px} #sideBar {float:left;width:252px;} #sideBarContent {margin:0;margin-left:39px;margin-right:37px;margin-top:78px;padding:0;} div.hr {border-top:1px solid #80684D;background:none;height:1px;font-size:1px;} #sideBarContent h1 {margin:0; padding:0px 0px 0px 30px; margin:10px 0px 10px 0px; color:#80684D; font-size:20px; font-weight:normal; background:url('hrSidebar.png') left no-repeat; } /*#sideBarContent h1 {margin:0; padding:7px 0px 7px 30px; color:#80684D; font-size:25px; font-weight:normal; background:url('hrSidebar.png') left no-repeat; }*/ #sideBarContent p {font-size:11px;color:#2A1B00; margin:0;padding:0;margin:5px 0; /* font-family: Verdana;*/ } #sideBarContent input.text {border:1px solid #D4C6B7;width:151px;margin-bottom:10px;padding:3px;font-size:10px;background:#FFFFFF;} #sideBarContent select {border:1px solid #D4C6B7;font-size:10px;margin-bottom:10px;} #sideBarContent a {color:#CC0000;text-decoration:none;} #sideBarContent a:hover {color:#CC0000;text-decoration:underline;} /* CONTENT //////////////////////////////////*/ #content .imageLeft {float:left;margin-left:20px;margin-right:10px;} #content .imageLeftEditorial {float:left;margin-left:20px;margin-right:15px;margin-top:10px;margin-bottom:10px;} #content .imageRight {float:right;margin-left:10px;margin-right:20px;} #content .imageCenter {float:left;margin-left:20px;margin-right:20px;margin-bottom:10px;} #content .imageLeftOverlap {margin-top:-60px;float:left;margin-left:10px;margin-bottom:10px;} #content .newsItem {position:relative;padding:20px 0;} #content .item {padding:20px 16px;} #content .item .main {background:url('itemBackground.gif') no-repeat;height:143px;position:relative;} #content .item .green {width:142px;height:163px;background:url('bottlesRed.gif') no-repeat;position:absolute;top:-9px;} #content .item .red {width:142px;height:163px;background:url('bottlesGreen.gif') no-repeat;position:absolute;top:-9px;} #content .item .wineGroup {width:142px;height:163px;background:url('mel_rev.jpg') no-repeat;position:absolute;top:-10px;} #content .item .wine1 {width:142px;height:163px;position:absolute;top:-9px; background:url('wine1.jpg') no-repeat;} #content .item .wine2 {width:142px;height:163px;position:absolute;top:-9px; background:url('wine2.jpg') no-repeat;} #content .item .wine3 {width:142px;height:163px;position:absolute;top:-9px; background:url('wine3.jpg') no-repeat;} #content .item .wine4 {width:142px;height:163px;position:absolute;top:-9px; background:url('wine4.jpg') no-repeat;} #content .item .wine5 {width:142px;height:163px;position:absolute;top:-9px; background:url('wine5.jpg') no-repeat;} #content .item .wine6 {width:142px;height:163px;position:absolute;top:-9px; background:url('wine6.jpg') no-repeat;} #content .item .wine7 {width:142px;height:163px;position:absolute;top:-9px; background:url('wine7_white.jpg') no-repeat;} #content .item .wineChenin2006 {width:142px;height:163px;position:absolute;top:-9px; background:url('chenin_blanc_2006.jpg') no-repeat;} #content .item .wineChenin2007 {width:142px;height:163px;position:absolute;top:-10px; background:url('mel_chenjpg.jpg') no-repeat;} #content .item .wineRevelation {width:142px;height:163px;position:absolute;top:-10px; background:url('mel_rev.jpg') no-repeat;} #content .item .wineRose {width:142px;height:163px;position:absolute;top:-10px; background:url('mel_rose.jpg') no-repeat;} #content .item .mellasatM {width:142px;height:163px;position:absolute;top:-10px; background:url('mel_m.jpg') no-repeat;} #content .item .enigma {width:142px;height:163px;position:absolute;top:-10px; background:url('enigma1.jpg') no-repeat;} #content .item .recommend {width:142px;height:163px;background:url('DrinkingWine.jpg') no-repeat;position:absolute;top:-9px;} #content .item .stockist {width:142px;height:163px;position:absolute;top:12px; left:12px; } #content .item h3 em, #content .newsItem h3 em {color:#CC0000;font-style:normal;} #content .item h3, #content .newsItem h3 {padding:0;padding-left:166px;margin:0;padding-top:10px;padding-right:10px;padding-bottom:5px;} h2 em {color:#CC0000;font-style:normal;} #content .item h2, #content .newsItem h2 {padding:0;padding-left:166px;margin:0;padding-top:15px;padding-right:10px;} #content .item p, #content .newsItem p {padding:0;padding-left:166px;margin:0;padding-right:10px;} #content .newsItem h3, #content .newsItem p,#content .newsItem h2 {padding-top:0;padding-right:30px;padding-left:180px;} #content a {color:#CC0000;} #content a:hover {color:#CC0000;text-decoration:none;} #content a.button {padding:10px 20px;display:block;} #content a.paging {padding:10px 20px;display:block; width:200px; float:left;} #content {float:left;width:490px;} #content #contentTop {height:18px;background:url('contentTop.gif');} #content #contentMain {background:url('contentBackground.jpg');} #content #contentBottom {height:23px;background:url('contentBottom.gif');} #content p {font-size:11px;color:#2A1B00; margin:0;padding:0;padding:10px 20px; line-height:15px;} #content ul {font-size:11px;color:#2A1B00; margin:0;padding:0;padding:10px 40px; line-height:15px;} #content h1 {font-size:70px;color:#80684D; font-weight:normal;text-align:left; background:url('titleBackground.gif') 50% 20px no-repeat; margin:0;padding:0; padding: 0px 30px 0px 30px; margin-bottom:-20px;} /*#content h1 {font-size:70px;color:#80684D; font-weight:normal;text-align:left; background:url('titleBackground.gif') center center no-repeat; margin:0;padding:0;padding:10px 20px 10px 30px;}*/ #content h2 {font-size:12px;color:#2A1B00; margin:0;padding:0;margin:10px 20px;margin-bottom:0;} #content h3 {font-size:14px;color:#2A1B00; margin:0;padding:0;margin:10px 20px;margin-bottom:0;} #content div.divider {clear:both;text-align:center;background:url('dividerLine.gif') repeat-x;margin:0 20px;} /* FOOTER //////////////////////////////////*/ #footer {margin:0;padding:0; background:#660000; border-top:1px solid #853333;border-bottom:1px solid #853333;} #footer .content {width:770px;margin:auto;text-align:left;height:30px;} #footer .cp {float:right; font-size:10px;color:#F5E7D6;line-height:10px;} #footer p {text-align:left;float:left;font-size:10px;color:#F5E7D6;line-height:10px;} #footer a {color:#F5E7D6;text-decoration:none;} #footer a:hover {color:#F5E7D6;text-decoration:underline;} #powered {margin:0;padding:0;width:750px;margin:auto;text-align:right;height:18px;font-size:12px;color:#F5E7D6;line-height:12px;} #powered a{color:#F5E7D6;text-decoration:none;} #powered a:hover{color:#F5E7D6;text-decoration:underline;} #development {margin:0;padding:0;width:750px;margin:auto;text-align:right;height:18px;font-size:12px;color:#F5E7D6;line-height:12px;} #development a{color:#F5E7D6;text-decoration:none;} #development a:hover{color:#F5E7D6;text-decoration:underline;} #footer-e-services {margin:0;padding:0;width:750px;margin:auto;} .eservices {width:600px; text-align:left; padding:5px; float:left; color:white; font-size:11px} #eservices {width:100px;float:right;margin:10px 30px 0 0;} div.clear {clear:both;} div.formBoxTop {height:12px;background:url('formBoxTop.gif') no-repeat;} div.formBoxMiddle {background:url('formBoxMiddle.gif') repeat-y;margin:0 16px;text-align:center;} div.formBoxBottom {height:12px;background:url('formBoxBottom.gif') no-repeat;} table.form {margin:0 auto;text-align:left;} table.form th {font-weight:normal;font-size:11px;text-align:right;padding-right:10px;padding-bottom:10px;vertical-align:top;} table.form td {font-weight:normal;text-align:left;padding-bottom:10px;vertical-align:top;} table.form td input,table.form td select, table.form td textarea {width:160px;background:#FFFFFF;border:1px solid #D4C6B7;} table.form td textarea {height:120px;}