/* OrlaKiely.com (c) 2008 */ /* General template definitions */ * {margin: 0; padding: 0;} body { font-family: verdana, arial, helvetica; color: #3D3E42; min-height: 1000px;} body.popup {min-height: 400px; padding: 40px;} .main, .leftside, .rightside { min-height: 1000px;} * html .main, * html .leftside, * html .rightside {height: 1000px;} /* Layout definitions */ .main {background: url(../img/bg3/content.jpg); width: 920px;} .leftside {background: url(../img/bg3/left.jpg); background-position: right 0;} .rightside {background: url(../img/bg3/right.jpg); background-position: left 0; } .main, .leftside, .rightside {background-repeat: repeat-x;} #container, .popup { font-size: 11px; line-height: 14px;} #header { height: 90px; margin: 0 20px; } #header a {float: none;} #topmenu {margin: 11px 0 0 0; padding: 0; float: right; width: 360px; text-align: left;} #topmenu li, #logoffmenu li { font-size: 11px; float: right; list-style: none; height: 20px; line-height: 20px; padding: 0 24px 0 0;} #topmenu a, #logoffmenu a { text-decoration: none; color: #C3B600; } #topmenu a:hover, #logoffmenu a:hover { color: #8c7b00; } #topmenu #shoplink {background: transparent url(/img/shoppingbag/icon_bag.png) no-repeat 0 0; text-align: left; width: 140px; float: right; padding-left: 14px; padding-right: 12px;} #shoplink div.basketholder {display: none;} #shoplink:hover div.basketholder {display: block;} #shoplink div.basketholder { text-align: left; width: 366px; position: absolute; top: 24px; padding-top: 15px; left: 605px; z-index: 9999; } #shoplink div.basketholder div.basket { background: #FFF url(/img/shoppingbag/basket_popup_bottom.png) no-repeat 0 100%; padding: 0; border: 1px solid #d1d1d1; min-height: 250px; } #shoplink div.basketholder div.basket h3 { background: #FFF url(/img/shoppingbag/basket_popup_top_B.png) no-repeat 0 0; height: 34px; line-height: 34px; padding-left: 110px; color: #FFF; font-weight: normal; font-size: 15px; } #footerspace {height: 100px;} #menucontainer {height: 66px; overflow: hidden; position: relative; z-index: 2; margin: 0 20px;} #homemenucontainer {height: 499px; margin: 0 20px;} #lookbookmenucontainer { margin: 0 20px;} #splashmenucontainer {height: 66px; margin: 0 20px;} #splashvisual {width: 880px; height: 428px; border: 0;} #mainarea {position: relative; top: 0px; z-index: 1; margin: 0 0 0 20px;} #information #mainarea {margin: 0 0 0 0;} #content {min-height: 315px; margin: 0 20px;} #mainarea #content { margin: 0 0;} body.whatsnew #mainarea #content { margin: 0 20px 0 0;} body.information #mainarea #content { margin: 0 20px 0 0;} #mainarea #innercontent { margin: 0 0;} #extra_info { font-family: verdana, arial, helvetica; color: #3D3E42; font-size: 11px; line-height: 14px;} #extra_info table {font-size: 11px; } #extra_info h5 {color: #c7b200; font-size: 140%;} #extra_info div.a {margin-left: 0; padding-left: 0;} /* HTML menu */ #menu li { font-size: 14px; float: left; border-left: 2px solid #CCC; list-style: none; height: 24px; line-height: 18px; width: 108px;} #menu a { text-decoration: none; display: block; padding-left: 7px; } #menu li.end {border-right: 2px solid #CCC; width: 106px;} * html #menu li {font-size: 13px; font-weight: bold;} * html #menu a { white-space: nowrap;} .editlink {font-weight: normal; margin-top: 36px;} #historyorderbox {background: #EEE; border-top: 1px solid #CCC; margin: 0;} #historyorderbox .details {float: left; width: 180px; padding: 5px 4px;} #historyorderbox .address {float: left; width: 217px; padding: 5px 4px;} .historyheader {margin-bottom: 0.2em; padding-bottom: 0.2em; border-top: 1px solid #FFF;} a.historyrow {border-top: 1px solid #CCC; cursor: pointer; display: block; padding: 5px 4px; line-height: 160%;} div.historyfooter {border-top: 1px solid #CCC; display: block; padding: 12px 4px 80px 4px; } a.historyrow:hover, a.historyrow:active, a.historyrow.active {background: #EEE;} a.historyrow input {float: left; margin: 2px 5px 2px 0;} a.historyrow span {float: left; width: 100px;} a.historyrow .status {float: right;} a.historyrow strong {float: left; width: 60px; text-align: right; margin-right: 1em;} .historyfooter {padding-top: 1em; border-top: 1px solid #FFF;} .historyfooter a {margin: 0 10px; text-decoration: none; color: #8f8479;} .historyStatus {padding-top: 2em;} .historyOrderTotal strong, .historyStatus strong {float: right;} .historyOrder, .historyOrderTotal, .historyOrderTotals, .historyOrderFooter {background: #EEE; border-top: 1px solid #FFF; padding: 5px 4px; clear: both; } historyOrder {line-height: 25px;} .historyOrder strong {display: block; width: 100%;} .historyOrder em , .historyOrderTotal em {float: right; width: 60px; text-align: right; font-style: normal;} .historyOrder span {float: left; width: 140px;} .historyOrder em.status {float: right; text-align: right; font-style: normal;} .historyOrderFooter form {float: right; margin-top: 5px;} /* Search forms */ #topsearchform { float: right; margin: 2px 0 0 0; padding: 0; width: 180px;} #topsearchform input.input_text { background: transparent url(/img/bg_search177.gif) no-repeat 0 0; width: 157px; height: 17px; color: #C3B600; padding: 0 10px; border: 0px; float: right; margin-top: 10px; font-size: 11px;} #topsearchform input.submit {text-align: right; border: 0px; background: transparent; color: #C3B600; cursor: pointer; margin-top: 12px; padding: 0 10px 0 0; font-size: 11px; float: left; width: 118px; font-family: verdana;} #topsearchform input.submit:hover { color: #8c7b00; } #searchblock h1.bottomlined { color: #C3B600;} #searchblock p {margin: 0.8em 0;} #searchform { padding: 0;} #searchform .subsearch, #searchform .sortdiv { clear: both; padding: 0.5em 0;} #searchform .sortdiv a.active { text-decoration: underline;} #searchform input.input_text { background: transparent url(/img/bg_search220.gif) no-repeat 0 0; width: 220px; height: 17px; color: #707070; padding: 0 5px; border: 0px; float: left;} #searchform #searchin, #searchform label {float: left; margin-right: 5px;} #searchform input.submit {text-align: left; border: 0px; background: transparent; color: #C3B600; width: 95px; cursor: pointer; float: right; font-size: 11px;} #searchform input.submit:hover { color: #8c7b00; } #searchform .pricesearch { clear: both; padding-top: 0.8em;} #searchform .pricesearch label { margin-right: 1em;} .searchresultbox {background-repeat: no-repeat; width: 420px; height: 110px; overflow: hidden; padding: 0; float: left; margin: 0 20px 20px 0; cursor: pointer;} .searchresultbox div {background-repeat: no-repeat; margin-left: 120px; } .searchresultbox div a {color: #B49400;} /* Layout content area */ #content p {padding: 0 0 0.5em 0;} a.lighten {color: #CCC;} #content a {text-decoration: none;} #content .column a, .shopmenu li a {text-decoration: none; color: #3D3E42;} #content .column a:hover, .shopmenu li a:hover {text-decoration: none; color: #666;} /* Layout header */ #logo {float: left; margin: 20px 0 0 9px; width: 180px; height: 40px; background-image: url(../img/main_logo.png); text-indent: -2000px; background-repeat: no-repeat;} #logo a { display: block; height: 40px; width: 280px; } /* Layout footer */ #footer {top: 0px; z-index: 2; height: 80px; font-size: 10px; padding-left: 440px; background: url(../img/stem_small.gif) no-repeat; background-position: 410px 3px; clear: both;} #homefooter {width: 880px; height: 80px; background: url(../img/splash/homefooter.gif) no-repeat 0 0; margin-top: 20px;} #homefooter ul {margin-left: 460px; padding-top: 2px;} /* margin-right: 20px;*/ #homefooter li { height: 20px; width: 224px; list-style: none; margin: 0 ; padding: 0 ; } #homefooter li a { text-decoration: none; padding: 0 ; height: 20px; width: 124px; overflow: hidden; text-indent: -1300px; display: block;} #homefooter li a.uk { background: #FFF url(../img/splash/options.gif) no-repeat 0 0; padding: 0;} #homefooter li a.usa { background: #FFF url(../img/splash/options.gif) no-repeat 0 -20px; padding: 0;} #homefooter li a.japan { background: #FFF url(../img/splash/options.gif) no-repeat 0 -40px; padding: 0;} #homefooter li a.uk:hover { background: #FFF url(../img/splash/options.gif) no-repeat -124px 0;} #homefooter li a.usa:hover { background: #FFF url(../img/splash/options.gif) no-repeat -124px -20px;} #homefooter li a.japan:hover { background: #FFF url(../img/splash/options.gif) no-repeat -124px -40px;} #homefooter li a:hover { filter: alpha(opacity=65); -moz-opacity: .65;} #footerlabel { display: none;} #lookbookfooter {width: 340px; height: 80px; margin-bottom: -60px; margin-right: 100px; padding-bottom: 20px; color: #d8c520; float: right;} #lookbookfooter p {margin-bottom: 1.2em;} #lookbookheader {font-size: 11px; line-height: 23px; font-weight: bold; color: #C3B600; margin-top: -380px;} .footerspacing {margin-top: 30px;} #footer ul { border-top: 1px solid #ccc; padding-top: 5px; width: 440px;} /* margin-right: 20px;*/ #footer li { float: left; border-right: 1px solid; list-style: none; line-height: 16px;} #footer a { text-decoration: none; padding: 0 3px;} * html #footer a { padding: 0 2px;} * html #footer li { margin-right: 2px;} #footer li.start a {padding-left: 0; } #footer li.end {border-right: 0; } #copyright { clear: both; line-height: 22px; } /* Special definitions */ a.altlink {height: 1px; visibility: hidden; float: left;} /* links for accessibility */ .left {float: left;} .right {float: right;} .clear {clear: both;} .bold {font-weight: bold;} .normal {font-weight: normal;} /* Colours & links */ a, .gray {color: #3D3E42; } #footer, .navlabel {color: #CCC; } #footer a {color: #3D3E42;} #footer a:hover {color: #666; } .basket {color: #B49400; } a.basket:hover {color: #887F00;} .column h3 a {color: #8f8479; } .accordeon a {color: #3D3E42;} a:hover {color: #666;} #content p a {color: #8f8479; } .formbox .box strong {display: block;} .formbox .spaced {margin-left: 120px;} .lite {font-weight: normal; padding: 10px 0;} .lite p {margin-bottom: 1em;} .formbox .box .label {float: left; width: 120px; line-height: 18px;} .formbox .box .value {float: left; width: 280px; background: #EEE; padding: 1px 2px; height: 18px; line-height: 15px; font-weight: normal} .accordeon_header {cursor: pointer;} #personaldetails h4 {font-size: 11px; margin: 0 0 0.5em 0; line-height: 18px; padding-top: 2em;} #personaldetails h4.sub {margin-left: 8px; color: #8f8479; } #personaldetails .box {height: 18px; line-height: 18px; } #personaldetails .box .label {float: left; width: 120px; height: 18px;} #personaldetails .other {float: left; width: 280px;} #personaldetails .checkoutselect {float: left; width: 280px;} .personalbuttons {padding: 12px 0; clear: both;} .personalbuttons img, .personalbuttons a {border: 0px; text-decoration: none; margin-bottom: 1em;} /* information layout */ .column {width: 200px; margin: 3px 20px 40px 0; float: left; background-position: 0 20px ; background-repeat: no-repeat; } #column01 {background-image: url('../img/visuals/coltop_01.gif'); } #column02 {background-image: url('../img/visuals/coltop_02.gif'); } #column03 {background-image: url('../img/visuals/coltop_03.gif'); } #column04 {background-image: url('../img/visuals/coltop_04.gif'); } .quartercolumn {float: left; width: 220px; margin-right: 0px;} /* Twitter feed*/ #twitterfeed {padding-top: 24px;} #twitterfeed ul li {list-style: none; line-height: 17px; width: 320px; margin-top: 1em; margin-bottom: 1em;} #twitterfeed span.date {display: block; color: #CCC;} /* detailed information layout */ .widecolumn, .fullcolumn, .widecolumn_nomargin {float: left; padding-bottom: 8px; min-height: 150px;} .widecolumn {width: 420px; margin: 0 20px 10px 0;} .fullcolumn {width: 880px; margin: 0 0 0 0;} .widecolumn_nomargin {width: 440px; margin: 0 0 20px 0;} .login_container { width: 440px; float: right;} .signup_container { width: 430px; float: left; margin-right: 10px;} .signup_container h2.bottomlined { color: #C3B600;} .rightblock, .checkoutform {margin-left: 440px; } .introspacing {width: 330px; padding-right: 90px;} .textspacing {width: 400px; padding-right: 20px;} .widecolumn ul {margin-left: 24px;} .widecolumn li {margin-bottom: 0.5em;} .widecolumn menu {padding-bottom: 12px;} .widecolumn menu {border-top: 1px solid #CCC; margin-top: 24px;} .widecolumn menu {border-top: 1px solid #CCC; margin-top: 24px;} .widecolumn .visual {margin-top: 22px; } .widecolumn .accordeonvisual { margin-top: 16px; float: right;} .widecolumn .accordeonvisualclean { margin-top: 0; float: right;} .giftboxtext {width: 440px; height: 427px; padding-top: 14px; padding-left: 440px; margin: 10px 0 0 0; color: #FFF; font-weight: bold;} * html .giftboxtext {width: 880px; height: 345px;} menu li {border-bottom: 1px solid #CCC; list-style: none; height: 32px; padding-top: 4px;} menu li a {text-decoration: none; color: #4D4D4D; font-weight: bold;} /* Definitions of stockists */ .addressboxcolumn {float: left; width: 200px; } .firstcolumn {margin-right: 10px; width: 210px;} .addressbox {margin-bottom: 10px; width: 180px; } /* Definitions of headers */ #content h1 {font-size: 11px; line-height: 23px; font-weight: bold; } #content h2 {font-size: 11px; line-height: 23px; font-weight: bold; } #content h3 {font-size: 11px; } #content h4 {font-size: 11px; line-height: 14px; font-weight: normal; } #content h5 {font-size: 11px; line-height: 14px; font-weight: bold; margin-top: 1em; margin-bottom: 0;} #lookbooknav {margin-top: 64px; margin-bottom: 10px; padding-bottom: 10px; } #lookbooknav h1 {font-size: 11px; line-height: 23px; font-weight: bold;width: 250px; float: left; display: inline;} #lookbookcontainer {width: 878px; height: 634px; border: 1px solid #CCC; overflow: hidden;} #slidenav {width: 130px; float: left; line-height: 23px; } #slidenav a {text-decoration: none; margin-right: 15px;} .toplined {border-top: 1px solid #CCC; } #productInfoContainer h2, h2.rightlined, .bottomlined {border-bottom: 1px solid #CCC; } h2.rightlined {margin-bottom: 30px;} .popup h3 {line-height: 23px; margin-bottom: 30x;} .widecolumn h3 {line-height: 18px;} .column h3 {line-height: 14px; border-bottom: 1px solid #CCC; padding: 3px 0 ; margin-bottom: 150px;} div.rightlinefix {border-top: 1px solid #CCC; height: 1px; overflow: hidden;} .accordeon_head, .subaccordeon_head, .shopmenu {border-top: 1px solid #CCC; list-style: none; height: 32px; padding-top: 4px;} .accordeon_head, .subaccordeon_head {cursor: pointer;} .accordeon_child, .subaccordeon_child {margin-bottom: 24px;} .altsubheader { height: 32px; padding-top: 4px;} #newsticker , #newstickertop {font-size: 11px; line-height: 14px; color: #3d3e42; float: right; width: 440px; height: 36px; text-align: right; } #newsticker a { text-decoration: none; color: #3d3e42;} #newstickertop {float: right; margin-top: 15px;} #newstickertop * {text-align: right;} #newstickertop a { text-decoration: none;} ul.sitemap li {list-style: none;} ul.sitemap li.cat {font-weight: bold; margin-top: 10px;} ul.sitemap li.top {margin-top: 2px;} ul.sitemap li.pagegroup {margin-top: 10px;} ul.sitemap li.snippet {margin-left: 38px;} #orlas_choice {color: #707070; padding: 0 0; background-position: 50% 0; background-repeat: no-repeat; height: 960px; margin-left: -20px; padding-left: 20px;} #orlas_choice #choice_intro {margin-top: 1em; } #orlas_choice #choice_intro strong {font-weight: normal; color: #000;} #orlas_choice #choice_products ol {margin-left: 20px; line-height: 18px;} #orlas_choice #choice_products a {color: #707070;} #orlas_choice #choice_products a:hover {color: #000;} #orlas_choice #choice_products ol span {color: #ccc;} #topmessage {margin: 10px 0; font-weight: normal; color: #000;} #loginform {margin-top: 20px; color: #898c8b;} #loginform p {margin: 10px 0; padding: 0; font-weight: normal;} #loginbutton, #submitbutton, #requestpwbutton {margin-top: 20px; border: 0; width: 113px; height: 27px; padding: 0;} #signupbutton {background: none; margin-top: 20px; border: 0; width: 113px; height: 27px; background-color: #C3B600; padding: 0; margin-left: 12px;} #requestpwbutton {width: 123px;} /* special definitons / hacks */ #slideshowbox, #slidepressbox {width: 420px; height: 315px; margin-top: 8px;} .isloading {background: #FFF url("/img/loadingSlideshow.gif") no-repeat 0 0;} .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;} .clear {clear: both;}