/* Trunki Stylesheet 2009 */

html{height: 100%;}
body{height: 100%; margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; background: url(../images/bg/bg.png) 0 0 repeat-x; }
form{margin: 0; padding: 0;}

/* *************************************************************
WRAP - Used to position footer in the bottom
************************************************************* */
/* #wrap{min-height: 100%; width: 955px; height: auto !important; height: 100%; margin: 0 0 -123px; border: 1px solid #000;} */

#nonFooter{position: relative; min-height: 100%; text-align: center; }
* html #nonFooter{height: 100%;}

#wrap{width: 955px; padding: 1px 0 123px 0; margin: 0 auto; text-align: left; background: url(../images/bg/bg_sun.jpg) 0 0 no-repeat; }


/* *************************************************************
HEADER
************************************************************* */
#logo{ float: left; margin: 10px 0 0 40px;}

#language{ position: absolute; top: 23px; left: 50%; z-index: 100000; margin: 0 0 0 -230px; background: url(../images/bg/bg_language.png) 0 0 no-repeat; width: 180px; height: 34px;}
#dropDownWrap{}
#dropDownBox {height: 34px; width: 180px; margin: auto; }
.topBlock {cursor: pointer; padding: 10px 0 9px 35px; width: 145px; color: #CC0000; font-size: 70%; text-transform: uppercase; background-position: 7px center; background-repeat: no-repeat; }

#dropDownBox ul {margin: 0 0 0 5px; padding: 0; list-style: none;}
#dropDownBox li {margin: 0; padding: 0; font-size: 70%; }
.dropList {	display: none; width: 140px; background-color: #FFFDE8; border: 1px solid #FFD36D; z-index: 1000; position: relative; }
.dropList li a { color: #CC0000; text-transform: uppercase; text-decoration: none; padding: 5px 0 5px 35px; margin: 0 0 0 0; display:block; width: 105px; background-position: 7px center; background-repeat: no-repeat; }
.dropList li a:hover {color: #fff; background-color: #F60;}

#dropDownWrap .EN{ background-image: url(../images/flags/flag_uk.png); }
#dropDownWrap .SP{ background-image: url(../images/flags/flag_sp.png); }
#dropDownWrap .US{ background-image: url(../images/flags/flag_US.png); }
#dropDownWrap .DK{ background-image: url(../images/flags/flag_dk.png); }
#dropDownWrap .JP{ background-image: url(../images/flags/flag_jp.png); }
#dropDownWrap .FR{ background-image: url(../images/flags/flag_fr.png); }
#dropDownWrap .CH{ background-image: url(../images/flags/flag_ch.png); }
#dropDownWrap .IT{ background-image: url(../images/flags/flag_it.png); }
#dropDownWrap .KO{ background-image: url(../images/flags/flag_ko.png); }
#dropDownWrap .international{ background-image: url(../images/icons/icon_globe.png); }

a#customer_service{ float: right; margin: 15px 55px 0 0;}

#cart_account{ float: right; width: 180px; background:url(../images/icons/icon_cart.png) 0 0 no-repeat; padding: 5px 0 5px 0; margin: 20px 0 0 0; }
#cart_account ul{ float: right; margin: 0; padding: 0; width: 135px; list-style: none; }
#cart_account li{ float: right; margin: 0 0 3px 0; font-weight: bold; padding: 0; width: 135px; text-transform: uppercase; font-size: 75%; }
#cart_account li a{ text-decoration: none; }
#cart_account li a.my_account{ color: #0099FF;}
#cart_account li a.checkout{ color: #003366;}
#cart_account li a:hover{ color: #F60;}

#topNav{ float: left; height: 42px; width: 722px; background: url(../images/nav/bg_topNav.png) 0 0 no-repeat; }
#topNav ul{ float: left; list-style: none; width: auto; margin: 0; padding: 0; height: 42px; }
#topNav li{ float: left; margin: 0; padding: 0;}
#topNav li a{ float: left; display: block; height: 42px; padding: 0; overflow: hidden; }
#topNav li a:hover img,
#topNav li a.active img{ margin: -42px 0 0 0;}

#social_links{ float: right; margin: 9px 10px 0 0;}
#social_links img{ float: left;}
#social_links a{ float: left; margin: 0 0 0 5px;}


/* *************************************************************
FREE SHIPPING
************************************************************* */
#free_shipping{ position: relative; z-index: 10; float: right; margin: -10px 10px 0 0;}


/* *************************************************************
MAIN PIC
************************************************************* */
#contentWrap #main_pic{ float: right; width: 255px; margin: 0px 10px 0 0; padding: 0; }
#contentWrap #main_pic img{ float: right;}
#contentWrap #main_pic h2{ float: right; font-size: 90%; margin: 0; color: #F90; padding: 10px 0 0 0; width: 240px; line-height: 120%; clear: both; }
#contentWrap #main_pic h3{ float: right; font-size: 90%; margin: 0; color: #F60; font-weight: bold; padding: 2px 0 0 0; width: 240px; clear: both; }

body#fun #contentWrap #main_pic{ margin: -55px 0 0 0; width: auto;}

#contentWrap #promo_pics{ float: right; width: 265px; margin: 2px 15px 0 0; padding: 0; }
#contentWrap #promo_pics a{ float: left; margin: 0 0 10px 0;}
#contentWrap #promo_pics img{ float: left;}



/* *************************************************************
CONTENT WRAP
************************************************************* */
#contentWrap{float: right; width: 722px; margin: 10px 0 0 0; }


/* *************************************************************
MAIN CONTENT
************************************************************* */
#contentBodyWrap{ float: left; width: 700px; background: #FFF9E6 url(../images/bg/bg_content.png) 0 0 repeat-x; border-color: #FFB733; border-style: solid; border-width: 0 1px 0 1px; padding: 10px 0 10px 20px; }
#contentBody{ float: left; width: 400px; margin: 0; clear: left; }

#contentBodyWrap h1 { float: none; font-size: 200%; color: #F60; margin: 5px 0 5px 0; padding: 0; width: auto; letter-spacing: -0.05em; font-weight: bold; }
#contentBodyWrap h2{color: #006699; font-size: 100%; margin: 0 0 10px 0; padding: 0; width: 400px; float: left; font-weight: bold; clear: left; }

#contentBody h3{ color: #09F; font-size: 110%; font-weight: normal; margin: 10px 0 5px 0; float: left; width: 235px; }
#contentBody p{ }

#contentBodyWrap p{ float: left; width: 100%; color: #005CB6; font-size: 75%; line-height: 150%; clear: both; margin: 0 0 10px 0; padding: 0; }
#contentBodyWrap p a{ color: #F06; }
#contentBodyWrap p a:hover{ color: #039; }

li{color: #005CB6; font-size: 75%; }

#contentFooter{ float: left; width: 722px; height: 6px; background: url(../images/bg/bg_content-footer.png) 0 0 no-repeat; }


/* INDIVIDUAL PAGE STYLES ***************** */
body#products #contentBodyWrap {background: #FFF7FA url(../images/bg/bg_content_products.png) 0 0 repeat-x; border-color: #FFC0D9; }
body#products #contentFooter{ background: url(../images/bg/bg_content-footer_products.png) 0 0 no-repeat; }
body#products #contentBodyWrap h1{ color: #F06; }

body#news #contentBodyWrap {background: #FDF9FB url(../images/bg/bg_content_news.png) 0 0 repeat-x; border-color: #D8CEF7;}
body#news #contentFooter{ background: url(../images/bg/bg_content-footer_news.png) 0 0 no-repeat; }

body#friends #contentBodyWrap {background: #F4F4F6 url(../images/bg/bg_content_friends.png) 0 0 repeat-x; border-color: #A7CADC;}
body#friends #contentFooter{ background: url(../images/bg/bg_content-footer_friends.png) 0 0 no-repeat; }

body#questions #contentBodyWrap {background: #F5F9FA url(../images/bg/bg_content_questions.png) 0 0 repeat-x; border-color: #C5DCED;}
body#questions #contentFooter{ background: url(../images/bg/bg_content-footer_questions.png) 0 0 no-repeat; }

body#fun #contentBody{ width: 400px; }
body#fun #contentBodyWrap {background: #EFF7D8 url(../images/bg/bg_content_fun.png) 0 0 repeat-x; border-color: #A5C77A;}
body#fun #contentFooter{ background: url(../images/bg/bg_content-footer_fun.png) 0 0 no-repeat; }

body#awards #contentBodyWrap {background-image: url(../images/bg/bg_content_tips.jpg); border-color: #EDA093;}
body#awards #contentFooter{ background: url(../images/bg/bg_content-footer_tips.png) 0 0 no-repeat; }

body#tips #contentBodyWrap {background: #F0F8E4 url(../images/bg/bg_content_tips.png) 0 0 repeat-x; border-color: #C0DEC0;}
body#tips #contentFooter{ background: url(../images/bg/bg_content-footer_tips.png) 0 0 no-repeat; }

body#about #contentBodyWrap {background: #FDF5F3 url(../images/bg/bg_content_about.png) 0 0 repeat-x; border-color: #E7BBC0;}
body#about #contentFooter{ background: url(../images/bg/bg_content-footer_about.png) 0 0 no-repeat; }


/* *************************************************************
VIDEO
************************************************************* */
#video{ float: left; width: 400px; margin: 0 0 10px 0; position: relative; z-index: 0;}


/* *************************************************************
CONTENT BODY FOR TIPS, QUESTIONS & FUN
************************************************************* */
body#about #contentBody,
body#tips #contentBody,
body#questions #contentBody{ width: 355px;}
#contentBodyList{ float: right; width: 420px; padding: 0 0 0 20px; margin: 10px 0 0 0;}
/* body#tips #contentBodyList{border-left: 1px dotted #9C0;} */


#contentBodyList img{ margin: 0 20px 0 0; float: right;}
#contentBodyList h1{ float: left; width: 100%; margin: 0 0 10px 0; padding: 0; color: #F60; font-size: 140%; font-weight: bold;}
#contentBodyList h2{ float: left; width: 100%; margin: 0; padding: 0; color: #09F; font-size: 100%; font-weight: bold;}
#contentBodyList #scroll { float: left; height: 470px; margin: 15px 0px 0 0; overflow: auto; width: 400px;}
#contentBodyList p { width: 380px; }
#contentBodyList p a{ color: #06F; }
#contentBodyList p a:hover{ color: #F09; }
#contentBodyList ul{ float: left; width: 330px; margin-top: 0;}
#contentBodyList li{ line-height: 150%;}

#contentList { margin: 10px 0 10px 0; float: left; clear: left;}
#contentList ul{ float: left; width: 240px; margin: 0 0 10px 0; padding: 0; list-style: none;}
#contentList li{ float: left; width: 240px; margin: 0 0 0px 0; padding: 0; font-size: 90%; color: #fff; letter-spacing: -0.03em; clear: both;}
#contentList li a{ color: #fff; font-weight: bold; text-decoration: none; float: left; width: 225px; display: block; line-height: 200%; padding: 14px 0 5px 15px; background-position: 0 0; background-repeat: no-repeat;}
#contentList li ul{ margin: 5px 0 0 10px;}
#contentList li li{ font-size: 85%; margin: 0 0 3px 0; color: #F3C; letter-spacing: normal;}
#contentList li li a{color: #F3C; text-decoration: none; padding: 0 0 0 10px; line-height: 140%; background: none;}
#contentList li li a:hover{ color: #000;}
#contentBodyWrap #contentList p { width: 240px; }


/* *************************************************************
FUN
************************************************************* */
.funList { float: left; width: 320px; margin: 10px 0 0px 0; padding: 10px 0 0 0; border-top: 1px dotted #9C0; clear: both;}
.funList h3{ float: left; width: 320px; margin: 0 0 5px 0; padding: 0; color: #F09; font-size: 75%; font-weight: bold;}
.funList img{ float: left;}
.funList p{ font-size: 70%; color: #005CB6; float: left; width: 320px; margin: 0 0 0 0; padding: 0; line-height: 150%;}

p.footnote{ margin: 30px 0 0 0; float: left; }


/* *************************************************************
TIPS
************************************************************* */
.tipsList { float: left; width: 320px; margin: 10px 0 0px 0; padding: 10px 0 0 0; border-top: 1px dotted #9C0; clear: both;}
.tipsList h3{ float: left; width: 100%; margin: 0 0 5px 0; padding: 0; color: #F09; font-size: 75%; font-weight: bold;}
.tipsList img{ float: left;}
.tipsList p{ font-size: 70%; color: #005CB6; float: left; width: 100%; margin: 0 0 0 0; padding: 0; line-height: 150%;}

a.downloads{ float: left; width: auto; white-space: nowrap; color: #690; padding: 0 0 0 15px; margin: 15px 0 0 5px; font-size: 100%; font-weight: bold; background: url(../images/icons/icons.gif) 0 -113px no-repeat; text-decoration: none}
a.downloads:hover{ text-decoration: underline; color: #360;}


/* *************************************************************
NEWS
************************************************************* */
#contentBodyWrap .newsList { float: left; width: 680px; margin: 15px 0 0px 0; padding: 15px 0 0 0; border-top: 1px dotted #C891FF;}
#contentBodyWrap .newsList h3{ float: left; width: 680px; margin: 0 0 5px 0; padding: 0; color: #F09; font-size: 75%; font-weight: bold;}
#contentBodyWrap .newsList img{ float: left; margin: 5px 10px 0 0;}
#contentBodyWrap .newsList p{ font-size: 70%; float: none; width: 100%; margin: 0; padding: 0; color: #639; line-height: 140%; clear: none; display: inline;}
#contentBodyWrap .newsList p a{ color: #690; }
#contentBodyWrap .newsList p a:hover{ color: #F60; }


/* *************************************************************
AWARDS
************************************************************* */
.awardsList { float: left; width: 135px; margin: 15px 0; padding: 0; display: inline; text-align: center; }
.awardsList h3{ float: left; width: 325px; margin: 0 0 10px 0; padding: 0; color: #005CB6; font-size: 80%; font-weight: bold;}
#contentBodyWrap .awardsList img{ float: none; margin: 0 auto; }
#contentBodyWrap .awardsList p{ font-size: 70%; float: none; width: auto; margin: 0 0 0 0; padding: 0; line-height: 100%; clear: none; display: inline;}

body#awards_popup { padding: 0 10px 0 0;}
body#awards_popup h1{ font-size: 120%; color: #F60; padding: 0; margin: 0 0 10px 0; }
body#awards_popup p{ font-size: 75%; color: #000; line-height: 140%; margin: 0 0 10px 0; padding: 0; }
body#awards_popup img{ float: left; margin: 0 10px 100px 0;}


/* *************************************************************
QUESTIONS
************************************************************* */
.questionsList { float: left; width: 320px; margin: 10px 0 5px 0; padding: 0px 0 0 0; }
.questionsList h3{ float: left; width: 100%; margin: 0 0 5px 0; padding: 0; color: #F09; font-size: 75%; font-weight: bold;}
.questionsList img{ float: left;}
.questionsList p{ font-size: 70%; color: #005CB6; float: left; width: 100%; margin: 0 0 0 0; padding: 0; line-height: 150%;}

body#questions #contentList li a{ height: 90px; background-position: top center;}
body#questions #contentList li li a{ height: auto;}
body#questions #contentList li span{ display: none;}
body#questions #contentList li ul{ margin: 5px 0 15px 10px;}


/* *************************************************************
INTERNATIONAL
************************************************************* */
.internationalList{ float: left; width: 230px; margin: 10px 0px 10px 0; padding: 5px 0 10px 0; display: inline;}
.internationalList img{ float: left; margin: 0 10px 0 0;}
#contentBodyWrap .internationalList h2{ float: left; width: 100%; margin: 0 0 5px 0; padding: 0; color: #F09; font-size: 95%; font-weight: normal; clear: none;}
#contentBodyWrap .internationalList p{ font-size: 70%; color: #005CB6; float: left; width: 100%; margin: 0 0 3px 0; padding: 0; line-height: 150%; clear: none;}
.internationalList p a{ margin: 0 0 0 0; font-weight: normal; color: #690}
.internationalList p a:hover{ color: #F60;}


/* *************************************************************
FRIENDS
************************************************************* */
#contentBodyWrap .friendsList { float: left; width: 325px; margin: 10px 20px 5px 5px; padding: 15px 0 0 0; border-top: 1px dotted #C891FF; display: inline; }
#contentBodyWrap .friendsList h2{ float: left; width: 100%; margin: 0 0 5px 0; padding: 0; color: #F09; font-size: 75%; font-weight: bold;}
#contentBodyWrap .friendsList img{ float: left; margin: 0 10px 0 0;}
#contentBodyWrap .friendsList p{ font-size: 70%; float: left; width: 100%; margin: 0 0 0 0; padding: 0; color: #005CB6; line-height: 150%;}



/* NEWSLETTER ARCHIVE NAVIGATION */

#newsletterNav ul { float: left; width: 150px; height: 27px; margin: 0; padding: 0; list-style: none; clear: left;}
#newsletterNav a{ width: auto; text-decoration: none; padding: 0; text-align: left; margin: 0; color: #fff;}

#newsletterNav li {float: left; margin: 0; padding: 0; width: auto; color: #DAF5FE; font-size: 100%; line-height: 100%; font-weight: normal; white-space: nowrap;}
#newsletterNav li a{ color: #CCC; padding: 0;}

#newsletterNav li ul {position: absolute; left: -999em; height: auto; width: 300px; font-weight: normal; padding: 0; margin: 0;}
#newsletterNav li li {padding: 0 0 0 10px; line-height: 200%; background-color: #09C; font-size: 70%; width: 280px; float: left;}

#newsletterNav li li a{padding: 0; color: #fff; text-decoration: none;}
#newsletterNav li li a:hover{ color: #036; }

#newsletterNav li:hover ul ul, #newsletterNav li:hover ul ul ul, #newsletterNav li.sfhover ul ul, #newsletterNav li.sfhover ul ul ul {left: -999em;}
#newsletterNav li:hover ul, #newsletterNav li li:hover ul, #newsletterNav li li li:hover ul, #newsletterNav li.sfhover ul, #newsletterNav li li.sfhover ul, #newsletterNav li li li.sfhover ul {	left: auto;}


/* *************************************************************
PASSPORT DOWNLOADS
************************************************************* */
.passportList{ float: left; width: 325px; margin: 10px 0 10px 0; padding: 5px 0 10px 0; display: inline;}
.passportList.passport{ background: url(../images/icons/icon_passport.png) 0 0 no-repeat;}
.passportList.diary{ background: url(../images/icons/icon_diary.png) 0 0 no-repeat;}
.passportList.log{ background: url(../images/icons/icon_log.png) 0 0 no-repeat;}
.passportList.car{ background: url(../images/icons/icon_car.png) 0 0 no-repeat;}
.passportList.plane{ background: url(../images/icons/icon_plane.png) 0 0 no-repeat;}
.passportList.boat{ background: url(../images/icons/icon_boat.png) 0 0 no-repeat;}
.passportList.hatch{ background: url(../images/icons/icon_hatch.png) 0 0 no-repeat; clear: left;}

.passportList h3{ float: left; width: 200px; margin: 0 0 5px 85px; padding: 0; color: #F09; font-size: 95%; font-weight: normal;}
.passportList p{ font-size: 75%; color: #005CB6; float: left; width: 220px; margin: 0 0 3px 85px; padding: 0; line-height: 150%;}
.passportList a.downloads{ margin: 0 0 0 0; font-weight: normal;}
.passportList a.downloads:hover{ color: #F60;}


/* *************************************************************
PRESS
************************************************************* */
#pressList { float: left; margin: 10px 0 0 0;}
#pressList img{ float: left;}
#pressList a{ float: left; margin: 0 8px 8px 0; border: 1px solid #9C6; padding: 1px;}
#pressList a:hover{ border: 1px solid #060;}

.speech{ float: left; width: 203px; margin: 0 13px 0 0;}
.speech img{ float: left; clear: both;}
.speech p{ font-size: 70%; color: #fff; float: left; width: 173px; padding: 0 15px; margin: 0; line-height: 140%;}
.speech p a{ text-decoration: none; color: #fff;}
.pink { background: url(../images/misc/speech_pink_bg.jpg) 0 12px no-repeat; margin-top: 5px;}
.blue { background: url(../images/misc/speech_blue_bg.jpg) 0 12px no-repeat; margin-top: -50px;}
.orange { background: url(../images/misc/speech_orange_bg.jpg) 0 12px no-repeat; margin-top: -30px;}


/* *************************************************************
ABOUT US
************************************************************* */
#logo_magmatic{float: left; margin: 0 20px 0 0; padding: 5px 10px; background-color: #fff; border: 1px solid #F99;}


/* *************************************************************
PASSPORT PAGE
************************************************************* */
.passportPic{ float: right; margin: 10px 30px 0 0;}

#passport { float: left; width: 640px;}
#passport form{ float: left; margin: 0; padding: 0; }
#passport p{ width: 100%;}
#passport fieldset{ border: none; float: left; width: 100%; margin: 20px 0 0 0; padding: 0;}
#passport h2{ clear: both; width: 100%; display: block; margin: 0 0 10px 0; padding: 0; float: left; color: #F60; font-size: 100%; font-weight: bold; border-bottom: 1px solid #FC9;}
#passport h3{ clear: both; width: 90%; margin: 10px 0 0 0; float: left; color: #005CB6; font-size: 90%; font-weight: normal;}
#passport label { font-size: 70%; }
#passport .options{ clear: both; float: left; width: 90%; margin: 5px 0 20px 0; color: #005CB6;}
#passport table{ float: left; font-size: 70%; color: #663399; width: 100%; clear: both;}
#contentBodyWrap #passport th {font-weight: bold; height: 2.5em; padding: 0px 0 0 10px; text-align: left; background: #FEF0BF url(../images/bg/bg_th.jpg) 0 0 repeat-x; font-size: 110%;}
#passport td{ color: #663399; padding: 8px 0 8px 10px;  border-top: 1px solid #F7C2F8; }
#passport td input{ width: 95%;}
#passport tr a{ color: #663399; text-decoration: none;}
#passport tr a:hover{ color: #CC6600; text-decoration: underline;}

#passport .bg{ background-color: #F7C2F8;}
#passport .bg2{ background-color: #FCE8FD;}

#contentBody ul{ clear: both;}
#contentBody p a{ color: #690; }
#contentBody p a:hover{ color: #F60; }


#passportThankyou {width: 520px; height: 260px; text-align: center; margin: -180px 0 0 -260px; position:absolute; left: 50%; top: 50%; background: url(../images/trunki-passport-medium.gif) 0 0 no-repeat; padding: 0 0 0 0;}
#passportThankyou p { float: right; width: auto; padding: 0 0 0 0; margin: 0 0 10px 0; clear: both; width: 250px; text-align: left; color: #660099; font-size: 80%; font-weight: bold;}


/* *************************************************************
ADD THIS
************************************************************* */
.addthis_toolbox{ float: left; margin: 10px 0 0 18px; clear: both; }

#productDetail .addthis_toolbox{ float: right; margin: 30px 30px 0 0; clear: none; }

/* *************************************************************
SUB CONTENT
************************************************************* */
#subContent{ float: left; width: 215px; margin: 10px 0 0 8px; padding: 0; display: inline; }

#product_categories{ float: left; width: 215px; background: url(../images/bg/bg_product_category.jpg) left bottom no-repeat; }
#product_categories img{ float: left; }
#product_categories .product_image{ margin: 0 0 0 10px; clear: left; }
#product_categories h2{ color: #006699; font-weight: normal; font-size: 80%; float: left; width: 190px; margin: 10px 0 20px 15px; padding: 0; display: inline; display: inline;}
#product_categories h3{ color: #FF0066; font-weight: normal; font-size: 100%; float: right; width: 125px; margin: 0 0 0 0; padding: 0;}
#product_categories h3 a{ color: #FF0066; text-decoration: none; }
#product_categories h3 a:hover{ color: #09F; text-decoration: underline; }

#product_categories h4{ color: #006699; font-weight: bold; font-size: 75%; float: right; width: 125px; margin: 0 0 0 0; padding: 0; }
#product_categories a h4{ color: #006699; text-decoration: none;}
#product_categories a:hover h4{ color: #FF0066; }

#product_categories a{text-decoration: none;}
#product_categories p{ color: #006699; font-weight: normal; font-size: 70%; float: right; width: 115px; margin: 2px 0 0 0; padding: 0 0 0 8px; background: url(../images/icons/icon_arrow_product_cat.png) 0 4px no-repeat; }
#product_categories a p,
#product_categories p a{color: #006699; text-decoration: none; }
#product_categories a:hover p,
#product_categories p a:hover{color: #F06; text-decoration: underline; }


#product_categories .lineBreak{ float: left; clear: both; width: 185px; height: 2px; margin: 12px 0 12px 15px; background: url(../images/bg/bg_dots.png) 0 0 repeat-x; display: inline; }

#product_categories p.view_all_products{ font-size: 75%; font-weight: bold; width: 180px; background-position: 0 5px; margin: 5px 0 15px 0; }


#options{ float: left; width: 215px; clear: left; padding: 10px 0 0 0; margin: 20px 0 0 0; }
#options ul{ float: left; width: 195px; margin: 0 0 0 0; padding: 0; list-style: none;}
#options li{ font-size: 90%; width: 170px; margin: 0 0 15px 0; padding: 0 0 0 45px; float: left; display: block; clear: both;}
#options li a{ text-decoration: none; font-weight: bold;}
#options li a span{ font-size: 75%; font-weight: normal; float: left; display: block;}

#options li.passport{ background: url(../images/icons/icon_passport.gif) 5px 0 no-repeat;}
#options li.passport a{ color: #F60;}
#options li.passport a:hover{ color: #F30; text-decoration: underline;}
#options li.subscribe{ background: url(../images/icons/icon_subscribe.gif) 2px 0 no-repeat;}
#options li.subscribe a{ color: #7ABD21;}
#options li.subscribe a:hover{ color: #690; text-decoration: underline;}
#options li.recommend{ background: url(../images/icons/icon_recommend.gif) 0 0 no-repeat;}
#options li.recommend a{ color: #006AB5;}
#options li.recommend a:hover{ color: #039; text-decoration: underline;}

#subNav{ float: left; width: 215px; }
#subNav ul{float: left; width: 215px; list-style: none; margin: 0; padding: 0;}
#subNav li{ float: left; color: #ccc; font-size: 70%; }
#subNav li a{ text-decoration: none; color: #666; margin: 6px 5px 0 10px; float: left; padding: 5px 0 3px 0;}
#subNav li a:hover{ text-decoration: underline; color: #333; }

#subNav li a.privacy{ background: url(../images/icons/icons.gif) 0 -32px no-repeat; padding-left: 10px;}
#subNav li a.returns{ background: url(../images/icons/icons.gif) 0 -53px no-repeat; padding-left: 15px;}
#subNav li a.sitemap{ background: url(../images/icons/icons.gif) 0 -72px no-repeat; padding-left: 15px;}

#subNav li.items{ float: right;}
#subNav li a.checkout{ background: url(../images/icons/icons.gif) 0 -94px no-repeat; padding-left: 22px; margin-right: 10px;}

#bookmarking{ float: left; width: 215px; clear: left; padding: 20px 0 0 0; margin: 10px 0 0 0; }


/* *************************************************************
SEND TO A FRIEND
************************************************************* */
form#sendToAFriend{ float: left; width: auto;}
#sendToAFriend h2{ float: left; width: 210px; padding: 0 0 2px 0; margin: 10px 0 0 0; font-size: 75%; font-weight: bold; color: #09F; clear: none;}
#sendToAFriend p{ margin: 0 0 3px 0; width: 450px;}
#sendToAFriend textarea{ font: 100% Arial, Helvetica, sans-serif;}

img.sendToAFriend{ float: right; margin: 0px 20px 0 0; border:1px solid #CCC;}


/* *************************************************************
NEWSLETTER
************************************************************* */
#replaceme, #sackdata{ float: left; width: 260px; margin: 5px 0 0 0;}
#subscribeForm #replaceme p, #contactPopup #sackdata p{ float: left; width: 100%; margin: 0 0 0 0; padding: 0 0 0 0;  display: inline; color: #F09; font-size: 75%; background-color: #FFF; line-height: 130%;}
#subscribeForm form p{ float: left; width: 290px; font-size:75%; margin: 0 0 0 0; padding: 0; line-height: 220%; display: inline;}
#subscribeForm form label{ width: 100px; float: left}
#subscribeForm form .submit { background: url(../images/buttons/btn_submit.jpg) 0 0 no-repeat; border: none; width: 100px; height: 31px; cursor: pointer; float: left; margin: 5px 0 0 0;}
#subscribeForm form .submit:hover{background: url(../images/buttons/btn_submit.jpg) 1px 1px no-repeat; height: 31px; width: 101px;}


/* *************************************************************
TRUNKI STORY
************************************************************* */
#storyWrap{width: 600px; margin: 0 auto; padding-top: 20px;}
#storyWrap #leftColumnStory{width: 250px; margin-right: 30px; float: left;}
#storyWrap #rightColumnStory{width: 300px; float: right; margin-right: 20px; text-align: right;}
#storyWrap #leftColumnStory h1{margin: 0 0 30px 0;}
#storyWrap p{font: 75% Arial, Helvetica, sans-serif; color: #0066FF; line-height: 170%;}
#storyWrap p a{font-family: Arial, Helvetica, sans-serif; color: #FF399C; text-transform: uppercase;}


/* *************************************************************
AS SEEN ON TV
************************************************************* */
#seenOnTV{width: 300px; margin: 0 0 0 20px; padding-top: 20px;}
#seenOnTV p{font-size: 70%;}
#seenOnTV ul{ padding: 0 0 20px 0; margin: 0; list-style-type: none;}
#seenOnTV li {font-size: 70%; color: #FF399C; text-transform: uppercase; float: left; width: 100px;}
#seenOnTV li a{color: #FF399C;}
#seenOnTV .line{margin: 0 20px 0 0; padding: 0; height: 20px; border-bottom: 1px solid #ccc; width: 300px; clear: both;}


/* *************************************************************
SITEMAP
************************************************************* */
#siteMap ul{ }
#siteMap li{ font-size: 100%; color: #005CB6; line-height: 150%;}
#siteMap li a{ color: #005CB6; text-decoration: none;}
#siteMap li a:hover{ color: #FF399C;}


/* *************************************************************
CAROUSEL
************************************************************* */
#carousel{ float: left; width: 670px; margin: 20px 0 0 0; }
#carousel ul{ float: left; list-style: none; margin: 0; padding: 0; overflow: hidden; height: 70px;}


/* *************************************************************
IMAGES ROLLOVER
************************************************************* */
.imageRollover{background: #FFFFFF url(../images/img_load.gif) center 90px no-repeat; border: 1px solid #999; overflow: auto; padding: 5px;}
.imageRollover img{ padding: 1px 0 1px 1px; float: left; clear: both;}
.imageRollover h2{ font-size: 75%; color: #3399FF; margin: 5px 0 5px 5px; padding: 0; float: left; clear: both; display: inline; width: 97%;}
.imageRollover p{ font-size: 70%; color: #666; margin: 0 0 0 5px; padding: 0; float: left; clear: both; display: inline; width: 97%;}


/* *************************************************************
PAGE NAVIGATION
************************************************************* */
#pageNav { float: right; width: 200px; padding: 0; margin: 10px 15px 10px 0; color: #666; display: inline; clear: right;}
#pageNav p{color: #F09; font-size: 70%; line-height: 100%; float: left; width: 200px; margin: 0; padding: 0;}
#pageNav form{ float: right; width: auto; text-align: right; padding: 0; margin: 0; color: #666; display: inline;}
#pageNav select{ font-size: 70%; margin: 0 5px; float: left; display: inline;}
#pageNav a{padding: 0; margin: 1px 0 0 0; color: #666; line-height: 150%; text-decoration: none; float: left;}
#pageNav img{ float: left; padding: 0; margin: 0;}


/* *************************************************************
CONTACT PAGE
************************************************************* */
#contact{ background: url(../images/misc/stamp.png) top right no-repeat; padding: 40px 0 0 20px; margin: 0 20px 0 0; float: right; border-left: 1px dotted #F90; width: 360px;}
#contact fieldset{border: 1px solid #FDDEA6; float: left; background: #fff; width: 100%; padding: 10px;}
#contentBodyWrap #contact h2{ font-size: 100%; color: #F60; padding: 0; margin: 0 0 10px 0; font-weight: normal; float: left; clear: both; width: 300px;}
#contact p{ float: left; margin: 0 0 2px 0; padding: 0; width: 290px; font-size: 75%; line-height: 120%; color: #09F;}
#contact label{ float: left; width: 125px;}
#contact textarea{ font: 110% Arial, Helvetica, sans-serif; width: 140px;}

#contact ul{ list-style: none; margin: 0 0 20px 0; padding: 0; clear: both; float: left;}
#contact li{ float: left; color: #005CB6; margin: 0 0 5px 0; padding: 0 0 0 10px; background: url(../images/icons/icon_arrow-blue.gif) 0 5px no-repeat; clear: both; white-space: nowrap;}
#contact li a{ color: #09F;}
#contact li a:hover{ color: #F09;}

#enquiryForm { float: left; margin: 0 0 20px 0;}
#enquiryForm h2{ color: #005CB6; font-size: 100%; font-weight: normal; margin: 10px 0 10px 0; float: left; width: 100%;}


/* *************************************************************
BUTTONS
************************************************************* */
.submit { background: url(../images/buttons/btn_submit.jpg) 0 0 no-repeat; border: none; width: 100px; height: 27px; cursor: pointer; margin: 0;}


/* *************************************************************
AWARDS FOOTER
************************************************************* */
#awards_footer{ float: left; width: 700px; margin: 20px 0 20px 20px; display: inline; }
#awards_footer img{ float: left; }
#awards_footer ul{ float: left; width: 700px; margin: 10px 0 0 0; padding: 0; list-style: none; clear: both; }
#awards_footer li{ float: left; width: auto; margin: 0 20px 0 0; clear: none; }


/* *************************************************************
FOOTER
************************************************************* */
/* #footer { width: 100%; background: url(../images/footer.jpg) no-repeat; height: 123px;}
#footer, .push {height: 123px;} */
#footer{position: relative; margin-top: -113px; width: 100%; background: url(../images/bg/footer.jpg) no-repeat; height: 123px; clear: both;}


/* *************************************************************
MISCELLANEOUS
************************************************************* */
p.message{ width: 640px; border-top: 1px dotted #C891FF; padding: 10px 0 0 0; color: #F09; clear: both; margin: 20px 0 0 0; float: left;}