/*

	Pages CSS file for BABYBJORN

*/



/*  Choose country
----------------------------------------------*/

#choose-country-container	{margin: 0 auto; width: 850px; text-align: left;}
#choose-country {height: 450px;}
#choose-country-foot    {padding: 10px 0 15px 0;}

#choose-country div {}
#choose-country ul  {float: left; list-style-type: none; margin: 0; padding: 2px 10px 0 10px; height: 436px;}
#choose-country ul.secondlist   {padding: 2px 10px 0 0;}
#choose-country li  {margin: 11px 10px 0 10px;}
#choose-country ul.secondlist li    {margin: 11px 10px 0 0;}
#choose-country a   {font-size: 11px; color: #fff; font-weight: bold; text-decoration: none;}
#choose-country a:hover   {text-decoration: underline;}
#choose-country-foot *   {font-family: Verdana, Arial; font-size: 11px; color: #fff;}



/*  Error pages
----------------------------------------------*/

#errorpages-container	{margin: 0 auto; width: 850px; text-align: left;}
#errorpages {}
#errorpages-foot    {padding: 10px 0 15px 0;}
#errorpages-foot, 
#errorpages-foot *   {font-family: Verdana, Arial; font-size: 11px; color: #fff;}

#errorpages ul.notfound  {list-style-type: none; margin: 0; padding: 0; width: 850px;}
#errorpages ul.notfound li   {float: left; margin: 15px 35px 10px 0; padding: 0; width: 260px; height: 170px;}
#errorpages ul.notfound li.right {margin-right: 0; padding: 0;}
#errorpages ul.notfound h2  {margin: 0; padding-left: 25px; font-family: Verdana, Arial, Helvetica; font-size: 11px; font-weight: bold; color: #fff;}
#errorpages ul.notfound p,
#errorpages ul.notfound *    {margin: 10px 0 0 0; color: #c5d3f2; line-height: 14px;}
#errorpages ul.notfound a   {text-decoration: underline;}
#errorpages ul.notfound a:hover   {text-decoration: none;}



/* Startpage
--------------------------------------------------*/

#start #container  {width: 930px;}
#start #head    {margin-left: 5px;}
#start #menu    {margin-left: 5px;}
#start #foot    {margin: 0 5px;}

#contentcontainer.startpage	{padding: 0; background: none;}
#contentwrapper.startpage	{padding: 0; background: none;}

#contentwrapper.startpage div.contentbox    {float: left; margin: 0 10px 9px 5px; padding: 20px; width: 260px; height: 220px; background: url(../images/home_info_bg.gif) top left no-repeat; color: #fff;}
#contentwrapper.startpage div.contentbox *   {color: #fff;}
/*
#contentwrapper.startpage div.contentbox h1  {margin: 0; font-size: 18px;}
#contentwrapper.startpage div.contentbox h2  {margin: 0; font-size: 18px;}
#contentwrapper.startpage div.contentbox h3  {margin: 0; font-size: 14px;}
*/
#contentwrapper.startpage div.contentbox p   {margin-top: 13px;}
#contentwrapper.startpage div.contentbox a   {font-family:Verdana,Arial,Helvetica,sans-serif;font-size:11px;text-decoration:none;}
#contentwrapper.startpage div.contentbox a:bold   {font-weight:bold;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:11px;text-decoration:none;}
#contentwrapper.startpage div.contentbox a:hover   {font-family:Verdana,Arial,Helvetica,sans-serif;font-size:11px;text-decoration:underline;}

#contentwrapper.startpage div.slideshow	{float: left; margin-bottom: 5px; width: 610px;}
#contentwrapper.startpage div.lefttopbox	{ float: left; overflow: hidden; margin: 0 10px 9px 0; width: 300px; height: 260px; }
#contentwrapper.startpage div.righttopbox	{ float: left; overflow: hidden; margin: 0 0 9px 0; width: 300px; height: 260px; }

#contentwrapper.startpage ul.products    {margin: 0; padding: 0; list-style-type: none;}
#contentwrapper.startpage ul.products li    {float: left; margin: 0; height: 140px;}
#contentwrapper.startpage ul.products li.last   {margin: 0;}
#contentwrapper.startpage ul.products li img    {width: 310px; height: 140px;}

#boxes  { list-style-type: none; margin: 0; padding: 0; }
#boxes li   { float: left; margin: 0; padding: 0 5px 10px 5px; width: 300px; height: 130px; overflow: hidden; background: url(../images/boxes-box-bg.gif) top left no-repeat; }

#foot.startpage {margin-top: 0; background: url(../images/pagefoot_bg_start.gif) left top no-repeat;}



/* General
--------------------------------------------------*/

#contentcontainer_white {margin-top: 10px; padding-top: 10px; background: url(../images/content_topbg_white.gif) left top no-repeat;}
#contentwrapper_white	{padding-bottom: 10px; background: url(../images/content_botbg_white.gif) left bottom no-repeat;}
#content_white	{padding: 5px 20px 5px 20px; background: #fff; min-height: 345px;}



/* Products
--------------------------------------------------*/

#contentcontainer-products	{margin-top: 10px; padding-top: 10px; background: #fff url(../images/content_topbg_white.gif) left top no-repeat;}
#contentwrapper-products	{padding-bottom: 10px; background: url(../images/content_botbg_white.gif) left bottom no-repeat;}
#content-products	{padding: 5px 20px 5px 20px; background: #fff; min-height: 345px;}

ul.age-list {margin: 0; padding: 0; list-style-type: none; height: 30px; color: #999;}
ul.age-list *   {color: #999;}
ul.age-list li  {float: left; margin-right: 10px;}

.productoverview-column {float: left; margin-right: 9px; padding-right: 10px; width: 280px; background: url(../images/productpage_divider.gif) right top repeat-y;}
.productoverview-column-last {float: left; margin-right: 0; width: 280px;}

table.productoverviewpage-items {margin-top: 10px; border: 0;}
table.productoverviewpage-items td  {padding: 15px 10px 0 10px; vertical-align: top; text-align: center;}
table.productoverviewpage-items td *    {font-size: 10px;}
table.productoverviewpage-items td a  {display: block; text-align: left; color: #333; text-decoration: none;}
table.productoverviewpage-items td a:hover  {text-decoration: underline;}
table.productoverviewpage-items td div.img  {margin-bottom: 10px; width: 120px; height: 165px; position: relative;}
table.productoverviewpage-items td div.img div  {left: 0; bottom: 0; position: absolute;}

table.productoverviewpage-items td div.new, 
table.productoverview-items td div.new  {margin-top: 3px; padding-left: 15px; color: #ef3d42; text-align: left; background: url(../images/products_splash.gif) top left no-repeat;}

table.productoverview-items {margin-top: 10px; border: 0;}
table.productoverview-items td  {padding: 15px 5px 0 4px; vertical-align: top; text-align: center;}
table.productoverview-items td *    {font-size: 10px; color: #333;}
table.productoverview-items td a  {display: block; text-align: left; text-decoration: none;}
table.productoverview-items td a:hover  {text-decoration: underline;}
table.productoverview-items td div.img  {margin-bottom: 10px; width: 83px; height: 90px; position: relative;}
table.productoverview-items td div.img div  {left: 0; bottom: 0; position: absolute;}

ul.productshortcuts {margin: 25px 10px 10px 10px; padding: 0; list-style-type: none;}
ul.productshortcuts li {margin-bottom: 12px;}
div.environmentimage    {margin-bottom: 20px; padding-top: 12px; background: url(../images/photoshadow-topbg.gif) left top no-repeat;}
div.environmentimage div    {padding: 0 15px 15px 15px; background: url(../images/photoshadow-botbg.gif) left bottom no-repeat;}

h1.ProductHeader    {
	font-weight: normal; 
	font-size: 20px; 
	color: #333;
	font-family:Georgia;
}

#productgroup div.mainregion    {padding-right: 20px; width: 505px; background: url(../images/productpage_divider.gif) right top repeat-y;}
#productgroup div.rightregion    {margin-left: -1px; padding-left: 20px; width: 115px; background: url(../images/productpage_divider.gif) left top repeat-y;}
#productgroup div.rightregion a  {text-decoration: none;}
#productgroup div.rightregion a:hover  {text-decoration: underline;}

div.pagetopcontent  {padding: 10px 25px;}
div.pagetopcontent h1   {margin: 0 0 15px 0;}
div.pagetopcontent p    {margin: 15px 0;}

div.pagebottomcontent   {padding: 15px 25px;}




/*  Product page
----------------------------------------------*/

#product div.mainregion    {padding-right: 20px; width: 505px; background: url(../images/productpage_divider.gif) right top repeat-y;}
#product div.rightregion    {margin-left: -1px; padding-left: 20px; width: 115px; background: url(../images/productpage_divider.gif) left top repeat-y;}
#product div.rightregion a  {text-decoration: none;}
#product div.rightregion a:hover  {text-decoration: underline;}

img.product-imageheader {margin-top: 20px;}
div.flash   {margin: 25px 0;}
div.freetext    {margin-top: 25px;}
ul.productrightlinks    {margin: 20px 0 0 0; padding: 10px 0 5px 0; border-top: 1px solid #ddd; list-style-type: none;}
ul.productrightlinks li {margin: 10px 0 0 0;}
ul.productrightlinks li a   {font-weight: bold; color: #547ed9;}

div.productimages   {display: none; margin: 10px 0 20px 0; padding: 0 20px;}
div.productimages div.mainimage {margin-bottom: 10px; width: 325px; text-align: center;}
div.productimages ul    {float: right; list-style-type: none;}
div.productimages li    {margin-top: 10px;}
div.productimages li img   {border: 0;}

.rightregion h4 {font-size: 11px; text-align: center; color: #547ed9;}
div.relatedproduct  {margin-top: 25px; text-align: center;}
div.relatedproduct img  {margin-bottom: 10px;}
div.relatedproduct a    {color: #547ed9;}

div.product-details {float: right; margin: 10px 0 20px 20px; padding: 10px 15px 15px 15px; width: 160px; border: 1px solid #ddd;}
div.product-details, div.product-details *  {font-family: Verdana, Arial;}
div.product-details ol  {margin: 0 0 0 25px;}
div.product-details li  {margin-top: 5px;}

div.watchvideo  {text-align: center;}
div.watchvideo a img    {border: 0;}




/* Old products
--------------------------------------------------*/

#oldproducts-topcontent { text-align: left; padding: 10px 0; }
#oldproducts-topcontent p   { margin: 15px 0; }

#oldproducts-list h2    { margin: 20px 0 0 10px; }
#oldproducts-list h2 a  { font-size: 18px; color: #000; font-weight: normal; font-family: Georgia; }
#oldproducts-list table { margin: 0; }

#oldproducts-list-section   { padding-bottom: 20px; border-bottom: 1px solid #ccc; }




/* Retailers
--------------------------------------------------*/

#searchretailers    {margin-top: 15px; border: 0;}
#searchretailers td {padding: 0 30px 0 0; vertical-align: top;}
#searchretailers label  {display: block; margin-bottom: 3px; font-size: 11px; font-weight: bold; color: #547ed9;}
#searchretailers .field     {margin-right: 5px; width: 153px; vertical-align: top;}
#searchretailers .select    {width: 180px;}

p.map   {margin-top: 25px; text-align: center;}
h2.divider  {border-bottom: 1px solid #547ed9;}
h4.margin   {margin-top: 25px;}
span.extradetail    {margin-left: 20px;}

select.quickfindretailer    {clear: both; margin: 10px 0 0 5px; width: 180px;}
div.searcherror {display: block; float: left; padding-top: 19px;}

div.retailerlist_left_column {float: left; margin-top: 25px; width: 250px;}
div.retailerlist_right_column   {float: left; margin: 25px 0 0 25px; width: 250px;}
div.retailerlist_right_column_content   {padding: 20px 25px; background: url(../images/retailerlist_right_column_b.gif) bottom left no-repeat;}

div.header  {padding-top: 6px; width: 250px; background: #cdd8f2 url(../images/retailers/header_topbg.gif) top left no-repeat;}
div.header div  {padding: 0 8px 6px 8px; background: #cdd8f2 url(../images/retailers/header_botbg.gif) bottom left no-repeat; font-size: 11px; color: #000; text-transform: uppercase; font-family: Verdana, Arial; font-weight: bold;}



/*  News
----------------------------------------------*/

div.newslist    {margin-top: 25px; padding-top: 10px; border-top: 1px solid #ddd;}
div.newslist table  {border: 0;}
div.newslist td {padding-top: 15px;}
div.newslist td.date    {width: 80px; vertical-align: top;}
div.newslist td.text    {width: 380px;}
div.newslist p  {margin-top: 5px;}



/*  Press
----------------------------------------------*/

div.pressimages {margin-top: 25px; border-top: 1px solid #ddd;}
div.pressimages table   {width: 460px; border: 0;}
div.pressimages td  {padding: 25px 20px 0 0; width: 210px; vertical-align: top;}
div.pressimages td img  {float: left; width: 75px;}
div.pressimages td div  {float: left; margin-left: 10px;}



/*  ImageVault UI
--------------------------------------------------*/

div.iv-quickcart, div.iv-quicksearch, div.iv-quickupload  {margin: 20px 10px 0 10px;}
div.iv-quickcart h3, div.iv-quicksearch h3, div.iv-quickupload h3    {margin: 5px 0; padding: 0; font-family: Verdana; text-transform: uppercase;font-size:11px;}

table.imagevault-search {margin-top: 20px;}
table.imagevault-search td  {vertical-align: top;}
table.imagevault-search td.image {padding-right: 20px;}
table.imagevault-search td.info {padding: 15px 10px 0 0; line-height: 16px;}
table.imagevault-search td.formats h3   {text-align: center; margin: 0 0 5px 0; color: #000;}
table.imagevault-search td.formats div {float: left; margin-left: 10px;}
table.imagevault-search td.divider  {padding-top: 15px;}
table.imagevault-search td.divider div  {border-top: 1px solid #ddd; height: 15px;}

#iv-imagelist   {margin-top: 20px;}
#iv-imgaelist, #iv-imagelist *  {font-family: Verdana, Arial;}
#iv-imagelist td    {padding: 20px 0; border-top: 1px solid #ddd; vertical-align: top;}
#iv-imagelist td.image  {padding-right: 20px; width: 100px; text-align: center;}
#iv-imagelist td.info   {width: 340px;}
#iv-imagelist h2 {margin: 0;}
#iv-imagelist table.details td  {vertical-align: top; padding: 10px 0 0 0; border: 0;}
#iv-imagelist table.details td.label  {width: 85px; font-weight: bold;}

#iv-imagelist p {clear: both; margin: 10px 0 0 0;}
#iv-imagelist p .checkbox   {display: block; float: left;}
#iv-imagelist p label   {display: block; float: left; margin: 2px 0 0 7px;}
#iv-imagelist p label.enabled   {color: #547ed9;}
#iv-imagelist p label.disabled  {color: #999; font-style: italic;}

.cartlistdelete {padding-left: 18px; background: url(../images/delete.gif) 0 50% no-repeat;}

#iv-imagelist-settings  {margin: 20px 0 0 0; padding: 10px 0 0 0; border-top: 1px solid #ddd; line-height: 20px;}
#iv-imagelist-settings, #iv-imagelist-settings *    {font-family: Verdana, Arial;}

#iv-searchform  {margin-top: 20px; padding: 10px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;}
#iv-searchform input.field  {margin-right: 10px; width: 300px;}
#iv-searchform input.submit {width: 75px; vertical-align: top;}

#iv-searchoptions   {margin-top: 10px;}
#iv-albummenu   {margin: 20px 0 0 0;}
#iv-albummenu h6    {margin-bottom: 5px; font-weight: bold; color: #547ed9; text-transform: uppercase;}
#iv-albummenu a {text-decoration: none;}
#iv-albummenu a:hover   {text-decoration: underline;}

.ivuploadresponse   {display: block; margin: 5px 0; font-weight: bold;}

#iv-imagelist a.addtocart { display: block; color: #6b9f4a; font-weight: bold; margin-top: 1em; padding: 4px 4px 4px 16px; background: url(/images/plus-sign-green.gif) 0 50% no-repeat; }
#iv-imagelist label.enabled   {color: #547ed9;}
#iv-imagelist label.disabled  {color: #999; font-style: italic;}
#iv-imagelist ul { margin: 0.5em 0; padding-left: 1em; }
#iv-imagelist ul li { list-style-type: none; }



/*  FAQ
----------------------------------------------*/

div.faqlisting  {margin-top: 25px; padding-top: 15px; border-top: 1px solid #ddd;}
ul.faq  {margin: 0; padding: 0; list-style-type: none;}
ul.faq li   {margin: 10px 0 0 0; padding: 0;}



/*  ExpandIT
----------------------------------------------*/

div.ExpandITShopContainer   {margin-top: 10px; padding-bottom: 10px; background: url(../images/content_expandit_bottombg.gif) left bottom no-repeat;}
iframe.ExpandITShopIframe   {width: 920px; height: 550px;}


/*  Full Flash Page
-----------------------------------------------*/

#contentcontainer-flash	{margin-top: 10px; padding-top: 10px; background: #fff url(../images/content_topbg_white.gif) left top no-repeat;}
#contentwrapper-flash	{padding-bottom: 10px;  background: url(../images/content_botbg_white.gif) left bottom no-repeat;}