/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; background: transparent;}

ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}

/* remember to define focus styles! */
:focus {outline: 0;}

/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}

/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse; border-spacing: 0;}


/**** Globals ****/
body {font-family: "Trebuchet MS", Helvetica, Arial, Verdana; font-size: 62.5%; line-height: 1; color: #343434; }

h1, h2, h3, h4, h5, h6 { font-family: Helvetica, Arial, Verdana; margin-bottom: 6px; text-transform: uppercase; }
h1 { font-size: 3em; }
h2 { font-size: 2.5em; }
h3 { font-size: 2.167em; }
h4 { font-size: 1.667em; }
h5 { font-size: 1.167em; }
h6 { font-size: 1em; }
p { margin-bottom: 14px; }

a {color: #333; text-decoration: none;}
a:hover { text-decoration: none; color: red; }

li.last-list-item, li.last-list-item a {
border-right: none;
}

/***** Basic Layout ****/

#wrapper {
background: #fff url(../images/wrapper_catal_bg.gif) top left repeat-y;
font-size: 1.2em;
margin: 0 auto;
overflow: hidden;
padding: 0 10px;
width:948px;
}

#header {
height: 107px;
position: relative;
}

#first-navigation {
height: 28px;
}

#second-navigation {
background: url(../images/nav_second_bg.gif) top left repeat-x;
height: 70px;
width:948px;
}

#content-wrapper {
background: #fff url(../images/content_wrapper_bg.gif) bottom left repeat-x;
overflow: hidden;
padding-left: 21px;
width: 928px;
}

#main-content {
background: url(../images/main_content_bg.gif) top left repeat-x;
overflow: hidden;
position: relative;
width: 100%;
}

#sidebar {
float: left;
height: 461px;
overflow: hidden;
position: relative;
width: 275px;
}

#product-box {
height:318px;
float: left;
overflow: hidden;
position: relative;
width: 673px;
}

#products-model-gallery {
background: url(../images/minigallery_bg.gif) top right no-repeat;
height:144px;
float: right;
width: 653px;
z-index: 999;
}

#footer {
background: url(../images/footer_bg.gif) top left no-repeat;
clear: both;
height: 62px;
margin: 0 auto;
padding:0;
width: 968px;
}


/**** Header Section ****/
h1#logo {
float: left;
height: 65px;
margin-left: 31px;
margin-top: 26px;
overflow: hidden;
position: relative;
width: 103px;
}

h1#logo span {
background: url(../images/logo.gif) no-repeat;
display: block;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}

h2#slogan {
float: left;
height: 14px;
visibility:hidden;
margin-left: 20px;
margin-top: 62px;
overflow: hidden;
position: relative;
width: 116px;
}

h2#slogan span {
background: url(../images/watches_bypuma_bg.gif) no-repeat;
display: block;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}

#crono-object {
height: 49px;
position: absolute;
right: 25px;
top: 50px;
width: 308px;
}

/***** Navigation Section ***/
#first-navigation ul {
display: block;
height: 24px;
margin-left: 22px;
}

#first-navigation ul li{
float: left;
margin-top: 5px;
}

#first-navigation ul li a{
border-right: 1px solid #ce1f12;
padding: 3px 8px 3px 8px;
}

#first-navigation ul li a:hover, #first-navigation ul li a.active, #first-navigation ul li.active{
background: #ce1f12;
color: #fff;
}

#first-navigation ul li a.last-list-item{
border-right: none;
}

/***** Sidebar Section ***/
#sidebar .sidebar-flag{
display: block;
float: left;
height: 28px;
width: 70px;
}

#sidebar .sidebar-image{
height: 461px;
float: right;
width: 205px;
}

#sidebar .sidebar-model {
background: #000;
bottom: 40px;
filter: alpha(opacity=80);
height: 52px;
padding: 36px 0 0 0;
opacity: .8;
position: absolute;
right: 0;
width: 205px;
}

#sidebar .sidebar-model h4{
color: #fff;
font-weight: normal;
text-align: center;
text-transform: uppercase;
}



/***** Product Section *******/
#product-box .watch-container {
float: right;
height: 318px;
width: 228px;
}

#product-box .zoom-box {
float: left;
height: 135px;
left: 60px;
position: absolute;
top: 100px;
width: 227px;
}

#product-box .zoom-box ul{
display: block;
height: 135px;
width: 227px;
}

#product-box .zoom-box ul li{
background: url(../images/box_plus_bg.gif) repeat-x top left;
border: 1px solid #b7b7b7;
display: block;
height: 40px;
margin-bottom: 3px;
width: 90px;
}

#product-box .zoom-box ul li a{
color: #989898;
display: block;
float: left;
height: 40px;
width: 89px;
}

#product-box .zoom-box ul li a:hover{
background: #b7b7b7;
color: #efefef;
}

#product-box .zoom-box ul li p.plus{
color: #989898;
display: block;
font-size:  1.8em;
float: left;
height: 40px;
line-height: 1.8em;
padding-left: 2px;
text-align: center;
width: 38px;
}

#product-box .zoom-box ul li.thumb-01 .watch-thumb {
background-repeat:no-repeat;
background-position: 78% 53%;
float: right;
height: 40px;
text-indent: -9999px;
width: 42px;
}

#product-box .zoom-box ul li.thumb-02 .watch-thumb {
background-repeat:no-repeat;
background-position: 47% 53%;
float: right;
height: 40px;
text-indent: -9999px;
width: 42px;
}

#product-box .zoom-box ul li.thumb-03 .watch-thumb {
background-repeat:no-repeat;
background-position: 64% 75%;
float: right;
height: 40px;
text-indent: -9999px;
width: 42px;
}

#product-box .product-info {
float: right;
height: 225px;
margin-left: 37px;
margin-right: 14px;
padding: 88px 0 0 0;
width: 180px;
}

#product-box .product-info .product-info-container{ border-left: 1px solid #666; }

#product-box .product-info h4{
display: block;
color: #b2b2b2;
margin-top: 40px;
padding-left: 15px;
}

#product-box .product-info ul{ display: block; padding-left: 15px; }

#product-box .product-info ul li{ color: #4c4c4c; line-height: 1.3em; font-size: .9em;}

#product-box .product-info ul li a{
color: #888;
font-size: .7em;
line-height: 1.3em;
text-decoration: underline;
}

#product-box .product-info ul li a:hover{ color: #4c4c4c; text-decoration: none; }

#product-box .zoom-01 {
background: #fff -230px -21px no-repeat;
border: 1px solid #b7b7b7;
display: none;
height: 230px;
left: 192px;
position: absolute;
text-indent: -9999px;
top: 64px;
width: 230px;
}

#product-box .zoom-02 {
background: #fff -75px -20px no-repeat;
border: 1px solid #b7b7b7;
display: none;
height: 230px;
left: 192px;
position: absolute;
text-indent: -9999px;
top: 64px;
width: 230px;
}

#product-box .zoom-03 {
background: #fff -95px -168px no-repeat;
border: 1px solid #b7b7b7;
display: none;
height: 230px;
left: 192px;
position: absolute;
text-indent: -9999px;
top: 64px;
width: 230px;
}


/***** Mini Gallery Section ****/
#products-model-gallery ul.gallery-container{
display: block;
float: right;
height:144px;
margin-right: 40px;
width: auto;
}

#products-model-gallery ul.gallery-container li{
display: block;
float: left;
margin-right: 0px;
height: 116px;
width: 83px;
}

#products-model-gallery ul.gallery-container li a{
display: block;
height: 116px;
width: 83px;
}

#products-model-gallery ul.gallery-container li a:hover{
filter: alpha(opacity=50);
opacity: .5;
}

/**** Footer Section ***/
#footer ul{ display: block; width: 970px;}

#footer ul li{ display: block; float: left; height: 62px;}

#footer ul li#footer-list-juegas-item{ width: 237px; }

#footer ul li#footer-list-puntoscatal-item{ width: 213px; }

#footer ul li#footer-list-descargascatal-item{ width: 236px; }

#footer ul li#footer-list-widgetcatal-item{ width: 284px; }


#footer ul li#footer-list-juegas-item a{
background: url(../images/footer_catal_juegas_bg.gif) top left no-repeat;
display: block;
height: 61px;
text-indent: -9999px;
width: 237px;
}

#footer ul li#footer-list-juegas-item a:hover{
background: url(../images/footer_catal_juegas_bg.gif) 0 -61px no-repeat;
}

#footer ul li#footer-list-puntoscatal-item a {
background: url(../images/footer_catal_puntos_bg.gif) top left no-repeat;
display: block;
height: 61px;
text-indent: -9999px;
width: 213px;
}

#footer ul li#footer-list-puntoscatal-item a:hover {
background: url(../images/footer_catal_puntos_bg.gif) 0 -61px no-repeat;
}

#footer ul li#footer-list-descargascatal-item a{
background: url(../images/footer_catal_descargas_bg.gif) top left no-repeat;
display: block;
height: 61px;
text-indent: -9999px;
width: 236px;
}

#footer ul li#footer-list-descargascatal-item a:hover{
background: url(../images/footer_catal_descargas_bg.gif) 0 -61px no-repeat;
}

#footer ul li#footer-list-widgetcatal-item a{
background: url(../images/footer_catal_widget_bg.gif) top left no-repeat;
display: block;
height: 61px;
text-indent: -9999px;
width: 284px;
}

#footer ul li#footer-list-widgetcatal-item a:hover{
background: url(../images/footer_catal_widget_bg.gif) 0 -61px no-repeat;
}