body {text-align: center; font-family:Georgia, serif; font-size: small; margin: 0 0 100px 0; padding: 0;background: transparent url(../images/wood.jpg) repeat top left;}
h1 {font-size: 16px; margin: 0; padding:0;}
h2 {font-size: 18px; margin: 0; padding:0; font-weight:normal;}
h3 {font-size: 12px; margin: 0; padding:0;}
h4 {font-size: 12px; margin: 0; padding:0;}
p {font-size: 12px; color: #555;line-height: 18px;}
ul li {color: #555;}
a {color: #222;}
a img {border: none;}
.clear {clear: both;}
.logo {float: left;margin: 0;}
.extra {float:left;margin-left: 20px;width: 300px;margin-top: 14px;}
.extra p {font-size: 16px;margin:0;padding:0;}
.pink {color: #ec008c;}
.darkblue {color: #2b424b;}

/*--------------------------*/

#wrapper {margin: 0 auto ; width: 940px;text-align: left;padding:0 15px 0px 13px;background: transparent url(../images/clearback.png) repeat top left;}
#wrap-body {float: left;clear: both; width: 910px;text-align: left;padding:0 15px 0 17px;background: #fff;display:inline;}
#header {float: left; clear: both; width: 906px;margin: 0;}

#homewrap {width: 910px; float: left; clear: both; position: relative;}
#side {float: left; width: 200px;clear:left;margin-top: 10px;}
#main {float: right; width: 706px;margin-top: 10px;position: relative;}
#footer {clear: left; width: 1050px;background: transparent url(../images/foot.png) no-repeat top left;height: 106px;margin: 0 auto;}
#sub-main {float: left; clear: both; width: 900px;margin-top: 15px;}
#sub-main .account {float:left; width: 450px;}
#sub-main .side {float:right; width: 380px;}

/* SEARCH + UTILITIES 
------------------------------------------------ */	
.utility { float: right;text-align:right;width: 360px;margin-top: 14px;}
.utility ul {margin:0; padding: 0;list-style-type:none;float:right;background: #e8dcc4;}
.utility ul li {float: left; display:inline;}
.utility ul li a {float:left;padding:  4px; color: #222;}
.utility label { margin: 25px 0 0 0; color: #999; font-weight: bold;}
.utility .textinput { border: solid 1px #999; width: 200px; padding: 4px;margin:25px 0 0 0; }
.utility .submitbutton { border:none; background: #0076a3; padding: 2px; color: #fff; }
.utility a { color: #0076a3; font-weight: bold; margin-top: 5px;}
.utility form {margin-bottom: 6px;}
.utility .submitbutton {background: #ec008c; color: #fff; padding: 3px 5px;}
/*--------------------------*/

#nav {width: 906px;float: left; background:transparent url(../images/nav-back.jpg) no-repeat top left; clear: both;margin-bottom: 15px;}
#nav ul{width: 890px;float: left; clear: both; list-style-type:none;margin: 0; padding: 0;}
#nav ul li {float: left; display:inline;}

#nav ul li a {float: left; border-right: solid 3px #fff; padding: 14px 7px 10px 7px; color: #fff;font-size: 18px;text-decoration: none;}
#nav ul li a:hover, #nav ul li.selected a{float: left; border-right: solid 3px #fff; padding: 14px 7px 10px 7px; color: #fff;font-size: 18px;background: #2b424b;}
#nav ul li.sale {background:#ec008c !important;}

ul#subnav {width: 890px;float: left; clear: both; list-style-type:none;margin: 0; padding: 0;}
ul#subnav li {float: left; display:inline;}

ul#subnav li a {float: left;  padding: 3px 12px 3px 3px; color: #222;font-size: 14px;text-decoration: none;}
ul#subnav li a:hover, #nav ul li.selected a{float: left;  padding: 3px 12px 3px 3px; color: #000;text-decoration:underline;}


/*--------------------------*/

#side .box {background: #ec008c;float:left; width: 180px; padding: 10px;float:left;margin-bottom: 10px; display:inline;}
#side .box.blue {background: #5dacd1; margin-top: 10px;}
#side .box select{width: 180px;margin-bottom: 10px;}
#side .box input.textinput{width: 170px;margin-bottom: 10px;border: solid 1px #fff;}
#side .box .submitbutton {background: #2b424b; border: none; color: #fff; padding: 3px 6px;}
#side .box a{color:#fff; margin-top: 5px;}
#side .box .head {font-size: 18px; color: #fff;margin-bottom: 5px;}

#side p.head {font-size: 20px; color: #fff;margin:4px 0;padding:4px 0;}

#side .box ul.brands {margin: 0; padding: 0;list-style-type:none; background: #e8dcc4;}
#side .box ul.brands li{float: left; display:inline;}
#side .box ul.brands li a {float: left; display:inline;border-bottom: solid 1px #ec008c;padding: 3px 0;margin: 0; width: 170px;color: #fff;padding: 6px 5px;background: #dc0986;}
#side .box ul.brands li a:hover {padding: 6px 5px;background: #dc0986;}

#side ul.categories {margin: 0; padding: 0;list-style-type:none; }
#side ul.categories li{float: left; display:inline;}
#side ul.categories li a {float: left; display:inline;border-bottom: dotted 1px #fff;padding: 3px 0;width: 183px;color: #333;padding: 6px 5px 6px 12px;background: #e8dcc4;}
#side ul.categories li a:hover {padding: 6px 5px 6px 12px;background: #bfb5a0;border-bottom: dotted 1px #fff;}

#side .feed {background: #5dacd1;float:left; clear:both;width: 192px;margin: 0 0 5px 0;padding: 4px;}
#side .feed a img {float:right;}
#side .feed p {font-size: 14px; float: left; width: 160px;margin:0;padding:0;}
#side .feed p a {color:#fff;}
#side .mailing {background: #ec008c; float:left; clear:both;width: 200px;}

#main h1{font-weight: normal; color: #fff;font-size: 20px;}
#main h1 span {color:#5dacd1; margin-left: 7px;}
#main h1 a {color: #8dec1e;}
#main .intro-panel {background: #2b424b url(../images/intro-panel-flower.jpg) no-repeat top right; width:682px; padding: 10px;float:left;display:inline; clear:both; margin-bottom: 5px;}
#main .intro-panel h2 {font-size: 18px;color:#5dacd1;width: 450px;}
#main .intro-panel h2 p{font-size: 18px;color:#5dacd1;}
#main .sub-panel {background: #5dacd1; width:682px;display:inline; padding: 10px;float:left; clear:both; margin-bottom: 5px;position:relative;}
#main .sub-panel h2 {color: #fff; font-size: 16px;}
#main .panel {width: 349px; background: #8dec1e; float: left; height: 175px; margin: 0 4px 4px 0;font-size: 18px; color:#fff; }
#main .panel p, #main .panel h2 {font-size: 18px;margin: 10px;width: 200px;float: left; color: #467211;}
#main .panel .readmore{float:left; color:#fff; font-size: 16px;background: #44720e;padding: 3px 6px;margin: 10px;}
#fixed {height: 100px;}
#main .brand {width: 217px; background: #fff;text-align:center;border: dashed 1px #999; float: left; height: 290px; overflow:hidden;margin: 0 4px 4px 0;padding: 5px; display:inline;}
#main .brand img {clear:both;margin-right: 5px;margin:0 auto;}
#main .brand h2.title, #main .brand p, #main .brand a {margin: 0 5px 4px 5px;}
#main .brand a h2.title  {color: #222;text-decoration: underline;}
#main .brand a {color:#ec008c;}
#main .noproducts {width: 700px; background: #fff;border: dashed 1px #999; float: left; height: 150px; margin: 0 4px 4px 0;text-align: center;}

#main .productlist {float: left; clear: both;width: 100%;}
#main .productlist .product {float: left; width: 171px; height: 17em;text-align: center; border: dashed 1px #999; margin: 2px 3px 3px 0;position: relative;}
#main .productlist .product:hover {border: dashed 1px #000;}
#main .productlist .product img {width: 160px;}
#main .productlist .product h2 {clear: both;margin: 0; padding:0;font-size: 14px;}
#main .productlist .product p.price {margin:0 0 4px 0; padding:0;}
#main .productlist .product a {color: #ec008c;}
#main .paging {float: left; width: 690px; background: #f7f7f7; clear: both;padding: 5px; display:inline;}
#main .paging a{color: #222;}
#main .product h1{}
#main .product .image {float: left; text-align: center; width: 400px;margin: 10px 0 20px 0;}
#main .product .details {float: right;width: 300px;margin: 10px 0;}
#main .product .details p{line-height: 20px;}
#main .product .details .buy {float: left; border: dotted 1px #ccc;padding: 10px;width: 250px;}
#main .product .details .price {font-weight: normal; font-size: 20px; color: #2b424b;}
#main .product .addtobasket, #main .product a.checkout {float: left;color:#fff; margin: 10px 5px 10px 0;}
#main .product .addtobasket {margin-left: 30px;}
#main .emailme {font-weight: bold; font-size: 14px;}
#main .product .details .submitbutton {background: #ec008c; color: #fff; padding: 3px 4px; border: none;}
#main .product .details .actions {float: left; clear: both; padding: 6px; width: 280px; display:inline;background: #fff;text-align: center;}

/* BASKET 
------------------------------------------------------------- */
#basket {width: 708px;border-collapse: collapse;float: left; clear: both;}
#basket img {width: 60px;}
#basket thead th{padding: 5px 2px;font-size: 14px; background: #ebebeb;}
#basket .quantity {width: 60px;}
#basket .price {width: 80px;}
#basket tr td.no {text-align: right; font-weight: bold;}
#basket tbody tr td{border-bottom: solid 1px #ccc;padding: 6px 2px;}
#totals {width: 240px;float: right;margin:25px 5px 0 0;clear: none; font-weight: bold;}
#totals tr td.number {text-align:right;width: }
.continueshopping {float: left; border:none;background: #0076a3; color:#fff;font-weight: bold; padding: 5px 9px; margin: 10px 10px 10px 0px ;clear: left;}
.checkoutbutton{float: left; border:none;background: #003663; color:#fff;font-weight: bold; display:inline;padding: 5px !important; margin: 10px 0 !important;text-align:center;}
.worldpaybutton {float: left; border:none;background: #003663; color:#fff;font-weight: bold;display:inline; padding: 5px !important; margin: 10px 0 !important;text-align:center;}
.paypalbutton {float: left; border:none;display:inline;background: #003663; color:#fff;font-weight: bold; padding: 5px !important; margin: 10px 0 !important;}
.noproducts h2.message{color:#3ea00e; font-size: 18px;margin: 0; padding: 50px 0 0 0;}
 h2.message{color:#3ea00e; font-size: 18px;margin: 0; padding: 15px 0 0 0;}
 p.error {color: #ff0000; font-weight: bold;}
.postageInstruct {float:left;clear:none;width: 430px;background:#f7f7f7;margin: 15px 0 0 1px;padding:10px;}

/* MY ACCOUNT
---------------------------------------------------------------------------- */
.account {float: left;margin-left: 7px;width: 900px;}
.account ul {margin: 0;padding: 0;width:720px;list-style-type: none;clear: both;}
.account ul li {float: left;}
.account ul li a{float: left;color: #222;font-weight: bold;padding-left: 9px;background: #fff url(../Images/acc-left.jpg) no-repeat top left;}
.account ul li a span{background: #ebebeb url(../images/acc-right.jpg) no-repeat top right;padding: 9px 9px 9px 0px;margin:0 8px 4px 0;float: left;}
.account ul li a:hover {background: #fff url(../images/accover-left.jpg) no-repeat top left;}
.account ul li a:hover span {background: #d9d8d8 url(../images/accover-right.jpg) no-repeat top right;cursor: hand;}

.account form{width: 500px;float: left;margin: 20px 0;}
.account label {width: 160px;float: left;font-weight: bold;margin: 7px 3px 3px 3px;}
.account .textinput {padding: 2px; margin: 3px;width: 250px;}
.account .submitbutton { float: left; margin: 15px 0 15px 168px; }
.account a.forgot { float: left; margin: 15px 0 15px 168px; }
.account select {margin: 3px;}
.success { color: #8dc63f;font-weight: bold;margin: 5px 0 ;}

.textinput {padding:2px;}

.lola {width: 222px; height: 179px; position: absolute; top: 93px; right: -30px;background: transparent url(../images/lola.png) no-repeat top left;}
.cutiepie {width: 132px; height: 179px; position: absolute; top: 93px; right: -30px;background: transparent url(../images/cutiepie.png) no-repeat top left;}
.guesshowmuch {width: 222px; height: 179px; position: absolute; top: 93px; right: -30px;background: transparent url(../images/cutiepie.png) no-repeat top left;}
.tobytiger {width: 170px; height: 179px; position: absolute; top: 93px; left: 190px;background: transparent url(../images/tobytiger.png) no-repeat top left;}
.itng {width: 210px; height: 53px; position: absolute; top: 93px; left: 190px;background: transparent url(../images/itng-logo.jpg) no-repeat top left;}
.tobytiger2 {width: 120px; height: 140px; float: right;background: transparent url(../images/toby-tiger.png) no-repeat top left;}
.blanket {width: 120px; height: 140px; float: right;background: transparent url(../images/blanket.png) no-repeat top left;}
.party-pack {background:transparent url(../images/party-pack.png) no-repeat top left; float:right; width: 110px; height: 164px;}
.balloons {background:transparent url(../images/balloons.png) no-repeat top left; float:right; width: 120px; height: 120px;}
.cutlery {background:transparent url(../images/cutlery.png) no-repeat top left; float:right; width: 120px; height: 175px;}
.lola2 {background:transparent url(../images/lola-2.png) no-repeat top left; float:right; width: 120px; height: 136px;}
.lola3 {background:transparent url(../images/lola-3.png) no-repeat top left; float:right; width: 150px; height: 181px;position: absolute; top: 0px; right: 340px;}
.bag {background:transparent url(../images/insulated-bag.png) no-repeat top left; float:right; width: 120px; height: 132px;}
.spotty {background:transparent url(../images/spotty.png) no-repeat top left; float:right; width: 120px; height: 132px;}
.bunting {background:transparent url(../images/bunting.png) no-repeat top left; float:right; width: 120px; height: 140px;}
.matilda {background:transparent url(../images/matilda.png) no-repeat top left; float:right; width: 150px; height: 185px; position: absolute; top: 0px; right: -4px;}
.green-flower {background:transparent url(../images/green-flower.png) no-repeat top left; float:right; width: 125px; height: 150px;}


.juicyfeed { float:right; width: 223px; height: 28px;position:absolute; right: 5px; top: 5px;}
.juicyfeed a img {float:right;margin:0 ;}
.juicyfeed p {float:left; width:190px;margin:0;padding: 4px 0 0 0;}
.juicyfeed p a {margin:0;font-size: 16px; color:#fff;text-decoration:none;}

.cards {text-align: center;}
.card {width: 45px;float: left; margin:0 3px 4px 8px;}

td.AddressContainer {background:#f9f9f9;padding: 10px;}

.panel {float: left; width:300px;}

.leftIcon {float: left; clear:both; width: 100%; text-align:center; margin: 5px 0;padding:0;}