/* ------------------------------------- Index Global Reset and default settings Heading, Typography, Links Accessibility Layout Header Content 2 column layout 3 column layout 4 column layout Navigation Shopping Cart Other Table Styles Generic Forms ----------------------------------------*/ /* Global Reset and default settings */ body * {margin:0; padding:0} body {background-color:#e1dbd8; color:#989597; font-size:71%; font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif; margin:0; padding:0;} img {border:0;} /* Heading, Typography, Links */ h1, h2, h3, h4 {margin:0px; padding:0px;} h1 {font-size:1.4em;} h2 {font-size:1.2em;} h3 {color:#e3007b; font-weight:bold; margin-bottom:1em;} h4 {color:#e3007b; font-weight:bold;} p {color:#989597; font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif; font-weight:normal; line-height:1.4em; margin:0 0 1em 0; text-align:left;} a {color:#989597; font-weight:bold; text-decoration:none;} a:hover {text-decoration:underline;} /* Accessibility */ .hide {font-size:1px; height:1px; line-height:0px; overflow:hidden; position:absolute; left:-9999px; top:-9999px;} /* Layout */ #wrapper {background:#fff; border-right:1px solid #fff; border-left:1px solid #fff; margin:auto; padding:0; width:770px;} /* Header */ #header {height:144px; position:relative;} #header h1 img {position:absolute; top:14px; left:19px;} #header h2 img {position:absolute; top:100px; left:19px;} #header a#cart {background:url(../img/symbol-cart.gif) no-repeat left; font-size:0.8em; position:absolute; top:95px; right:19px; padding:5px 0 5px 26px;} #header a#cart {} #header a#cart:hover {text-decoration:none;} /* Content */ #maincontent {position:relative;} #flashcontent {float:right; height:222px; width:362px;} #copy {float:left; padding:20px 22px 5px 19px; min-height:168px; width:365px;} #copy2 {float:left; padding:20px 22px 5px 19px; min-height:168px; width:365px;} #copywide {clear:left; padding:20px 22px 15px 19px;} #festivecopy {float:left; padding:20px 22px 5px 0px; min-height:168px; width:384px;} #festivecopy div {clear:both;} #festivecopy h2 a {color:#ec1592; font-size:12px; text-decoration:none;} #festivecopy a {text-decoration:underline} #seccontent {background:#000; color:#fff; clear:both; margin:1px 0 0 0; padding:25px 20px; position:relative;} #seccontent p {color:#fff;} #seccontent p.intro {color:#fff; font-size:1.2em;} #seccontent a {color:#fff; font-weight:normal; text-decoration:underline;} /* 2 column layout in black section */ #seccontent .col2 {color:#fff; float:left; padding:8px 15px 20px 0; width:350px;} #seccontent .col2 p, #seccontent p.intro {color:#fff; font-size:1.2em;} #seccontent .product {margin:0 0 28px 0;} #seccontent .product p {font-size:1em; margin-top:30px;} /* 3 column layout in black section */ .col3 {color:#fff; float:left; width:243px;} .col3 img {border:5px solid #ef2c9c; float:left; margin:0 10px 0 0;} .col3 p {color:#fff; margin-right:30px;} .col3 a {color:#fff;} /* 4 column layout in black section */ /* Alternative styles here for ie6.css */ #seccontent .col4bkd {background:url(../img/bkd-4colc.gif) repeat-y; padding:0;} #seccontent .col4 {display:block; float:left; margin:0 42px 0 60px; width:92px;} #seccontent .first {margin:0 40px 0 25px; width:83px;} #seccontent .last {} #seccontent .col4 a {color:#fff; font-weight:normal; text-decoration:none;} #seccontent .col4 span {color:#ec0b8d; font-weight:bold;} #seccontent .col4 img {display:block; margin:0 0 4px 0;} #seccontent .col4 p {color:#fff; font-size:1.2em;} #seccontent #comp {color:#fff; padding:8px 15px 20px 0; width:350px;} #seccontent #comp p {font-size:1em; line-height:1.6em;} #seccontent #comp form {} #seccontent #comp form label {color:#fff; display:block; float:left; width:150px;} #seccontent #comp form input {color:#000; width:150px;} #seccontent #comp form input.checkbox {border:none; margin:0 0 0 10px; width:auto;} #seccontent #comp form input.button {border:none; margin:0 0 0 230px; width:auto;} #tertcontent {background-color:#717171; border-top:1px solid #a1a1a1; color:#fff; padding:20px;} #tertcontent p {color:#fff; font-size:1.2em;} #tertcontent .saleitem {float:left; margin:0; padding:0; width:243px;} #tertcontent .saleitem img {border:5px solid #ef2c9c; float:left; margin:0 10px 0 0;} #tertcontent .saleitem p {color:#fff; font-size:1em;} #footer {color:#555252; clear:both; font-family:Tahoma, Arial, Helvetica, sans-serif; padding:20px 68px 20px 19px; position:relative;} #footer p {color:#555252; font-family:Tahoma, Arial, Helvetica, sans-serif;} #footer a {color:#555252;} /* Navigation */ ul#nav {float:left; margin:0; padding:0; width:406px;} ul#nav li {display:inline; list-style-type:none;} ul#nav li a {display:block; float:left; height:49px; overflow:hidden;} ul#nav li a span {font-size:1px; height:1px; line-height:0px; overflow:hidden; position:absolute; left:-9999px; top:-9999px;} ul#nav li a:hover {} ul#nav li a.hankies {background:url(../img/nav-dh.gif) no-repeat 0px 0px; width:167px;} ul#nav li a.hankies:hover, ul#nav li#current a.hankies {background:url(../img/nav-dh.gif) no-repeat 0px -49px;} ul#nav li a.scarves {background:url(../img/nav-sc.gif) no-repeat 0px 0px; width:115px;} ul#nav li a.scarves:hover, ul#nav li#current a.scarves {background:url(../img/nav-sc.gif) no-repeat 0px -49px;} ul#nav li a.stationery {background:url(../img/nav-stat.gif) no-repeat 0px 0px; width:124px;} ul#nav li a.stationery:hover, ul#nav li#current a.stationery {background:url(../img/nav-stat.gif) no-repeat 0px -49px;} /* Shopping Cart */ table#basket {border-collapse:collapse; margin:10px 0 15px 0; padding:0; text-align:left;} table#basket tr {} table#basket th {font-weight:normal; font-size:1.2em; padding:5px 0 20px 0;} table#basket th.right {text-align:right; padding-right:15px;} table#basket td {padding:3px 0;padding-right:15px;font-size:105%;} table#basket .divider {background:url(../img/divider.gif) repeat-x bottom;} table#basket .remove {padding-left:17px; width:65px;} table#basket .product {} table#basket .quantity {width:88px;} table#basket .price {text-align:right; padding-right:15px; width:160px; } table#basket .subtotal {text-align:right;} table#basket .subtotalprice {text-align:right; padding-right:15px;} table#basket .productListing-heading {text-align:right; padding-right:15px;} table#basket .productListing-data {text-align:right; padding-right:15px;} table#basket .main {padding-right:15px;line-height: 140%} table#basket .plainbox {padding-right:15px; line-height: 140%} table#basket .center_column {padding-right:15px; width:60px;line-height: 140%} table#basket .inputRequirement {text-align:left; padding-right:15px; width:60px;line-height: 140%} table#basket .plainBoxHeading {padding-right:15px;line-height: 140%;font-size:105%;} table#basket .main img {padding-top:10px;} table#basket .main input {margin-top:10px;} table#basket a img {border:none;} /* Other table styles */ table {border-collapse:collapse; margin:0 0 10px 0; } table.tabbkd1 {margin:0 0 10px 0;} table.tabbkd1 th {border:1px solid #ccc; color:#666; font-weight:bold; padding:3px; text-align:left;} table.tabbkd1 td {border:1px solid #ccc; padding:3px;} table.delivery {background-color:#E1DBD8; border-collapse:collapse; color:#666; margin:0 0 10px 0; width:300px;} table.delivery th {border:1px solid #fff; padding:3px; text-align:left;} table.delivery td {border:1px solid #fff; padding:3px;} /* 404 page */ #lostpage h2 {color:#333; font-size:1.4em; margin-bottom:0.5em;} /* Generic */ .image1 {float:right;} .image2 {float:right; margin:0 0 10px 0px;} .bold {font-weight:bold;} #copy .highlight, #copy2 .highlight, #copywide .highlight {color:#e3007b;} #footer .highlight {font-weight:bold;} #footer .highlight {color:#e3007b;} .marbot5 {margin-bottom:5px;} .marbot10 {margin-bottom:10px;} .martop10 {margin-top:10px;} .martop30 {margin-top:30px;} .martop120 {margin-top:120px;} .padtop30 {padding-top:30px;} .padtop35 {padding-top:35px;} .padtop55 {padding-top:55px;} .padtop85 {padding-top:85px;} .marlft15 {margin-left:15px;} .marrt {margin-right:10px;} .marrt25 {margin-right:25px;} .floatright {float:right;} .floatleft {float:left;} .marnone {margin:0;} /* CSS clearing */ .clearboth {clear:both;} .clearleft {clear:left;} .clearright {clear:right;} .clearing:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} .clearing {display: inline-table;} /* Hides from IE-mac */ * html .clearing {height: 1%;} .clearing {display: block;} /* End hide from IE-mac */ /* Forms */ form {} form label {color:#919084; font-size:1.1em;} form input, form textarea {border:1px solid #ec296d; color:#919084; font-size:1.1em; padding:2px;} form input.btn {border:none;} /* Add to cart button */ form input.bag {border:none; margin:0 25px 0 0; padding:0;} form input.bagright {border:none; float:right; margin:0; padding:0;} label.data { float: left; font-weight bold; text-align: right; width: 180px; padding: 3px 6px; } img.bagright {border:none; float:right; margin:0; padding:0;} /* Shopping Cart */ form#shop {} form#shop input {color:#333;} form#shop input.noborder {border:none;}