/* ----- end float fix ----- */
/* global attributes */
body {
	background:#FFFFFF;
	background-image:url(/assets/dev/background.jpg);
	background-repeat:repeat-x;
	margin:0 auto;
	font: 75%  Arial, Helvetica, sans-serif;
	line-height:170%;
}
.nothing {
padding:0;
border:none;
background:#FFFFFF;

margin:0;
}
p.gFloatLeft { float:left; padding:1px 1px; }
#frontTable {
background:#FFFFFF;
padding:0;
margin:0;
}
#frontTable tr td {
border:none;
background:#FFFFFF;
}

/* give banners in right hand column some padding */
.padImg {
text-align:center;
padding-top:2px;
padding-bottom:2px;
}
.padImg2 {
text-align:center;
padding-top:12px;
}

/* ----- tables ----- */
table, td, input, textarea, select, li{
	font: 100% Arial, Helvetica, sans-serif;
	color:#000;	
}
th{
	background:#555;
	padding:5px;
}
td{padding:5px;}

/* ----- global links ----- */
a:link, a:visited, a:active{
	color:#4c82d1;
	text-decoration:none;
}
a:hover{color:#555;}

/* ----- global paragraphs, headers & horizontal rules ----- */
p, h1, h2, h3, h4, h5, h6{margin:1em 0;}
p {
color:#555555;
}

#content p {
	font-size:120%;
}
#tt_content p {
	font-size:120%;
}
li {
color:#555555;
}

h1{font-size:140%;}
h2{font-size:130%;}
h3{font-size:120%; color:#ec008c;}
h4, h5{font-size:100%;}
/*hr{display:none;}*/

/* ----- global images ----- */
img{border:none;}

/* ----- hidden items ----- */
#skip{display:none;}
.hidden{display:none;}

/* ----- float left / right classes ----- */
.left{float:right;margin-right:.3em;}
.right{float:right;margin-left:.3em;}

/* ----- company contact details ----- */
address{
	font-style:normal;
	margin:1em 0;
}

/* ----- container size & positioning ----- */
#container { border-collapse:collapse; margin:0 auto; width:900px; overflow:hidden; background-color:#FFFFFF; }

/* ----- header area ----- */

/* ----- company logo & strapline ----- */
#header { 
	height:36px; 
	padding-top:30px;
	padding-bottom:33px;
	background:#3d3080;
	overflow:hidden;
}

#logo {
	float:left;
	height:61px;
	width:152px;
	padding-right:371px;
}
#strapline {
	float:left;
	color:#fff;
}

/* ----- Tommee Tippee Relevant CSS Main Layout -------*/
#navigation {
	float:left;
	width:900px;
	overflow:hidden;
	height:25px;
	background-color:#3d3080;
	padding-left:20px;	
}

#seperator { height:12px; clear:both; }

/* main navigation */
ul#sitenav{margin:0;padding:0;list-style-type:none;width:auto;
position:relative;display:block;height:20px;
font-size:11px;font-weight:bold;
font-family:Tahoma, sans-serif;
}

ul#sitenav li{display:block;float:left;margin:0;padding:0;}

ul#sitenav li a{display:block;float:left;color:#3d3080;
padding-right:5px;
padding-top:10px;
text-decoration:none;
font-weight:bold;
height:25px;
width:113px;
text-align:center;
background:transparent url("/assets/dev/bgOFF.jpg") no-repeat;
}

ul#sitenav li a:hover {
padding-right:5px;
padding-top:10px;
font-weight:bold;
color:#446ba4;
height:25px;
text-align:center;
background:transparent url("/assets/dev/bgHOVER.jpg") no-repeat;
}

ul#sitenav li a.current,ul#sitenav li a.current:hover {
color:#446ba4;
background:transparent url("/assets/dev/bgON.gif") no-repeat top right;
width:113px;
}

/* main attributes */
#mainbox {
	float:left;
	width:713px;
	height:auto;

}

#leftlinks {
	width:auto;
	height:15px;
	padding-bottom:5px;
	clear:both;
	text-align:left;
}


/* Left attributes */
#leftcol {
        width:146px;
        float:left;
        text-align:left;
	padding-right:6px;
}

#tt_content {
	width:546px;
	float:left;
	vertical-align:top;
}
/* Right attributes */
#rightcol {
        width:146px;
        float:left;
        text-align:left;
	padding-left:6px;
}

/* ----- shopping basket info and boxes ----- */
#info{
	position:absolute;	
	margin:0;
	padding:0;
	top:10px;
	right:30px;
	z-index:10;
}

.basketBox {
	cursor:pointer;
	width:146px;
	height:88px;
	background-image:url(/assets/shopping-basket.jpg); background-repeat:no-repeat;
	padding-left:10px;
}

.basketText {
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	color:#999999;
}

/* ----- optional mid div (useful for more complex backgrounds) ----- */
#mid{}

/* ----- breadcrumb trail ----- */
#breadcrumbs {
	height:15px;
	background-color:#FFFFFF; 
	padding:0;
	margin:0 auto;
	padding-top:5px;
	padding-bottom:10px;
}

#breadcrumbs p { color:#666666; font-size:110%; margin:0 auto; padding:0; }

/* search attributes */
#searchbox {
	height:44px;
	width:697px;
	background-image:url(/assets/searchbox.jpg);
	background-repeat:no-repeat;
	padding-left:23px;
}

#search {
	float:left;
	width:278px;
	height:44px;
	padding-right:168px;
	overflow:hidden;
}	

#rss {
	padding-top:4px;
	float:left;
}	

#breadcrumbsLink { clear:both; width:697px; }

#search label{display:block;}

/* ----- side navigation ----- */
#navDept, #navDept li{
	margin:0;
	padding:0;
	list-style:none;
}
#navDept{margin-bottom:1em; margin:0; padding:0; }
#navDept li{
	margin:0;
}
#navDept li a{
	display:block;
	width:100%;
}
#navDept li a:hover { background-color:#8fafde; color:#555; font-weight:bold; }
#navDept li a.selected{ background-color:#FFFFFF; font-weight:bold; }
#navDept li a.selectedsub{ background-color:#FFFFFF; font-weight:bold; }
#navDept li a span{
	display:block;
	padding:3px 20px;
}

.firstTitle {
height:26px;
}

/* ----- subdepartment navigation ----- */
.magenta {
	color:#ec008c;
}

#navSubDept, #navSubDept li {
	list-style:none;
}

#navSubTop {
	margin:0;
	padding:0;
	background-image:url(/assets/navsubdept-top.jpg);
	background-repeat:no-repeat;
	height:6px;
	overflow:hidden;
}

#navSubDept{
	margin:0;
	padding-left:10px;
	width:534px;
	height:auto;
	background-image:url(/assets/navsubdept-main.jpg);
	background-repeat:repeat-y;
}

#navSubDeptX {
	margin:0;
	padding-left:10px;
	width:534px;
	height:auto;
}

#navSubDeptX li{
        padding-left:15px;
        line-height:150%;
        width:200px;
        list-style:none;
        background:url(/graphics/plain/arrow3.gif) no-repeat 0 .6em;
}

#navSubDept li{
	padding-left:15px;
	line-height:150%;
	width:200px;
	list-style:none;
	background:url(/graphics/plain/arrow3.gif) no-repeat 0 .6em;
}

#navSubDeptX li a{color:#8fafde;}
#navSubDeptX li a:hover, #navSubDept li a.selected{color:#555555;text-decoration:underline;}

#navSubDept li a{color:#8fafde;}
#navSubDept li a:hover, #navSubDept li a.selected{color:#555555;text-decoration:underline;}

#navSubBottom {
        margin:0;
        background-image:url(/assets/navsubdept-bottom.jpg);
        background-repeat:no-repeat;
	height:6px;
	overflow:hidden;
}

/* ----- customer tool list ----- */
#navTools, #navTools li{
	margin:0;
	padding:0;
	list-style:none;
}
#navTools{margin-bottom:1em;}
#navTools li{
	margin-bottom:1px;
}
#navTools li a{
	display:block;
	width:100%;	
	background:#FFFFFF;
	color:#555;
}
#navTools li a:hover, #navTools li a.selected{background:#8fafde; color:#FFFFFF;}
#navTools li a span{
	display:block;
	padding:3px 20px;
}

/* ----- customer tool list ----- */
#navTools2, #navTools2 li{
	margin:0;
	padding:0;
	list-style:none;
}
#navTools2{}
#navTools2 li{
	/*margin-bottom:1px;*/
}
#navTools2 li a{
	display:block;
	width:100%;	
	background:#FFFFFF;
	color:#555;
}
#navTools2 li a:hover, #navTools li a.selected{background:#8fafde; color:#FFFFFF;}
#navTools2 li a span{
	display:block;
	padding:3px 20px;
}

#navToolsTitle2, #navDeptTitle, .navStaticTitle{
	margin:0;
	padding:0 20px;
	margin-bottom:0;
	font-size:100%;
        background-image:url(/assets/navToolsBg.jpg);
        background-repeat:no-repeat;
	color:#FFFFFF;
}

/* ----- nav static menu items ----- */
.navStatic, .navStatic li{
	margin:0;
	padding:0;
	list-style:none;
}
.navStatic{margin-bottom:1em;}
.navStatic li{
	margin-bottom:1px;
}
.navStatic li a{
	display:block;
	width:100%;	
	background:#697e89;
	color:#555;
}
.navStatic li a:hover{background:#697e89;}
.navStatic li a span{
	display:block;
	padding:3px 20px;
}
#navToolsTitle, #navDeptTitle, .navStaticTitle{
	margin:0;
	padding:0 20px;
	margin-bottom:0;
	font-size:100%;
        background-image:url(/assets/navToolsBg.jpg);
        background-repeat:no-repeat;
	color:#FFFFFF;
}

/* ----- side navigation column ----- */
#side{
	float:left;
	display:inline;
	width:200px;
	margin-left:10px;
	margin-top:10px;
}

/* ----- main content area ----- */
#main{
	float:left;
	display:inline;
	width:530px;
	margin-left:10px;
}
#tt_content h2 {
	font-weight:bold;
	padding:0;
	color:#555555;
	font-size:160%;
	/*clear:both;*/
}
#tt_content h2#pageTitle{
	font-weight:bold;
	padding:0;
	margin:0;
	margin-bottom:1em;
	color:#555555;
	font-size:190%;
}

.message {
	font-size:110%;
	font-weight:normal;
	color:#ec008c;
}
.note{
	font-size:110%;
}
.highlight{
	font-size:140%;
}
.module1{
	float:left;
	width:250px;
}
.module2{
	float:right;
	width:250px;
}

/* ----- footer area ----- */
/* footer attributes */
#footer {
	padding-top:20px;
	float:left;
	width:544px;
	text-align:center;
}
#footer p {
	font-size:100%;
	color:#666666;
}
#footer a {
	color:#666666;
	font-size:100%;
}
#footer a:hover {
	color:#ec008c;
	font-size:100%;
}

/* ----- pagination (page 1/2 etc.) ----- */
#pagination{
	margin:1em 0;
}
#pagination li{
	margin:0;
	height:16px;
	line-height:16px;
	float:left;
}
#pagination a{
/*	display:block;*/
	float:left;
	width:90px;
	height:14px;
	margin-left:10px;
	margin-top:3px;
	text-indent:-8000px;
	overflow:hidden;
}
a#firstPage{ color:black; background:url(/graphics/plain/ico_first.gif)no-repeat 0 0;}
a#prevPage{background:url(/graphics/plain/ico_prev.gif) no-repeat 0 0;}
a#nextPage{background:url(/graphics/plain/ico_next.gif) no-repeat 0 0;}
a#lastPage{background:url(/graphics/plain/ico_last.gif) no-repeat 0 0; visibility:hidden;}
a#dspPage{ visibility:visible;}
/* -- end pagination css -- */

/* ----- product description css ----- */
.products{
        margin:1em 0;
        width:544px;
}
.products ul, .products li{
        margin:0;
        padding:0;
}
.products li {
        margin-bottom:1em;
        padding:.5em 10px 0 10px;
        background-image:url(/assets/productsBox.jpg);
        background-repeat:no-repeat;
        color:#777;
        height:208px;
        width:524px;
}

.products .image{
	float:left;
	margin:0;
	margin-right:10px;
	margin-bottom:10px;
}
.products .image a img{
	border:none;
	padding:2px;
	background:#fff;
}
.products .details { height:auto; }

.products ul ul { color:#555555; list-style-position:inside; }

.products li li { 
padding:0; 
margin:0;
margin-top:3px;
color:#555555; 
background-image:none;
height:12px; 
width:auto;
}
.products h4 { color:#ec008c; font-size:140%; }
.products strong { color:#ec008c; font-size:100%; }
.products .image a:hover img{
	border:none;
	padding:2px;
	background:#ffffff;
}
.products p.price{
	clear:both;
	margin:1em 0;
	text-align:right;
	/*line-height:180%;*/
	color:#ec008c;
	font-weight:bold;
}
.products .quantity{
	clear:both;
	margin:1em 0;
	text-align:right;
	line-height:180%;
}

/* ----- display if products are marked as NEW by the admin ----- */
.productsNew{
	margin:1em 0;
	width:544px;
}
.productsNew ul, .productsNew li{
	margin:0;
	padding:0;
}
.productsNew li {
        margin-bottom:1em;
        padding:.5em 10px 0 10px;
        background-image:url(/assets/productsBoxNew.jpg);
        background-repeat:no-repeat;
        color:#777;
        height:208px;
        width:524px;
}
.productsNew .image{
	float:left;
	margin:0;
	margin-right:10px;
	margin-bottom:10px;
}
.productsNew .image a img{
	border:none;
	padding:2px;
	background:#fff;
}
.productsNew .details { height:auto; }

.productsNew ul ul { color:#555555; list-style-position:inside; }

div.productsNew, .productsNew h2{ color:red; }
.productsNew li li { 
padding:0; 
margin:0;
margin-top:5px;
color:#555555; 
background-image:none;
height:15px; 
width:auto;
}
.productsNew h4 { color:#ec008c; font-size:140%; }
.productsNew strong { color:#ec008c; font-size:100%; }
.productsNew .image a:hover img{
	border:none;
	padding:2px;
	background:#fff;
}
.productsNew p.price{
	clear:both;
	margin:1em 0;
	text-align:right;
	/*line-height:180%;*/
	color:#ec008c;
	font-weight:bold;
}
.productsNew .quantity{
	clear:both;
	margin:1em 0;
	text-align:right;
	line-height:180%;
}

/* ----- product upselling description css ----- */
.upsell{
        width:556px;
	margin:0 auto;
	padding:0;
}

/* added auto padding and margin to fix Safari quirks mode */
.upsell ul { margin:0 auto; padding:0; }

.upsell li {
        margin:2px;
	background-image:url('/assets/upsellBox.gif');
	background-repeat:no-repeat;
        color:#777;
        height:180px;
        width:245px;
	padding:10px;
	list-style:none;
	float:left;
}

/* fix 1pixel difference in floated upsell items box */
.upsell form { display:inline; }

.upsell .image{
	float:left;
	margin:0;
	margin-right:10px;
}
.upsell .image a img{
	border:none;
	padding:2px;
	background:#fff;
}
.upsell .details { height:auto; }

.upsell h2 { color:#ec008c; font-size:100%; }
.upsell a { font-size:110%; }
.upsell a:hover { font-size:110%; }
.upsell strong { color:#ec008c; font-size:100%; }
.upsell .image a:hover img{
	border:none;
	background:#ffffff;
}

.upsell p.price{
	clear:both;
	text-align:right;
	color:#ec008c;
	font-weight:bold;
}

.upsell .quantity{
	clear:both;
	margin:1em 0;
	text-align:right;
	line-height:180%;
}

.upsellf div { float:left; }

/* ----- individual products ----- */

#product{	
	/*margin:1em 0;*/
	width:544px;
}

#pleft { float:left; }
#pright { float:left; width:200px; }

#pdescription { clear:both; }

#product a {
	margin:0;
	padding:0;
}

#pDescription ul li {
	color:#4d4d4d;
}
#pDescription p {
	color:#4d4d4d;
}
#product .image{	
	float:left;
	margin-bottom:1em;
}
#product .image p{margin:.5em 0;}
#product .image img{	
	padding-left:30px;
	padding-right:30px;
	border:none;
}
#product .viewimage img{	
	border:none;
}	
#product .info{	
	padding-left:10px;
	width:200px;
}
#product .price{
	color:#ec008c;
	font-weight:bold;
	font-size:150%;
}
#product .info p{
	margin:0;
	margin-bottom:.2em;
}
#product .info h3{
	margin:0;
	margin-bottom:.2em;
}
#product .actions{
	border-top:1px solid #e1e1e1;
	clear:both;
}	
#product #addBasket{
	border-top:1px solid #e1e1e1;
	padding-top:1em;
}
#product #viewImg .magnify {
        padding:0;
        margin:0;
}
#product #addWishlist a, img{
	width:auto;
}

/* ----- featured articles ----- */
#articles{ width:544px; }
#articles ul, #articles li {
	margin:0;
	padding:0;
	list-style:none;
}

#articles ul{
	margin:0;
	padding:3px 10px;
	background:#FFFFFF;
	color:#555555;
}

#articles ul li{
	margin:.5em 0;
	line-height:150%;
	padding:0;
	padding-left:15px;
	list-style:none;
	background:url(/graphics/plain/arrow3.gif) no-repeat 0 .6em;
}
#articles  ul li a{color:#8fafde;}
#articles  ul li a:hover{color:#555555;text-decoration:underline;}

/* ----- customer reviews ----- */
#reviews {
width:544px;
}
#reviews ul, #reviews li {
	margin:0;
	padding:0;
	list-style:none;
}
#reviews ul{
	margin:0;
	padding:3px 10px;
	background:#8fafde;
	color:#FFFFFF;
}
#reviews ul li{
	margin:.5em 0;
	line-height:150%;
	padding:0;
	padding-left:15px;
	list-style:none;
}
#reviews  ul li a{color:#FFFFFF;}
#reviews  ul li a:hover{color:#FFFFFF;text-decoration:underline;}

/* ----- site map ----- */
#sitemap, #sitemap ul, #sitemap li{
	margin:0;
	padding:0;
	list-style:none;		
} 
#sitemap{margin:1em 0;}
#sitemap li{margin:.5em 0;}
#sitemap li h3{margin:.2em 0;}
#sitemap ul{padding-left:20px;}

/* ----- tables and forms ----- */
form {
	margin:0;
	padding:0;
	padding-bottom:2px;
}

fieldset{
	border:none;
	padding:0;
	margin:1em 0;
}
legend{
	font-weight:normal;
	padding:0;
	margin:0;
	color:#555;
	font-size:120%;
	clear:both;
}
fieldset h3, fieldset h3{margin:1em 0 0 0;}
#content table{
	width:100%;
	margin:.5em 0;
	border-collapse:collapse;
	line-height:150%;
}
th{
	border:1px solid #fff;
	background:#ddd;
	padding:5px;
}
td{
	background:#eee;
	border:1px solid #fff;
	padding:5px;
	vertical-align:top;
}
.formField, .formSelect{
	background:#fff;
	border:1px solid #e1e1e1;
	width:200px;
}
.formFieldShort, .formFieldMedium{
	background:#fff;
	border:1px solid #e1e1e1;
	width:20px;
	margin-right:5px;
}
.formFieldMedium{width:96px;}
table .price{
	color:#13689d;
	font-size:110%;
	font-weight:bold;
}
.formFieldProduct{width:150px;}
table .price{
	color:#13689d;
	font-size:110%;
	font-weight:bold;
}
.formRadio{vertical-align:middle;}
.formButton{
	background:#ec008c;
	color:#FFFFFF;
	border:none;
	padding-top:3px;
	padding-bottom:3px;
	font-size:100%;
}
.formButton2{
        background:#ec008c;
        color:#FFFFFF;
        border:none;
        padding-top:3px;
        padding-bottom:3px;
        font-size:80%;
}

.asterix {
	color:#13689d;
	font-size:110%;
	font-weight:bold;
}
label span{
	color:#13689d;
	font-size:110%;
	font-weight:bold;
}
input.formField:focus, formFieldShort:focus, formFieldMedium:focus, textarea:focus, #quantity:focus	{
	background: #fff;
	border: 1px solid #bbb;
}

/* spam trapping css to hide input field from Humans */
.hideInput { display:none; }

/* ----- shopping cart ----- */
#tagline {
	color:#FFFFFF;
}

#total{
	margin:1em 0;
	padding:0;
	width:295px;
	font-size:110%;
}
#total dt{
	width:200px;
	float:left;
	font-weight:bold;
}
#total dd{
	margin-left:201px;
	text-align:right;
}
.actions{
	clear:both;
	margin:0;
	padding:.5em 0;
}

/* ----- first table data style ----- */
td.first{width:40%;}

/* ---------------------- float fix ----------------------------- */
.inner:after, .products:after, .products li:after, #pagination:after, #total:after, .modules:after{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.inner, .products, .products li, #pagination, #total, .modules{display:block;}
/*  \*/
.inner, .products, .products li, #pagination, #total, .modules {min-height:1%;}
* html .inner, * html .products, * html .products li, * html #pagination, * html #total, * html .modules {height:1%;}
 /*  */
/* ----- end float fix ----- */
#mark ul, #mark li {
	list-style:armenian;
	display:block;
}

/* CSS for Ask Alison Feature */
#ask {
	width:396px;
	height:234px;
	background-image:url(/assets/askalison-bg.jpg);
	padding-top:10px;
	padding-left:148px;
}
#ask table tr {
	padding:0;
	color:#555555;
}
#ask table td {
	padding:2px;
	background-color:#fff;
}

#ecomBox {
	width:544px;
	padding-bottom:4px;
}
.webshop { float:left; }
.freedelivery { float:right; }

/* ---- CSS for Promotional Box layout in homepage ----- */
#promoBox {
	padding-top:4px;
	clear:both;
	width:544px;
}
.promoLeft { float:left; }
.promoRight { float:right; }

/* ---- CSS for Press Release Box layout in homepage ----- */
#pressBox {
	padding-top:2px;
	width:544px;
}
.pressboxes {
	clear:both;
	padding-top:5px;
	width:544px;
}
.pressboxes img {
	float:left;
	text-align:center;
	padding:2px;
}


/* Soothers Gallery CSS Code */
.sootherboxleft {
	width:260px;
	height:auto;
	float:left;
	padding:3px;
}

.sootherboxright {
        width:260px;
        height:auto;
        float:right;
        padding:3px;
}


.sootherbox p {
	font-size:60%;
}

/* customer footer CSS modification */
#custservfooter {
	float:left;
	width:540px;
	height:85px;
	background-image:url(/graphics/site/custservfooter.jpg);
	background-repeat:no-repeat;
}
p#custHelp {
	float:left;
	width:160px;
	margin-top:2px;
	padding-left:10px;
	padding-right:10px;
	color:#666666;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:100%;
}
#custHelp a, #custHelp a:link { font-size:85%; color:#666666; }
#custHelp a:hover { font-size:85%; color:#8eb0de; font-weight:bold; }

p#custDelivery {
	float:left;
	width:165px;
	margin-top:2px;
	padding-left:5px;
	padding-right:10px;
	color:#666666;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:100%;
}
#custDelivery a, #custDelivery a:link { font-size:85%; color:#666666; }
#custDelivery a:hover { font-size:85%; color:#8eb0de; font-weight:bold; }

p#custFaq {
	float:left;
	width:175px;
	margin-top:2px;
	padding-left:5px;
	color:#666666;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:100%;
}

#custFaq a, #custFaq a:link { font-size:85%; color:#666666; }
#custFaq a:hover { font-size:85%; color:#8eb0de; font-weight:bold; }

.tofoo{
text-align:left;
font-size:12px;
border:#3399FF 1px solid;
width:150px;
padding:2px;
margin:2px;
}

/* end customer footer modification CSS */