﻿/**********************************
/*    littlepumpkin STYLESHEET   
/**********************************
	GREY				- #ebebeb
    PURPLE              - #66308F
***********************************/

/**********************************/
/*             GLOBAL             */
/**********************************/
body 
{
	text-align: center;
	background: #ebebeb url(../visual/layout/page-repeat.jpg) top left repeat-x;
	/*background: #ECF3F5;*/
}
html, body { min-height: 100%; height: auto !important; height: 100%; }

/*
body.xmas { background: url(/assets/visual/xmas/lp-bk.gif) top left repeat-x; }
body.xmas .container { z-index: 2 }
body.xmas .snow
{
    margin-top: -270px;
    height: 284px;
    background: url(/assets/visual/xmas/snowman.png) bottom right no-repeat, url(/assets/visual/xmas/snow.png) bottom right repeat-x;
    z-index: 1;
}
*/
.container
{
    position: relative;
    width: 978px;
    height: auto !important;
    min-height: 100%;
    margin: 0 auto;
    text-align: left;
}
.container-inner { border: 1px solid #c4c4c4; background-color: #FFFFFF; }
.no-subnav.category .container-inner, .no-subnav.product .container-inner  { padding-top: 0px; }

#littlepumpkin { position: absolute; top: 5px; left: 20px; z-index: 10; }
#top-nav { position: absolute; top: 104px; left: 220px; z-index: 8; }

.rad-3
{
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
.rad-5
{
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
.top-rad-5
{
    -moz-border-radius: 5px 5px 0px 0px;
    -wekbit-border-top-right-radius: 5px;
    -wekbit-border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}
.btm-rad-3
{
    -moz-border-radius: 0px 0px 3px 3px;
    -wekbit-border-bottom-right-radius: 3px;
    -wekbit-border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}
.panel
{ 
    
}
.no-border, .no-border:hover { border: 0px; }
#main { position: relative; }
#share-icons  
{
    position: absolute;
    top: 20px;
    right: 40px;
    z-index: 2;
}
body.index #share-icons { display: none; }
/*body.category #share-icons  { top: 430px; }
body.product #share-icons { top: 280px; }*/
body.checkout #share-icons { display: none; }


/**********************************/
/*             HEADER             */
/**********************************/
#header
{
    z-index: 9;
    position: relative;
    height: 102px;
    margin-bottom: 33px;
}
#header div.quick-nav
{
    position: absolute;
    z-index: 1;
    top: 8px;
    right: 265px;
}
#header div.quick-nav.updated { top: 5px; right: 255px; }

#header .quick-nav ul { list-style-type: none; }
#header .quick-nav ul li { float: left; margin-right: 10px; color: #D0D0D0; }
#header .quick-nav ul li a
{ 
    margin-right: 10px;
    font-size: 1.5em;
    color: #4e4e4e;
    font-family: 'Interstate-RegularRegular', Trebuchet MS, Tahoma, Arial, sans-serif;
}
#header .quick-nav.updated ul li { margin-right: 16px; }
#header .quick-nav.updated ul li a { margin-right: 0px; }
#header .quick-nav ul li a img { position: relative; top: 4px; left: -10px; }

#header div.search
{ 
    position: absolute;
    z-index: 1;
    top: 49px;
    right: 5px;
}
#header div.search form input[type=text], #header div.search form input.clever-input
{ 
    width: 155px;
    /*height: 25px;*/
    padding: 5px 0px;
    max-height: 25px;
    border: 0px;
    text-indent: 8px;
    background: url(../visual/layout/search-box.jpg) top left no-repeat;
    color: #666666;
}
#header div.search form input[type=image] { position: relative; top: 7px; left: 4px; }
#header div.basket
{
    position: absolute;
    z-index: 2;
    top: 0px;
    width: 265px;
    height: 24px;
    right: 0px;
    padding-top: 8px;
    background: #66308f url(/assets/visual/layout/shopping-basket.gif) 10px 3px no-repeat;
    text-align: right;
    color: #FFFFFF;
}
#header div.basket .item-count { color: #FFFFFF; margin-right: 10px; }
#header div.basket .toggle
{ 
    position: relative;
    top: -8px;
    float: right; 
    width: 31px;
    height: 32px;
    margin-left: 10px;
    background: url(/assets/visual/layout/quickbasket-toggle.gif) 0px 0px no-repeat;
}
#header div.basket .toggle.open { background-position: 0px 0px; }
#header div.basket .overlay
{ 
    position: absolute; 
    z-index: 1;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 32px;
    cursor: pointer;
}
#header div.basket .items
{
    display: none;
    position: absolute;
    z-index: 50;
    top: 32px;
    left: 0px;
    width: 100%;
    border-bottom: 3px solid #66308f;
    background: #FFFFFF;
    padding: 5px 0px;
    text-align: left;
    color: #000000;
}
#header div.basket .items ul { list-style-type: none; }
#header div.basket .items li { padding: 0px 10px; }
#header div.basket .items li a
{
    float: left;
    width: 100%;
    padding: 5px 0px;
    border-bottom: 1px dotted #CCCCCC;
    color: #333333;
}
#header div.basket .items li a:hover { background-color: #EEEEEE; }
#header div.basket .items li a img { float: left; margin: 0px 5px; }
#header div.basket .items li a span.code { display: block; margin: 5px 0px; color: #888888; }
#header div.basket .items li a span.price { color: #66308F; font-weight: bold; }
#header div.basket .items span.corner { display: none; }
#header div.basket .items a.checkout { float: right; margin: 10px 10px 5px 0px; }
#header .strap { position: absolute; bottom: 35px; right: 35px; z-index: 1; }

.gosh{position:absolute;top:60px;right:205px;}

/**********************************/
/*            TOP NAV             */
/**********************************/
#top-nav
{
    height: 32px;
}
#top-nav ul { list-style-type: none; }
#top-nav ul.root
{ 
    position: relative; 
    height: 100%; 
    top: -1px;
    margin-right: 7px;
}
#top-nav ul.root li.item
{ 
    float: left;
    width: 87px;
    height: 100%;
    margin-right: 1px;
    background: url(/assets/visual/layout/navigation.gif) top left no-repeat;
    line-height: 0px;
}
#top-nav ul.root li.feeding { width: 92px; }
#top-nav ul.root li.clean { width: 87px; background-position: -92px 0; }
#top-nav ul.root li.baby-sleeping { width: 86px; background-position: -179px 0; }
#top-nav ul.root li.learn { width: 86px; background-position: -265px 0; }
#top-nav ul.root li.baby-safety { width: 87px; background-position: -351px 0; }
#top-nav ul.root li.baby-toys { width: 87px; background-position: -438px 0; }
#top-nav ul.root li.out-and-about { width: 119px; background-position: -525px 0; }

#top-nav ul.root li.item > a
{
    display: block;
    height: 100%;
    color: #FFFFFF;
    text-align: center;
    font-weight: bold;
    font-size: 0px;
    position: relative; top: -1px;    
}
#top-nav > ul > li.active > a { color: #9cd9ff; }
#top-nav ul.root li.hover, #top-nav ul.root > li.active { height: 33px; }
#top-nav ul.root li.hover ul { display: block; z-index: 1; }
#top-nav ul.root li.hover ul { z-index: 2; }
#top-nav ul li ul
{
    display: none;
    position: absolute;
    z-index: 1;
    width: 916px;
    overflow: hidden;
    top: 33px;
    left: -219px;
    margin: 0;
    padding: 11px 30px;
    text-align: center;
    -moz-box-shadow: 0px 2px 3px -1px rgba(125,125,125,0.5);
    -webkit-box-shadow: 0px 2px 3px -1px rgba(125,125,125,0.5);
    box-shadow: 0px 2px 3px -1px rgba(125,125,125,0.5);
}

#top-nav ul.root li.feeding, #top-nav ul.root li.feeding ul { background-color: #ed2342; }
#top-nav ul.root li.clean, #top-nav ul.root li.clean ul { background-color: #ebcc19; }
#top-nav ul.root li.baby-sleeping, #top-nav ul.root li.baby-sleeping ul { background-color: #3854a4; }
#top-nav ul.root li.learn, #top-nav ul.root li.learn ul { background-color: #61c05d; }
#top-nav ul.root li.baby-safety, #top-nav ul.root li.baby-safety ul { background-color: #f16a22; }
#top-nav ul.root li.baby-toys, #top-nav ul.root li.baby-toys ul { background-color: #e53c96; }
#top-nav ul.root li.out-and-about, #top-nav ul.root li.out-and-about ul { background-color: #66308f; }

/*#top-nav ul.root li.sleep ul { background: -moz-linear-gradient(left, #FFFFFF 10px, #3854A4 430px) repeat scroll 0 0 transparent; }*/

#top-nav ul li ul li { display: inline-block; }
#top-nav ul li ul li a
{
    display: block;
    padding: 5px 10px;
    color: #FFFFFF;
    font-family: Trebuchet MS,Tahoma,Arial,sans-serif;
    line-height: 13px;
    font-size: 13px;
    text-transform: lowercase;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
#top-nav ul li ul li.active
{ 
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background-color: #FFFFFF;
}
#top-nav ul li ul li.active a { color: #4e4e4e; }
#top-nav ul li ul li a:hover
{
    background-color: #FFFFFF;
    -webkit-transition: background-color 0.25s linear;
}
#top-nav ul li ul li a span
{ 
    position: relative;
    top: -1px;
    margin-right: 5px;
    font-size: 1.1em;
}
#top-nav ul.root li.feeding ul a:hover { color: #ed2342; }
#top-nav ul.root li.clean ul a:hover { color: #ebcc19; }
#top-nav ul.root li.baby-sleeping ul a:hover { color: #3854a4; }
#top-nav ul.root li.learn ul a:hover { color: #61c05d; }
#top-nav ul.root li.baby-safety ul a:hover { color: #f16a22; }
#top-nav ul.root li.baby-toys ul a:hover { color: #e53c96; }
#top-nav ul.root li.out-and-about ul a:hover { color: #66308f; }


/**********************************/
/*              MAIN              */
/**********************************/
#main { float: right; width: 713px; }
#main .panel { padding: 25px 25px; }
#main .panel :only-child { margin-bottom: 0px; }
#main .panel + .panel { padding-top: 0px; }
#main .panel + .panel .form, #main .panel + .panel .action-message { margin-top: 0px; }
#main .panel p { line-height: 1.4em; }
#main .panel ul { margin-left: 20px; }

#main .products-list { float: right; width: 195px; margin: 12px 12px 0px 0px; }
#main .products-list h3
{
    color: #0068ab;
    font-family: 'Interstate-RegularRegular', Trebuchet MS, Tahoma, Arial, sans-serif;
    font-size: 2em;
    line-height: 1.5em;
}
#main .products-list ul { list-style-type: none; }
#main .products-list li
{ 
    width: 190px; 
    height: 285px;
    margin: 0px 12px 12px 0px;
    border: 1px solid #C4C4C4;
    text-align: center;
	position: relative; 
}

#main .products-list li span.price.was 
{ 
    position: absolute; 
    bottom: 5px;
    right: 80%;
    margin-right: -19px;
    text-decoration:line-through;
}
#main .products-list li span.price.now 
{ 
    position: absolute; 
    bottom: 5px;
    left: 50%;
    margin-left: -19px;
    font-size: 1.1em;
}


#main .products-list li a
{ 
    display: block; 
    padding-bottom: 10px; 
    font-family: 'Interstate-RegularRegular', Trebuchet MS, Tahoma, Arial, sans-serif;
    color: #4e4d4e;
    font-size: 1.6em;
    line-height: 1.1em;
}
#main .products-list li a img { margin-bottom: 6px; }

.products-list span.img { display: block; position: relative; width: 190px; height: 190px; padding-bottom: 5px;}
.products-list .img span.corner
{
    display: block;
    position: absolute;
    width: 5px;
    height: 5px;
    background-repeat: no-repeat;
    background-color: transparent;
    background-image: url(../visual/layout/box-corners-whitebg.png);
}
.products-list .img span.corner.tl { top: -1px; left: -1px; }
.products-list .img span.corner.tr { top: -1px; right: -1px; background-position: -5px 0px; }
.products-list .img span.corner.br { display: none; bottom: -1px; right: -1px; background-position: -5px -5px; }
.products-list .img span.corner.bl { display: none; bottom: -1px; left: -1px; background-position: 0px -5px; }

/**********************************/
/*           CATEGORY             */
/**********************************/
/*body.category .container-inner { padding-top: 31px; }*/
body.category .image-holder { border-bottom: 1px solid #e1e1e1; }

#main .category h1 { color: #3854a4; }
body.feeding #main .category h1, body.feeding #main .category h2 { color: #ED2342;}
body.clean #main .category h1, body.clean #main .category h2 { color: #EBCC19;}
body.baby-sleeping #main .category h1, body.baby-sleeping #main .category h2 { color: #3854a4;}
body.learn #main .category h1, body.learn #main .category h2 { color: #61C05D;}
body.baby-safety #main .category h1, body.baby-safety #main .category h2 { color: #F16A22;}
body.baby-toys #main .category h1, body.baby-toys #main .category h2 { color: #E53C95;}
body.out-and-about #main .category h1, body.out-and-about #main .category h2 { color: #66308F;}

#main .category .products-list { width: 100%; float: none; margin: 30px 0px; }
#main .category .products-list ul { margin: 0px; }
#main .category .products-list ul li { float: left; margin-right: 30px; }
#main .category .products-list ul li.end-row, #main .category .products-list ul li:nth-child(3n) { margin-right: 0px; }


/**********************************/
/*            PRODUCT             */
/**********************************/
/*body.product .container-inner { padding-top: 36px; }*/
body.product .container-inner #main { float: none; width: 100%; padding: 25px 0px; }
body.product .container-inner #main .panel.product
{ 
    float: left; 
    width: 670px; 
    padding-top: 0px;
    border-right: 1px solid #d0d0d0;
}
.product .info, .product .purchase { clear: right; float: right; width: 294px; margin: 0px 15px 0px 25px; }
.product .info { margin-top: 15px; }
.product .info h1 { margin-bottom: 10px; text-transform: capitalize; }
.product .info .summary
{
    height: 185px;
    overflow: auto;
    margin: 15px 0px;
    padding-right: 10px;
}
.product .info .summary ul { font-weight: bold; }
.product .info .summary ul li { padding-bottom: 5px; color: #0068ab; }
.product .info .summary ul li span { color: #727272; }
.product .info .jScrollPaneContainer { margin: 15px 0px; }
.product .info .jScrollPaneContainer .summary { margin: 0px; }

.product .costs { margin: 30px 0px; }
.product .costs .price 
{ 
    font-weight: bold; 
    font-size: 1.5em; 
    color: #606060;
}
.product .costs .price.changed span { display: none; text-decoration: line-through; color: #777777; padding-right: 7px; }
.product .costs .price.changed b i { font-size: 0.5em; padding-left: 2px; font-weight: normal; }

.product .purchase .options .option { margin: 10px 0px; }
.product .purchase .options .option span
{
    position: relative;
    top: 3px;
    float: left;
    width: 80px;
}
.product .purchase .options select { border: 1px solid #c8d1d8; padding: 2px; }

.product .purchase .options .quantity, .product .purchase .options .addtobasket { margin-top: 8px; }
.product .purchase .options .quantity { position: relative; top: 3px; margin: 20px 0px; }
.product .purchase .options .quantity input
{ 
    width: 25px; 
    margin-left: 5px;
    padding: 4px 2px;
    border: 1px solid #c8d1d8;
    color: #727272;
    text-align: center;
}
.product .purchase .options .quantity span { position: absolute; margin: -2px 0px 0px 3px; }
.product .purchase .options .quantity span a
{ 
    display: block;
    width: 15px;
    height: 14px;
    overflow: hidden;
    background: url(../visual/basket/quantity-change.png) top left no-repeat;
    text-indent: -15px;
}
.product .purchase .options .quantity span a.up { background-position: 0px 0px; }
.product .purchase .options .quantity span a.down { margin-top: 2px; background-position: 0px -14px; }

.product .purchase .options .addtobasket { margin-right: 10px; }
.product .purchase .options .stock-info { clear: both; padding: 10px 0px; }
.product .purchase .options .stock-info .low-levels { margin-bottom: 5px; color: #CC0000; }

.product .purchase .options .message { clear: both; padding-top: 8px; }
.product .purchase .options .product-unavailable, .product .purchase .options .out-of-stock
{ 
    position: relative;
    top: 2px;
    text-align: left; 
    color: #CC0000;
}
.product .purchase .options .selectors img.calculating { display: block; width: 16px; margin: 10px auto; }
.product .purchase .options .selectors .allow-buy { clear: left; }

.product .images { float: left; width: 326px; }
.product .images .main
{
    position: relative;
    border: 1px solid #C8D1D8;
}
.product .images .main span.corner, .product .images .list a span.corner
{
    display: block;
    position: absolute;
    bottom: 0px;
    width: 5px;
    height: 5px;
    background: url(../visual/layout/box-corners-whitebg.png) transparent no-repeat;
}
.product .images .main span.corner.tl, .product .images .list a span.corner.tl { top: -1px; left: -1px; }
.product .images .main span.corner.tr, .product .images .list a span.corner.tr { top: -1px; right: -1px; background-position: -5px 0px; }
.product .images .main span.corner.br, .product .images .list a span.corner.br { bottom: -1px; right: -1px; background-position: -5px -5px; }
.product .images .main span.corner.bl, .product .images .list a span.corner.bl { bottom: -1px; left: -1px; background-position: 0px -5px; }

.product .images .list { margin-top: 10px; }
.product .images .list a
{ 
    display: inline-block;
    overflow: hidden;
    margin: 4px 4px 0px 0px;
    border: 1px solid #C8D1D8;
}
.product .images .list a:nth-child(3n) { margin-right: 0px; }

.product .info-more { margin: 20px 40px 20px 0px; }
#main .product .info-more ul.tabs
{
    width: 100%;
    float: left;
    margin: 0px;
    list-style-type: none;
    border-bottom: 1px solid #C8D1D8;
}
.product .info-more ul.tabs li
{
    position: relative;
    float: left;
    top: 1px;
    cursor: pointer;
    margin-right: 2px;
    padding: 8px 18px;
    border: 1px solid #C8D1D8;
    background: -moz-linear-gradient(center top , #FFFFFF 0px, #E7E7E7 25px, #E2E2E2 1px) repeat scroll 0 0 transparent;
    font-family: 'Interstate-RegularRegular', Trebuchet MS, Tahoma, Arial, sans-serif;
    font-size: 1.7em;
    color: #606060;
}
body.webkit .product .info-more ul.tabs li { background: -webkit-linear-gradient(center top , #FFFFFF 0px, #E7E7E7 25px, #E2E2E2 1px) repeat scroll 0 0 transparent; }
.product .info-more ul.tabs li.active { background: #FFFFFF; border-bottom-color: #FFFFFF; color: #66308f; }
.product .info-more div.tab-content { clear: both; display: none; padding: 20px; }

body.product .container-inner #main .scroller { float: right; margin-right: 25px; margin-top: 40px; }

body.product .container-inner #side{ display: none; }

/**********************************/
/*             BASKET             */
/**********************************/
.crumbTrail
{
    padding: 0 20px;
    background: #F9F9F9;
    line-height: 2.5;
}
.crumbTrail a
{
    margin-right: 5px;
    padding-right: 14px;
    background: url(../visual/layout/rightArrow.gif) 100% 50% no-repeat;
}

/**********************************/
/*             BASKET             */
/**********************************/
#my-basket h1 { font-size: 2.5em; }
#my-basket .header 
{ 
	width: 100%;
	overflow: hidden;
	margin-top: 20px;
	padding-bottom: 12px;
	border-bottom: 1px solid #BABABA;
}
#my-basket .header div
{ 
	float: left;
	color: #66308F;
	font-size: 1em;
	font-weight: bold;
}

#my-basket .product { width: 60%; }
#my-basket .qty { width: 10%; text-align: center; }
#my-basket .price { width: 30%; }
#my-basket .line-total { width: 20%; }

#my-basket .price, #my-basket .line-total { font-size: 1.2em; text-align: center; }

#my-basket .items { clear: left; position: relative; }
#my-basket .items .item
{ 
	position: relative;
	overflow: hidden; 
	width: 100%;
	padding: 22px 0px;
	border-bottom: 1px solid #BABABA;
	font-weight: bold;
	color: #000000;
}
#my-basket .items .item div { float: left; color: #606060; }

#my-basket .item .product b, #my-basket .item .qty, #my-basket .item .price, #my-basket .item .line-total { padding-top: 60px; }

#my-basket .item .product b 
{ 
    display: block;
    padding: 50px 10px 40px 0px; 
    color: #575757;
    font-size: 1.6em;
    font-family: 'Interstate-RegularRegular', Trebuchet MS, Tahoma, sans-serif;
}
#my-basket .item .product i { font-weight: normal; font-style: normal; color: #777777; }

#my-basket .item .product a span.img
{
	position: relative; 
	display: block;
	width: 190px;
	height: 190px;
	float: left;
	margin-right: 10px;	
	border: 1px solid #C8D1D8;
}
#my-basket .item .product a { color: #f78f1e; }
#my-basket .item .product .options
{
	float: none;
	margin-top: 10px;
}
#my-basket .item .product .options span { display: block; color: #66308F; }

#my-basket .item .qty { position: relative; }
#my-basket .item .qty img.updating
{ 
    position: absolute; 
    top: 3px; 
    left: 25px; 
    background: #FFFFFF;
}
#my-basket .item .qty div { float: none; }
#my-basket .item .qty input
{ 
	width: 35px; 
	padding: 3px; 
	border: 1px solid #CCCCCC; 
	background: none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	text-align: center;
	font-weight: bold;
}
#my-basket .item .qty .change { position: relative; }
#my-basket .item .qty .change span { position: absolute; margin-left: 3px; }
#my-basket .item .qty .change a.quantity
{
	overflow: hidden;
	display: block;
	position: relative;
	top: -3px;
	width: 15px;
	height: 14px;
	background: url(/assets/visual/basket/quantity-change.png) top left no-repeat;
	text-indent: -25px;
}
#my-basket .item .qty .change a.quantity.down { top: -2px; background-position: 0px -14px; }
#my-basket .item .qty .stock-changed
{ 
    position: relative;
    top: 35px;
    line-height: 1.2em;
    font-size: 0.9em; 
    color: #CC0000;
}

#my-basket .item .qty a.remove
{ 
	position: relative;
	top: 25px;
	left: 7px;
	z-index: 1;
}
#my-basket .item .price-change
{
	position: absolute;
	bottom: 38px;
	right: 10px;
	font-weight: bold;
	color: #CC0000
}
#my-basket .item .delivery-surcharge
{
	position: absolute;
	bottom: 10px;
	right: 10px;
	font-weight: normal;
	font-size: 0.9em;
	color: #CC0000
}
#my-basket .item .disable
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: url(/assets/visual/basket/disable.png) repeat;
}

#my-basket .footer
{ 
    float: left;
	width: 100%;
	margin: 30px 0px;
	font-size: 1.3em; 
	font-weight: bold; 
	line-height: 1.3em;
}
#my-basket .footer .left { float: left; width: 50%; }
#my-basket .footer .delivery-select b { display: block; color: #66308F; margin-bottom: 4px; }
#my-basket .footer .delivery-select select 
{ 
	width: 330px;
	margin: 0px 5px 5px 0px;
	padding: 3px; 
	border: 1px solid #CCCCCC; 
	background: none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-weight: bold;
}
#my-basket .footer .delivery-select img.updating { position: absolute; margin-top: 6px; }

#my-basket .footer .promotional-code { position: relative; margin: 20px 0px 30px; }
#my-basket .footer .promotional-code b { display: block; color: #66308F; margin-bottom: 0px; }
#my-basket .footer .promotional-code span { font-size: 0.7em; font-weight: normal; }
#my-basket .footer .promotional-code div.input 
{ 
	position: relative;
	top: 5px;
	float: left;
	margin-right: 5px;
	border: 1px solid #CCCCCC; 
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px; 
	padding: 3px;
}
#my-basket .footer .promotional-code div.input input { border: 0px; background: none; }
#my-basket .footer .promotional-code a
{ 
    display: none;
    position: absolute; 
    top: 42px; 
    left: 180px;
    width: auto;
    text-align: center;
    background-color: #83B9DC;
}
#my-basket .footer .promotional-code a.valid { background: -moz-linear-gradient(center top , #91D88E 8px, #61C05D 14px)repeat scroll 0 0 #91D88E; }
body.webkit #my-basket .footer .promotional-code a.valid { background: -webkit-linear-gradient(center top , #91D88E 8px, #61C05D 14px)repeat scroll 0 0 #91D88E; }

#my-basket .footer .promotional-code div.action-message, #my-basket .footer .delivery-select div.action-message
{ 
	clear: both;
	position: relative;
	top: 10px;
	font-size: 0.8em;
	line-height: 1.2em;
}

#my-basket .footer .totals
{ 
	float: right; 
	width: 50%; 
	text-align: right;
}
#my-basket .footer .totals div 
{ 
	position: relative;
	overflow: hidden; 
	margin-bottom: 2px;
	padding-right: 105px;
	text-align: right;
	color: #606060;
}
#my-basket .footer .totals div span.cost
{ 
	position: absolute;
	top: 0px;
	right: 0px;
	width: 100px; 
	color: #606060;
	text-align: left;
}
#my-basket .footer .totals div.total, #my-basket .footer .totals div.total span { color: #66308f }

#my-basket .continue-shopping { float: left; }
#my-basket .checkout { float: right; margin-right: 30px; font-size: 2em; color: #CC0000; }
#my-basket .checkout.no-delivery-method { line-height: 35px; }

/**********************************/
/*            CHECKOUT            */
/**********************************/
#main .panel.checkout { padding: 20px 15px 25px 15px; }
.checkout-stage
{
    margin-top: -7px;
    background: #EEEEEE;
    border: 1px solid #DEDEDE;
}
.checkout-stage img { float: left; margin: 10px 15px 0px; }
.checkout-stage ol { display: inline-block; list-style-type: none; }
.checkout-stage ol li
{ 
    float: left;
    height: 70px;
    color: #BBBBBB;
    font-size: 2.2em;
    line-height: 67px;
    padding: 0px 10px 0px 30px;
}
.checkout-stage ol li.last { padding: 0px; }
.checkout-stage ol li.active
{
    max-height: 2px;
    background: #FFFFFF; 
    color: #66308F;
    border-top: 35px solid #FFFFFF;
    border-bottom: 35px solid #FFFFFF;
    border-left: 20px solid #EEEEEE;   
    line-height: 0px;
    text-indent: -20px;
}
.checkout-stage ol li.active + li
{ 
    max-height: 2px;
    border-top: 35px solid #EEEEEE;
    border-bottom: 35px solid #EEEEEE;
    border-left: 20px solid #FFFFFF;   
    line-height: 0px;
    text-indent: -20px;
}

#checkout h3.bars
{
    padding: 5px;
    background: #EDF4F9; 
    border-bottom: 1px solid;
    color: #0068ab;
}
#checkout .login { margin-bottom: 20px; }
#checkout .login .item { width: auto; float: left; clear: none; margin-right: 15px; }
#checkout .login .item label { width: auto; margin-right: 10px; }
#checkout .login .item input { width: 160px; }
#checkout .login .button { position: relative; top: -3px; }

#checkout .saved-addresses { margin-bottom: 30px; }
#checkout .saved-address
{ 
	position: relative;
	margin: 0px 10px 2px;
	padding: 5px 32px;
	border: 2px solid #DEDEDE;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
}
#checkout .saved-address input { position: absolute; top: 8px; left: 10px; }
#checkout .selected { border-color: #66308F; }

#checkout .item.terms { margin-bottom: 20px; }
#checkout .item.terms span { top: 3px; }

#checkout .basket-error span.message
{ 
    display: block;
    margin: 20px 0px;
    font-size: 2em;
    color: #CC0000;
}

/**********************************/
/*              SIDE              */
/**********************************/
#side
{ 
    float: left; 
    width: 230px; 
    margin-left: 12px;
    padding-top: 12px;
}
#side .tablets .tablet { display: block; margin-bottom: 12px; }

/**********************************/
/*           MY ACCOUNT           */
/**********************************/
.my-account-menu { margin: 20px 0px 40px; }
.my-account-menu h3
{ 
    margin: 0px;
    padding: 0px 0px 0.3em 10px;
    border-bottom:1px solid #E1E1E1;
    color: #66308F;
}
.my-account-menu ul { margin: 0px; list-style-type: none; }
.my-account-menu ul li { border-bottom:1px solid #E1E1E1; }
.my-account-menu ul li a
{
    display: block;
    background: url(../visual/layout/purple-arrow.gif) 10px 50% no-repeat #FFFFFF;
    padding: 5px;
    color: #4E4E4E;  
    text-indent: 21px;
}
.my-account-menu ul li a:hover { background-color: #F6F6F6; }

/**********************************/
/*     MY ACCOUNT - ADDRESSES     */
/**********************************/
.no-js { display: none; }
.account-addresses
{ 
	margin-bottom: 2.5em;
	padding-bottom: 1.4em;
}
.account-addresses div.address
{
	clear: left;
	height: 2em;
	line-height: 2em;
	padding: 3px;
	border-bottom: 1px solid #DDDDDD;
}
.account-addresses div.address.red-highlight
{
	background: url(/assets/visual/red-highlight.png) top left repeat;
}
.account-addresses .head
{ 
	height: 1.5em; 
	border-bottom: 1px solid #DDDDDD;
	line-height: 1.5em;
	font-weight: bold;
	color: #66308F;
}
.account-addresses span { float: left; text-align: left; }
.account-addresses span.name { width: 30%; }
.account-addresses span.address { width: 40%; }
.account-addresses span.default { width: 15%; text-align: center; }
.account-addresses span.action { width: 15%; position: relative; }
.account-addresses span.action a
{
	position: absolute;
	top: 3px;
	display: block;
	width: 16px;
	height: 16px;
	overflow: hidden;
	text-indent: -100px;
	background-position: top left;
	background-repeat: no-repeat;
}
.account-addresses span.action a.edit {	right: 30px; background-image: url(/assets/visual/my-account/edit-address.png); }
.account-addresses span.action a.delete { right: 0px; background-image: url(/assets/visual/my-account/delete-address.png); }

.account-addresses span.default a 
{ 
	display: block;
	position: relative;
	top: 4px;
	width: 16px; 
	height: 16px;
	margin: 0 auto;
	overflow: hidden;
	text-indent: -100px;
	background: url(/assets/visual/star.gif) top left no-repeat;
}
.account-addresses span.default a.default { background-position: 0px -32px; }
.account-addresses span.default img 
{ 
	position: relative; 
	top: -12px;
	left: 18px;
}

.account-addresses .none { padding: 15px 20px 5px; text-align: center; }
.account-addresses .clearer { clear: both; height: 0.5em; }

/**********************************/
/*       MY ACCOUNT - ORDERS      */
/**********************************/
#my-account-orders {}
#my-account-orders .order
{ 
	overflow: hidden;
	position: relative;
	margin-bottom: 1em;
	border: 1px solid #CCCCCC;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
#my-account-orders .order .info
{
	padding: 10px;
	background-color: #DBF3FB;
	-moz-border-radius: 4px 4px 0px 0px;
	-webkit-border-radius-topleft: 4px;
	-webkit-border-radius-topright: 4px;
}
#my-account-orders .order .checkout-info, #my-account-orders .order .delivery-info 
{ 
	clear: left; 
	float: left; 
	width: 200px;
	padding: 7px;
}
#my-account-orders .order .checkout-info b, #my-account-orders .order .delivery-info b, #my-account-orders .order .items b.title { display: block; margin-bottom: 0.3em; font-size: 1.2em; }

#my-account-orders .order .items
{
	float: right;
	width: 440px;
	padding: 7px 0px;
}
#my-account-orders .order .items ul { margin: 0px; list-style-type: none; }
#my-account-orders .order .items ul li { margin-bottom: 0.3em; border-bottom: 1px solid #CCCCCC; padding-bottom: 0.2em; }
#my-account-orders .order .total 
{ 
	position: absolute; 
	top: 9px; 
	right: 8px; 
	font-size: 1.4em;
}
#my-account-orders .order .dispatch
{ 
	position: absolute; 
	bottom: 9px; 
	right: 8px; 
	font-size: 1.4em;
}

/**********************************/
/*     MY ACCOUNT - WISH LIST     */
/**********************************/
#main .wish-list h3 { margin-bottom: 0.7em; }
#main .wish-list .email-list { margin-bottom: 20px; }
#main .wish-list .email-list .form { display: none; }
#main .wish-list .email-list .form p { margin: 1em 0; }
#main .wish-list .email-list ol { margin-left: 20px; padding-top: 10px; }
#main .wish-list .email-list ol .data-input { position: relative; top: -5px; }
#main .wish-list .email-list ol li a { padding-left: 10px; }
#main .wish-list .email-list ol li:nth-child(1) a.remove { display: none; }
#main .wish-list .email-list ol li:nth-child(5) a:first-of-type { display: none; }
#main .wish-list .email-list .form .item:last-of-type { margin-bottom: 0.3em; }
#main .wish-list .email-list input.button { float: none; margin: 10px 0px 10px 20px; }

#main .wish-list .products-list { width: 100%; float: none; margin: 0px; }
#main .wish-list .products-list ul { margin: 0px; }
#main .wish-list .products-list ul li
{ 
    position: relative;
    float: left;
    width: 100%; 
    height: auto;
    margin: 0px 0px 10px 0px; 
    text-align: left;
}
#main .wish-list .products-list ul li:hover { border-color: #66308F; }
#main .wish-list .products-list ul li a.item { padding: 0px; float: left; width: 100%; }
#main .wish-list .products-list ul li a.item .img { float: left; margin: 0px 15px 0px 0px; }
#main .wish-list .products-list .img span.corner.bl { display: block; }
#main .wish-list .products-list .img span.corner.br, #main .wish-list .products-list .img span.corner.tr { display: none; }
#main .wish-list .products-list ul li a span.item { position: relative; top: 10px; }
#main .wish-list .products-list ul li a span.item .date-added
{ 
    display: block; 
    margin: 10px 0px; 
    color: #AAAAAA;
}
#main .wish-list .products-list ul li a.remove
{
    position: absolute; 
    bottom: 25px; 
    right: 25px;
    z-index: 2;
    padding: 0px;
}


/**********************************/
/*      PRODUCT LIST/SCROLLER     */
/**********************************/
#main .scroller h3 { font-size: 1.8em; color: #8c8c8c; }
#main .scroller .products-list { margin-top: 12px; }
body.index #main .scroller .products-list { margin-top: 25px; }


/**********************************/
/*             FOOTER             */
/**********************************/
#footer
{
    margin: 10px 0px;
    padding: 18px 15px;
    border: 1px solid #c4c4c4;
    background: #FFFFFF; 
    font-size: 0.9em;
    color: #4e4e4e;
}
#footer img { float: left; }
#footer .links { float: left; margin-left: 50px; }
#footer .links.about { width: 130px; }
#footer .links.shop { width: 250px; }
#footer .links.socnet { width: 130px; }
#footer .links h6
{ 
    display: block; 
    padding: 0px 0px 3px 1px; 
    border-bottom: 1px solid #e1e1e1;
}
#footer .links ul { list-style-type: none; }
#footer .links ul li { border-bottom: 1px solid #e1e1e1; }
#footer .links ul li a
{
    display: block;
    padding: 3px 1px;
    background: url(../visual/layout/purple-arrow.gif) 4px 50% no-repeat;
    text-indent: 16px;
    color: #4e4e4e;
}
#footer .links ul li a:hover { color: #888888; }
#footer .links.shop ul li { float: left; width: 33%; }
#footer .links.socnet ul li { padding: 4px 2px; }
#footer .links.socnet ul li a
{ 
    height: 16px; 
    padding: 0px 1px; 
    background-image: url(../visual/layout/social-networks.gif);
    text-indent: 22px;
}
#footer .links.socnet ul li.facebook a { background-position: 0px 0px; }
#footer .links.socnet ul li.twitter a { background-position: 0px -16px; }

#footer-bottom
{ 
    position: relative;
    height: 25px;
    font-size: 0.9em;
}
#footer-bottom div
{
    float: right;
}
#footer-bottom div a { margin-left: 12px; color: #666666; }
#footer-bottom div a#skylightmedia { color: #9b9b9b; }

/**********************************/
/*         IMAGE ROTATOR          */
/**********************************/
.imagerotator
{
    overflow: hidden;
    position: relative;
    height: 329px;
    z-index: 1;
    border-bottom: 1px solid #e1e1e1;
}
.imagerotator a
{ 
    position: absolute; 
    top: 0px; 
    left: 0px;
    width: 100%;
    height: 100%;
}
.imagerotator .overlay
{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: #D9E8F2;
}

/**********************************/
/*      Content jScrollerPane     */
/**********************************/
.jScrollPaneContainer { position: relative; overflow: hidden; }
.jScrollPaneContainer .jScrollPaneTrack
{
    position: absolute;
    right: 0px;
    height: 100%;
    background: #EBEBEB;
}
.jScrollPaneContainer .jScrollPaneDrag
{ 
    position: absolute;
    cursor:pointer;
    overflow:hidden;
    background: #DDDDDD;
}

/**********************************/
/*            SEARCH              */
/**********************************/
body.search #main { float: none; width: 100%; }
#main .search .products-list { width: 100%; margin: 0px; }
#main .search ol { margin-left: 0px; list-style-type: none; text-align: left;  margin-top: 20px; }
.search .result-origins ol { margin-top: 5px; }
.search .result-origins ol li span { padding: 0px 3px; }
.search .result-origins ol li a.last { font-weight: bold; }
.search .result-origins .all-categories { display: inline-block; margin-top: 5px; color: #f78f1e; }

#main .search .products-list li
{ 
    position: relative; 
    height: 285px; 
    float: left; 
    margin-bottom: 20px;
}
#main .search .products-list li span.price.was 
{ 
    position: absolute; 
    bottom: 5px;
    right: 80%;
    margin-right: -19px;
    text-decoration:line-through;
}
#main .search .products-list li span.price.now 
{ 
    position: absolute; 
    bottom: 5px;
    left: 50%;
    margin-left: -19px;
}
#main .search .products-list li:nth-child(4n) { margin-right: 0px; }

/**********************************/
/*             SITEMAP            */
/**********************************/
body.sitemap #main { width: 100%; }
body.sitemap #main div { width: 100%; float: left; }
body.sitemap #main div h1 { margin-bottom: 0; }
body.sitemap #main div ul ul {}
body.sitemap #main div li { margin-bottom: 3px; }
body.sitemap #main div li.Shop { float: left; width: 50%; }
body.sitemap #main div li.Pages { float: right; width: 50%; }
body.sitemap #side { display: none; }


/**********************************/
/*       FANCY SELECT BOXES       */
/**********************************/
div.fancyselect {}
div.fancyselect span {}
div.fancyselect ul { list-style-type: none; }

#modal  {
    line-height:1.3em;
    padding:0 10px 20px;
}
