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

Title : pucciManuli
Author : Adrian Jacob / adrian.jacob@gforces.co.uk / G-Forces Web Management Ltd

Type: Screen, Projection

Description : Screen and projection stylesheet pucciManuli site

Created : 06/06/06
Modified : 29/06/06

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

/* COMMON AND GLOBAL */
body { font:70%/1.4 arial, verdana, helvetica, sans-serif; margin:0; padding:0; background:#cbb67b; color:#000000; text-align:center; }
/*  This font sizing is for standards based browsers (firefox, opera, mozilla) that can re-size text.  
Declaring the font size in pixels makes it more consistent across browsers. */
html>body { font-size:11px; }
td, textarea, input, select { font:100% arial, verdana, helvetica, sans-serif; }
html>body td, html>body textarea, html>body input, html>body select { font-size:11px; }
/* some browsers don't inherit the font into tables or textareas! */


/* ----- IDS ----- */
#container { width:100%; text-align:left; }
#header { height:99px; background:url(../../images/layup/headerBg.gif); text-align:center; }
#header .headerLeft { position:absolute; left:-20px; top:0px; }
#header .headerRight { position:absolute; right:-25px; top:0px; }
#header .container2 div { padding-top:10px; }
#header .logo { margin:0 auto; }
#header a { display:block; width:257px; margin:0 auto; }
#content { background:#f1eee7; }
#search { float:right; }
#level2 { padding-bottom:20px; float:left; }
#clientCare { margin:0 4px; }
#footer { text-align:center; margin-bottom:30px; }
#footer .img { padding:0px 0; }
#footer p { color:#735c33; padding:0 70px; }
#footer .penguin { position:absolute; top:-57px; left:258px; }
#footer p a { text-decoration:underline; }

#footerLinks a { padding-top: 15px; text-decoration:none !important; font-weight: bold !important; color: #846b3f !important; }
#footerLinks a:hover { text-decoration: underline !important; }
#validXhtml { position: absolute; top: 72px; left: 180px;}
#securityCode { padding:10px; background:#f1eee7; }
#securityCode img { float:left; position:relative; left:-5px; margin-right:5px; }
#securityCodeBody { background:#f1eee7; }


/* ----- CLASSES ----- */
.clear { clear:both; }
.hide { display:none; }
.show { display:block; }
.printShow { display:none; }
.float_left { float:left !important; }
.float_right { float:right !important; }
.image_right { float:right; padding:0 28px 15px 15px; }
.image_right2 { padding:0 0 10px 10px; }
.image_left { float:left; padding:0 15px 15px 0; }
.textCenter { text-align:center; }
.textRight { text-align:right; }
.relative { position:relative; }
.underline { text-decoration:underline; }
.container2 { width:760px; margin:0 auto; }
.col1 { float:left; width:137px; margin-bottom:40px; }
.col2 { float:left; width:623px; margin-bottom:60px; }
.col2b { float:left; width:719px; margin-bottom:100px; position:relative; left:18px; }
.col2Padding { padding:0 0 0 12px; }
.width100 { width:100%; }
.width55 { width:55%; text-align:left; }
.width33 { width:33%; }
.width50px { width:50px !important; }
.width10px { width:18px !important; text-align:center; border:1px solid #7f9db9; padding:2px 3px; }
.btnMore { display:inline; padding:0 4px; }
.homeRow1 .col2 { float:right; width:160px; margin-bottom:0px; }
.homeRow1 .float_left { margin-top:10px; }
.homeRow2 ul { list-style:none; padding:0; margin:0; background:#ff5544; }
.homeRow2 li { width:151px; height:143px; float:left; position:relative; }
.homeRow2 .homeRow2a { color:#000000; position:relative; top:-30px; left:14px; }
.homeRow2 a:hover { text-decoration:none; }
.homeRow3 .col1 { float:left; width:420px; margin-bottom:0px; }
.homeRow3 .col1 .padding { padding:25px 11px; }
.homeRow3 .homeRow3a { color:#000000; position:relative; top:-30px; left:14px; }
.homeRow3 .col2 { float:right; width:158px; margin-bottom:0px; }
.homeRow3 .col2 a:hover { text-decoration:none; }
.copyright { margin-top:12px !important; }
.enlarge { background:url(../../images/layup/enlarge.gif) 0px 5px no-repeat; margin-left:4px; padding-left:20px; float:left; padding-top:4px; }
.endDetail { float:right; width:234px; margin-right:8px; display:inline; }
.endPrice { position:absolute; top:-62px; left:60px; font-size:115%; }
.endAddBasket { position:absolute; top:-38px; left:60px; }
.endThumb { position:absolute; top:260px; width:80px; height:60px; cursor:pointer; cursor:hand; }
.endThumb1 { left:17px; }
.endThumb2 { left:99px; }
.endThumb3 { left:180px; }
.endThumb4 { left:261px; }
.endRow2 { padding:0 4px; margin-bottom:20px; }
.endRow3 { padding:0 4px; margin-bottom:20px; }
.endRow3 #level2 { margin-top:18px; margin-left:-2px; }
.endRow3 #level2 li { margin-right:45px; }
.secPadding { padding:10px 0; }
.hr { height:1px; line-height:1px; width:100%; background:url(../../images/layup/dotsH.gif) repeat-x; margin:0px; border:0px; padding:0px; }
.hr1 { position:relative; top:2px; }
.hr2 { position:relative; top:2px; }
.hr3 { position:relative; top:2px; }
.hr4 { margin:20px 0; }
.hrToymaker { margin:12px 0 ;}
.priceShow { display:block; }
.priceHide { display:none; }
.checkoutPadding { padding:20px 0; }
.nomarginleft ul { margin-left:0px !important; }
.hazardInfo { background:url(../../images/layup/hazard.gif) 8px 0 no-repeat; text-indent:18px; }
.toymakerscol1 { float:left; width:420px; }
.toymakerscol2 { float:right; width:160px; }
.width257 {width:257px; }
.radio {margin:5px 4px 0 4px !important; padding:0 !important;}

/* ----- HEADINGS & PARAGRAPHS ----- */
h1, h2, h3, h4, h5, h6 { margin:0; padding:0; }
h1 { position:absolute; top:0px; left:-10000px; }
h2 { position:absolute; top:0px; left:-10000px; }
.h2 { margin:12px 0 8px 0; }
h3 { font-size:100%; }
#levelEnd h3 { background:#856f40 url(../../images/layup/h3.gif) 0 0 no-repeat; color:#FFFFFF; padding:4px 8px !important; margin:0; }
#content .col2 h3 { padding:0 4px; margin-top:3px; }
#checkout h3 { padding-left:8px !important; }
h4 { font-size:100%; margin-left:1px; margin-top:25px; }
h4.toymaker { margin:0px 0px 10px 4px !important; padding-top:10px; }
#securityCode h4 { margin-top:0px; }
h5 {}
h6 {}

/* ----- NAVIGATION ----- */
#topNav1 { height:31px; background:url(../../images/layup/topNav1Bg.gif) top repeat-x; }
#topNav1 ul { list-style:none; padding:0; margin:7px 0 0 19px; float:left; display:inline; }
#topNav1 li { float:left; margin:0 0px 0 0px; padding-left:9px; background:url(../../images/layup/topNav1Sep.gif) 0 3px no-repeat; }
#topNav1 .first { background:none; }
#topNav1 a { color:#c6af75; display:block; padding:0 5px 0px 0; margin-right:8px; }
#topNav1 span { display:block; padding-left:6px; padding-top:0px; }
#topNav1 a:hover span, #topNav1 .active span { padding-left:6px; }
#topNav1 a:hover, #topNav1 .active a { color:#f1eee7; text-decoration:none; }


#topNav2 { background:#a49271 url(../../images/layup/topNav2Bg.gif) bottom repeat-x; }
#topNav2 .date { color:#f1eee7; float:left; width:137px; text-align:center; font-weight:bold; margin-top:6px; }
#topNav2 ul { list-style:none; margin:0 0 0 15px !important; padding:3px 0 0 0; float:left; }
#topNav2 li { float:left; margin:0 0px 0 0px; padding-left:14px; background:url(../../images/layup/topNav2Sep.gif) 0 5px no-repeat; }
#topNav2 a { color:#f1eee7; display:block; padding:0 5px 9px 0; margin-right:13px; }
#topNav2 span { display:block; padding-left:6px; padding-top:3px; }
#topNav2 a:hover span, #topNav2 .active span { background:#f1eee7 url(../../images/layup/topNav2TabBg.gif) top left no-repeat; padding-left:6px; }
#topNav2 a:hover, #topNav2 .active a { background:#f1eee7 url(../../images/layup/topNav2TabBg.gif) top right no-repeat; color:#333333; text-decoration:none; }

#subNav ul { list-style:none; padding:0; margin:0 0 7px 0; }
#subNav li { background:url(../../images/layup/subNavBg.gif) bottom repeat-x; }
#subNav a { display:block; width:137px; text-align:center; color:#000000; padding:7px 0; }
#subNav a:hover, #subNav .active a { text-decoration:none; color:#846b3f; }
#subNav span { position:relative; }
#subNav span img { position:absolute; left:-20px; top:-1px; display:none; }
#subNav a:hover span img, #subNav .active span img { display:block; }

#level2 ul { list-style:none; padding:0; margin:0 0 0 30px; }
#level2 li { float:left; width:151px; margin-right:50px; margin-bottom:22px; height:auto; min-height:150px; }
#level2 li.last { margin-right:0px; }
#level2 p { padding:0 0px !important; }

.level3 ul { list-style:none; padding:0; margin:0; padding-top:20px; }
.level3 li { float:left; margin-right:2px; cursor:pointer; cursor:hand; }
.level3 span { background:url(../../images/layup/level3.gif) top left no-repeat; display:block; padding:4px 8px; }
.level3 a { background:#baac93 url(../../images/layup/level3.gif) top right no-repeat; color:#FFFFFF; display:block; }
.level3 a:hover, .level3 .active a { background:#846b3f url(../../images/layup/level3.gif) top right no-repeat;; text-decoration:none; }

.level3b ul { list-style:none; padding:0; margin:0; padding-top:20px; }
.level3b li { float:left; margin-right:2px; cursor:pointer; cursor:hand; }
.level3b .span1 { background:url(../../images/layup/level3.gif) top left no-repeat; display:block; padding:4px 8px; font-weight:bold; }
.level3b .span2 { background:#baac93 url(../../images/layup/level3.gif) top right no-repeat; color:#FFFFFF; display:block; font-weight:bold; }
.level3b .span2:hover, .level3b .active .span2 { background:#846b3f url(../../images/layup/level3.gif) top right no-repeat; text-decoration:none; font-weight:bold; }

#checkout .level3 span { padding:4px 24px; }

#optionsNav ul { list-style:none; padding:0; margin:10px 0 0 0px; }
#optionsNav li { float:left; margin:0 0px 0 0px; padding-left:9px; background:url(../../images/layup/topNav1Sep.gif) 0 3px no-repeat; }
#optionsNav .first { background:none; }
#optionsNav a { display:block; padding:0 5px 0px 0; margin-right:8px; }
#optionsNav span { display:block; padding-left:6px; padding-top:0px; }
#optionsNav a:hover span, #optionsNav .active span { padding-left:6px; }

#clientCareHeader { list-style:none; padding:0; margin:0 4px; }
#clientCareHeader li { float:left; width:200px; padding:2px 0; }

#footer ul { list-style:none; padding:2px 0 0 0; margin:0; }
#footer .first { padding-top:15px; }
#footer li { display:inline; border-right:1px solid #846b3f; padding:0 6px 0 4px; }
#footer li.last { border-right:0px; }
#footer a { color:#846b3f; }
#footer p a { color:#735c33; font-weight:normal; }

/* ----- PAGINATION ----- */
.pagination { float:right; margin-right:7px; display:inline; }
.pagination ul { list-style:none; padding:0; margin:0; }
.pagination li { display:inline; }
.pagination .bottom { padding-bottom:30px; }
.pagination .top { margin-bottom:-10px; position:relative; top:-30px; }
.pagination a { color:#000000; padding:0 2px; }
.pagination .viewAll { font-weight:normal; }
.pagination .viewAll:hover { background:none; color:#000000; text-decoration:underline; }
.pagination a:hover, .pagination .active a { text-decoration:none; background:#000000; color:#FFFFFF; }

/* ----- SITE MAP ----- */
#sitemap { list-style:none; margin:0 0 0 5px; padding:0;}
#sitemap ul { list-style:none;}
.sitemapLi { background:url(../../images/layup/bullet.gif) 0px 10px no-repeat; padding:6px 0 5px 15px;}
.sitemapFix { position:static !important;}

/* ----- CHECKOUT ----- */
#checkout { padding:0 3px; }

/* ----- BREADCRUMBS ----- */
#breadcrumbs ul { list-style:none; padding:28px 0 14px 0; margin:0 4px; }
#breadcrumbs li { display:inline; font-weight:bold }
#breadcrumbs a { font-weight:normal; color:#000000; padding-right:4px; }
#breadcrumbs span { font-size:85%; font-weight:bold; }

/* ----- GLOBAL ----- */
img { display:block; border:0; }
p { padding:0; margin:0; }
hr { display:none; }
.homeRow1 p { margin-bottom:1.2em; padding-right:10px; }
.homeRow3 .col1 .padding p { margin-top:1.2em; }
.homeRow3 .col2 p { padding:0 14px; color:#4f3415; margin-bottom:1.2em; margin-top:-6px; }
#content .col2 p { padding:0 4px; margin-top:1.2em; }
#level2 p { margin:0 !important; text-align:center; }
#levelEnd .endDetail p { padding:0 8px !important; margin:6px 0px; }
.endRow2 p { padding:0 1px !important; margin:0 !important; margin-top:1.2em !important; }
.toymakerP p{ position:relative; top:-5px; padding:0 5px !important; }
#checkout p, #newsletter p { padding:0 1px !important; margin:0px !important; margin-bottom:1.2em !important; }

/* ----- LINKS ----- */
a { color:#846a39; font-weight:bold; text-decoration:none; }
a:hover { text-decoration:underline; }

/* ----- FORMS ----- */
form { padding:0; margin:0; }
fieldset { padding:0; margin:0; border:0px none; }
legend { padding:0; margin:0; display:none; }
label { display:none; margin-left:20px; }
input, select { background:#FFFFFF !important; }
.radio, .checkbox { background:none !important; }
.required { font-weight:bold; color:#846b3f; }
.inputfield { background:#FFFFFF !important; }
.inputfieldlarge { overflow:auto; }



#search .search0 { position:absolute; right:213px; top:7px; color:#c6af75; font-weight:bold; }
#search .search1 { position:absolute; right:55px; top:6px; }
/* target safari - mac */
html*#search .search0:not(foo) { top:8px; }
html*#search .search1:not(foo) { top:4px; }
/* end */
#search .search2 { position:absolute; right:28px; top:6px; }
#search .inputfield { color:#6d6d6d; border:0px; padding:2px 3px 3px 3px; width:148px; }

#checkout form { padding:15px 8px; }
#checkout .inputfield, #checkout .inputfieldlarge { border:1px solid #846b3f; padding:2px 3px; width:200px; }
#checkout label { display:block; float:left; width:130px; padding-top:3px; }
#checkout select { border:1px solid #846b3f; padding:1px 1px; width:208px; }
#checkout .exDate1 { width:102px; }
#checkout .help { padding-left:6px; }
#checkout .checkbox { margin-left:0px; }
#checkout .checkboxText { position:relative; top:-2px; left:2px; }

#newsletter form { padding:15px 4px; }
#newsletter .inputfield, #newsletter .inputfieldlarge { border:1px solid #846b3f; padding:2px 3px; width:200px; }
#newsletter label { display:block; float:left; width:124px; padding-top:3px; }
#newsletter select { border:1px solid #846b3f; padding:1px 1px; width:208px; }
#newsletter .exDate1 { width:102px; }
#newsletter .help { padding-left:6px; }
#newsletter .checkbox { margin-left:0px; }
#newsletter .checkboxText { position:relative; top:-2px; left:2px; }
#newsletter .optionFix { margin-top:-6px !important; }


/* ----- TABLES ----- */
table{ border-collapse:collapse; }

#myBasket { padding:0 5px; }
#myBasket table { width:100%; }
#myBasket th { background:#856f40; color:#FFFFFF; padding:3px 4px 2px 4px; }
#myBasket td { padding:10px 4px; background:url(../../images/layup/dotsH.gif) bottom repeat-x; }
#myBasket .priceTotal { font-size:100%; font-weight:bold; }
#myBasket .noBorder { background:none; }