@import url("products.css");
@import url("cart.css");
@import url("checkout.css");
@import url("upsells.css");


p {
  text-align: justify;
}



/* home separación entre los banners */
.yui-gb .yui-u {
  margin-left: 5px;
}

/* Setting the width to 1020 */
#custom-doc {
	width:1020px;
	margin-top:14px;
	padding-top:20px;
}

/* HEADER BLOCK */
/* The main header block, it should contain, navigation, flash navigation and logo */

#hd {
	position: relative;
	height: 99px;
	background: url('../img/header_bg.png') 0 6px no-repeat;
}

#logo {
	position:absolute;
        left:27px;
	top:20px;
        width:170px;
        height:88px;
}

#logo a {
    display:block;
        width:150px;
        height:159px;    
    font-size:0;
}

.yui-main {
	height:100%;
}

#custom-doc.home {
	margin-top:0;
	padding-top:0;
	background:none;
}

div.home {
	top:0;
	height:32px;
  margin-top: 5px;
  margin-bottom: 4px;
}

.home .links {
	position:relative;
	top:12px;
	left:20px;
	float:left;
}

.home .links li {
	float:left;
	margin-right:10px;
}
.home .links li a {
	color:#799423;
}


#search_mini_form{
	float:left;
	position:relative;
	left:380px;
	top:-22px;
}

.home #search_mini_form{
	top:11px;
	float:left;
	left:20px;
}

#search_mini_form label{
	float:left;
	position:relative;
	top:1px;
	color:#799423;
	font-weight:normal;
	margin-right:10px;
}

#search_mini_form input{
	float:left;
	margin-left: 0px;
	border: 1px solid #799423;
	color:#799423;
	clear:none;
}

#search_mini_form input.button{
	border:none;
	background:none;
}

#loginbox {
	position:relative;
	left:0px;
	top:-32px;
	float:right;
}

#loginbox.home {
	top:0;
	float:right;
}
#loginbox input {
	margin-left:6px;
	border:1px solid #799423;
}


#loginbox .button {
	border:none;
	position:relative;
	margin-left:0;
	top:10px;
	right:2px;
}


/* SITE NAVIGATION */
#navigation {
	position:absolute;
	right:50px;
	top:5px;
}

#navigation .site-selector, /* Site selector means the list with the tabs that are outside the header */
#navigation .site-navigation, /* Site navigation is the list with the tags inside the header */
#navigation ul li
 {
	position:relative;

	float:left;
}

#navigation .site-selector {

	height:20px;
	line-height:24px;
	margin-top: 15px;
}
#navigation .site-selector ul li{
		background:url(../img/bgnavbar-rep.png) repeat-x;
		height:20px;
}

#navigation .site-selector .first {
	background:url(../img/bgnavbar.png) no-repeat ;
	
}

#navigation .site-selector .last {
	background:url(../img/bgnavbar.png) no-repeat right;
	
}

/* Non-Active tabs style */
#navigation .site-selector li a{
	margin-right:5px;
	margin-left:5px;
	display:block;
	color:white;
	font-weight:bold;
	font-size:12px;
	text-decoration:none;
	padding-left:5px;
	bottom:2px;
	position:relative;
}

#navigation .site-selector li {

}


/* Active Tab Style*/
#navigation .site-selector li.active  {

}

#navigation .site-selector li.active a  {
	height:26px; /* Esto hace que la pestaña activa se mezcle con el header*/
	color:#48587E;

}



#navigation .site-navigation{
	position:absolute;
	right:70px;
	top:-2px;
	height:24px;
	line-height:24px;
	width:567px;

}

#navigation .site-navigation li a{
	color:#42486B;
	font-size:12px;
	text-decoration:none;
}

#navigation .site-navigation li {
	margin-left:10px;
	margin-right:10px;
}

/* END OF NAVIGATION */


/* The main BG for the middle of the page */
#content-border {
	background:transparent url(../img/middle_container_bg.png) repeat-y;
}

/* The middle column of the layout, it's displaced a few pixels to fit in the bg image */
.yui-u.first.content {
	position:relative;
	left:20px;
}

/* On this theme, the right sidebar*/
.sidebar-b {
	position:relative;
	left:65px;
}

.sidebar-b .button{
	position:relative;
	top:12px;
	border:none;
	background:transparent;
}

.sidebar-b form input {
	background:white;
	border:1px solid #3c4663;
	color:#666;
	padding:2px;
	margin-right:2px;
	clear:both;
}


/* On this theme, the left sidebar*/
.sidebar-a {
	padding-left:25px;
}

/* body middle block */
#bd {
	background:transparent url(../img/main_container_bg.png) no-repeat scroll left top;
}

/* STYLE FOR CATEGORY MENU */

#category-menu li a{
	text-decoration:none;
	color:#799423;
}

#category-menu {
	position:relative;
	margin-top:50px;
  margin-bottom: 50px;
	

}

#category-menu li{
	background:url(../img/nav_arrow_right.gif) no-repeat  0 4px;
	padding-left:10px;
	margin-bottom:3px;
}

#category-menu .active {
	background:url(../img/nav_arrow_right_active.gif) no-repeat 0 4px;
}

#category-menu ul li{
	padding-left:10px;
	
}
#category-menu .category-item {
	background:none;
	margin-top:0;
	margin-bottom: 5px;
}


#category-menu {

	font-size:12px;
	font-weight:bold;
	color:#48587E;
	
}

#category-menu ul{
	padding-left:5px;
}

#category-menu ul li {
	font-size:12px;
	font-weight:normal;
	color:#799423;
}

/* END OF STYLE FOR CATEGORY MENU */

h1 {
	font-size:24px;
	color:#799423;
	font-weight:bold;
}


/* SEARCH BOX */




/*FOOTER STYLE*/
#ft {
	height:100px;
	clear:both;
	background:url(../img/footer_container_bg.png) no-repeat;
}

#ft.home {
	background:none;
}

#ft.home p{
	position:relative;
	top:0px;
}
#ft p {
	position:relative;
	padding-top:40px;
	color:#799423;
	width:660px;
	margin-left:auto;
	margin-right:auto;
}

.disclaimer {
	margin-left:auto;
	margin-top:20px;
	margin-right:auto;
	background:url(../img/disclamer.jpg);
	width:450px;
	height:41px;
}

.sidebar-a .block,
.sidebar-b .block {
	width:169px;
	margin-left:15px;
	margin-top:20px;
}

.sidebar-a .block {
	padding-top:60px;
	width:169px;
}

.wrapcontent {
	padding-left:20px;
	min-height:400px;
	width:560px;
	padding-right:20px;
	
  margin-top: 20px;
  margin-left: 15px;

}


.product-view {
	padding-top:15px;
	padding-bottom:15px;
	clear:both;
}
.breadcrumbs{
	clear:both;
  margin-top: 5px;
}

.breadcrumbs li {
	float:left;
	margin-right:5px;
	color:#2AA4D5;
}



.product-essential {
	float:left;
}

.product-collateral {
	position:relative
	float:left;
	width:300px;
	margin-left:10px;
}

.description {


	
}

.short-description {
	margin-bottom:6px;
	width:270px;
	float:left;

}

.product-view .product-media {
	
	width:259px;
	float:left;
}

.product-view .product-media #image{
	width:220px;
}

.product-view .product-media .more-views li{
	float:left;
	margin-right:3px;
}

.product-view .product-text {
	float:left;
	padding-left:10px;
	width:259px;
}

.product-view{
	width:590px;
}


.product-name {
	line-height:14px;
	clear:both;
    padding-top: 10px;
    margin-bottom: 4px;
}

.qty-pills {
	float:left;
	text-align:left;
}


.rounded {
    
    text-align: left;
    /* Do rounding (native in Firefox and Safari) */
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}

.rounded-bottom {
  -moz-border-radius-bottomleft:8px;
  -moz-border-radius-bottomright:8px;
  -webkit-border-bottom-left-radius:8px;
  -webkit-border-bottom-right-radius:8px;
}

.block-title h2{
	font-size:14px;
	font-weight:bold;
}

.block-content ul li a{
	color:#48587E;
	text-decoration:none;
}

.result {
	text-align:justify;
	padding-bottom:10px;
	padding-top:10px;
}
.level0 a {
	/*padding-bottom:5px;
	display:block; */
}


.price-box .price{
	font-size:12px;
	font-weight:bold;
}
.price-wrap{
	position:relative;
	top:20px;
}

.availability {
	font-weight:bold;
	font-size:12px;
}
.availability span{
	font-weight:normal;
}

 a {
	text-decoration:none;
	
	color:#799423;
}

.signin {
  margin-left: 5px;
	color:#799423;
}

.product-shop {
	clear:both;

}
/*Category list style*/

.product-box {
	padding-top:20px;
	height:180px;
}

.product-box img {
	width:135px;
	position:relative;

}

.product-box a{
	font-size:12px;
	text-decoration:none;
}

.price-box {
	float:left;
}



form label {
	font-weight:bold;
}
form textarea,
form input {
	background:white;
	border:1px solid #799423;
	color:#3c4663;
	padding:2px;
	margin-bottom:5px;
	clear:both;
}


/*User account styles double check please*/

h3{
	color:#0F76BC;
	margin-top:10px;
	margin-bottom:2px;
}

p {
	
}

.tab-bar {
	position:absolute;
	bottom:10px;
}

.tab-bar li {
	float:left;
}

#tab-box{
	position:relative;
	top:20px;
	margin-bottom:20px;
}

#tab-box  li {
	position:relative;
	right:6px;
	margin-top:-10px;
	background:url('../img/tab-inactive.png') no-repeat left top;
	width:160px;
	height:40px;
	padding-left:6px;

	line-height:46px;
}

#tab-box  li a{
	font-weight:bold;
	display:block;
	text-transform:capitalize;
	top:10px;
	position:relative;
	height:23px;
	line-height:23px;
	width:160px;
	color:#2c2c2c;
}

#tab-box  li a.active{
	background:url('../img/tab-active.png') no-repeat left top;
	height:40px;
	position:relative;
	right:6px;
	padding-top:10px;
	padding-left:6px;
	top:0px;
}

.ui-tabs .ui-tabs-hide {
     display: none;
}

.attribute {
	margin-top:20px;
	width:500px;
}
.attribute p{
	padding-right:30px;
	
	
}

.homepage {
	background:white;
	width:1020px;
	height:460px;

}

.categories-box {
	padding-top:30px;
	width:480px;
	height:460px;
	position:relative;
}

.category-image {


}

.category-1 {
	position:absolute;
	left:5px;
	top:45px;
		background:green;
}

.category-2 {
	background:red;
	position:absolute;
	right:30px;
	top:45px;
}

.category-3 {
	background:blue;
	position:absolute;
	right:30px;
	bottom:0px;
}

.category-4 {
	background:yellow;
	position:absolute;
	left:5px;
	bottom:0px;
}

/*.category-title {
	margin-bottom:10px;
	margin-top:10px;
}*/

.category-title h2{
	color:#5c5c5c;
	font-size:18px;
}

/* Product listing changes */

.products-grid{
	margin-top:10px;
	width:580px;
}

.products-grid td {
	border:1px solid #EFEFEF;
	width:300px;
	padding-right:5px;
	padding-left:5px;
	position:relative;
}

.products-grid td .products-box {
	position:relative;


}

.products-grid td  .product-image{
	float:left;

}

.products-grid td  .product-info{
	float:left;
	
	
	width:142px;
	height:156px;
	position:relative;
}

.products-grid td  .product-info .product-name {
	margin-top:0;
	margin-bottom:5px;

}

.products-grid td  .read-more {
	position:absolute;
	bottom:0px;
	right:2px;
	font-size:11px;
	margin-bottom: 3px;
	
}

.products-grid td  .product-info .product-name a{
	font-size:12px;
	color:#585858;
}

.products-grid td  .product-info .availability,
.products-grid td  .product-info .button{
	position:absolute;
	bottom:-15px;
	right:0;
	margin-bottom:0;
	margin-top:5px;
}

.products-grid td  .product-info .price-box {
	position:absolute;
	bottom:-15px;
	left:0;
}


/*Zoom Bar*/
.zoom {
	height:48px;
	display:none;
	background:red;
}


.zoom #zoom_out{
	float:left;
}

.zoom #track {
	background:url(../images/slider_bg.gif) no-repeat;
}

.zoom #handle {
	height:22px;
	width:9px;
	background:url(../images/magnifier_handle.gif) no-repeat;
}

.zoom #zoom_in{
	float:right;
}

.product-options {
	position:relative;
	left:50px;
	margin-top:20px;
}

.product-options li {
	float:left;
	margin-right:3px;
}

.product-options input {
	border:1px solid #CFCFCF;
	background:white;
	color:black;
	text-align:right;
	margin-right:10px;
	width:40px;
	padding:1px;
}

.product-options .quantity-form{
	position:relative;
	bottom:2px;
}

.product-options .button {
	border:none;
	position:relative;
	top:5px;
	width:57px;
}



.wrapcontent input[type="checkbox"], input[type="radio"] {
	border:0;
}



.product-options li {
	float:left;
	margin-right:20px;
	line-height:24px;
}


.pagination {
	margin-top:15px;
        font-size: 80%;
}
        
.pagination a {
    text-decoration: none;
	border: solid 1px #AAE;
	color: #15B;
}

.pagination a, .pagination span {
    display: block;
    float: left;
    padding: 0.3em 0.5em;
    margin-right: 5px;
	margin-bottom: 5px;
}

.pagination .current {
    background: #26B;
    color: #fff;
	border: solid 1px #AAE;
}

.pagination .current.prev, .pagination .current.next{
	color:#999;
	border-color:#999;
	background:#fff;
}


#ft.home {
	position:relative;
	height:10px;
	
}

.welcome-user {
	font-weight:bold;
	float:right;
	color:#999;
}


.welcome-user.nav {
	position:absolute;
	left:640px;
	top:-20px;
}

.welcome-user.home {
	position:relative;
	top:18px;
	right:10px;
}

div.pager ul li {
	float:left;
	margin-left:20px;
  margin-top: 7px;
  margin-bottom: 13px;
}

.rightnav {
	
	float:left;
}

.rightnav.logged {
	position:relative;
	right:20px;
}

.rightnav.logged li{
	font-weight:bold;
	margin-right:5px;
}

.rightnav.logged li a{
	font-weight:normal;
}

.rightnav .last {
	padding-right: 9px;
	background:url('../img/separator.png') no-repeat right 3px;
	
}

.rightnav li {
	float:left;
	margin-right:2px;
	position:relative;
	top:12px;
}

.collapse {
	cursor:pointer;
	margin-bottom: 5px;
}

.category-title h2 {
  display: none;
}

/* Send to a friend*/

.buttons-set {
	width:200px;
	margin-bottom:20px;
}

.buttons-set button,
.buttons-set input{
	float:left;
	
	
}

#wishlist-table h3{
	font-size:12px;
}

#wishlist-table {
	width:550px;
}

#wishlist-table th {
	font-weight: bold;
}

#wishlist-table td {
	border-bottom:solid 1px #EFEFEF;
	padding: 10px 10px 10px 10px;
}

#wishlist-sidebar .product-image{
	margin-left:50px;
	
}



#wishlist-sidebar .btn-remove {
	float:right;
}

/* Delete Special Price */
/*
.price-box .special-price {
  display: none;
}*/


.wrapcontent .category-description {
  margin: 0 0 0 0;
  padding-top:5px;
}


.wrapcontent .category-description object {
  margin-left: 1px;
  #margin-left: 4px;
}

.wrapcontent .products-grid {
  margin-left: -15px;

}

.contact-form {

  width: 500px;
  margin-left: auto;
  margin-right: auto;

  margin-top: 10px;
  margin-bottom: 10px;
}

.contact-form .form-list {
	width:200px;
	float:left;
	

}

.contact-form .comment{
	float:left;
	top:10px;
	position:relative;
	
}

.contact-form .comment #comment{
	top:10px;
	position:relative;
}

.content .padded-list {
	margin-top:10px;
	margin-bottom:10px;
	padding-left:30px;
}
.old-price .price {
	text-decoration:line-through;
	color:#999;
}

.product-show .std ul {
  list-style-type: circle;
  padding: 20px;
}


.product-show .std ul li {
  list-style-type: disc;
}
/*.product-text #hiddenresult .std ul {
  list-style-type: circle;
}*/

#my-orders-table {
  width: 100%;
  margin-top: 10px;
  margin-bottom: 10px;
}

#my-orders-table th {
  background-color: #E1E0E0;
  padding-left: 3px;
  padding-right: 3px;
  border: 2px #9F9E9E solid;
  font-weight: bold;
}

#my-orders-table td {
  padding-left: 3px;
  padding-right: 3px;
  border: 2px #D7D6D6 solid;
}

#my-orders-table .price {
  text-align: right;
}

.product-info p {
  text-align: left;
}
.coupon-code {
	margin-top:15px;
	margin-left:auto;
	margin-right:auto;
	font-weight:bold;
	width:250px;
}

.validation-advice {
color:red;
}

label.error{
	color:red;
	padding-left:4px;
}
#coupon-form .required{
	color:black;
}
#coupon-form li{
	list-style-item:none;
}

#coupon-form .group-select ul li input{
	width:160px;
}

.quantity-form label {
	position:relative;
	bottom:5px;
}

.quantity-form #qty {
	position:relative;
	bottom:5px;
}

