@charset "utf-8";
/* CSS Document */

body { margin:0; padding:0; background-color:#FFF; font:13px "Trebuchet MS", Arial, Helvetica, sans-serif; }
div, form { margin:0; padding:0; border:none; }
a img { border:none; }
a { color:#cc2340; text-decoration:underline; }
a:hover { text-decoration:none; }

h1 { margin:0 0 12px 0; padding:0; font: bold 20px "Times New Roman", Times, serif; background:url(/images/h1.gif) no-repeat left; padding-left:58px; letter-spacing:1px; }

.all { width:999px; margin:auto; }
.clear {clear: both; height:0; font-size:0; }
.abs { vertical-align:middle; }
.mag { color:#cc2340; }
.gray { color:#999999; }
.dots { background:url(/images/dot.gif) repeat-x center; padding:3px 0 3px 0; }
.dotz { background:url(/images/dot.gif) repeat-x center; padding:1px 0 1px 0; }
.red { color:#bd0b29; }
.m0 { margin:0; padding:0; }

.logo { height:54px; background:url(/images/bkg-header.jpg) repeat-x top; }
.apia { float:left; width:350px; }
.lang { float:right; width:350px; padding-right:18px; padding-top:16px; }
.lang select { width:100px; padding:1px; border:1px solid #FFFFFF; }

.btn { height:24px; padding-top:2px; padding-bottom:2px; background:#cc2340 url(/images/btn-off.gif) repeat-x top; font:bold 13px Arial, Helvetica, sans-serif; color:#FFF; border:1px solid #333;  }
.btn:hover { background:#121212 url(/images/btn-on.gif) repeat-x top; cursor:pointer; }

.npbo { border-top:2px solid #444444; border-left:2px solid #444444; border-bottom:2px solid #afafaf; border-right:2px solid #afafaf; }
.npbo:hover { border-top:2px solid #be0b29; border-left:2px solid #be0b29; border-bottom:2px solid #d4919c; border-right:2px solid #d4919c; }

.con-in { border:1px solid #7e7e7e; width:280px; }
.con-in:hover { border-color:#be0b29; background:#ffffeb; }
.con-area { border:1px solid #7e7e7e; width:280px; height:70px; }
.con-area:hover { border-color:#be0b29; background:#ffffeb; }
.pass-in { border:1px solid #7e7e7e; width:190px; padding:2px; }
.pass-in:hover { border-color:#be0b29; background:#ffffeb; }

.nav { height:42px; border-top:3px solid #cecece; background:#D04960 url(/images/bkg_nav.gif) repeat-x top; }

.h18 { height:18px; }
.hh { padding:8px 0 8px 0; border:1px solid #e3e3e3; background: #FFF url(/images/bkg_hh.jpg) repeat-x top; font:bold 14px "Times New Roman", Times, serif; }

.seealso { border-bottom:1px solid #ebebeb; margin:0 0 12px 0; padding:6px 0 0 0; height:30px; font: bold 20px "Times New Roman", Times, serif; background:url(/images/seealso.gif) no-repeat left; padding-left:40px; letter-spacing:2px;}
.view480 { float:left; width:480px; }
.view200 { float:right; width:200px; }
.mats { background:#ebebeb; padding-top:4px; padding-bottom:4px; }
.matt { padding:8px 0 8px 8px; }
.matt a { color:#000; }
.shoe-title { background:#fff2f4; border-left:3px solid #bd0b29; padding:4px 8px 4px 8px; }
.shoe-title h2 { margin:0; padding:0; font:bold 24px "Times New Roman", Times, serif; }
.hidden-price { margin:1px 0 0 0; background:#f6fff2; border-left:3px solid #46b21b; padding:2px 8px 2px 8px; color:#006600; }
.matline { border-bottom:1px solid #ebebeb; padding:8px 0 8px 0; }

.list-left { float:left; width:685px; }
.list-right { float:right; width:255px; }
.right-discount { background:url(/images/right-discount.jpg) no-repeat top; width:255px; height:165px; }
.right-discount h4 { margin:0; padding:8px 0 0 42px; font:bold 14px "Times New Roman", Times, serif; }
.right-discount h4 span {color:#bd0b29}

.rcats { background:url(/images/right-categories.jpg) no-repeat top; width:255px; height:35px; }
.rcats h3 { margin:0; padding:8px 0 0 36px; font:bold 14px "Times New Roman", Times, serif; }
.rcats h3 span {color:#bd0b29}

.picto { background:url(/images/right-pictograms.jpg) no-repeat top; width:255px; height:36px; margin-bottom:8px; }
.picto h3 { margin:0; padding:8px 0 0 38px; font:bold 14px "Times New Roman", Times, serif; }

.ldiv { margin:13px 0 3px 0; }
.listprice { font:normal 11px Tahoma, Geneva, sans-serif; }

.home-left { float:left; width:540px; }
.home-right { float:left; width:410px; margin-left:32px; }
.homeaddr { padding:0 12px 12px 0; background:#FFF url(/images/bkg_home_gradient.jpg) repeat-x bottom; }
.vert { background:url(/images/m.gif) repeat-y center; }
.hpl {padding-left:14px;}
.hpl a { color:#000; text-decoration:none; }
.hpl a:hover { color:#000; text-decoration:underline; }

.sub-women { height:93px; background:url(/images/sub_women.jpg) no-repeat center top;}
.sub-women-menu { float:left; width:300px; padding:4px 0 0 8px; }
.sub-women-txt { float:right; width:390px; padding:5px 15px 0 0; }

.sub-men { height:93px; background:url(/images/sub_men.jpg) no-repeat center top;}
.sub-men-menu { float:left; width:200px; padding:4px 0 0 164px; }
.sub-men-txt { float:right; width:440px; padding:5px 15px 0 0; }

.sub-all { height:93px; background-repeat:no-repeat; background-position:top; }
.sub-all-menu { float:left; width:580px; padding:4px 0 0 0px; }
.sub-all-txt { float:right; width:370px; padding:7px 15px 0 0; }

.submenulist { list-style-type:none; margin:0; padding:0; font-weight:bold; line-height:24px; }
.submenulist li:hover { background:url(/images/sub-horizontal.gif) repeat-y left; }
.submenulist li a { color:#000; text-decoration:underline; background:url(/images/subar.gif) no-repeat left; padding:0 0 0 21px;  }
.submenulist li a:hover { color:#bd0b29; text-decoration:none; }

.submenuright { list-style-type:none; margin:0; padding:0; line-height:24px; }
.submenuright li { color:#adadad; }
.submenuright li:hover { background:url(/images/sub-horizontal.gif) repeat-y left; }
.submenuright li a { color:#000; text-decoration:underline; background:url(/images/subar.gif) no-repeat left; padding:0 0 0 21px;  }
.submenuright li a:hover { color:#bd0b29; text-decoration:none; }

.container { width:970px; margin:auto; }
.sthumb { float:left; width:152px; height:180px; margin-bottom:25px; text-align:center; }
.sthumb a img { border:1px solid #FFF; }
.sthumb a img:hover { border:1px solid #ffd4dc; }
.sthumb h5 { margin-top:6px; padding:0;  text-align:center; font:bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#404040; }
.sdv { float:left; width:25px; height:150px; }

.abo-left { float:left; width:290px; }
.abo-right { float:right; width:390px; }

.footer { border-top:1px solid #cc2340; padding:4px 0 4px 0; font:11px Tahoma, Geneva, sans-serif; }
.footer-left { float:left; width:405px;  padding:8px 0 0 45px; height:20px; background:url(/images/apia-footer-logo.gif) no-repeat left; }
.footer-right { float:right; width:450px; color:#999999; padding:8px 0 0 0; }
.footer-right a {color:#999999; text-decoration:underline; }
.footer-right a:hover { text-decoration:none; color:#cc2340; }

.error { background:#fff4f4; border:2px solid #bd0b29; width:200px; padding:30px; margin:auto; font-weight:bold; color:#900; }


/* (s) pagination */
.pagination { margin:auto;}
.pcount { float:left; width:185px; white-space:nowrap; padding-top:3px;  }
.pcount strong { color:#C00; }
.paging { float:right;  white-space:nowrap;  }
.paging ul { float:right; list-style-type:none; margin:0; padding:0; }
.paging ul li { padding:2px 6px 2px 6px; margin:0 0 0 4px; float:left; display:inline; border:1px solid #999999; color:#999999; }
.paging ul li.current { border-color:#cc0000; background:#fffeeb; }
.paging ul li.current a { font-weight:bold; color:#cc0000; }
.paging ul li:hover { border-color:#cc0000; background:#f9f9f9; cursor:pointer; }
.paging ul li a { color:#999999; text-decoration:none; }
.paging ul li a:hover { color:#cc0000; text-decoration:none; }
/* (e) pagination */