body {
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	margin-top: 0px;
	margin-bottom: 0px;
    background-image: url("../images/backgrounds/bg.gif");
	background-color: #ccc;
	background-repeat: repeat;
    background-position: top;

}

a { outline: none;}

.inputc   { border: 1px solid #999; font-family: arial; font-size: 11px; color: #666666; width: 150px; height: 15px;}
textarea   { border: 1px solid #999; font-family: arial; font-size: 11px; color: #666666; width: 150px; height: 15px;}



.photo{ float: left; padding-right: 20px;}
	
div#wrapper {
	width: 900px;
	margin: 0 auto;
	background: #fff;
	padding-top: 0px;
	background-color: #fff;
	background-repeat: repeat-y;
}

div#content { 
	width: 764px;
	margin: 0 auto;
	background: #fff;
}

.divider {
	width: 764px;
	height: 2px;
	background-color:#808080;
	margin: 0 auto;
	border-bottom: 1px solid #fff;
}

.bottomdivider {
	width: 764px;
	height: 2px;
	background-color:#808080;
	margin: 0 auto;
	border-top: 1px solid #fff;
}

div#address {
	padding-bottom: 90px;
	width: 764px;
	background-color:#fff;
	margin: 0 auto;
}

.spacer {
	width: 764px;
	height: 10px;
	margin: 0 auto;
}


div#topspacer {
	width: 764px;
	height: 50px;
	margin: 0 auto;
}

div#welcome {
	float:right;
	margin: 0 auto;
	padding-top:35px;
	text-align:right;
}



.bottomspacer {
	width: 764px;
	height: 30px;
	margin: 0 auto;
}

.puff1 {
	background-color:#fff;
	border-right: 1px solid #efeded;
	margin-bottom:30px;
}

.logodowload {
	border-bottom: 1px solid #efeded;
	padding-bottom:10px;
	padding-top:15px;
	
}

.puff3 {
	background-color:#fff;
	border-left: 1px solid #efeded;
	margin-bottom:30px;

}

.textcontent {
	background-color:#fff;
	margin-bottom:30px;

} 

.puffspace {
	background-color:#fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #939393;
	line-height:16px;
	padding-left:20px;
	padding-right:20px;
	margin: 0 auto;
	text-align:left;
}


.addtext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #939393;
	text-align:center;
	padding-top:7px;
}
.readmore {
padding-top: 10px;
text-align: right;

}


.add { border: 1px solid #eee; } 
.add:hover  { border: 1px solid #ccc; } 


.tablespace {
	background-color:#fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #939393;
	line-height:16px;
	padding-left:20px;
	padding-right:20px;
	margin: 0 auto;
	text-align:left;
}

.adresstext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000;
	line-height:14px;
	text-align:left;
}

.smalltext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #999;
	line-height:14px;
	text-align:left;
	font-weight:normal;
	font-style:italic;
}

.firstimage {
	padding-right:20px;
	float:left;
}

 .secondimage {
	padding-right:10px;
	float:right;
}

a:link, a:active, a:visited {
	font-family: Arial;
	font-size: 10px;
	font-weight: normal;
	color: #a39660;
	text-decoration: none;
}
a:hover {
	font-family: Arial;
	font-size: 10px;
	font-weight: normal;
	color: #999999;
	text-decoration: underline;
}

.reglink A:link {font-weight: normal; font-size: 9px; color: #999999; font-family: Verdana, Arial; text-decoration: none
}
.reglink A:active {
	FONT-WEIGHT: normal; font-size: 9px; color: #999999; font-family: Verdana, Arial; text-decoration: none
}
.reglink A:visited {
	font-weight: normal; font-size: 9px; color: #999999; font-family: Verdana, Arial; text-decoration: none
}
.reglink A:hover {
	font-weight: normal; font-size: 9px; color: #cccccc; font-family: Verdana, Arial; text-decoration: none
}






.cartlink A:link {font-weight: normal; font-size: 10px; color: #a39660; font-family: Verdana, Arial; text-decoration: underline
}
.cartlink A:active {
	FONT-WEIGHT: normal; font-size: 10px; color: #a39660; font-family: Verdana, Arial; text-decoration: underline
}
.cartlink A:visited {
	font-weight: normal; font-size: 10px; color: #a39660; font-family: Verdana, Arial; text-decoration: underline
}
.cartlink A:hover {
	font-weight: normal; font-size: 10px; color: #999999; font-family: Verdana, Arial; text-decoration: none
}

.resellmenu A:link {font-weight: normal; font-size: 11px; color: #a39660; font-family: Verdana, Arial; text-decoration: none
}
.resellmenu A:active {
	FONT-WEIGHT: normal; font-size: 11px; color: #a39660; font-family: Verdana, Arial; text-decoration: none
}
.resellmenu A:visited {
	font-weight: normal; font-size: 11px; color: #a39660; font-family: Verdana, Arial; text-decoration: none
}
.resellmenu A:hover {
	font-weight: normal; font-size: 11px; color: #999999; font-family: Verdana, Arial; text-decoration: none
}

#navlist
{
padding-left: 0;
padding-top: 10px;
margin-left: 0;
width: 150px;
}

#navlist li
{
list-style: none;
margin: 0;
padding: 2px;
}

.inactive {
	background-color:#fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #e2e2e2;
	line-height:16px;
	padding-left:20px;
	padding-right:20px;
	margin: 0 auto;
	text-align:left;
} 

#nav, 
#nav ul {padding-top:8px; padding-bottom:8px; padding-left:8px; padding-right:25px; margin:0; list-style:none; font: 10px verdana, sans-serif; background:url(../images/backgrounds/trans.png); position:relative; z-index:50;}
#nav {height:25px; padding:0; background:#fff;}

#nav table {border-collapse:collapse;}
#nav li {float:left;}
#nav li li {float:none;}
/* a hack for IE5.x and IE6 */
#nav li a li {float:left;}

#nav li a {display:block; float:left; color:#666; height:23px; padding:0px 6px 0 10px; line-height:17px; text-decoration:none; white-space:nowrap; font-weight:normal; border-left:0px solid #000;}
#nav li li a {height:21px; line-height:20px; float:none;}

#nav li:hover {position:relative; z-index:100;}
#nav a:hover {position:relative; z-index:100; color:#000; border-left:0px solid #fff;}
#nav li:hover > a {border-left:0px solid #fff; color:#000;}

#nav :hover  ul {left:0; top:23px; border-left:0px solid #fff; z-index:300;}
#nav a:hover ul {left:-1px;}

#nav ul {position:absolute; left:-9999px; top:-9999px;}

/* it could have been this simple if all browsers understood */
/* show next level */
#nav li:hover li:hover > ul {left:0; margin-left:100%; top:0;}
/* keep further levels hidden */
#nav li:hover > ul ul {position:absolute; left:-9999px; top:-9999px; width:auto;}
/* show path followed */
#nav li:hover li:hover > a {border-left:0px solid #843;}

#nav li a:hover ul li a:hover 

/* but IE5.x and IE6 need this lot to style the flyouts*/
/* show next level */
#nav a:hover a:hover ul,
#nav a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover a:hover ul
{left:100%; top:0;}

/* keep further levels hidden */
#nav a:hover ul ul,
#nav a:hover a:hover ul ul,
#nav a:hover a:hover a:hover ul ul,
#nav a:hover a:hover a:hover a:hover ul ul
{position:absolute; left:-9999px; top:-9999px;}


.shopspacer {
	width: 764px;
	height: 40px;
	margin: 0 auto;
}

.hspacer {
	width: 764px;
	height: 20px;
	margin: 0 auto;
}


.shopright {
	background-color:#f6f6f6;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000;
	line-height:17px;
	padding-left:20px;
	padding-right:20px;
	padding-top:20px;
	padding-bottom:20px;
	margin: 0 auto;
	text-align:left;
	vertical-align:top;
}

.shopbox {
	padding-bottom:15px;
	padding-top:15px;
	margin: 0 auto;
	border-bottom:1px solid #000;
}

.cartbox {
	background-color:#fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000;
	padding-top:15px;
	margin: 0 auto;
}

.brandprice {
	background-color:#f6f6f6;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #999999;
	line-height:17px;
	padding-left:20px;
	padding-right:20px;
	padding-top:20px;
	padding-bottom:20px;
	margin: 0 auto;
	text-align:left;
	vertical-align:top;
}

.recbrandprice {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #cccccc;

}

.price {
	background-color:#f6f6f6;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999;
	line-height:17px;
	padding-left:20px;
	padding-right:20px;
	padding-top:20px;
	padding-bottom:20px;
	margin: 0 auto;
	text-align:right;
	vertical-align:top;
}

.cart {
	background-color:#f6f6f6;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000;
	line-height:17px;
	padding-left:10px;
	padding-bottom:10px;
	padding-top:5px;
	text-align:left;
	vertical-align:middle;
	margin: 0 auto;
}



.shopbottom {
	background-color:#f6f6f6;
	text-align:left;
	padding-left:10px;

}

.detail{
	padding-left:30px;
}

.allnews {

	width: 250px;
	border-bottom: 1px #eee solid;
	padding: 5px;
	text-align:left;}

/*Oxxo shop start here*/



table.disp {

	width: 600px;
	border: 1px #fff solid;
	border-collapse: collapse;
	padding: 7px;}


table.disp tr.odd td { 
	background-color: #f6f6f6;
	border: 1px #fff solid;
	border-collapse: collapse;
	padding: 7px;
	font-weight: normal; 
	font-size: 11px; 
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	color: #000;}


table.disp tr.cart td { 
	background-color: #999;
	border: 1px #fff solid;
	border-collapse: collapse;
	padding: 7px;
	font-weight: bold; 
	font-size: 11px; 
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	color: #fff;}
	
table.disp tr.even td { 
	background-color: #fff;
	border: 1px #fff solid;
	border-collapse: collapse;
	padding: 7px;
	font-weight: normal; 
	font-size: 11px; 
	font-family: Verdana, sans-serif; 
	color: #999;}	


#resellnavcontainer
{
margin-bottom: 1em;
overflow: hidden;
width: 654px;
float: right;
}

#resellnavlist
{
list-style-type: none;
padding: 0;
margin:0;
float: right;
}

#resellnavlist li
{
border-left: 1px solid #ccc;
float: left;
line-height: 1.1em;
margin: 0 10px 0 -10px;
padding: 0 10px 0 10px;
}

#welcome {
	padding-right: 0px;
}

.p5{
	float:left;
	padding-right:5px;
}

.downloads{
	padding-bottom:5px;
	vertical-align:middle;
}


h1 {
	font-weight: bold; 
	font-size: 13px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: #666; 
	line-height:140%; 
	word-spacing:0; 
	margin-top:15px; 
	margin-bottom:10px;
	}

h2 {
	font-weight: bold; 
	font-size: 11px; 
	font-family: Arial, Helvetica, sans-serif; 
	color: #000; 
	line-height:140%; 
	word-spacing:0; 
	margin-top:25px; 
	margin-bottom:15px;
	}
	
h3 {
	font-weight: bold; 
	font-size: 12px; 
	font-family: Arial, Helvetica, sans-serif; 
	color: #000; 
	word-spacing:0; 
	margin-top:10px; 
	margin-bottom:0px;
	}	
	
	

#language
{
height: 50px;
padding: 0px;
margin: 0 auto;
}