/* * @package WordPress * @subpackage Acme_Jordan_Theme * Date: October 09 * Author: Sean Ockert * Company: Kintek, Brisbane */ /* ------------------------------Initialise -------------------------------*/ /* This section is for style resets, a:link styles and common classes. Common classes can be applied to any element as a shortcut style. Eg. Adding - class="right" - to an image will float it right Adding - class="text-center" - to a paragraph will center align the text Adding - class="clear" - is handy to clear floats and rows. */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, button, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } /* remember to define focus styles */ :focus {outline: 0;} body { line-height: 1; color: black; background: white; } ol, ul { list-style: none; margin-bottom:10px; margin-left:10px; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; } blockquote:before, blockquote:after, q:before, q:after {content: "";} blockquote, q {quotes: "" "";} a:link, a:visited {color:#5D3718;text-decoration:none;font-weight:normal;} a:hover {color:#270D02;text-decoration:underline;border-bottom:none;} p {margin:15px 0;} img {border:none;} p img {margin:5px;} strong {font-weight:bold;} em {font-style:italic;} hr { border: 0; width: 100%; color: #ddd; background-color: #ddd; height: 1px; } .left, .alignleft {float:left;} .left img {margin:5px;} .right, .alignright {float:right;} .right img {margin:5px;} .clear {clear:both;} small, .small {font-size:0.8em;} .text-left {text-align:left;} .text-right {text-align:right;} .text-center {text-align:center;} .padded {padding-left:10px;} .padded-top {padding-top:10px;} .nopadding {padding:0;margin:0;} /* Using 'class="alignright"' on an image will (who would've thought?!) align the image to the right. And using 'class="centered', will of course center the image. This is much better than using align="center", being much more futureproof (and valid) */ img.centered { display: block; margin-left: auto; margin-right: auto; } img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; } img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; } .alignright { float: right; } .alignleft { float: left; } /* End Images */ .error {padding:5px 10px;margin:5px 0;background:#AD0E2F;color:#fff;border:1px solid #7E0C24;font-weight:bold;} .notice {padding:5px 10px;margin:5px 0;background:#7DB647;color:#fff;border:1px solid #5D8932;font-weight:bold;} .spacer {height:350px;} /* ------------------- Headers -------------------------------*/ h1 { padding:15px 10px 15px 10px; margin-right:20px; letter-spacing:0px; color:#220B02; text-shadow:#fff 1px 1px; background:#f7f7f7; font-size:1.9em; /*border-bottom:1px solid #ddd;*/ } h3 { padding:5px 0; letter-spacing:-1px; font-weight:normal; font:1.5em arial, helvetica, sans-serif; } h3 { font:1.2em arial, helvetica, sans-serif; font-weight:bold; margin-top:10px;padding:0; } h4, h5, h6 {font-weight:bold;margin:15px 0;} h2 {margin-top:20px;margin-bottom:10px;color:#5B3618;font-weight:normal;} h2, h4 {font-size:1.3em;padding-bottom:5px;border-bottom:1px solid #ddd;} h2 span {color:#999;} h5 {font-size:1.2em;} h6{font-size:1em;} /* ------------------- Lists -------------------------------*/ ul.tick {margin-left:10px;} ul.disc, ol.decimal {margin-left:30px;} ul.disc li {list-style:disc;} ul.floated {display:block;width:100%;height:25px;} ul.floated li {float:left;margin-right:10px;} ul.tick li {background:url(img/tick.png) no-repeat center left;padding-left:35px;padding-top:10px;} ol.decimal li {list-style-type:decimal;} ul.disc li, ul.tick li, ol.decimal li {margin-left:10px;padding-bottom:5px;} /* ------------------- Blockquote -------------------------------*/ .bqstart { float: left; height: 45px; font-family:"times new roman"; margin-top: -30px; padding-top: 45px; margin-right:10px; margin-bottom: -50px; font-size: 550%; color: #888; font-style: normal; } .bqend { float: right; height: 25px; font-family:"times new roman"; margin-top: 0px; padding-top: 30px; font-size: 550%; color: #888; font-style: normal; } blockquote { margin: 15px; margin-bottom:45px; margin-top:0; padding: 0; font-size: 110%; line-height: 160%; font-style: italic; } /* ------------------- 960.gs grid. Don't edit this -------------------------------*/ .container_12,.container_16{margin-left:auto;margin-right:auto;width:960px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16{display:inline;float:left;position:relative;margin-left:10px;margin-right:10px}.container_12 .grid_3,.container_16 .grid_4{width:220px}.container_12 .grid_6,.container_16 .grid_8{width:460px}.container_12 .grid_9,.container_16 .grid_12{width:700px}.container_12 .grid_12,.container_16 .grid_16{width:940px}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:60px}.container_12 .grid_2{width:140px}.container_12 .grid_4{width:300px}.container_12 .grid_5{width:380px}.container_12 .grid_7{width:540px}.container_12 .grid_8{width:620px}.container_12 .grid_10{width:780px}.container_12 .grid_11{width:860px}.container_16 .grid_1{width:40px}.container_16 .grid_2{width:100px}.container_16 .grid_3{width:160px}.container_16 .grid_5{width:280px}.container_16 .grid_6{width:340px}.container_16 .grid_7{width:400px}.container_16 .grid_9{width:520px}.container_16 .grid_10{width:580px}.container_16 .grid_11{width:640px}.container_16 .grid_13{width:760px}.container_16 .grid_14{width:820px}.container_16 .grid_15{width:880px}.container_12 .prefix_3,.container_16 .prefix_4{padding-left:240px}.container_12 .prefix_6,.container_16 .prefix_8{padding-left:480px}.container_12 .prefix_9,.container_16 .prefix_12{padding-left:720px}.container_12 .prefix_1{padding-left:80px}.container_12 .prefix_2{padding-left:160px}.container_12 .prefix_4{padding-left:320px}.container_12 .prefix_5{padding-left:400px}.container_12 .prefix_7{padding-left:560px}.container_12 .prefix_8{padding-left:640px}.container_12 .prefix_10{padding-left:800px}.container_12 .prefix_11{padding-left:880px}.container_16 .prefix_1{padding-left:60px}.container_16 .prefix_2{padding-left:120px}.container_16 .prefix_3{padding-left:180px}.container_16 .prefix_5{padding-left:300px}.container_16 .prefix_6{padding-left:360px}.container_16 .prefix_7{padding-left:420px}.container_16 .prefix_9{padding-left:540px}.container_16 .prefix_10{padding-left:600px}.container_16 .prefix_11{padding-left:660px}.container_16 .prefix_13{padding-left:780px}.container_16 .prefix_14{padding-left:840px}.container_16 .prefix_15{padding-left:900px}.container_12 .suffix_3,.container_16 .suffix_4{padding-right:240px}.container_12 .suffix_6,.container_16 .suffix_8{padding-right:480px}.container_12 .suffix_9,.container_16 .suffix_12{padding-right:720px}.container_12 .suffix_1{padding-right:80px}.container_12 .suffix_2{padding-right:160px}.container_12 .suffix_4{padding-right:320px}.container_12 .suffix_5{padding-right:400px}.container_12 .suffix_7{padding-right:560px}.container_12 .suffix_8{padding-right:640px}.container_12 .suffix_10{padding-right:800px}.container_12 .suffix_11{padding-right:880px}.container_16 .suffix_1{padding-right:60px}.container_16 .suffix_2{padding-right:120px}.container_16 .suffix_3{padding-right:180px}.container_16 .suffix_5{padding-right:300px}.container_16 .suffix_6{padding-right:360px}.container_16 .suffix_7{padding-right:420px}.container_16 .suffix_9{padding-right:540px}.container_16 .suffix_10{padding-right:600px}.container_16 .suffix_11{padding-right:660px}.container_16 .suffix_13{padding-right:780px}.container_16 .suffix_14{padding-right:840px}.container_16 .suffix_15{padding-right:900px}.container_12 .push_3,.container_16 .push_4{left:240px}.container_12 .push_6,.container_16 .push_8{left:480px}.container_12 .push_9,.container_16 .push_12{left:720px}.container_12 .push_1{left:80px}.container_12 .push_2{left:160px}.container_12 .push_4{left:320px}.container_12 .push_5{left:400px}.container_12 .push_7{left:560px}.container_12 .push_8{left:640px}.container_12 .push_10{left:800px}.container_12 .push_11{left:880px}.container_16 .push_1{left:60px}.container_16 .push_2{left:120px}.container_16 .push_3{left:180px}.container_16 .push_5{left:300px}.container_16 .push_6{left:360px}.container_16 .push_7{left:420px}.container_16 .push_9{left:540px}.container_16 .push_10{left:600px}.container_16 .push_11{left:660px}.container_16 .push_13{left:780px}.container_16 .push_14{left:840px}.container_16 .push_15{left:900px}.container_12 .pull_3,.container_16 .pull_4{left:-240px}.container_12 .pull_6,.container_16 .pull_8{left:-480px}.container_12 .pull_9,.container_16 .pull_12{left:-720px}.container_12 .pull_1{left:-80px}.container_12 .pull_2{left:-160px}.container_12 .pull_4{left:-320px}.container_12 .pull_5{left:-400px}.container_12 .pull_7{left:-560px}.container_12 .pull_8{left:-640px}.container_12 .pull_10{left:-800px}.container_12 .pull_11{left:-880px}.container_16 .pull_1{left:-60px}.container_16 .pull_2{left:-120px}.container_16 .pull_3{left:-180px}.container_16 .pull_5{left:-300px}.container_16 .pull_6{left:-360px}.container_16 .pull_7{left:-420px}.container_16 .pull_9{left:-540px}.container_16 .pull_10{left:-600px}.container_16 .pull_11{left:-660px}.container_16 .pull_13{left:-780px}.container_16 .pull_14{left:-840px}.container_16 .pull_15{left:-900px}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}.clearfix{display:inline-block}* html .clearfix{height:1%}.clearfix{display:block} /* ------------------------------Main Styles -------------------------------*/ /* #1e87ae - dark blue #6abfdf - light blue */ body { color:#444; background:#351D0A url(img/wood_dark.png); font:105%/1.25 Cambria, Georgia, Times, serif; line-height:140%; } #head_container { background:#5E3718 url(img/wood_header.png); height:145px; margin-top:0; border-bottom:1px solid #0F0704; } #container { height:100%; position:relative; background:#fff; border-left:1px solid #ddd; border-right:1px solid #ddd; } #header { height:145px; position:relative; color:#fff; z-index:20; } #header #logo {padding-top:10px;padding-left:10px;float:left;} /*#breadcrumb_bar {font-family:verdana;background:#e7e7e7;border-bottom:1px solid #ddd;padding:5px;font-size:0.8em;height:28px;text-shadow:#fff 1px 1px 0px;} #breadcrumb_bar #searchform{float:right;}*/ #breadcrumb { font: 11px Arial, Helvetica, sans-serif; background-image:url('img/bc_bg.png'); background-repeat:repeat-x; height:30px; line-height:30px; color:#9b9b9b; display:inline; border-bottom:1px solid #aaa; width:100%; overflow:hidden; margin:0px; padding:0px; float:left; } #breadcrumb li { list-style-type:none; float:left; padding-left:10px; } #breadcrumb #searchbar {margin-top:2px;} #breadcrumb a { height:30px; display:inline; background-image:url('img/bc_separator.png'); background-repeat:no-repeat; background-position:right; padding-right: 15px; text-decoration: none; color:#666; } #breadcrumb #searchbar a {background:none;} .home { border:none; margin: 8px 0px; } #breadcrumb a:hover {color:#000;} #content { min-height:400px; color:#555; padding:10px; padding-top:0px; background:#fff; z-index:10; } #content p.first_p:first-letter { font-size:4.8em; float:left; padding-top:5px; margin-top:3px; padding-bottom:5px; padding-left:5px; padding-right:5px; margin-left:0px; margin-right:5px; border:1px solid #eee; } #content .last {margin-left:20px;} #content p.caption {padding:0;margin:0;} #content p.caption span {font-size:0.9em;display:block;text-align:center;padding:0;margin:0;} #content .navigation {margin-top:-20px;padding:0;font-size:0.8em;} #content .navigation a:link, #content .navigation a:visited {color:#888;} #content .logos {margin:auto;margin-left:30px;} #content .logos a {margin-left:50px;float:left;} #content .logos a.keogh {height:141px;width:220px;background:#fff url(img/keogh.png) top left no-repeat;} #content .logos a.acme {height:141px;width:220px;background:#fff url(img/acme.png) top left no-repeat;} #content .logos a.jordarne {height:141px;width:220px;background:#fff url(img/jorlarne.png) top left no-repeat;} #content .logos a:hover {background-position:bottom left;} #content .subcats {margin:20px 0;} #content .cat-item a { color:#eee; background:#999; padding:2px 5px 3px 5px; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; } #content .cat-item a:hover {color:#fff;background:#888;text-decoration:none;} #content .post-small {border:1px solid #eee;padding:0px 15px;font-size:0.9em;margin-bottom:10px;text-align:center;overflow:hidden;} #content .post-small:hover, .post-hover {border:1px solid #aaa;background:url(img/box_bg.gif) repeat-x bottom left;cursor:pointer;} #content .post-small img {float:left;border:1px solid #fff;margin-right:5px;} #content .post-small .entry {height:100px;} #content .postmetadata {font-size:0.8em;} #content h1.product {font-size:1.8em;color:#494949;text-align:left;margin-bottom:-20px;margin-top:20px;line-height:170%;padding:20px 0;background:url(img/acme_bg.png) no-repeat 0% 50%;padding-left:65px;} #content .hentry {width:80%;margin:auto;} #content .post table {font-size:0.9em;border-collapse:collapse;width:90%;margin:0;margin-bottom:20px;border:1px solid #ddd;-moz-box-shadow:#777 3px 3px 6px;-webkit-box-shadow:#777 3px 3px 6px;box-shadow:#777 3px 3px 6px;} #content .post table tr {border:1px solid #c0c0c0;} #content .post table th {padding:5px;border:1px solid #000;border-bottom:1px solid #fff;background:#250C02;color:#A57A5A;font-weight:bold;} #content .post table td {padding:5px;border:1px solid #e3e3e3;} #content .post table td table, #content .post table td table tbody tr, #content .post table td *, #content .post table td table td {background:transparent;border:none;padding:none;margin:none;box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;} #content .box {border:1px solid #ddd;} #content .post .altrow {background:#F1F1F1 url(img/1px.png) repeat-x top left;color:#222;} #content .post .tr-hover {background:#FFF09D;color:#240C02;} #content .entry h3 {border-top:1px solid #ddd;border-bottom:1px solid #ddd;padding:10px 0;letter-spacing:0.02em;} #content.product_list ul {list-style-type:none;margin:10px;margin-left:20px;font-size:1.2em;} #content.product_list ul .cat-item {margin:10px;margin-bottom:15px;list-style-type:none;} #content.product_list ul .cat-item li {list-style:disc;font-size:0.7em;margin-bottom:5px;} #content.product_list ul .cat-item a:link {background:none;color:#5D3718} #content.product_list ul .cat-item a:visited {background:none;color:#6E5440} #content.product_list ul .cat-item a span.quantity {background:#eee;} #content.product_list ul .cat-item a:hover {color:#fff;background:#888;text-decoration:none;} #footer { text-align:right; margin:20px; margin-top:0px; padding-top:0px; color:#887F77; font-size:0.9em; } #footer a {color:#A1846A;} /* ------------------------------ Form Styles -------------------------------*/ /* These are the form styles for the given page. If you could please provide examples of other forms I can add some other styles */ label {font-weight:bold;margin-top:4px;text-align:left;cursor:pointer;} form.regular fieldset {padding:10px;border:1px solid #ddd;} form.regular legend {padding:5px;font-weight:bold;font-size:1.2em;} form.regular p {width:500px;clear:both;} form.regular label {float:left; width:180px;text-align:right;} form.regular span {margin:5px; float:right;width:310px;text-align:left;margin-top:-3px;} form.regular input, form.regular textarea, form.regular select {padding:4px;} form.regular input:focus , form.regular textarea:focus, form.regular select:focus {font-weight:bold;} input, textarea, select {border:1px solid #d5d5d5;padding:3px;margin:2px;color:#555;} input, select {width:200px;} textarea {width:400px;height:150px;} input:focus, textarea:focus, select:focus { border:1px solid #888; color:#555; } textarea:focus {background:none;} input[type=checkbox], input[type=radio] {float:left;cursor:pointer;width:20px;} input [type=submit], .submit_btn, input.submit_btn_wide { width:120px; height:30px; font-size:1em; margin-bottom:10px; color:#eee; padding:3px 12px; text-align:center; font-weight:bold; cursor:pointer; border:none; background: #270D02; } #searchform {position:relative;} input.search_btn { width:20px; background:#fff url(img/search.png) no-repeat; border:none; padding:0; right:5px; top:3px; position:absolute; cursor:pointer; z-index:999; } input [type=submit]:hover, .submit_btn:hover, .submit_btn:focus, input.submit_btn_wide:hover, input.submit_btn_wide:focus { color: #fff; background:#321104; } input [type=submit]:active, .submit_btn:active, input.submit_btn_wide:active { background: #eee url('img/button2.png') repeat-x bottom left; outline: 0; border:none; } /* Menu */ #menu { width: 560px; background: transparent; float: right; margin-top:112px; font:1em arial, helvetica, sans-serif; z-index:800; } #menu ul { list-style: none; margin: 0; padding: 0; width: 6.4em; text-align:center; float: left; } #menu a { text-decoration: none; } #menu ul li a, #menu ul li h2 { display: block; margin:0; padding: 8px 5px 5px 5px; font-size:1em; letter-spacing:0.03em; cursor:pointer; color: #A57A5A; /*background: url(img/1x1_trans40.png);*/ background:#290D02; margin-left:5px; font-weight:normal; border:1px solid #260D02; border-right:1px solid #785030; border-bottom:none; -moz-border-radius-topleft:2px; -moz-border-radius-topright:2px; -webkit-border-top-left-radius:2px; -webkit-border-top-right-radius:2px; } #menu ul li a.arrow, #menu ul li a:hover.arrow {background:#290D02 url(img/arrow.png) no-repeat 92% -3%;} #menu ul li a:hover.arrow {background-color:#321104;background-position:92% 92%;} #menu ul li a span.quantity, a span.quantity { color:#999; font-size:0.65em; background:#fff; font-weight:bold; padding:1px 4px; top:-1px; position:relative; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; } #menu ul li a span.quantity {color:#8B6244;background:#1C0A03;text-shadow:#000 0 1px 0;} #menu ul li a:hover, #menu ul li h2:hover { color:#fff; border:1px solid #000; border-right:1px solid #B07E55; border-bottom:none; background:#321104; } #menu ul li a:hover span.quantity {color: #A57A5A;} #menu .current_page_item a, #menu .current_page_item h2, #menu .current_page_item a:hover, #menu .current_page_item h2:hover { background: #F0EFEF; color:#222; text-shadow:#fff 1px 1px 0px; padding-bottom:5px; margin-top:1px; } #menu .current-cat a, #menu .current-cat a:hover { background: #321104; color:#fff; } #menu li {position: relative;} #menu ul ul { position: absolute; z-index: 500; cursor:pointer; width: 10em; background:#290D02; margin-left:5px; padding:0; margin-top:0px; -moz-box-shadow: 3px 3px 5px #999;box-shadow: 3px 3px 5px #999; } #menu ul ul li a {border;none;} #menu ul ul ul { position: absolute; top: 0; left: 100%; cursor:pointer; margin-left:-5px; } div#menu ul ul, div#menu ul li:hover ul ul, div#menu ul ul li:hover ul ul { display: none; } div#menu ul li:hover ul, div#menu ul ul li:hover ul, div#menu ul ul ul li:hover ul, .submenu {display: block; border-left:1px solid #000; border-bottom:1px solid #000; background:#fff; } div#menu ul li:hover ul li { padding-left:0px; margin-left:-5px; } div#menu ul li:hover ul li a { border:none; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; border-radius:0; } #menu ul li a {height: 1%;} .commentlist li, #commentform input, #commentform textarea { font-size: 0.9em; border:1px solid #ddd; padding:5px; width:500px; } .commentlist li ul li { font-size: 1em; } .commentlist li { font-weight: bold; } .commentlist li .avatar { float: right; border: 1px solid #eee; padding: 2px; background: #fff; } .commentlist cite, .commentlist cite a { font-weight: bold; font-style: normal; font-size: 1.1em; } .commentlist p { font-weight: normal; line-height: 1.5em; text-transform: none; } #commentform p { font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; } .commentmetadata { font-weight: normal; font-size:0.8em; } .respond {margin-top:20px;} /* Pretty Photo */ div.dark_rounded .pp_top .pp_left{background: url(img/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat;}div.dark_rounded .pp_top .pp_middle{background: url(img/prettyPhoto/dark_rounded/contentPattern.png) top left repeat;}div.dark_rounded .pp_top .pp_right{background: url(img/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat;}div.dark_rounded .pp_content{background: url(img/prettyPhoto/dark_rounded/contentPattern.png) top left repeat;}div.dark_rounded .pp_next:hover{background: url(img/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat;cursor: pointer;}div.dark_rounded .pp_previous:hover{background: url(img/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat;cursor: pointer;}div.dark_rounded .pp_expand{background: url(img/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat;cursor: pointer;}div.dark_rounded .pp_expand:hover{background: url(img/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat;cursor: pointer;}div.dark_rounded .pp_contract{background: url(img/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat;cursor: pointer;}div.dark_rounded .pp_contract:hover{background: url(img/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat;cursor: pointer;}div.dark_rounded .pp_close{width:75px;height:22px;background: url(img/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat;cursor: pointer;}div.dark_rounded .currentTextHolder{color:#c4c4c4;}div.dark_rounded .pp_description{color:#aaa;}div.dark_rounded .pp_arrow_previous{background: url(img/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat;}div.dark_rounded .pp_arrow_previous.disabled{background-position:0 -87px;cursor:default;}div.dark_rounded .pp_arrow_next{background: url(img/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat;}div.dark_rounded .pp_arrow_next.disabled{background-position: -22px -87px;cursor:default;}div.dark_rounded .pp_bottom .pp_left{background: url(img/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat;}div.dark_rounded .pp_bottom .pp_middle{background: url(img/prettyPhoto/dark_rounded/contentPattern.png) top left repeat;}div.dark_rounded .pp_bottom .pp_right{background: url(img/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat;}div.dark_rounded .pp_loaderIcon{background: url(img/prettyPhoto/dark_rounded/loader.gif) center center no-repeat;} div.pp_pic_holder a:focus{outline:none;}div.pp_overlay{background:#000;left:0;position:absolute;top:0;width:100%;z-index:9500;}div.pp_pic_holder{display: none;position:absolute;width:100px;z-index:10000;}.pp_top{height:20px;position: relative;}* html .pp_top{padding:0 20px;}.pp_top .pp_left{height:20px;left:0;position:absolute;width:20px;}.pp_top .pp_middle{height:20px;left:20px;position:absolute;right:20px;}* html .pp_top .pp_middle{left:0;position: static;}.pp_top .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px;}.pp_content{height:40px;position: relative;text-align: left;width:100%;}.pp_content .pp_details{display: none;margin:10px 15px 2px 20px;}.pp_description{display: none;float: left;margin:0;}.pp_nav{clear: left;float: left;margin:3px 0 0 0;}.pp_nav p{float: left;margin:2px 4px;}.pp_nav a.pp_arrow_previous,.pp_nav a.pp_arrow_next{display:block;float: left;height:15px;margin-top:3px;overflow: hidden;text-indent: -10000px;width:14px;}.pp_hoverContainer{left:0;position:absolute;top:0;width:100%;z-index:2000;}a.pp_next{background: url(img/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float: right;height:100%;text-indent: -10000px;width:49%;}a.pp_previous{background: url(img/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float: left;height:100%;text-indent: -10000px;width:49%;}a.pp_expand,a.pp_contract{cursor: pointer;display: none;height:20px;position:absolute;right:30px;text-indent: -10000px;top:10px;width:20px;z-index:20000;}a.pp_close{display:block;float: right;text-indent: -10000px;}.pp_bottom{height:20px;position: relative;}* html .pp_bottom{padding:0 20px;}.pp_bottom .pp_left{height:20px;left:0;position:absolute;width:20px;}.pp_bottom .pp_middle{height:20px;left:20px;position:absolute;right:20px;}* html .pp_bottom .pp_middle{left:0;position: static;}.pp_bottom .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px;}.pp_loaderIcon{display: none;height:24px;left:50%;margin: -12px 0 0 -12px;position:absolute;top:50%;width:24px;}#pp_full_res{display: none;line-height:1 !important;margin:0 auto;text-align:center;width:100%;}div.ppt{color:#fff;display: none;font-size:17px;left:0;position:absolute;top:0;z-index:9999;}.clearfix:after{content: ".";display:block;height:0;clear:both;visibility: hidden;}.clearfix {display: inline-block;}* html .clearfix {height:1%;}.clearfix {display:block;}