/*
Theme Name: Catalog for WordPress 
Theme URI: http://kiu.es/
Description: 
Version: 1
Author: Kiu Comunicación
Author URI: http://kiu.es/
*/

/*** reset ***/
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,
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;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
.cf:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.cf {display: inline-block;}

/* Hides from IE-mac \*/
* html .cf {height: 1%;}
.cf {display: block;}
/* End hide from IE-mac */
/*** /reset ***/

/*** basic ***/
body {
background:#AB9C73 url(_img/bkg.gif) repeat-x 0 0;
font:63.5%/1.4 arial,helvetica,sans-serif;
color:#333;
text-align:center
}
p {
margin:0 0 1em 0
}
#extras p, #top-sell p, .subt p {
margin:0
}
a {
color:#B81C14;
text-decoration:none
}
a:hover {
color:#000
}
strong {
font-weight:bold
}

/*** positions ***/
#content {
background:#fff url(_img/bkg-content.gif) repeat-y 0 0;
width:890px;
margin:0 auto;
text-align:left;
padding:20px 10px 40px
}
#primary {
width:670px;
float:right
}
#header {
height:68px;
width:890px;
margin:0 auto;
text-align:left;
position:relative;
}
/*** header ***/
#header h1 {
width:200px;
height:44px;
position:absolute;
top:13px;
left:0;
background:transparent url(_img/logo-musgrave.gif) no-repeat 0 0;
}
#header h1 a {
display:block;
width:100%;
height:100%;
text-indent:-1000em
}
#header h2 {
width:173px;
height:44px;
position:absolute;
top:13px;
left:220px;
background:transparent url(_img/logo-dialsur.gif) no-repeat 0 0;
text-indent:-1000em
}
#topmenu {
font-size:1.1em;
position:absolute;
top:50%;
right:0;
margin-top:-.55em
}
#topmenu a {
color:#E7E9A1
}
#topmenu a strong {
color:#fff;
}
	/* featured */
#featured {
width:500px;
height:351px;
float:left;
}
#featured a {
border:1px solid #C4C915;
background-color:#fff;
padding:2px;
display:block;
position:relative;
line-height:1;
}
#featured a *, #featured-ctgs a * {
cursor:pointer
}
#featured a:hover, #featured-ctgs a:hover {
border-color:#000
}
#featured a img {
vertical-align:bottom
}
#featured a .desc {
display:block;
position:absolute;
bottom:5px;
left:20px;
color:#fff;
width:100%;
z-index:11;
font-size:2.8em;
font-weight:bold;
letter-spacing:-.05em
}
#featured a .desc span {
color:#AB9C73;
display:block;
font-size:.4em;
letter-spacing:0
}
#featured a .desc-bkg {
background:#5B4E37;
display:block;
position:absolute;
bottom:0;
left:0;
height:50px;
width:100%;
z-index:10
}
#t-featured, #t-featured-ctgs {
display:none
}
#featured-ctgs {
width:170px;
}
#featured-ctgs {
margin-left:500px
}
* html #featured-ctgs {
margin:0;
float:left
}
#featured-ctgs li {
width:100%;
vertical-align:bottom
}
#featured-ctgs a {
border:3px solid #C4C915;
padding:0;
display:block;
position:relative;
line-height:1
}
#featured-ctgs a img {
vertical-align:bottom
}
#featured-ctgs a .desc {
display:block;
position:absolute;
bottom:8px;
left:8px;
color:#fff;
width:100%;
z-index:11;
font-size:1.2em;

/*font-weight:bold;
letter-spacing:-.05em*/
}
#featured-ctgs a .desc span {
color:#AB9C73;
display:block;
font-size:.4em;
letter-spacing:0;
background:transparent;
}
#featured-ctgs a .desc-bkg {
background:#5B4E37 url(_img/bkg-featured-ctgs-a.gif) no-repeat 95% 5px;
display:block;
position:absolute;
bottom:0;
left:0;
height:30px;
width:100%;
z-index:10
}
#featured-ctgs a:hover .desc-bkg {
background-position:95% -35px
}

	/* teaser */
#teaser {
background:#E7E9A1 url(_img/bkg-teaser.jpg) no-repeat 0 0;
padding:15px 40px 15px 175px;
font-size:1.2em;
color:#66680B
}
#teaser h3 {
width:259px;
height:41px;
background:transparent url(_img/bkg-t-teaser.gif) no-repeat 0 0;
text-indent:-1000em
}

	/* top-sell & ctgs */
#top-sell {
position:relative;
}
#top-sell h3 {
font-size:1.2em;
font-weight:bold;
text-transform:uppercase;
color:#AB9C73;
margin:1em 0 .3em
}
#top-sell .post {
width:162px;
margin-right:7px;
float:left;
color:#AB9C73;
font-size:1.1em;
line-height:1
}
#top-sell .post.last {
margin-right:0
}
#top-sell .post a {
padding:2px;
border:1px solid #C4C915;
display:block
}
#top-sell .post a:hover {
border-color:#000
}
#top-sell .post h4 a {
border:0;
padding:0;
font-size:1.2em;
font-weight:bold;
display:inline
}
#top-sell .post .price {
font-size:1.8em;
color:#666;
font-weight:bold;
letter-spacing:-.05em
}
#top-sell .post .price small {
font-size:.55em;
letter-spacing:0;
font-weight:normal
}
#top-sell .post .button {
line-height:1.8em
}
#top-sell .post .button a {
border:0;
padding:0;
font-size:1em;
font-weight:bold;
display:inline
}
#top-sell .post .button a.btn {
font-size:1em;
color:#000;
text-decoration:none;
background:transparent url(_img/bkg-btn.png) no-repeat 100% 0;
padding:4px 15px 6px 0;
}
#top-sell .post .button a.btn:hover {
color:#666
}
#top-sell .post .button .btn strong {
position:relative;
padding: 4px 0 7px 22px;
margin-top:-4px
}
#top-sell .post .button .btn.go strong {
background:transparent url(_img/bkg-btn-go.png) no-repeat 0 0;
}

/*** extras ***/
#extras {
font-size:1.2em;
width:200px;
position:relative;
}
#extras div#cart {
position:relative;
background:transparent url(_img/bkg-cesta.png) no-repeat 0 0;
padding:30px 10px 18px 50px;
font-size:.8em;
color:#000;
line-height:1.1;
margin:-15px 0 20px
}
#extras div#cart div#cart-bt {
background:transparent url(_img/bkg-cesta-bt.gif) no-repeat 0 100%;
width:200px;
height:8px;
position:relative;
bottom:-18px;
left:0;
margin-left:-50px;
}
#extras div#cart div.quickshopcart {
width:190px;
margin-left:-50px;
}
#extras div#cart div.quickshopcart table {
width:190px;
font-size:1.1em;
}
#extras div#cart table td {
width:auto;
padding:2px 1px
}
#extras div#cart table input {
font-size:.9em;
}
#extras div#cart img {
vertical-align:bottom
}
#extras #search {
background:#EEECE3;
/*border:1px solid #E4D9B3;
text-align:center;*/
position:relative;
padding:10px;
width:200px;
margin:0 -10px 20px
}
#extras #search label span {
font-weight:bold;
text-transform:uppercase;
color:#AB9C73;
margin:1em 0 .3em
}
input#s {
border:1px solid #A1926A;
width:90%;
font-size:1.2em;
margin-bottom:.5em
}
input#s-submit {
border:1px solid #A1926A;
background-color:#AAA487;
background-image:url(_img/bkg-s-submit.gif);
background-repeat:no-repeat;
background-position: 5px 50%;
padding:2px 5px 2px 20px;
font-weight:bold;
color:#fff
}
#extras h3 {
font-weight:bold;
text-transform:uppercase;
color:#AB9C73;
margin:1em 0 .3em
}
#extras ul {
background:transparent url(_img/dot-gray.gif) repeat-x 0 100%;
margin:0 0 20px 0
}
#extras ul li {
width:100%
}
#extras ul li a {
background:transparent url(_img/dot-gray.gif) repeat-x 0 0;
line-height:1.8;
display:block
}
#extras ul.ctgs li a {
font-weight:bold;
}
#extras ul.ctgs li.current-cat a, .current_page_item a {
color:#300
}
/*** footer ***/
#footer {
font-size:1.1em;
background:#CDBF95;
color:#000;
position:relative
}
#footer p {
margin:0
}
#footer span {
color:#665B3E
}
#footer a {
color:#000;
text-decoration:underline
}
#footer a:hover {
color:#333
}
#footer span a {
color:#ffc;
}
#footer span a:hover {
color:#000
}
#footerwrap {
width:910px;
margin:0 auto;
text-align:left;
padding-top:50px;
position:relative
}
.brands a {
display:block;
float:left;
height:38px;
background: transparent url(../_img/logos/dialprix.gif) no-repeat 0 2px;
text-indent:-1000em
}
.brands a:hover {
background-position:0 -38px
}
.brands strong {
display:block;
float:left;
font-size:1.6em;
letter-spacing:-.05em;
color:#665B3E;
padding-top:5px
}
#footer .brands {
position:absolute;
top:5px;
left:70px
}
#footer a.dialprix {
background-image: url(http://www.musgrave.es/_img/logos/dialprix_f.gif);
width:113px;
}
#footer a.super-valu {
background-image: url(http://www.musgrave.es/_img/logos/super-valu_f.gif);
width:140px
}
#footer a.dialsur {
background-image: url(http://www.musgrave.es/_img/logos/dialsur_f.gif);
width:125px;
}
#footer a.dicost {
background-image: url(http://www.musgrave.es/_img/logos/dicost_f.gif);
width:100px
}
#footer ul {
text-align:center;
margin:5px auto;
padding:0;
background:#E6DFCA;
list-style:none
}
#footer ul li {
display:inline
}
#footer ul li a {
padding:5px 25px;
color:#665B3E;
text-decoration:none
}
#footer ul li a:hover {
color:#000
}
#wp_page_numbers ul, #wp_page_numbers li, #wp_page_numbers a {
font-size:1em !important
}
.cform label {
font-size:1.2em !important
}
.linklove {
display:none
}

/*** checkoutpage ***/
#checkoutform .reqtxt, #checkoutform .emailreqtxt {
display:none
}
#checkoutform input {
font-size:1.3em;
color:#777;
background-color:#fff
}
#checkoutform textarea {
font-size:1.2em;
color:#777
}
#checkoutform *:hover {
background:#fff
}
#checkoutform #yourorder {
background-color:#fff;
height:auto;
}
a#kiuX {
font-weight:bold;
font-size:1.2em;
color:#000;
}