body, div, h1, h2, h3, h4, h5, h6, hr, p, ul, li, strong, em, span, img, form, fieldset, label {

	margin: 0;

	padding: 0;

    border: none;

	font-size: 1em;

}

hr {

	display: none;
	
}

a {

  color: #96897e;
  
  text-decoration: none;
  
}

a:hover {
	
  text-decoration: underline;
  
}

input, textarea, select {
	margin: 0;
    font: 14px Tahoma, Geneva, sans-serif;
}

button {

	margin: 0;
	
	cursor: pointer;
	
}

.clear-fix {
	
	clear: both;
	
}

.no-display {
	
	display: none;
	
}

.error {
	
	color: red;
	
}

body {

	background: #baada1;

    font: 12px Tahoma, Geneva, sans-serif;

	color: #453a47;
  
}


/*#### CONTAINER ###########################################################################################################*/

div#container,
div.wrapper {

	position: relative;
	
	background: url(../images/header-bg.png) repeat-x;

}


/*#### TOP CONTAINER ######################################################################################################*/

#top-container {

	position: relative;

 	width: 964px;
	
	height: 195px;

	margin: auto;
	
	z-index: 9;

}



#top-container .mini-header {
	
	position: absolute;
	
	top: 20px;
	
	left: 322px;
	
	width: 381px;

	height: 59px;

    clear: both;

}

#top-container .mini-header h1{
  font-weight: normal;
}


#top-container .welcome {
	
	position: absolute;
	
	top: 86px;
	
	left: 322px;

	font-size: 14px;
	
	word-spacing: 3px;

}

#top-container .welcome span {

	color: #999;

}

#top-container .welcome a {

	color: #453a47;

}

#top-container .welcome a:hover {

	text-decoration: underline;

}

#top-container .welcome em {

	font-size: 18px;

	color: #ff8700;

}



#top-container .quick-access {
	
	position: absolute;
	
	top: 10px;
	
	right: 2px;
	
	font-size: 14px;

	color: #dad9d9;

	word-spacing: 5px;

}

#top-container .quick-access a {

	color: #dad9d9;

}

#top-container .quick-access a:hover {

	text-decoration: underline;

}


#top-container .search {

	position: absolute;
	
	top: 35px;
	
	left: 742px;
	
	background: url(../images/search-bg.png) no-repeat;

	width: 222px;

	height: 23px;

}

#top-container .search legend {
	
	display: none;
	
}

#top-container .search input {

	display: block;
	
	float: left;

	background: none;

	width: 149px;

	margin: 2px 0 0 2px;

	font-size: 11px;

	color: #818181;

	border:none;

}

#top-container .search .zoek {
	
	display: block;
	
	float: left;
	
	background: none;

	width: 64px;

    /* hide from IE Mac \*/

    text-indent: -999em;

    overflow: hidden;

    /* end hide */

	border: none;

}


#top-container .checkout-box {

	position: absolute;
	
	top: 65px;
	
	left: 740px;

	background: url(../images/checkout-box.png) no-repeat;

	width: 222px;

	height: 85px;

}

#top-container .checkout-box h3 {
	
	margin: 3px 0 0 50px;
	
	font-size: 14px;
	
	text-transform: uppercase;
	font-weight:normal;
	
}

#top-container .checkout-box h3 a{
color:#453A47;
}

#top-container .checkout-box p {

	margin: 0 0 0 50px;

	font-size: 11px;

	color: #817775;

}

#top-container .checkout-box p.price {

	margin: 0 0 0 50px;

	font-size: 13px;

	color: #817775;
	
}

#top-container .checkout-box span {

	font-size: 16px;

	color: #453a47;

    font-weight:normal;

}

#top-container .checkout-box .checkout-botton {
	
	display: block;

	position: absolute;
	
	bottom: 6px;
	
	left: 116px;
	
	background: url(../images/checkout-botton.png) no-repeat;
	
	width: 100px;
	
	height: 22px;

    /* hide from IE Mac \*/

    text-indent: -999em;

    overflow: hidden;

    /* end hide */

}



#top-container .call-us {
	position			: absolute;
	top					: 100px;
	left				: 3px;
	background			: url(../images/phone-top.gif) no-repeat;
	width				: 177px;
	height				: 50px;
}

#top-container .call-us span,
#top-container .call-us strong {
	
	display: none;
    z-index: 0;

}

#top-container strong{
  display: none;
}




/*#### HEADER ##############################################################################################################*/

div#header {

	position: relative;

 	width: 964px;

	margin: auto;

}

div#header h1 {
	
	position: absolute;
	
	top: 20px;
	
	left: 0;
	
}

div#header h2 {
	
	position: absolute;
	
	top: 20px;
	
	left: 0;
	
}

div#header h1 a {

	display: block;

	background: url(../images/logo.png) no-repeat;

	width: 221px;

	height: 57px;

    /* hide from IE Mac \*/

    text-indent: -999em;

    overflow: hidden;

    /* end hide */

}

div#header a {

	display: block;

	background: url(../images/logo.png) no-repeat scroll 0 5px;

	width: 221px;

	height: 64px;

    /* hide from IE Mac \*/

    text-indent: -999em;

    overflow: hidden;

    /* end hide */

}



div#header h2 a {

	display: block;
	
	background: url(../images/logo.png) no-repeat;
	
	width: 221px;
	
	height: 57px;
	
    /* hide from IE Mac \*/

    text-indent: -999em;

    overflow: hidden;

    /* end hide */

}

div#header a.header_logo{
	position: absolute;
	
	top: 20px;
	
	left: 0;
	display: block;
	
	background: url(../images/logo.png) no-repeat;
	
	width: 221px;
	
	height: 57px;
	
    /* hide from IE Mac \*/

    text-indent: -999em;

    overflow: hidden;

    /* end hide */
}


/*#### NAVIGATION ##########################################################################################################*/

div#navigation {
	position		: absolute;
	top				: 159px;
	left			: 3px;
	width			: 958px;
	height			: 62px;
}
div#navigation h2 {
	display			: none;
}
div#navigation .nav-bg {
	position		: relative;
	float			: left;
	background		: url(../images/nav-bg.png) repeat-x;
	height			: 62px;
}
div#navigation .nav-bg-left {
	background		: url(../images/nav-bg-left.png) no-repeat;
	height			: 62px;
	padding			: 0 0 0 13px;
}
div#navigation .nav-bg-right {
	background		: url(../images/nav-bg-right.png) right top no-repeat;
	height			: 62px;
	padding			: 0 13px 0 0;
}
div#navigation ul {
	height			: 50px;
	margin			: 0 5px 0 0;
	padding			: 11px 0 0 0;
	list-style		: none;
}
div#navigation ul li {
	display			: block;
	float			: left;
}
div#navigation ul li a {
	display			: block;
	_float			: left;
	background		: url(../images/nav-tab-left.png) no-repeat;
	height			: 25px;
	padding			: 0 0 0 13px;
	color			: #453a47;
	font-size		: 14px;
	text-align		: center;
}
div#navigation ul li a strong,
div#navigation ul li a em {
	display			: block;
	_float			: left;
	background		: url(../images/nav-tab-right.png) right top no-repeat;
	_background		: url(../images/nav-tab-right.gif) right top no-repeat;
	height			: 25px;
	padding			: 0 8px 0 0;
	font-style		: normal;
	cursor			: pointer;
	overflow		: hidden;
}
div#navigation ul li a strong em {
	background		: url(../images/nav-tab.png) repeat-x;
	padding			: 5px 2px 0 2px;
}
div#navigation ul li a:hover,
div#navigation ul li.active a {
	background		: url(../images/nav-tab-left-hover.png) no-repeat;
	height			: 25px;
	text-decoration	: none;
	overflow		: hidden;
}
div#navigation ul li a:hover strong,
div#navigation ul li.active a strong {
	background		: url(../images/nav-tab-right-hover.png) right top no-repeat;
	_background		: url(../images/nav-tab-right-hover.gif) right top no-repeat;
}
div#navigation ul li a:hover strong em,
div#navigation ul li.active a strong em {
	background		: #fff;
}
div#navigation ul li.active a,
div#navigation ul li.active a strong,
div#navigation ul li.active a strong em {
/*	height			: 39px !important;*/
}


/*#### CONTENT #############################################################################################################*/

div#content,
div.middle-container {
	position		: relative;
	width			: 964px;
	margin			: 24px auto auto auto;
	padding			: 0 0 20px 0;
}

/*#### MAIN-PRODUCT ########################################################################################################*/

div#main-product {

	background: url(../images/main-product-temp.gif) no-repeat;
	
	width: 938px;

	height: 300px;

	padding: 14px 12px;

}

div#main-product #promotion {
	
	position: relative;
 
	height: 255px;

}

div#main-product #promotion .product {
	
	display: none;
	
	position: absolute;
	
	top: 0;
	
	left: 0;	
	
}

div#main-product #promotion #product-1 {
	
	display: block;
	
}

div#main-product #promotion .read-more {
  
  position: absolute;
  
  top: 0;
  
  left: 0;
  
  background: url(../images/dark.png);
  
  width: 333px;
  
  height: 255px;
  
  padding: 0 0 0 40px;
  
  color: #fff;
  
}

div#main-product #promotion .read-more h2 {
	
	margin: 0 0 10px 0;
	
	padding: 20px 0 0 0;

	font-size: 48px;
	
	font-weight: normal;
  
}

div#main-product #promotion .read-more h3 {

	margin: 0 0 30px 0;

	font-size: 21px;
	font-weight:normal;
}

div#main-product #promotion .read-more a {
	
	display: block;
	
	background: url(../images/more-info.png);
	
	width: 125px;
	
	height: 28px;

    /* hide from IE Mac \*/

    text-indent: -999em;

    overflow: hidden;

    /* end hide */
	
	z-index: 9;

}

div#main-product #promotion .change-image a {
	
	position: absolute;
	
	top: 80px;
	
	right: 15px;
	
}



div#features {
	
	position: relative;
	
	background: url(../images/dash.gif) left bottom repeat-x;

	height: 50px;
	
	margin: 0 0 10px 0;
	
	padding: 4px 0 0 0;

}

.cms-home div#features {
	
	background: none;
	
	margin: 0;
	
}

div#features h3 {
	
	background: url(../images/features-h3.png) left -3px no-repeat;
	
	width: 140px;
	
	height: 40px;

	margin: 0 0 0 0;

    /* hide from IE Mac \*/

    text-indent: -999em;

    overflow: hidden;

    /* end hide */

}

div#features ul {
	
	position: absolute;
	
	top: 8px;
	
	left: 180px;
	
	height: 31px;
	
	list-style: none;
	
}

div#features ul li {
	
	display: block;
	
	float: left;
	
	background: url(../images/truck.png) no-repeat 0 4px;
	
	height: 31px;

	font-weight: bold;

	font-size: 14px;

}

div#features ul li a {
	
	display: block;
	
	height: 31px;
	
	color: #453a47;
	
}

div#features ul li a:hover {
	
	color: #81757f;
	
	text-decoration: none;
	
}

div#features .one {

	background:url(../images/truck.png) left 4px no-repeat;

	width: 114px;

	padding: 0 0 0 46px;

}

div#features .two {

	background:url(../images/thumb.png) no-repeat;
	
	width: 185px;
	
	padding: 0 0 0 34px;

}

div#features .three {

	background:url(../images/thing.png) no-repeat;
	
	width: 190px;
	
	padding: 0 0 0 35px;

}

div#features .four {

	background:url(../images/zoom.png) no-repeat;
	
	width: 108px;
	
	padding: 0 0 0 46px;

}

div#features ul li span {
	
	display: block;
	
	float: left;
	
	background: url(../images/li-big.png) right 3px no-repeat;
	
	padding: 0 13px 0 0;
	
}



/*#### CATEGORIES ########################################################################################################*/

div#content .categories {
	
	position: relative;
	
	margin: 15px 0 0 0;

}

div#content .categories h2 {
	
	position: relative;
	
	float: left;
	
	background: url(../images/li-big.png) right 22px no-repeat;
	
	margin: 0;
	
	padding: 0 13px 0 0;

	font-weight: normal;

	font-size: 40px;
	
	z-index: 9;
	
}

div#content .categories h2 a {
	
	color: #453a47;
	
	text-decoration: none;
	
}

div#content .categories h3 {
	
	font-weight: normal;
	
}

div#content .categories ul {
	
	position: relative;
	
	margin: 0 255px 0 0;
	
	list-style: none;
	
	clear: both;
	
	z-index: 9;
	
}

div#content .categories li {
	
	display: block;
	
	background: url(../images/li-orange.gif) 0 7px no-repeat;

	margin: 0 0 0 8px;

	padding: 0 0 0 8px;

	font-size: 14px;

}

div#content .categories .view {
	
	display: block;
	
	position: absolute;
	
	bottom: 0;
	
	right: 0;
	
	background: url(../images/lupa.png) no-repeat;
	
	width: 30px;
	
	height: 30px;

    /* hide from IE Mac \*/

    text-indent: -999em;

    overflow: hidden;

    /* end hide */
	
	z-index: 9;

}

div#content .categories img {
	
	position: absolute;
	
	bottom: 5px;
	
	right: 5px;
	
	width: 250px;
	
	height: 150px;
	
	z-index: 1;

}

div#content .categories .cat {
	
	position: relative;
	
	float: left;
	
	background: url(../images/categories-bg.png) -2px 0 no-repeat;
	
	width: 452px;

	height: 159px;

	margin: 0 0 15px 0;

	padding: 5px 10px 5px 10px;

}

div#content .categories .cat-right {
	
	margin: 0 0 15px 17px;

}



/*#### TIPS ###########################################################################################################*/

div#content .tips {
	
	position: relative;

	background: url(../images/tips.png)  no-repeat;

	width: 964px;

	height: 204px;

	margin: 8px 0 16px -1px;
	
	padding: 13px 0 0 0;
	
	font-size: 14px;

}

div#content .tips h3 {

	margin: 0 0 0 4px;

	font-size: 20px;

	font-weight: normal;

}

div#content .tips p {
	
	margin: 0 0 14px 0;
	
}

div#content .tips ul {

	margin: 5px 0 0 13px;
	
	list-style: none;

}

div#content .tips li {

	background: url(../images/li-orange.gif) 0 5px no-repeat;

	padding: 0 0 8px 8px;
	
}

div#content .tips .left, 
div#content .tips .right {

	float: left;

	width: 440px;

	margin: 0 10px;

	padding: 3px 0;

}

div#content .tips .right {
	
	background: url(../images/pos-rev-ok.jpg) right top no-repeat;

	margin: 0 7px 0 17px;
	
	padding: 3px 0 0 22px;

}

div#content .tips .right h3 {
	
	margin: 0 0 14px 4px;
	
}

div#content #cloud {

	background: url(../images/cloud.png) no-repeat;

	width: 381px;

	height: 86px;

	padding: 10px 10px 10px 30px;

}

div#content #cloud p {

	margin: 0;

	font-size: 14px;

}

div#content #cloud a {

	float: right;

	margin: -5px 0 0 0;

	font-size: 12px;

	color: #453a47;

}

div#content #cloud span {

	color: #ff9000;

}



/*#### FOOTER ##############################################################################################################*/

div#footer-container,
div.footer-container {

	background: #fdfbed url(../images/footer-bg.png) left bottom repeat-x;

}

div#footer,
div.footer {

	width: 964px;
	
	margin: auto;
	
}

div#footer .contact, 
div#footer .newsletter,
div.footer .contact,
div.footer .newsletter {

	float: left;

	width: 466px;
	
	height: auto !important;

	height: 342px;
	
	min-height: 342px;
	
	font-size: 14px;
	
}

div#footer .contact-newsletter {
	
}

div#footer .newsletter,
div.footer .newsletter {
	
	background: url(../images/line.gif) left center no-repeat;
	
	margin: 0 0 0 10px;
	
	padding: 0 0 0 15px;

}

div#footer .contact h2, 
div#footer .newsletter h2,
div.footer .contact h2, 
div.footer .newsletter h2{

	margin: 8px 0 0 0;

	padding: 0 0 5px 33px;

	font-size: 20px;

	font-weight: normal;
	
}

div#footer .newsletter h2,
div.footer .newsletter h2 { 

	background: url(../images/obsequio.png) 0 3px no-repeat;

}

div#footer .contact h2,
div.footer .contact h2 { 

	background: url(../images/comment.png) 0 3px no-repeat;

}

div#footer input, 
div#footer textarea, 
div#footer select,
div.footer input, 
div.footer textarea, 
div.footer select {

	padding: 3px;
	
	color: #96897e;
	
	border: 1px #baada1 solid;

}

div#footer select,
div.footer select {
	
	height: 26px;

	padding: 3px 3px 3px 1px;

}

div#footer .contact textarea,
div.footer .contact textarea {

	width: 457px;

	height: 75px;

	overflow: hidden;
	
}


div#footer label, 
div#footer input,
div.footer label, 
div.footer input {

	display: block;
	
}

div#footer input,
div.footer input {

	width: 320px;

}

div#footer select,
div.footer select {

	width: 330px;
	
}

div#footer label,
div.footer label {
	
	margin: 7px 0;

}

div#footer .button,
div.footer .button {
	
	margin: 10px 0 0 0;

}

div#footer #links,
div.footer #links {
	
	position: relative;
	
	height: auto !important;
	
	height: 212px;
	
	min-height: 212px;
	
	padding: 5px 0 0 0;
	
	font-size: 14px;

	color: #fff;
	
	clear: both;

}

div#footer #links .dash,
div.footer #links .dash {
    background:url(../images/dashed.png) no-repeat scroll 55px 34px;
	
	height: 42px;
	
	margin: 10px 0 5px 0;
	
}

div#footer #links h2,
div.footer #links h2 {
	
	background: url(../images/links-h3.gif) no-repeat;
	
	height: 41px;
	
	margin: 0 25px 0 0;
	
	padding: 10px 0 0 55px;
	
	text-transform: uppercase;
	
	letter-spacing: 1px;

}

div#footer #links h3 span,
div.footer #links h3 span {
	
	font-size: 13px;
	
}

div#footer #links h3 strong,
div.footer #links h3 strong {
	
	font-size: 17px;
	
	letter-spacing: 2px;
	
}

div#footer #links h3,
div.footer #links h3 {
	
	margin: 0 0 5px 0;

	font-size: 16px;

	font-weight: normal;

	color: #fff;
	
}

div#footer #links ul,
div.footer #links ul {
	
	list-style: none;
	
}

div#footer #links ul li,
div.footer #links ul li {
	
	display: block;

	float: left;

	padding: 5px 65px 0 0;

	color: #96897e;

}

div#footer #links ul li li,
div.footer #links ul li li {
	
	float: none;

	padding: 0;

}

div#footer #links a,
div.footer #links a { 

	color: #96897e;

}



div#footer .developed {
	
	position: absolute;
	
	bottom: 0;
	
	right: 0;
	
	width: 100%;
	
	height: 25px;
	
	margin: 0;
	
	padding: 0;
	
}

div#footer .developed span {
	
	display: none;
	
}

div#footer .developed a {
	
	display: block;
	
	background: url(../images/taurosmedia.gif) center top no-repeat;
	
	width: 100%;
	
	height: 25px;
	
	text-indent: -999em;
	
	overflow: hidden;
	
}
.checkout-empty{
text-align:left;
}
.checkout-empty h4{
font-size:23px;
font-weight:normal;
margin-bottom:10px;
}
.checkout-empty p{
font-size:14px;
font-weight:normal;
}