/* global.css styles specific to entire sportsgirl website fdsfds dsf sdf sdf sdfsd fsdf ds */ #django_log {z-index:10; position:absolute; top:0px; left:00px; width:100%;} /* Base overrides --------------------------------------------------- */ html { height: 100%; } body { height: 100%; } img { display: block; } strong, legend { font-weight: bold; } legend { text-transform: uppercase; } dt { font-weight: bold; } dt, dd { margin-bottom: 0.2em; } /* Form defaults --------------------------------------------------- */ input.textinput, input.passwordinput, textarea { padding: 1px; width: 200px; } input.hover, textarea.hover { border: 1px solid black!important; } input.button { text-transform: uppercase; border: 0; padding: 0px 2px; cursor: pointer; } /* see global-ie.css for override */ label { display: block; float: left; width: 100px; padding: 4px 0; text-transform: uppercase; } input.submitinput { margin:0; float:right; margin-left: 1px!important; } label.error { display: block; background: #333333; padding: 4px; color: #FFFFFF; font-weight: bold; text-transform: uppercase; margin: 0.5em 0; width: auto; } input.error, textarea.error { background-color: #ffcccc!important; } /* Font Family --------------------------------------------------- */ body { font-family: "trebuchet MS", Arial; } h1, h2, h3, h4 { font-family: Arial; } #header ul.nav { font-family: "trebuchet MS", Arial; } #footer ul { font-family: "trebuchet MS", Arial; } #boxes a.button { font-family: "trebuchet MS", Arial; } input.text, input.textinput, textarea { font-family:Arial!important; } #boxes ul.nav { font-family:Arial; } /* blog tag cloud sizes */ #boxes .blog ol.cloud li a.size-1 { font-size: 1.0em; } #boxes .blog ol.cloud li a.size-2 { font-size: 1.2em; } #boxes .blog ol.cloud li a.size-3 { font-size: 1.5em; } #boxes .blog ol.cloud li a.size-4 { font-size: 1.8em; } #boxes .blog ol.cloud li a.size-4 { font-size: 2.0em; } #boxes .blog ol.cloud li a.size-5 { font-size: 2.2em; } /* Font Size --------------------------------------------------- */ body { font-size: 62.5%; } #body { font-size: 1.2em; } /*#blahblah { font-size: 1.2em; }*/ #homepage #header { font-size: 1.2em;} p { line-height: 1.6em; } #header h1 { font-size: 5em; font-weight: bold; text-transform: uppercase; } #header ul.primary { font-size: 1.4em; } #header ul.secondary { font-size: 0.9em; } #boxes a.button { font-size: 0.9em; } #boxes .shop-button { font-size: 0.8em; } input.button { uppercase; font-size: 0.9em; } #boxes h2 { font-weight: bold; text-transform: uppercase; padding: 3px; font-size: 1.4em; } #boxes h2.cufon { font-size: 1.9em; display: block; } #boxes .newsletter h2.cufon { font-size: 1.7em; } #boxes h3, #overlay-product h3 { font-weight: bold; text-transform: uppercase; padding: 3px; } #boxes h3.cufon { font-size: 1.6em; } #overlay-product h3.cufon { font-size: 1.2em; } #boxes .post ul.info li { font-size: 0.9em; text-transform: uppercase; } #boxes h4 { font-weight:bold; } #boxes ul.subnav { font-size:1.3em; } /* Global Classes --------------------------------------------------- */ .hidden { display: none; } .left { float: left; } .right { float: right; } .back-button { display: none!important; } /* Simple Overlay --------------------------------------------------- */ .simple-overlay { background: #FFFFFF; border: 5px solid #CCCCCC; width: 600px; padding: 20px; font-size: 1.1em; position: relative; } .simple-overlay strong { text-transform: uppercase; margin-bottom: 1em; display: block; } .simple-overlay p { margin-bottom: 0.5em; } .simple-overlay ol { list-style: decimal; margin-bottom: 1em; } .simple-overlay ol li { margin-left: 2em; list-style: decimal; } .simple-overlay a { text-decoration: underline; } .simple-overlay a.close { position: absolute; display: block; top: 20px; right: 20px; text-transform: uppercase; text-decoration: none; } /* Homepage --------------------------------------------------- */ #homepage #header { width: 960px; margin:10px auto 0 auto; position: relative; } /*#homepage #header ul { margin-left: 78px; }*/ #homepage #header ul.primary { padding-top: 70px; } /*#homepage #header .facebox img { margin-top: 2px; } #homepage #header .twitter img { margin-right: 4px; } #homepage #header .likebox { overflow:hidden; width:52px; margin: 1px 1px 0 0; } */ #homepage #flash { width:980px; height: 598px; margin:10px auto 0; position: relative; } #homepage #flash h1 { margin-top:3em; font-size:3em; text-align:center; } #homepage #flash h1 a { text-decoration:underline; } #homepage #flash object { outline: none; } #homepage #myId { margin-bottom: 3px; display: block; } #homepage #noflash { margin-top: 3em; position: absolute; margin-left: -5000px; } #homepage #footer { width:973px; position: relative; z-index: 1000; bottom: 0; margin: 0 auto 0; } #homepage #footer ul li { padding: 0; } #homepage #footer #audio-player { height: 19px; position: absolute; top: 0; right: 0; outline: none; } /*Homepage flash styles for Sept 2010 monthly - Super Style Me. */ #homepage #threecolflash { } #homepage #threecolflash div { float: left; } #homepage #threecolflash .threecolflash-1 { margin: 0 0 0 8px; } #homepage #threecolflash .threecolflash-2 { margin: 0 0 0 0; } #homepage #threecolflash .threecolflash-3 { margin: 0 0 0 0; } body#homepage { overflow: auto!important; height: 100%; } #homepage #wrapper { height: auto; } /* Background / main purpose is for embedding flash background --------------------------------------------------- */ /*#background { height: 100%; width: 100%; position: absolute; top: 0; left: 0; overflow: hidden; }*/ #background { background: url(../img/bg-dots.gif) top left fixed; position: fixed; width: 100%; height: 100%; top: 0; left: 0; } /*html { background: #ffffff url('/site_media/home/home-welcome-to-now.jpg') repeat-y center top; }*/ html { background: url('/site_media/home/homepage-the-now-bg.jpg') no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=’/site_media/home/homepage-the-now-bg.jpg’, sizingMethod=’scale’); -ms-filter: “progid:DXImageTransform.Microsoft.AlphaImageLoader(src=’/site_media/home/homepage-the-now-bg.jpg’, sizingMethod=’scale’)”; } /* Body --------------------------------------------------- */ #body { width: 962px; margin: 1em auto; position: relative; } /* Header --------------------------------------------------- */ #header { min-height: 104px; margin-bottom: 1em; } /* see global-ie.css for override */ #header img { display: block; } #header img.logo { position: absolute; top:0; left: 0; } #header h1, #header ul { margin-left: 110px; } #header h1 { margin: 0 0 9px 118px; padding-top: 9px; height: 50px; } #header ul.nav li { float: left; } #header ul.nav li a { text-decoration: none; } #header ul.nav li.username { background: #FFFFFF; height: 19px; font-weight: bold; line-height: 19px; padding: 0 10px; min-width: 130px; margin-right: 1px; } #header ul.secondary { position: absolute; top: 0; right: 0; } #header ul.nav a span { position: absolute; z-index: -1; padding: 1px; } #header ul.nav a img { z-index: 1000; } .no-bg { background: none!important; } /* ds - exploring use of transparent on off states for nav items with section colour as repeating background no viable as ie6 is unable to handle pngs and js solution doesn't work for rollover state change */ /*#header ul.primary li a { background: #FFFFFF; } #blog #header ul.primary li a:hover { background: url(../skins/20091005/img/bg-header-pri-shop-orange.gif) repeat-x; } #forums #header ul.primary li a:hover { background: url(../skins/20091005/img/bg-header-pri-shop-lightpink.gif) repeat-x; } #events #header ul.primary li a:hover { background: url(../skins/20091005/img/bg-header-pri-shop-hotpink.gif) repeat-x; } #freebies #header ul.primary li a:hover { background: url(../skins/20091005/img/bg-header-pri-shop-green.gif) repeat-x; } #we-support #header ul.primary li a:hover { background: url(../skins/20091005/img/bg-header-pri-shop-cyan.gif) repeat-x; } #sgtv #header ul.primary li a:hover { background: url(../skins/20091005/img/bg-header-pri-shop-darkblue.gif) repeat-x; } #style-me #header ul.primary li a:hover { background: url(../skins/20091005/img/bg-header-pri-shop-yellow.gif) repeat-x; } #style-snaps #header ul.primary li a:hover { background: url(../skins/20091005/img/bg-header-pri-shop-darkpurple.gif) repeat-x; } #culture-club #header ul.primary li a:hover { background: url(../skins/20091005/img/bg-header-pri-shop-dustypink.gif) repeat-x; } */ /* ds - exploring use of sprite for primary nav */ /* #header ul.primary li a { height: 34px; text-indent: -9999px; display: block; background-image: url(../skins/20091005/img/bn-header-pri-sprite.gif); background-repeat: no-repeat; } #header ul.primary #nav-primary-shop { width: 64px; background-position: 0px 0px; } #header ul.primary #nav-primary-culture-club { width: 142px; background-position: -65px 0px; } #header ul.primary #nav-primary-style-me { width: 100px; background-position: -208px 0px; } #header ul.primary #nav-primary-sgtv { width: 63px; background-position: -309px 0px; } #header ul.primary #nav-primary-we-support { width: 129px; background-position: -373px 0px; } #header ul.primary #nav-primary-freebies { width: 101px; background-position: -503px 0px; } #header ul.primary #nav-primary-events { width: 83px; background-position: -605px 0px; } #header ul.primary #nav-primary-forums { width: 91px; background-position: -689px 0px; } #header ul.primary #nav-primary-blog { width: 64px; background-position: -781px 0px; } #blog #header ul.primary #nav-primary-shop:hover { background-position: 0 -34px; } #blog #header ul.primary #nav-primary-culture-club:hover { background-position: -65px -34px; } #blog #header ul.primary #nav-primary-style-me:hover { background-position: -208px -34px; } #blog #header ul.primary #nav-primary-sgtv:hover { background-position: -309px -34px; } #blog #header ul.primary #nav-primary-we-support:hover { background-position: -373px -34px; } #blog #header ul.primary #nav-primary-freebies:hover { background-position: -503px -34px; } #blog #header ul.primary #nav-primary-events:hover { background-position: -605px -34px; } #blog #header ul.primary #nav-primary-forums:hover { background-position: -689px -34px; } #blog #header ul.primary #nav-primary-blog:hover { background-position: -781px -34px; }*/ /* MyBag --------------------------------------------------- */ .box-shadow { -moz-box-shadow: 4px 4px 4px #333333; -webkit-box-shadow: 4px 4px 4px #333333; } #mybag { display: none; position: absolute; top: 29px; right: 0; width: 400px; z-index: 3000; } #mybag .header { position: relative; height: 30px; } #mybag .header h3 { position: absolute; top: 0; right: 0; width: 132px; } #mybag .header h3 img { float: right; } #mybag .header p { position: absolute; top: 0; left: 0; padding: 5px 10px; text-transform: uppercase; overflow: hidden; height: 20px; width: 268px; background: rgba(255,255,255,0.5); display: none; } #mybag .header p span { font-weight: bold; } #mybag .display { display: none; clear: both; background: #FFFFFF; } #mybag ul.contents { max-height: 268px; padding: 0 15px; margin: 0; overflow-y: scroll; overflow-x: hidden; } #mybag ul.contents li { min-height: 59px; padding: 15px 0; border-bottom: 1px solid #CCCCCC; /*position: relative;*/ } #mybag ul.contents li:last-child { border-bottom: none; } #mybag ul.contents li img { float: left; } #mybag ul.contents li dl { margin-left: 50px; font-size: 0.8em; text-transform: uppercase; } #mybag ul.contents li dl dt { width: 80px; float: left; } #mybag ul.contents li dl dd { text-align: right; float: left; margin-left: 5px; } #mybag ul.contents li dl dd.qty { width: 30px; } #mybag ul.contents li dl dd.size { width: 30px; } #mybag ul.contents li dl dd.colour { width: 70px; } #mybag ul.contents li dl dd.price { width: 70px; } #mybag ul.contents li dl dd.button { clear: both; margin: 0 0 0 20px; text-align: left; white-space: nowrap; } #mybag ul.contents dl dd b { color: #999999; display: block; } #mybag ul.contents dl dd a { display: inline-block; background: #d9d9d8; padding: 1px 4px; color: #FFFFFF!important; font-weight: bold; } #mybag .footer { min-height: 30px; background: #000000; } #mybag .footer p { display: inline-block; width: 240px; float: left; color: #FFFFFF; text-transform: uppercase; padding: 5px 10px; } #mybag .footer p span { font-weight: bold; } #mybag .footer a img { background: #000000!important; } #mybag .footer a:hover img { background: #FFFFFF!important; } #mybag .footer a { float: right; } #message { background: #000000; opacity: 0.8; color: #FFFFFF; filter:alpha(opacity=80); width: 500px; z-index: 6000; position: fixed; margin-left: 230px; padding: 8px; text-align: center; text-transform: uppercase; display: none; font-weight: bold; } #message.nofade { padding-left: 35px; text-align: left; opacity: 1; font-weight: normal; } #message a { color: #FFFFFF; text-decoration: underline; } #message img { display: inline-block; position: absolute; top: 6px; left: 6px; } #error-message { background: #FFFFFF; padding: 10px; border: 8px solid #666666; font-size: 1.1em; position: relative; width: 500px; } #error-message h3 { text-transform: uppercase; font-weight: bold; color: red; font-size: 1.2em; } #error-message a.close { position: absolute; top: 10px; right: 10px; } /* Footer --------------------------------------------------- */ #footer { clear: both; zoom: 1; margin-bottom: 100px; } #footer img { display: block; } #footer ul li { float: left; text-transform: uppercase; font-weight: bold; margin-right: 1px; padding-top: 9px; } #footer ul li a { display: block; position: relative; text-decoration: none; } #footer ul li a span { position: absolute; z-index: -1; } #footer ul li.twitter { margin-left: 8px; margin-top: -2px; } #footer .homepage-getmobile { float: left; width: 210px; margin-top: 5px; } #footer .homepage-social { float: right; width: 148px; margin-top: 8px; } #footer .homepage-social a { float: left; } #footer .footer-mobile { padding-top: 0; } #footer .footer-mobile a { margin-left: 7px; } #footer .footer-facebook, #footer .footer-twitter { padding-top: 2px; margin-left: 9px; } /*Subscribe to newsletter box*/ .newsletter-pop { position: relative; } .newsletter-pop img { cursor: pointer; } /*.newsletter-box { display: none; position: absolute; width: 291px; height: 157px; top: -150px; left: -18px; background: no-repeat url('/site_media/img/bg-footer-newsletter-box.png') 0 0; }*/ .newsletter-box { display: none; position: absolute; width: 280px; height: 146px; top: 14px; left: -10px; background: no-repeat url('/site_media/img/bg-footer-newsletter-box.png') 0 0; z-index:100; } /*.newsletter-box form { margin: 45px 24px 0 27px; }*/ .newsletter-box form { margin: 50px 30px 0 30px; } .newsletter-box label { width: 71px; font-size: 12px; font-weight: normal; text-transform: capitalize; padding: 2px 0; } .newsletter-box input.textinput { width: 145px; height:15px; font-size: 11px; } .newsletter-box input.newsletter-submit { background: url('../img/bn-homepage-newsletter-submit.gif') no-repeat 0 0; width: 57px; height: 19px; text-indent: -999px; border: none; cursor: pointer; } .newsletter-box div.field { position: relative; } .newsletter-box label.error { position: absolute; width: 150px; top: -8px; right: -157px; padding-left: 6px; height: 17px; background: no-repeat url('/site_media/img/bg-homepage-newsletter-form-error.gif') 0 0; } .newsletter-box label.error[for="id_email"] { height: auto; } /* Boxes Shared (Big and Small) --------------------------------------------------- */ #boxes { zoom: 1; } #boxes .box { margin-bottom: 1em; background: #FFFFFF; /*padding: 5px;*/ border: 5px solid #FFFFFF; position: relative; } #boxes .box h2, #boxes .box h3 { margin-bottom: 1px; } #boxes .box h2.cufon { padding: 3px 3px 1px; } #boxes .box h2.jobs { padding-top: 8px!important; } #boxes .box h3.cufon { padding: 3px 3px 0; } #boxes .box object { display: block; } #boxes div div { zoom: 1; } #boxes p { padding: 8px; zoom: 1; } #boxes a.button { display: inline-block; float: right; margin-top: 1px; padding: 1px 4px; text-transform: uppercase; } #boxes a.button.left { float: left; } #boxes a.button.left.nav { margin-right: 1px; } #boxes a.button.right { float: right; } #boxes a.button.right.nav { margin-left: 1px; } #boxes .shop-button { display: inline-block; margin-top: 1px; padding: 1px 4px 1px 22px; text-transform: uppercase; line-height: normal; } #boxes .left a.button { float: none; } #boxes a:hover.button { text-decoration: none; } #boxes form div.field { padding: 8px; margin-bottom: 1px; clear:left; border-top: 1px solid #FFFFFF; } #boxes h4 { padding: 8px; text-transform:uppercase; } #boxes p { clear:left; } #boxes p a { background-color:#fff; padding: 1px; } /* general */ #boxes .general .info { background: #ececec; } /* forum */ #boxes .forum div { background: #ececec; /*position: relative;*/ } #boxes ul.forum li { font-weight: bold; padding: 8px; text-transform: uppercase; position: relative; border-top: 1px solid #FFFFFF; clear: both; overflow: hidden; } #boxes ul.forum li dl dt { float: left; width: 50%; } #boxes ul.forum li dl dd { float: right; text-transform: none; margin-left: 2em; font-weight: normal; } #boxes ul.forum li dl dd.updated { width: 30%; } #boxes ul.latest li { text-transform: none; font-weight: normal; } #boxes ul.latest li strong { display: block; margin-bottom: 0.3em; text-transform: uppercase; } #boxes .forum ul.posts { background: #ececec; padding: 8px; clear: both; } #boxes .forum ul.posts li.post { background: #FFFFFF; margin-bottom: 1px; clear: both!important; float: none; position: relative; min-height: 60px; } #boxes .forum ul.posts blockquote { font-style: italic; background: #F2F2F2; border: 1px dashed #C2C2C2; padding: 8px; margin:1em 3em 0 3em; line-height: 22px; } #boxes .forum ul.posts blockquote img { display: inline-block; } #boxes .forum ul.posts .owner blockquote { background: #FFFFFF; } #boxes .forum ul.posts li.owner { border-left: 3px solid #c2c2c2; background: #f2f2f2; } #boxes .forum ul.posts dl { padding: 8px; position: relative; min-height: 60px; } /* see global-ie.css for override */ #boxes .forum ul.posts dl dt, #boxes .forum ul.posts dl dd { padding-left: 70px; } #boxes .forum ul.posts dl dd.avatar { position: absolute; top: 0; left: 0; margin: 8px; padding: 0; } #boxes .forum ul.posts dt { float: left; margin-right: 0.5em; font-weight: bold; color: #898989; } #boxes .forum ul.posts dd.timestamp { color: #898989; } #boxes .forum ul.posts dd.post { clear: both; margin-top: 0.5em; margin-bottom: 0.5em; overflow: hidden; } #boxes .forum ul.posts dd.post .updated-message { background:transparent; font-size:0.8em; font-style:italic; margin-top:1em; } #boxes .forum ul.posts dd.toolbar { position: absolute; top: 8px; right: 8px; } #boxes .forum ul.posts dd.toolbar ul li { float: right; margin-left: 1px; } #boxes .forum ul.posts dd.toolbar ul li.flag { display: none; } #boxes .forum ul.posts dd.flag-post { display: none; } #boxes .forum ul.posts dd.flag-post div.field { border: 0; background: none; padding: 8px 0; overflow: visible; } #boxes .forum ul.posts dd.flag-post div.submit { overflow: visible; } #boxes .forum ul.posts dd.flag-post label { float: right; width: 530px; } #boxes .forum ul.posts dd.flag-post textarea { float: right; height: 5em; /*width: 95%;*/ width: 528px; } #boxes .forum div.userinfo { padding: 8px; } #boxes .forum div.userinfo dl { padding: 8px; position: relative; min-height: 60px; background: #FFFFFF; } #boxes .forum div.userinfo dl dt, #boxes .forum div.userinfo dl dd { margin-left: 70px; } #boxes .forum div.userinfo dl dd.avatar { position: absolute; top: 0; left: 0; margin: 8px; padding: 0; } /* see global-ie.css for ie6 override */ #boxes .forum div.userinfo a.button { float: none; } #boxes .forum div.userinfo ul { background: #FFFFFF; } #boxes .forum div.userinfo ul li { float: left; width: 202px; } #boxes .forum .controls { float: right; background: none; margin: 8px; } #boxes .forum .controls .button { margin-left: 1px; } #boxes .forum .controls form { padding: 4px 0 0; float: left; } #boxes .forum .controls form div.field { float: left; margin-left: 4px; clear: none; border-top: none; } #boxes .forum .controls form div.field input.textinput { padding: 1px 4px; } #boxes .forum .controls form label { text-align: right; margin-right: 8px; } #boxes .forum .delete p.preview { font-style: italic; margin: 0 10px; background: #FFFFFF; } #boxes .forum a.left { float: left; } #boxes .forum-find form { background: #ececec; } #boxes .forum .action-panel {background:url("/site_media/img/hd-share.gif") no-repeat scroll left center transparent;} /* pagination */ #boxes .pagination { background: #ECECEC; padding: 12px 8px 8px; border-top: 1px solid #FFFFFF; position: relative; text-transform: uppercase; } #boxes .pagination a.left { position: absolute; top: 11px; left: 9px; } #boxes .pagination .info { text-align: center; } #boxes .pagination a.right { position: absolute; top: 11px; right: 9px; } .pagination { text-align:center; } .pagination .step-links a, .pagination .step-links span.current { background:#fff; padding:0.1em 0.5em; margin:0em!important; border:none; outline:0!important; position:relative; } .pagination .step-links a.previous { border-top-left-radius:0.5em; border-bottom-left-radius:0.5em; -moz-border-radius-topleft:0.5em; -moz-border-radius-bottomleft:0.5em; -webkit-border-top-left-radius:0.5em; -webkit-border-bottom-left-radius:0.5em; } .pagination .step-links a.next { border-top-right-radius:0.5em; border-bottom-right-radius:0.5em; -moz-border-radius-topright:0.5em; -moz-border-radius-bottomright:0.5em; -webkit-border-top-right-radius:0.5em; -webkit-border-bottom-right-radius:0.5em; } .pagination .step-links a.previous:before { content:"\25C4"; margin-right:0.5em; } .pagination .step-links a.next:after { content:"\25BA"; margin-left:0.5em; } .pagination .step-links span.current { color:#fff; background:orange url(../skins/20091005/img/bg-header-pri-shop-orange.gif) repeat-x; } .pagination img.ie { display:none; } /* breadcrumbs */ #boxes .breadcrumbs { background: #ECECEC; padding: 8px; text-transform: uppercase; font-size: 0.9em; } /* comments */ #boxes .comments { background: #ececec; } #boxes .comments ul.responses { padding: 8px; } #boxes .comments li.comment { background: #FFFFFF; margin-bottom: 1px; margin-left: 12em; } /* see global-ie.css for override */ #boxes .comments dl { position: relative; padding: 10px; } #boxes .comments dt { float: left; margin-right: 0.5em; font-weight: bold; color: #898989; } #boxes .comments dd.timestamp { color: #898989; } #boxes .comments dd.comment { clear: both; margin: 0.5em 0 0 1em; overflow: hidden; } #boxes .comments dd.toolbar { position: absolute; top: 5px; right: 5px; display: none; } #boxes .comments dd.toolbar ul li { float: right; margin-left: 1px; } #boxes .comments dd.toolbar form { padding: 0; } #boxes .comments dd.toolbar form div.field { padding: 0; } #boxes .comments form.comment-post { margin-top: 1em; } #boxes .comments form.comment-post .submit { padding-right: 8px; } #boxes .comments form.comment-delete div.field { margin-bottom: 0; } #boxes .comments form legend { font-weight: bold; text-transform: uppercase; margin-bottom: 0.5em; padding-left: 8px; } #boxes .comments form div.field { border: 0; padding: 8px 5px; } #boxes .comments form div.submit { border: 0; padding: 0 5px 8px; } #boxes .comments li.owner { border-left: 3px solid #c2c2c2; background: #f2f2f2; } #boxes .comments li.thread-0 { margin-left: 0em; } #boxes .comments li.thread-1 { margin-left: 2em; } #boxes .comments li.thread-2 { margin-left: 4em; } #boxes .comments li.thread-3 { margin-left: 6em; } #boxes .comments li.thread-4 { margin-left: 8em; } #boxes .comments li.thread-5 { margin-left: 10em; } #boxes .comments li.thread-6 { margin-left: 12em; } #boxes .comments li.thread-6 dd.comment { width: 380px; } #boxes .comments div.info { font-weight: bold; padding: 8px 8px 0; text-transform: uppercase; } #boxes .comments div.login { background: #999999; color: #FFFFFF; text-transform: uppercase; margin: 0 8px 8px; padding: 4px; text-align: center; } #boxes .comments-restriction div.field, #boxes .comments-restriction .preview { background: #ECECEC; } #boxes .comments-restriction label { float: none; } #boxes .comments-restriction textarea { width: 614px; height: 8em; } #boxes .comments .flag-comment { display: none; } #boxes .comments .flag-comment .field { padding: 8px 5px; } #boxes .comments .flag-comment .submit { padding: 0px 5px 8px; } /* post */ #boxes .post div { overflow: hidden; } #boxes .post .entry { background: #ececec; } #boxes .post .entry img { text-align: center; max-width: 616px; } #boxes .post .entry .date { padding: 8px 8px 0; text-transform: uppercase; font-weight: bold; } #boxes .post .posted-by { color: #898989; background: #FFFFFF; margin: 8px; padding-top: 10px; } #boxes .post .tagged-as { color: #898989; background: #FFFFFF; margin: 8px; } #boxes .post ul.info { color: #898989; background: #FFFFFF; margin: 0 8px 8px; } #boxes .post ul.info li { padding: 8px; } #boxes .post a.left { float: left; } /* blog */ #boxes .blog div, #boxes .blog ul.listing { background: #ececec; } #boxes .blog ul.listing li { border-bottom: 1px solid #FFFFFF; position: relative; } #boxes .blog ul.listing h4 { padding-bottom: 4px; } #boxes .blog dl.archive { background: #ececec; padding: 0px 8px 8px; } #boxes .blog dt { font-size: 1.2em; padding-top: 8px; } #boxes .blog dd { margin-left: 1em; text-transform: uppercase; } #boxes .blog ol.cloud { background: #ececec; padding: 8px; text-align: center; } #boxes .blog ol.cloud li { display: inline; } #boxes .blog ol.cloud li span { position: absolute; left: -3000px; } #boxes .blog ul.listing li.image { overflow: hidden; } #boxes .blog ul.listing li.image img { position: absolute; top: 0; left: 0; } #boxes .blog ul.rss { background-color: #ececec; padding: 0px 8px 8px; } #boxes .blog ul.rss li { padding-top: 8px; } #boxes .blog ul.rss li.ico { background:transparent url('/site_media/img/ico-rss-a.gif') 0 0.7em no-repeat; padding-left:2em; } #boxes .blog ul.rss li.ico:hover { background-image:url('/site_media/img/ico-rss-b.gif'); } /* reply */ #boxes .reply form div.field { background: #ececec; border: none; } #boxes .reply .preview-box { background: #ececec; padding: 8px; } #boxes .reply .preview-box .header { text-transform: uppercase; font-weight: bold; margin-bottom: 4px; } #boxes .reply .preview-box .content { background: #FFFFFF; padding: 8px; } #boxes .reply form label { width: 60px; padding: 1px 0; } #boxes .reply form label[for="id_attachment"] { white-space:no-wrap!important; width:auto!important; margin-right:1em; } #boxes .reply input.button { display: block; float: left; margin-left: 1px; } #boxes .reply input.preview-button { display: none!important; } /* logout, login & signup */ #boxes .logout div, #boxes .login div { background: #ececec; } #boxes .login div { background-color: #fff; } #boxes .login form { background-color: #fff; } #boxes .login .field { padding: 0; background: #ececec; } #boxes .login label { padding-left:1em; } #boxes .login input.textinput, #boxes .login input.passwordinput { width:100px; margin:3px 0; padding: 1px; font-family:Arial!important; } #boxes .login input.submitinput { margin:0.3em 0 0.5em 0; } /* signup */ #boxes .signup .split, #boxes .signup div.field, #boxes .signup div.info { background: #ececec; } #boxes .signup div.info { padding: 8px; } #boxes .signup img { margin-bottom: 1px; } #boxes .signup .field { padding: 0; background: #ececec; padding: 3px 0; margin-bottom: 0; } #boxes .signup .field, #boxes .signup p { background: #ececec; } #boxes .signup label { padding: 0; padding-left:1em; } #boxes .signup input.textinput, #boxes .signup input.passwordinput, #boxes .signup textarea { width: 190px; padding: 1px; font-family:Arial!important; } #boxes .signup textarea { height: 30px; } #boxes .signup input.checkboxinput { margin:3px 0.3em 3px 0; position:relative; top:3px; } #boxes .signup input.fileinput { width: 192px; } #boxes .signup select { width: 194px; } #boxes .signup select#id_dob_month { width: 85px; } #boxes .signup select#id_dob_day { width: 42px; } #boxes .signup select#id_dob_year { width: 60px; } #boxes .signup div.checkbox { padding-top: 8px; padding-bottom: 8px; } #boxes .signup div.checkbox .checkboxinput { float: left; display: block; margin-right: 10px; margin-left: 8px; } #boxes .signup div.checkbox label { display: inline-block; width: 280px; text-transform: none; padding: 0; } #boxes .signup span { color:#333; } #boxes .signup ol { background: #ececec; padding: 8px; list-style-position: outside; } #boxes .signup ol li { margin-bottom: 8px; list-style: decimal; margin-left: 20px; } #boxes .signup label.error { margin: 3px 0 3px 112px; width: 182px; padding: 5px; clear:left; } #boxes .signup .warning { background: #333333; padding: 4px; color: #FFFFFF; font-weight: bold; } #boxes .signup .avatar { padding: 8px; background: #ECECEC; } #boxes .signup .avatar strong { text-transform: uppercase; display: block; margin-bottom: 4px; } #boxes .signup .avatar img { border: 8px solid #FFFFFF; } #boxes .signup .forgot-password a { float: left; } /* competition */ #boxes .competition .split, #boxes .competition .info { background: #ececec; position: relative; } #boxes .competition div.form { background-color: #fff; overflow:auto; } #boxes .competition div.field { padding: 0; background: #ececec; overflow:auto; border-top: none; } #boxes .competition div.form p { font-size:0.9em; } #boxes .competition label { padding-left: 8px; } #boxes .competition label.error { width: 182px; margin-left: 108px; } #boxes .competition input.textinput, #boxes .competition textarea { width: 190px; margin:3px 0; } #boxes .competition select { width: 194px; margin:3px 0; } #boxes .competition select#id_dob_month { width: 85px; } #boxes .competition select#id_dob_day { width: 42px; } #boxes .competition select#id_dob_year { width: 60px; } #boxes .competition textarea { height:50px; } #boxes .competition p { padding-top: 0; } /* gallery */ /* refer to global-js.css for jquery specific styles */ #boxes .gallery .listing { position: relative; /*min-height: 322px;*/ } #boxes .gallery .listing li { float: left; margin: 0 1px 1px 0; height: 156px; } #boxes .gallery .listing .controls { display: none; } #boxes .gallery .photo { display: none; } #boxes .gallery .listing .thumbs img:hover { opacity: 0.7; filter:alpha(opacity=70); } #boxes .gallery .thumbs-listing ul { position: relative; } #boxes .gallery .thumbs-listing ul li { display: inline-block; } #boxes .gallery .thumbs-listing ul li img { width: 96px; height: 148px; } /* action panel */ #boxes .action-panel { height: 16px; } #boxes .action-panel a { float: left; margin: 1px 0 1px 1px; } #boxes .action-panel img { float: left; height: 15px; } #boxes .action-panel div.vote { position: relative; float: left; margin: 1px 0 1px 1px; } #boxes .action-panel div.vote a { margin: 0; display: block; padding: 0 4px; } #boxes .action-panel div.vote span { color: #FFFFFF; float: left; /*margin-right: 8px;*/ font-size: 0.9em; line-height: 15px; } #boxes .action-panel a.vote { padding: 0 4px; } #boxes .action-panel a.vote img { float: left; } #boxes .action-panel a span { float: left; display: block; color: #FFFFFF; font-size: 0.8em; margin: -2px 5px 0 0; } #boxes .vote-overlay { position: absolute; width: 80px; z-index: 1000; background: none; color: #FFFFFF; font-size: 0.8em; text-transform: uppercase; display:none;} #boxes .vote-overlay li { margin-bottom: 1px; text-align: center; } #boxes .vote-overlay li a { float: none; background: none; color: #FFFFFF; text-decoration: underline; } #boxes .vote-overlay li a:hover { background: none; color: #000000; } #boxes .vote-overlay li.your-rating .stars { margin: 0 auto; width: 40px; } #boxes .vote-overlay li.your-rating .stars a { float: none; margin: 0; } #boxes .share textarea { height: 50px; } #boxes .share div.field, #boxes .share li { background: #ececec; } #boxes .share div.field { padding: 3px 8px; border: 0; } #boxes .share div.field label { padding: 0; } #boxes .share div.field label.error { margin-left: 100px; padding: 2px 4px; width: 256px; } #boxes .share div.field input.textinput, #big-boxes .share div.field textarea { width: 260px; } #small-boxes .share div.field input.textinput, #small-boxes .share div.field textarea { width: 175px; } #boxes .share ul li { line-height: 30px; padding: 8px; text-transform: uppercase; margin-bottom: 1px; } #boxes .share ul li img { float: left; margin-right: 8px; } #boxes .sharing-panel { background: #FFFFFF!important; padding-left: 0!important; padding-right: 0!important; clear: both; border-top: 5px solid #FFFFFF!important; margin-bottom: 0; } /* split */ #boxes .split { border: none; } #boxes .split .box { padding: 0; margin-bottom: 0; border: none; } /* profile */ #boxes .profile .form { } #boxes .profile .form div.field { background: #ececec; border: none; } #boxes .profile .form textarea { height: 30px; } #boxes .profile .form div.avatar { background: #ececec; border-bottom: 1px solid #FFFFFF; padding: 8px; } #boxes .profile .form label { width: 140px; } /* back button */ #boxes .back-button { padding: 2px 4px; color: #000000; background: #ECECEC; text-transform: uppercase; font-weight: bold; text-align: right; border-bottom: 1px solid white; font-size: 0.9em; } #boxes .back-button a { color: #000000; text-decoration: none; } #boxes .back-button a:hover { color: #FFFFFF; text-decoration: none; background-color: #FF6600; padding: 1px; } /* contact us */ #boxes #contact { background:#fff; width:634px; border:5px solid #fff; } #boxes #contact .split { background: #ececec; width:634px; } #boxes #contact .split p { background: #ECECEC; } #boxes .contact-us .field { background: #ECECEC; border-top: none; } #boxes .contact-us .field label { width: 100px; padding: 0; } #boxes .contact-us .field .textinput { width: 196px; } #boxes .contact-us .field textarea { width: 296px; height: 100px; } #boxes .contact-us .field select { width: 200px; text-transform: uppercase; } #boxes .contact-us .field select#id_dob_month { width: 95px; } #boxes .contact-us .field select#id_dob_day { width: 40px; } #boxes .contact-us .field select#id_dob_year { width: 55px; } #boxes .contact-us .field .checkboxinput { float: left; display: block; margin-right: 10px; } #boxes .contact-us .field span { display: inline-block; /* width: 450px; */ width:300px; } #boxes .contact-us .field label.error { width: 196px; margin-left: 120px; padding: 4px; } #boxes .contact-us dl { background:#ECECEC; padding-left:10px; padding-bottom:1em; } #boxes .contact-us dl dt { } #boxes .contact-us dl dd { padding-left:1em; } #boxes #contact .submit { width:100%!important; background:#fff!important; text-align:right!important; margin-bottom:1em; } #boxes #contact a { background:#fff; text-decoration: none; } #boxes #contact a:hover { color: #FFFFFF; text-decoration:none; background-color:#ff0285; } /* tinymce */ #boxes .tinymce { padding: 8px; } #boxes .tinymce p { padding: 0 0 8px;} #boxes .tinymce ul, #boxes .tinymce ol { padding: 0 8px; margin: 0 20px 8px; } #boxes .tinymce ul li, #boxes .tinymce ol ul li { list-style-type: square; } #boxes .tinymce ol li, #boxes .tinymce ul ol li { list-style-type: decimal; } #boxes .tinymce ul li, #boxes .tinymce ol li { margin-bottom: 0.5em; } #boxes .tinymce ul li p, #boxes .tinymce ol li p { padding: 0; } #boxes .tinymce a { padding: 0!important; background: #FFFFFF; } #boxes .tinymce h2 a, #boxes .tinymce h3 a { background: none; color: #FFFFFF; } #boxes .tinymce b, #boxes .tinymce strong { font-weight: bold; } #boxes .tinymce i, #boxes .tinymce em { font-style: italic; } /* secondary navigation */ #boxes ul.subnav { text-transform:uppercase; font-weight:bold; background-color:#b7b7b7; min-height:1.5em; padding:0.2em 0.5em; overflow:auto; } #boxes ul.subnav li { float: left; } #boxes ul.subnav li a { text-decoration: none; margin:0.2em 0.1em 0.2em 0em; display:block; background-color:#464646; color:#fff; padding:0.1em 0.4em; } #boxes ul.subnav li a:hover, #boxes ul.subnav li a.selected { background-color:#fff; color:#464646; } /* poll */ #boxes .poll div { background-color: #ececec; position: relative; overflow:auto; } #boxes .poll p { clear:left; text-transform:uppercase; } #boxes .poll label { text-transform:uppercase; cursor:pointer; padding: 0; width: auto; position: relative; } #boxes .poll input.radioinput { float:left; margin-right:1em; } #boxes .poll div.field { padding-top: 4px; padding-bottom: 4px; border-top: none; } /* if user has javascript, arrow icons appear & radio buttons disappear */ #boxes .poll div.js input.radioinput { display:block; } #boxes .poll div.js label img { position: absolute; display: inline-block; margin-right: 8px; top: 0; left: 0; margin-top: 3px; } #boxes .poll div.js label:hover img { background: #333333; } #boxes .poll div.js label span { width: 250px; margin-left: 20px; display: block; } #boxes .poll .result { } #boxes .poll .result ul li:first-child { border-top: 1px solid #FFFFFF; } #boxes .poll .result ul li { border-bottom: 1px solid #FFFFFF; padding: 8px; text-transform: uppercase; } #boxes .poll .result a.button { margin: 8px; } /* stores */ #boxes div.stores { background-color: #fff; } #boxes div.stores .listing { background-color: #ececec; } #boxes div.stores .listing .select { padding:10px; text-transform: uppercase; display: none; } #boxes div.stores .listing label { font-weight:bold; text-transform:uppercase; width:auto; font-size:1.1em; float:none; } #boxes div.stores .listing .results { border-right:2px solid #b7b7b7; border-bottom:2px solid #b7b7b7; border-left:2px solid #b7b7b7; background-color:#fff; /* padding: 0px 10px 0px 10px; */ } #boxes div.stores .listing .results table th, td { padding:6px 0 6px 12px; width: 25%; } #boxes div.stores .listing .results table th { text-transform:uppercase; font-weight: bold; background-color:#ececec; } /* #boxes div.stores .listing .results ul.headings li.big { width:225px; } #boxes div.stores .listing .results ul.headings li.small { width:82px; } */ #boxes div.stores .listing .results table td{ /* margin:0 16px 12px 0; */ color:#7d7d7d; border-bottom:1px solid #c5c5c5; padding-bottom:6px; vertical-align: text-top; /* width: 292px; float: left; min-height: 80px; */ } #boxes div.stores .listing .results table td p { padding: 0; } #boxes div.stores .listing .results .storename { text-transform: uppercase; color: #000000; font-weight: bold; } /* #boxes div.stores .listing .results ul.storeresults li h4 { color:#000; text-transform:uppercase; padding:0; font-weight:normal; } #boxes div.stores .listing .results ul.storeresults li span { float:right; } #boxes div.stores .listing .results ul.storeresults li dl { position: relative; } #boxes div.stores .listing .results ul.storeresults li dl dd.phone { position: absolute; top: 0; right: 0; } #boxes div.stores dl.anchors { padding: 8px; } #boxes div.stores dl.anchors dt { text-transform: uppercase; } #boxes div.stores dl.anchors dd { margin-left: 8px; } */ /* downloads */ #boxes .downloads ul { background: #ececec; } #boxes .downloads ul li { border-bottom: 1px solid #FFFFFF; font-size: 0.9em; } #boxes .downloads ul dl { position: relative; padding: 8px; } #boxes .downloads ul dl dd, #boxes .downloads ul dl dt { text-transform: uppercase; margin-bottom: 0; } #boxes .downloads ul dl dd.img { position: absolute; top: 0; left: 0; margin-left: 0; } #boxes .downloads ul dl dd.date { font-weight: bold; } #boxes .downloads ul dl dd a.button { float: none; } #boxes .downloads ul dl dd.link span { color: #c8c8c8; vertical-align: top; } #boxes .downloads ul dl dd.link a img { display: inline-block; margin-right: 1px; } #boxes .downloads ul dl dd.link a:hover img { } #boxes .downloads ul dl p { padding: 0; margin: 0; } #boxes .downloads ul li.odd, #boxes .downloads ul li.col1, #boxes .downloads ul li.col2 { border-right: 2px solid #FFFFFF; } #boxes .downloads ul dl dd.short-desc { color: #959595; } .login-overlay { display: none; background: #666666; position: absolute; width: 80px; font-size: 1em; text-transform: uppercase; z-index: 1000; color: #FFFFFF; line-height: 17px; text-align: center; top: 0; } /* events (utilises the downloads structure */ #boxes .downloads .event { min-height: 140px; } /* tweets */ #boxes .tweets h2 { margin-bottom: 0; } #boxes .tweets ul { background: #ECECEC none repeat; } #boxes .tweets ul li { border-top: 1px solid #FFFFFF; padding: 8px; /*text-transform: uppercase;*/ } #boxes .tweets ul li span { display: block; color: #959595; } #boxes .tweets ul li span a { color: #959595; /*text-decoration: underline;*/ } #boxes .tweets ul li img { border: 5px solid #FFFFFF; } /* Hide if no Javascript */ .nojs-hide { display: none; } /* Big Boxes --------------------------------------------------- */ #big-boxes { width: 644px; float: left; } /* gallery, photo */ #big-boxes .photo .detail { position: relative; } #big-boxes .photo .detail .toolbar { background: #FFFFFF; color: #000000; width: 634px; line-height: 17px; padding: 0; text-transform: uppercase; font-weight: bold; } #big-boxes .photo .detail .toolbar span.description { display: block; float: left; padding: 0 8px; width: 475px; } #big-boxes .photo .detail .toolbar .action-panel { float: right; } /* comments */ #big-boxes .comments form.comment-post textarea, #big-boxes .reply textarea { width: 614px; height: 8em; } #big-boxes .flag-comment label { float: right; width: 587px; } #big-boxes .flag-comment textarea { width: 614px; /*width: 95%;*/ width: 585px; height: 5em; float: right; } #big-boxes .comments form.comment-response { padding-top: 0; } #big-boxes .comments form.comment-response textarea { width: 95%; height: 5em; position: relative; } #big-boxes .comments form.comment-response label { float: right; } /* competition */ #big-boxes .competition .image { min-height: 100px; } /* refer to global-ie.css for override */ #big-boxes .competition .image img { width: 634px; margin-bottom: 8px; } /* blog */ #big-boxes .blog ul.listing li.image { min-height: 96px; } /* refer to global-ie.css for override */ #big-boxes .blog ul.listing li.image img { width: 180px; } #big-boxes .blog ul.listing li.image h4, #big-boxes .blog ul.listing li.image p { margin-left: 180px; } /* action panel */ #boxes #big-boxes .sharing-panel .left { width: 400px!important; } #boxes #big-boxes .sharing-panel .right { width: 232px!important; } #boxes #big-boxes .sharing-panel .submit { width: auto!important; } /* split */ #big-boxes .split .box { width: 316px; } #big-boxes .split .right { float: left; border-left: 2px solid #FFFFFF; } #big-boxes .split form .right { float: right; } /* downloads */ #big-boxes .downloads ul li { width: 316px; min-height: 60px; float: left; } #big-boxes .downloads ul dl { padding: 4px 8px; } #big-boxes .downloads ul dl dt, #big-boxes .downloads ul dl dd { margin-left: 60px; } /* shop api */ #big-boxes .carousel { width: 616px; margin: 4px; background: #FFFFFF!important; display: none; } #big-boxes .scrollable { position: relative; background: #FFFFFF!important; overflow-y: hidden; overflow-x: scroll; width: 616px; } #big-boxes .scrollable ul.products { clear: both; background: #FFFFFF!important; } #big-boxes .scrollable ul.products li { float: left; width: 122px; margin-left: 1px; background: #ececec; } #big-boxes .scrollable ul.products li.first { margin-left: 0; } #big-boxes .scrollable ul.products dl { position: relative; margin-bottom: 8px; } #big-boxes .scrollable ul.products dl dt { padding: 106px 8px 0; text-transform: uppercase; font-size: 1em; line-height: 1em; margin-bottom: 0; } #editorial .scrollable ul.products dl dt {min-height: 24px; } #big-boxes .scrollable ul.products dl dd { padding: 0 8px; margin: 0; } #big-boxes .scrollable ul.products dl dd.add-to-bag { margin-top: 0.2em; } #big-boxes .scrollable ul.products dl dd.image { position: absolute; top: 0; left: 0; width: 122px; padding: 8px 0 8px 15px; background: #FFFFFF; } #big-boxes .scrollable ul.products dl dd.image .sold-out { position: absolute; bottom: 0; right: 15px; } #big-boxes .scrollable ul.products dl dd.price { font-size: 0.9em; color: #464646; } #big-boxes .carousel span.nav { display: none; float: left; cursor: pointer; width: 16px; height: 70px; color: #FFFFFF; margin-top: 99px; } #big-boxes .carousel span.nav img { margin-top: 28px; } #big-boxes .navi { position: absolute; top: 6px; right: 10px; background-color: transparent!important; } #big-boxes .navi a { display: inline-block; margin-left: 3px; width: 15px; height: 7px; background-repeat: no-repeat; background-image: url(/site_media/img/btn-carousel-page-inactive.png); outline: none; } #big-boxes .navi a.active, #big-boxes .navi a:hover { background-image: url(/site_media/img/btn-carousel-page-active.png); } #big-boxes .navi a.active { cursor: auto; } #small-boxes .carousel { width: 298px; background: #FFFFFF!important; display: none; } #small-boxes .scrollable { width: 235px; position: relative; background: #FFFFFF!important; overflow-y: hidden; overflow-x: scroll; } #small-boxes .scrollable ul.products { clear: both; background: #FFFFFF!important; } #small-boxes .scrollable ul.products li { float: left; width: 122px; margin-left: 1px; background: #ececec; } #small-boxes .scrollable ul.products li.first { margin-left: 0; } #small-boxes .scrollable ul.products dl { position: relative; margin-bottom: 8px; padding: 0; } #small-boxes .scrollable ul.products dl dt { padding: 106px 8px 0; text-transform: uppercase; font-size: 1em; line-height: 1em; margin-bottom: 0; } #small-boxes .scrollable ul.products dl dd { padding: 0 8px; margin: 0; } #small-boxes .scrollable ul.products dl dd.add-to-bag { margin-top: 0.2em; } #small-boxes .scrollable ul.products dl dd.image { position: absolute; top: 0; left: 0; width: 122px; padding: 8px 0 8px 15px; background: #FFFFFF; } #small-boxes .scrollable ul.products dl dd.image .sold-out { position: absolute; bottom: 0; right: 15px; } #small-boxes .scrollable ul.products dl dd.price { font-size: 0.9em; color: #464646; } #small-boxes .carousel span.nav { display: none; float: left; cursor: pointer; width: 16px; height: 70px; color: #FFFFFF; margin-top: 99px; } #small-boxes .carousel span.nav img { margin-top: 28px; } #small-boxes .navi { position: absolute; top: 6px; right: 10px; background-color: transparent!important; } #small-boxes .navi a { display: inline-block; margin-left: 3px; width: 15px; height: 7px; background-repeat: no-repeat; background-image: url(/site_media/img/btn-carousel-page-inactive.png); outline: none; } #small-boxes .navi a.active, #small-boxes .navi a:hover { background-image: url(/site_media/img/btn-carousel-page-active.png); } #small-boxes .navi a.active { cursor: auto; } /* sgtv flash player */ #big-boxes ul.listing li.sgtv { border-top: 1px solid #ECECEC; border-bottom: 0; } #big-boxes .sgtv-player { margin: 8px 8px 0 9px; display: none; } /* Small Boxes --------------------------------------------------- */ #small-boxes { width: 308px; float: right; } /* blog */ #small-boxes .blog ul.listing li.image { min-height: 60px; } /* refer to global-ie.css for override */ #small-boxes .blog ul.listing li.image img { width: 60px; } #small-boxes .blog ul.listing li.image h4, #small-boxes .blog ul.listing li.image p { margin-left: 60px; } /* competition */ #small-boxes .competition .image { min-height: 60px; } /* refer to global-ie.css for override */ #small-boxes .competition .image img { width: 298px; } /* newsletter */ #small-boxes .newsletter img { margin-bottom: 1px; } #small-boxes .newsletter form input.textinput, #small-boxes .newsletter form input.passwordinput, #small-boxes .newsletter form select, #small-boxes .newsletter form textarea { width: 175px; } #small-boxes .newsletter form label { padding: 0; } #small-boxes .newsletter form div.field { padding: 3px 8px; border: none; } #small-boxes .newsletter form div.field, #small-boxes .newsletter form p { background: #ececec; } #small-boxes .newsletter form div.submit { margin-top: 1px; } #small-boxes .newsletter .info { background: #ECECEC; } /* split */ #small-boxes .split .box { width: 298px; } #small-boxes .split .right { margin-top: 5px; } #small-boxes .split .submit { margin-top: 0; } /* downloads */ #small-boxes .downloads ul dl dt, #small-boxes .downloads ul dl dd { float: left; margin-right: 8px; } /* competition */ #small-boxes .competition input.textinput, #small-boxes .competition textarea { width:165px; } /* shop api */ #small-boxes div.shop-products { display: none; } #small-boxes ul.products { } #small-boxes ul.products li { background: #ececec; border-top: 1px solid #FFFFFF; } #small-boxes ul.products dl { overflow: hidden; position: relative; min-height: 63px; padding: 10px 10px 10px 93px; } #small-boxes ul.products dl dd.image { position: absolute; top: 0; left: 0; margin-left: 0; } #small-boxes ul.products dl dt { text-transform: uppercase; margin-bottom: 0; } /* twitter */ #small-boxes .twitter { background: #ECECEC; padding: 8px 8px 8px 25px;} /* Wide Box (optional area) --------------------------------------------------- */ /* downloads */ #wide-box .box { margin-top: -10px; } #wide-box .downloads ul li { width: 316px; min-height: 60px; float: left; } #wide-box .downloads ul dl { padding: 4px 8px; } #wide-box .downloads ul dl dt, #wide-box .downloads ul dl dd { margin-left: 60px; } /* Standard pages (Footer pages) --------------------------------------------------- */ #boxes .standard h3 { border: 0; background: none!important; margin: 8px 4px 0; } #boxes .standard h3.cufon { font-size: 1.9em; } #boxes .standard div a { background-color:#ddd; } /* Home SEO Version --------------------------------------------------- */ #homeseo #body { width:100%; margin:1em; } #homeseo #header img.logo { position:relative; float:left; } #homeseo #header ul.nav { width:10em; } #homeseo #header ul.nav li { font-size:1em; line-height:2em; margin-right:0; float:none; } #homeseo #header ul.nav a { display:inline; } #homeseo #header ul.nav a span { position:relative; z-index:1; padding:4px 8px; } #homeseo #header ul.nav a img { display:none; } #homeseo #header ul.secondary { position: relative; margin-top:1em; } #homeseo #header ul.secondary li { font-size:1em; line-height:2.6em; } #homeseo #footer img { display: none; } #homeseo #footer ul { margin-top:2em; } #homeseo #footer ul li a span { position: relative; z-index: 1; padding:4px 8px; } /* Overlays --------------------------------------------------- */ /* action-panel */ #boxes #toolbar { display: none; } /* product */ #overlay-product { position: relative; background: #FFFFFF; width: 656px; margin: 10px auto; padding: 12px; font-size: 1.1em; } #overlay-product a.close { position: absolute; top: 12px; right: 12px; text-transform: uppercase; z-index: 9000; zoom: 1; } #overlay-product div.images { /*float: left;*/ position: relative; width: 408px; height: 305px; border: 3px solid #ececea; margin-bottom: 1px; background: url(../img/ajax-loader-overlay-image.gif) no-repeat 188px 134px; z-index: 1; } #overlay-product div.images img{ margin-left: 54px; margin-top: 2px; } #overlay-product div.images ul { position: absolute; top: 8px; right: 8px; display: none; } #overlay-product div.images ul li { display: inline-block; margin-left: 4px; } #overlay-product div.images ul li a { display: inline-block; min-width: 15px; height: 25px; line-height: 25px; background: #d9d9d8; color: #FFFFFF; font-weight: bold; font-size: 1.2em; text-align: center; } #overlay-product div.images ul li a:hover, #overlay-product div.images ul li a.active { background: #000000; } #overlay-product div.images a.magnify { display: block; text-transform: uppercase; background: #d9d9d8; color: #FFFFFF; font-weight: bold; padding: 2px 8px; position: absolute; bottom: 8px; right: 8px; z-index: 9000; } #overlay-product div.images a.magnify:hover { background: #000000 } #overlay-product div.images a.active { background: #666666; } #overlay-product #zoom-image { position: relative; width:301px;height:301px; margin-left: 54px; } #overlay-product #regular-image { position: absolute; width:301px;height:301px; z-index: 4000; left: 0; top: 0; } #overlay-product #overlay-image-special { margin-left: 0; } #overlay-product .hazardous-msg { display: block; position: absolute; left: 8px; bottom: 8px; text-transform: uppercase; color: #666666; font-size: 0.9em; width: 150px; line-height: 1em; } #overlay-product .hazardous-msg b { color: #ff0000; display: block; } #overlay-product form.product { position: absolute; top: 12px; right: 12px; margin-left: 10px; width: 230px; height: 305px; color: #a1a1a1; } #overlay-product form.product legend span { display: inline-block; font-size: 1.4em; width: 180px; white-space: normal; } #overlay-product form.product legend span.cufon { font-size: 1.6em; } #overlay-product form.product div.colour { color: #000000; font-weight: bold; text-transform: uppercase; margin-top: 0.8em; } #overlay-product form.product div.price { text-transform: uppercase; font-weight: bold; margin-bottom: 0.8em; } #overlay-product form.product div.desc { max-height: 80px; overflow: hidden; /*overflow-x: hidden; overflow-y: auto;*/ } #overlay-product form.product div.styleID { margin: 0.8em 0; } #overlay-product form.product div.bottom { position: absolute; bottom: 0; } #overlay-product form.product div.bottom .soldout { text-transform: uppercase; font-size: 1.3em; line-height: 1.1em; font-weight: bold; } #overlay-product form.product div.submit { clear: both; } #overlay-product form.product div.submit input { font-size: 1.4em; font-weight: bold; } #overlay-product form.product div.submit img { display: none; vertical-align: text-bottom; padding: 1px 0 2px 5px; } #overlay-product form.product div.field { float: left; margin-bottom: 1em; } #overlay-product form.product div.field label { float: none; width: auto; } #overlay-product form.product div.change-colour { margin-bottom: 0; } #overlay-product form.product div.change-colour select { width: 234px; } #overlay-product form.product div.change-size { margin-right: 10px; } #overlay-product form.product div.change-size select { width: 160px; } #overlay-product form.product div.change-no select { width: 64px; } #overlay-product div.share { clear: both; width: 414px; position: relative; } #overlay-product div.share div.toolbar { background: #ececec; min-height: 15px; } #overlay-product div.share div.toolbar a { float: right; margin-left: 1px; } #overlay-product div.share div.toolbar a.button { display: inline-block; color: #FFFFFF; font-size: 0.9em; min-height: 15px; line-height: 15px; text-transform: uppercase; padding: 0 8px; } #overlay-product div.share div.box { margin-top: 1px; } #overlay-product div.share .share-toggle { display: none; } #overlay-product div.share ul { background: #ececec; margin-top: 1px; padding: 6px; } #overlay-product div.share ul li { float: left; margin-right: 40px; text-transform: uppercase; height: 14px; line-height: 14px; } #overlay-product div.share ul li img { display: inline-block; margin-right: 5px; vertical-align: text-top; } #overlay-product div.share div.row { clear: both; background: #ececec; margin-top: 1px; } #overlay-product div.share div.row div.field { float: left; } #overlay-product div.share div.field { padding: 3px 6px; } #overlay-product div.share label { width: 80px; padding: 2px 0; } #overlay-product div.share textarea { height: 15px; width: 250px; vertical-align: bottom; } #overlay-product div.share input.textinput { width: 110px; } #overlay-product div.share input.button { font-size: 1em; margin-left: 10px; } /* sizing chart */ #overlay-product #sizing-toggle { display: none; clear: both; top: 8px; position: relative; height: 380px; /*background: url(../img/img-sizing-chart.jpg) bottom left no-repeat;*/ } #overlay-product #sizing-toggle ul.nav { } #overlay-product #sizing-toggle ul.nav li { float: left; margin-left: 1px; } #overlay-product #sizing-toggle ul.nav li a { display: block; color: #FFFFFF; text-align: center; text-transform: uppercase; padding: 2px 0; } #overlay-product #sizing-toggle ul.nav li.pos1 { width: 170px; margin-left: 0; } #overlay-product #sizing-toggle ul.nav li.pos2 { width: 173px; } #overlay-product #sizing-toggle ul.nav li.pos3 { width: 64px; } #overlay-product #sizing-toggle ul.nav li.pos4 { width: 246px; } #overlay-product #sizing-toggle h3 { text-transform: uppercase; font-size: 2em; background: none!important; color: black!important; margin: 8px 0; } #overlay-product #sizing-toggle img { position: absolute; top: 50px; left: 0; } #overlay-product #sizing-toggle #sizing-chart { margin-left: 190px; } #overlay-product #sizing-toggle a.close-sizing { display: block; text-transform: uppercase; background: #d9d9d8; color: #FFFFFF; font-weight: bold; padding: 2px 8px; position: absolute; top: 32px; right: 0; } #overlay-product #sizing-toggle a.close-sizing:hover { background: #000000 } #overlay-product #sizing-content { border: 3px solid #ECECEC; height: 286px; padding: 8px; position: relative; } #overlay-product #sizing-content div { position: absolute; top: 8px; left: 8px; } #overlay-product #sizing-content table { text-transform: uppercase; margin-bottom: 1em; } #overlay-product #sizing-content table td { padding: 5px; vertical-align: top; } #overlay-product #sizing-content table thead { font-weight: bold; } #overlay-product #sizing-content table thead span { text-transform: none; } #overlay-product #sizing-content table tbody td { width: 50px; color: #A1A1A1; } #overlay-product #sizing-content table tbody td.head { font-weight: bold; width: 75px; color: #000000; } #overlay-product #sizing-content table tbody td.blue { color: #006699; } #overlay-product #sizing-content table tbody td.yellow { color: #ffcc00; } #overlay-product #sizing-content table tbody td.red { color: #ff0000; } #overlay-product #sizing-content table tbody span { display: block; } #overlay-product #sizing-content table tfoot { text-transform: none; color: #A1A1A1; } #overlay-product #sizing-content h4 { text-transform: uppercase; font-weight: bold; } #overlay-product #sizing-content dl dt { text-transform: uppercase; font-weight: bold; } #overlay-product #sizing-content dl { margin: 1em 0; } #overlay-product #sizing-content dl dd { margin-bottom: 1em; color: #A1A1A1; } #overlay-product #sizing-content #denim-measurements, #overlay-product #sizing-content #fit-guide, #overlay-product #sizing-content #footwear-sizes { display: none; } /* Inline Shopping --------------------------------------------------- */ #boxes .inline-product { cursor: pointer; } #boxes a.inline-product-highlight { padding: 0 25px 0 4px!important; margin-right: 5px; display: inline-block; } #boxes a.imagemap-product-highlight { width: 21px; display: block; position: absolute; display: none; } #boxes a.inline-product-highlight:hover { color: #000000!important; } #boxes a.popup-product-highlight { padding: 0; margin-right: 5px; display: inline-block; } #boxes #forum-topic a.inline-product-highlight { background: #ECECEC; } #boxes #forum-topic a.inline-product-highlight:hover { background: #ECECEC!important; } #boxes a.inline-product .shop-button { width: 20px; height: 16px; vertical-align: text-bottom; padding-left: 0!important; margin-top: 0!important; margin-left: 5px; } #boxes map .imagemap-price { position: absolute; display: none; font-weight: bold; font-size: 0.9em; } a.tooltip { background: #FFFFFF!important; color: #000000; display: none; cursor: pointer; z-index: 3001; width: 118px; } a:hover.tooltip { color: #000000!important; } a.tooltip span.content { display: block; overflow: hidden; position: relative; padding: 0; } a.tooltip .image { display: block; position: relative; border: 4px solid #CECECE; } a.tooltip .image .product { } a.tooltip .image .sold-out { position: absolute; bottom: 0; right: 0; } a.tooltip span.desc { display: block; background: #000000; color: #FFFFFF; padding: 8px; text-transform: uppercase; margin-bottom: 0; font-weight: bold; line-height: 1em; } a.tooltip span.price { display: block; font-weight: normal; color: #CCCCCC; text-align: right; } /* Maintenace --------------------------------------------------- */ #maintenance { width: 819px; position: relative; margin: 8em auto; } /* clearfix http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack/ -------------------------------- */ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block; } * html .clearfix { height: 1%; } /* Hides from IE-mac */ .clearfix { display: block; } /* End hide from IE-mac */ /* Banners --------------------------------------------------- */ #banners { margin-bottom: 1em; background: #FFFFFF; /*padding: 5px;*/ border: 5px solid #FFFFFF; position: relative; } #homepage #banners { margin: 1.2em auto 0; -webkit-box-shadow:0 0 5px #7d7d7d; -moz-box-shadow: 0 0 5px #7d7d7d; box-shadow:0 0 5px #7d7d7d; } .banner { text-align:center; } #banners .banner-color-blue { background: #0053A0; } #banners .banner-color-green { background: #009E58; } #banners .banner-color-yellow { background: #FFE01A; } #banners .banner-color-red { background: #ED1B2E; } .banner a { display: block; color:#fff; font-size:18px; text-transform: uppercase; margin-top: 7px; *margin-top: 9px; } .banner a b { font-size: 20px; } #banners .banner-color-yellow a { color: #000; } .banner a:hover, #homepage .banner a:hover { color: #fff!important; } #banners ul, #banners li { display: block; margin:0; padding:0; list-style:none; } #banners li { } #banners, #banners li { width:950px; height:36px; overflow:hidden; } /* Supernature -------------------------------------------------- */ #homepage #flash .slideshow { background-color: #cdcdc1; width:960px; height: 562px; margin: 25px auto 25px; position: relative; overflow:hidden; } #homepage #flash .slideshow a { display: none } #homepage #flash .slideshow a.first { display: block } #homepage .shadow { -webkit-box-shadow: 2px 2px 10px 2px rgba(0, 5, 5, .1); -moz-box-shadow: 2px 2px 10px 2px rgba(0, 5, 5, .1); box-shadow: 2px 2px 10px 2px rgba(0, 5, 5, .1); filter: progid:DXImageTransform.Microsoft.Shadow(color='#969696', Direction=145, Strength=3); } #homepage #threecolflash { margin-bottom: 170px; } #homepage #threecolflash .threecolflash-1 { width: 220px; height: 300px; } #homepage #threecolflash .threecolflash-2 { background:url('/site_media/home/new-arrivals/img-tile-new-arrivals-insert-bg.jpg') center center no-repeat; margin-left: 28px; width: 220px; height: 300px; } #homepage #threecolflash .threecolflash-3 { margin-left: 28px; width: 220px; height: 300px; } #homepage #threecolflash .threecolflash-4 { margin-left: 28px; width: 220px; height: 300px; } #homepage #threecolflash .threecolflash-2 .tile-slideshow img { position:absolute; top:88px; left:30px; } #homepage #threecolflash #moto-one { position: absolute; left: 215px; top: 340px; z-index: 100; } #footer #moto-one { margin-left: auto; margin-right: auto; margin-bottom: 36px; z-index: 100; } /*#homepage #threecolflash .threecolflash-1 { position: relative; } #homepage #threecolflash .threecolflash-2 { position: relative; } #homepage #threecolflash .threecolflash-2 .tile-slideshow { width:220px; height:300px; position: relative; background: url(/site_media/home/new-arrivals/img-tile-new-arrivals-bg.png) bottom left no-repeat; } #homepage #threecolflash .threecolflash-2 .tile-slideshow a { display: none } #homepage #threecolflash .threecolflash-2 .tile-slideshow a.first { display: block } #homepage #threecolflash .threecolflash-3 { position: relative; } #homepage #threecolflash .threecolflash-2 .tile-slideshow { background:url('/site_media/home/new-arrivals/img-tile-new-arrivals-insert-bg.png') center center no-repeat; width:220px; height:300px; } #homepage #threecolflash .threecolflash-2 .tile-slideshow a { position:relative; display:block; width:220px; height:300px; background:transparent!important; } #homepage #threecolflash .threecolflash-2 .tile-slideshow img { position:absolute; top:15px; right:40px; }*/ /* Homepage refresh 2011-10-21 -------------------------------------------------- */ /*div#filler { background: url("../home/img-home-hero-bg.png") no-repeat scroll 0 0 transparent; position: relative; margin-left: 10px; min-height: 598px; width: 978px; }*/ /*html { background: url('/site_media/home/home-background-1.jpg') repeat-x center top #CACBC5; }*/ /* Homepage refresh 2011-10-21 -------------------------------------------------- */ div#filler { background-color: #ffffff; margin: 0 auto; min-height: 562px; width: 960px; } div#filler img.fill { height: 562px; width: 960px; } div#filler .hero-bg { height: 562px; width: 960px; padding:0; margin:0; overflow: hidden } div#filler .hero-bg img { height: 562px; width: 960px; background-color: #ffffff; top:0; left:0 } div#filler #callout-one { position: absolute; left: -45px; top: 72px; z-index: 10; } div#filler #callout-two { position: absolute; left: 705px; top: 305px; z-index: 10; } div#filler #callout-three { position: absolute; left: -58px; top: 252px; z-index: 10; } div#filler #label-one { position: absolute; left: 620px; top: 100px; z-index: 10; } /* html { background: url('/site_media/home/home-background-2.jpg') repeat-x center top #CACBC5; }*/ /*div.bubbles-overlay {background: url('/site_media/home/home-background-bubbles.png') transparent repeat-y center top; }*/ /*div.bubbles-overlay-big {background: url('/site_media/home/home-background-bubbles-big.png') transparent repeat-y center top; }*/ /* Homepage refresh 2011-11-17 --------------------------------------------------- */ body { overflow: visible; } body#homepage { overflow: visible; } img#background_image { position: absolute; display: none; } div#wrapper {position:absolute; z-index: 5; overflow:visible; height:100%;width:100%; } div#banners { position: relative; z-index: 20;} #homepage div#threecolflash { position: relative; z-index: 20; top: 30px; } #homepage div#footer { position: relative; top: 65px; } #btn-the-collection-now { width: 221px; height: 221px; background: url('../home/btn-shop-the-collection-now.png'); text-indent:-999em; display: block; position: absolute; top: 180px; left: 120px; } #btn-explore-the-make-believe { width: 161px; height: 160px; background: url('../home/btn-explore-the-make-believe.png'); text-indent: -999em; display: block; position: absolute; right: 35px; top: 45px;} /* Editorial Carousel -------------------------------------------------- */ #editorial #pg-01 { background:transparent url('/site_media/img/editorial/bg-pg-01.jpg') top left no-repeat; } #editorial #pg-02 { background:transparent url('/site_media/img/editorial/bg-pg-02.jpg') top left no-repeat; } #editorial #pg-03 { background:transparent url('/site_media/img/editorial/bg-pg-03.jpg') top left no-repeat; } #editorial #pg-04 { background:transparent url('/site_media/img/editorial/bg-pg-04.jpg') top left no-repeat; } #editorial #pg-05 { background:transparent url('/site_media/img/editorial/bg-pg-05.jpg') top left no-repeat; } #editorial #pg-06 { background:transparent url('/site_media/img/editorial/bg-pg-06.jpg') top left no-repeat; } #editorial .items-main div.qr { background: url('/site_media/img/editorial/bg-qr.png') top right no-repeat; width: 218px; height: 160px; } #editorial .items-main .qr img { position: absolute; margin: 47px 0 0 16px; } #editorial #pg-01 { font-family: "Courier New", "trebuchet MS", Arial; } #editorial #pg-01 p.sig { margin-top: 10px; } #editorial #pg-01 ul { margin: 0; padding: 0; } #editorial #pg-01 ul li { margin: 0; padding: 0; } #editorial #pg-01 ul li.left { float: left; width: 298px; margin: 100px 95px 0 89px; } #editorial #pg-01 ul li.right { float: left; width: 410px; margin: 100px 0 0 0; } #editorial #pg-01 ul li.left .qr { margin: 155px 0 0 -69px; } #editorial .shop-page .qr { margin: 615px 0 0 20px; } #editorial .shop-page .sapi-container { position: absolute; width: 584px; height: 180px; margin: -160px 0 0 371px; *margin-left: 106px; border-top: 3px solid #eeeeee; } #editorial .shop-page .sapi-container .box { border: none; } #editorial .shop-page .sapi-container h2, #editorial .shop-page .sapi-container .navi { display: none; } #editorial .shop-page .sapi-container .carousel { margin: 0; } #editorial .shop-page .sapi-container .previousBtn, #editorial .shop-page .sapi-container .nextBtn { display: none; } #editorial .shop-page .sapi-container .scrollable { margin: 0; } #editorial #pg-03 div.inner { margin: 122px 0 0 53px; } #editorial #pg-03 img.bn { margin: 35px 0 0 82px; } #editorial #pg-03 .qr { margin: 20px 0 0 -33px; /*margin: 75px 0 0 -33px;*/ } #editorial #pg-03 .inner { margin: 122px 0 0 53px; } #editorial #pg-05 div.inner { margin: 100px 0 0 109px; } #editorial #pg-05 dl { margin: 20px 0 10px 3px; } #editorial #pg-05 dl dt { float: left; width: 126px; margin-right: 10px; } #editorial #pg-05 dl dd { float: left; } #editorial #pg-05 dl dt img { -moz-box-shadow: 2px 2px 2px #ccc; -webkit-box-shadow: 2px 2px 2px #ccc; box-shadow: 2px 2px 2px #ccc; } #editorial #pg-05 dl dd { padding-top: 10px; *padding-top: 1px; } #editorial #pg-05 dl dd ul { padding: 0 ; margin: 0; } #editorial #pg-05 dl dd ul li { padding: 0; margin-bottom: 5px; } #editorial #pg-05 dl dd ul li a { display: block; height: 27px; } #editorial #pg-05 dl dd ul li.first { margin-bottom: 10px; } #editorial #pg-05 dl dd ul li.third { margin-bottom: 0; } #editorial #pg-05 .qr { margin: 30px 0 0 -89px; } #editorial #sub-footer { background: #eed4e1; padding: 10px; min-height: 50px; width: 940px; margin: 15px 0 50px 0; } #editorial #sub-footer .inner { background: #fff; height: 140px; } #editorial #sub-footer .inner .first { float: left; width: 191px; margin-left: 31px; } #editorial #sub-footer .inner .second { float: left; width: 265px; height: 140px; } #editorial #sub-footer .inner .third { float: left; width: 350px;} #editorial #sub-footer .inner .fourth { float: left; } #editorial #sub-footer .inner div.share-ft { width: 265px; background: url('/site_media/img/editorial/bg-share-this.jpg') top left no-repeat;} #editorial #sub-footer .inner .book { position: absolute; margin-top: -15px; } #editorial #sub-footer .inner div.share-ft ul { background: #fff; margin: 0; padding: 0; margin: 65px 0 0 55px; -webkit-border-radius:3px; -webkit-border-radius:3px; padding: 5px 5px 2px 5px; width: 145px; } #editorial #sub-footer .inner div.share-ft ul li { float: left; background: #fff; margin: 0; padding: 0; } #tile-pin-red { position:absolute; z-index:30; top:-6px; left:156px; } #tile-pin-blue { position:absolute; z-index:30; top:-7px; left:151px; } #tile-pin-green { position:absolute; z-index:30; top:-9px; left:148px; } a.map { padding: 2px 15px; background: url("../img/bg-heading-gradient-hotpink.gif") repeat scroll left top #ff0084; color: #ffffff; } a.map:hover { color: #ffffff; } a.close { padding: 2px 15px; background: url("../img/bg-heading-gradient-hotpink.gif") repeat scroll left top #ff0084; color: #ffffff; } a.close:hover { color: #ffffff; } .map-canvas { margin-top: 10px; margin-bottom: 5px; height:360px; width: 605px; border: 1px solid #999; } .map-container { display:none; }