/* LAYOUT ONLY!! */
#container  {
	width: 778px;
	height:auto;
	border: 0px solid gray;
	margin: 0px;
	margin: 0px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px; 
		text-align: left;
		/*10px;*/
/*	background-color: white;*/
}
#bodyContainer, .bodyContainer, #bodycontainer, .bodycontainer {
	margin: 0px;
	padding: 0px;
	border: 0px;
	background-color: white;
	margin-left: auto;
	margin-right: auto;
	width: 778px;
	text-align: left;
}
.bodyContainer, .bodycontainer {
	background: White;
	border-style: solid;
	border-color:  #CCCCCC;
	border-width: 0px 1px 1px 1px;
	width: 778px;
	margin-top: 0px;
	margin-bottom: 5px;
	overflow : hidden; 
}

.imag{margin:0;padding:0;float:left;position:relative;}

-moz-box-sizing:border-box;box-sizing:border-box;

.swatchColorDesc {font-size: 10px; font-family: Arial, Helvetica,sans-serif; color: #333333;}

.swatchTable {
	border-left: 1px solid #333333;
	border-right: 0px solid #333333; 
	border-top:1px solid #333333; 
	border-bottom:1px solid #333333; 
}

.tableswatch {
	border-top: 0px solid #333333;
	border-right: 1px solid #333333;
	border-bottom: 0px solid #333333;
	border-left: 0px solid #333333;
}

.topandbottom {
	border-top: 1px solid #333333;
	border-right: 0px solid #333333;
	border-bottom: 1px solid #333333;
	border-left: 1px solid #333333;
}

.swatchunderline {font: underline;}

.swatchContainer{
	width:238px;
	position:relative;
	float:left;
	margin-top:-2px;
	margin-bottom: 6px;
}

.swatchBlock{float:left;margin:0;padding:0;}
.swatchLink{float:left;margin:0;padding:0;border:1px solid #ffffff;margin-right:1px;margin-top:1px;}
.swatchLink:hover{border:1px solid #c0c0c0;}
.swatch{margin:0;padding:0;float:left;position:relative;}
.swatch > .swatchImg{margin:0;padding:0;float:left;}

DIV.SwatchBox {
		margin:0px;padding:0px;
		position:absolute;
		top:0;
		left:0px;
		width:200px;    
		margin-top:0px;
		text-align:center;
		min-width:75px;
		overflow:hidden;
		visibility:hidden;
		border:1px solid #ffffff;
		background-color: #ffffff;
		z-index:8000;
	}
	
.SwatchBoxImg {
		margin:0;padding:0;
		width:200px;height:120px;
		overflow:hidden;
		border:0px solid #999999;
		border-bottom:0px;}

.SwatchBoxText{
	border:1px solid #999999;
	margin:5px;
	padding-top:3px;
	padding-bottom:3px;
	padding-left:4px;
	padding-right:4px;
	margin:0px;
	overflow:hidden;
	text-align:left;
	background-color:#f2f2f2;
}

.SwatchBoxColorDesc{
	font : 10px/12px Arial, Verdana, sans-serif;
	padding:0px;
	margin:0px;
	color : #666666;
	font : bold 11px/12px Arial, Verdana, sans-serif;
	height:12px;
	overflow:hidden;
	text-align:left;
	background-color:#ffffff;
}

.SwatchBoxAction{
	font : 10px/12px Arial, Verdana, sans-serif;
	padding:0px;
	margin:0px;
	height:15px;
	overflow:hidden;
	text-align:left;
	color : #333333;
	background-color:#ffffff;
}


#containerb {
background-color:#FFFFFF;
border: 0px solid gray;
}

#header {
	padding: 0px;
	margin-bottom: 0px;
	background-color: white;
	
}
#content {
	margin-left: 182px;
	padding-left: 0px;
	background-color: white;
	float: left; 
	width: 594px; 
	margin: 0 0 0px 0;
	display: inline; 
	overflow: hidden; 
	position: relative;
    margin-top: 0px;
}
#menu {
	float: left;
	width: 169px;
	margin: 0;
	margin-right: 3px;
	margin-left: 3px;
	padding: 0px;
	/*background-color: white;*/
}
#footer {
	clear: both;
	padding: 0px;
	margin-top: 0px;
	background-color: #E7E7E7;
	text-align: center;
}

/* THE LEFT MENU */
ul#navlist
{
	width: 158px;
	padding: 0px;
	border: 0px solid #808080;
	border-top: 0px;
	margin: 0px;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	background: #ffffff;
}

ul#navlist li
{
	list-style: none;
	margin: 0px;
	border: 0px;
	border-top: 0px solid #ffffff;
}

ul#navlist li a
{
	display: block;
	width: 122px;
	padding: 2px 2px 2px 2px;
	border: 0px;
	border-left: 10px solid #ffffff;
	background: #ffffff;
	text-decoration: none;
	text-align: left;
}

ul#navlist li a:link { color: #949694; }
div#navcontainer li a:visited { color: #949694; }
div#navcontainerg li a:visited { color: #949694; }

ul#navlist li a:hover
{
	border-color: #ffffff;
	color: #949694;
	background: #ffffff;
}
ul#navlistg
{
	width: 158px;
	padding: 0px;
	border: 10px;
	border-top: 0px;
	margin: 0px;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	
}

ul#navlistg li
{
	list-style: none;
	margin: 0px;
	border: 0px;
	border-top: 0px solid #ffffff;
}

ul#navlistg li a
{
	display: block;
	width: 122px;
	padding: 2px 2px 2px 2px;
	border: 0px;
	border-left: 10px;
	text-decoration: none;
	text-align: left;
}

ul#navlistg li a:link { color: #949694; }
ul#navlistg li a:hover
{
	
	color: #949694;
}
/* THIS IS USED TO DISPLAY A SELECTED GROUP IN THE MENU */
#active a:link, #active a:visited, #active a:hover
{
	border-color: #ffffff;
	color: #ffffff;
	background: #f2f2f2;
}
/* THE TOP MENU */
#navcontainer2 ul
{
	padding-left: 0;
	margin-left: 0;
	background-color: #036;
	color: White;
	float: left;
	width: 100%;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
}

#navcontainer2 ul li { display: inline; }

#navcontainer2 ul li a
{
	padding: 0.2em 0.5em;
	background-color: #036;
	color: White;
	text-decoration: none;
	float: left;
	border-right: 1px solid #fff;
}

#navcontainer2 ul li a:hover
{
	background-color: #369;
	color: #fff;
}

/* TEXT MAKEUP AND OTHER COSMETICS HERE!!! */

#hideable {
	background-color: white;
}

/* image properties */
.imgleft {
	  /*float: left;*/
      padding: 0px 0px 0px 0px;
	  margin: 0px 0px 0px 0px;
}

.imgright {
	 /* float: right;*/
      padding: 0px 0px 0px 0px;	
	   margin: 0px 0px 0px 0px; 
}
	
img { 
	  border-width: 0px; 
}

/* this image is used in details.php and browse.php, all other images should not have borders */
.borderimg { 
	  border-style:solid;
      border-color: #D6DDE6;
      border-width:1px;
}

/* general settings */


/* single pixel borders on input boxes */


/* text in tables */
td, th {
	font: 11px Verdana,Tahoma,Arial,sans-serif;
}
/* tables of this class have no border */
table#borderless {
	border-collapse: collapse;
	border-style: hidden;
}
table.borderless th,
table.borderless td {
	border: 0px;
	padding: 0px;
	border-style: hidden;
	vertical-align: top;
}

/* a class that describes how tables should look */
.datatable {
		border: 0px solid #666677;
		border-collapse: collapse;
		margin-left:auto; 
		margin-right:auto;
}
.datatableb {
		border: 0px solid #666677;
				margin-left:0px; 
		margin-right:0px;
}
.datatable td {
		border: 0px solid #666677;	
		padding: 0px;
		text-align: left;
    	vertical-align: top;
}
.datatable th {
		border: 0px solid #666677;
		background-color: #f2f2f2;
		font-weight: bold;
		color: #333333;
		text-align: left;
		padding: 0px;
}
.datatable caption {
		font-size: 14px;
		font-weight: bold;
		color: #333333;
		text-align: left;
		padding-top: 3px;
		padding-bottom: 8px;
		margin-left: auto;
		margin-right: auto;
}
.datatable tr.altrow {
		background-color: #F2F2F2;
		color: #333333;
}
/*.datatable tr:hover, .datatable tr.hilite {
		background-color: #dff;
		color: #000000;
}*/
	

.texto {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#333333;
}

.abajo {
width:776px;
height:160px;
background-image:url(../images/fondoabajo1.jpg);
border: 1px solid #FFFFFF;
}

.abajob {
border: 1px solid #ccc;
}

.abajoc {
width:776px;
height:106px;
background-image:url(../images/fondoabajo2.jpg);
border: 1px solid #FFFFFF;

}

.abajod {
border: 1px solid #e2e2e2;
}

.boton {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
}

.desc {
color:#5d4342;
font-size:10px;
}

.titpedido {
width:166px;
border: 1px solid #e2e2e2;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
margin-left:1px;

}