body {
	background-color: #E5E1D7;
	font-family: Tahoma, Arial;
	font-size: 9px;
	color: #CC3300;
}
p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #5f3e30;
}

a, a:link, a:visited, a:active
{
	text-decoration: none;
	color: #5F3E30;

}
a:hover
{
	text-decoration: underline;
}
a img
{
       border-width: 0px;
}

/*//////////////////////////////////////////////
Text formatting
//////////////////////////////////////////////*/
.txt-white-10 {
	font-family: Tahoma, Arial;
	font-size: 10px;
	line-height: 13px;
	color: #FFF;
}
.tutorial-header {
	font-family: Tahoma, Arial;
	font-size: 13px;
	font-weight: bold;
	color: #999999;
	text-decoration: none;
	line-height: 18px;
}

/*//////////////////////////////////////////////
Image borders
//////////////////////////////////////////////*/

.2pxborderwhite {
	border: 2px solid #FFF;
	margin-top: 3px;
	margin-right: 4px;
	margin-bottom: 3px;
	margin-left: 4px;
}
.1pxbordergray {
	border: 1px solid #B9B9B9;
}
.pxborderwhitetwo {
	border:2px solid #fff;
	margin: 6px 3px;
}
.pxborderdark {
	border:2px solid #7D93C2;
	margin: 3px 4px;
}
.pxborderdarktwo {
	border: 2px solid #404040;
}
.pxborderwhite {
	border:2px solid #fff;
	margin: 3px 4px;
}

/*//////////////////////////////////////////////
Table styles
//////////////////////////////////////////////*/

.bluestatus-table {
	background-color:#F2F6E7;
padding: 5px;
font-size: 9px;
font-family: Verdana, Arial, Helvetica, sans-serif;
border: dotted 1px;
border-color: #E9EED7;
}

.recentwork-table {
	background-color:#fcf3db;
padding: 5px;
font-size: 80%;
font-family: Verdana, Arial, Helvetica, sans-serif;
border: dotted 1px;
border-color: #ea7726;
}
.headertable {
	background-color: #FFFFFF;
}
.menutable {
	background-repeat: repeat-x;
	background-color: #7D93C2;
}
.articulos-tipsTable {
	font-family: Tahoma, Arial;
	font-size: 10px;
	color: #5F3E30;
	background-color: #EFDEEF;
	width: 100%;
	display: block;
}
.articulos-tipsTable  A:link{
	font-family: Tahoma, Arial;
	font-size: 10px;
	color: #666666;
	background-color: #E2DAE8;
	border: 1px solid #CFCFCF;
	text-decoration: none;
	width: 100%;
	padding-left: 5px;
	margin-bottom: 1px;
	margin-top: 1px;
	display: block;
	margin-left: 1px;
	margin-right: 1px;
}
.articulos-tipsTable A:hover{
	font-family: Tahoma, Arial;
	font-size: 10px;
	color: #FFFFFF;
	background-color: #959AD5;
	border: 1px solid #CFCFCF;
	text-decoration: none;
	width: 100%;
}
.articulos-tipsTable A:visited{
	font-family: Tahoma, Arial;
	font-size: 10px;
	color: #5F3E30;
	background-color: #FBEEF1;
	border: 1px solid #CFCFCF;
	text-decoration: none;
	width: 100%;
	padding-left: 5px;
	margin-bottom: 1px;
	margin-top: 1px;
	display: block;
	margin-left: 1px;
	margin-right: 1px;
}
.linksblanco{
	font : bold 12px Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
}
.linksblanco a:hover{
	font : bold 12px Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	text-decoration:overline
}
.linksblanco a:link{
	font : bold 12px Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	text-decoration:none
	}
.linksblanco a:visited{
	font : bold 12px Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;}

.TIPs-menu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #7D93C2;
	font-weight: bold;
}
.topmenu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #666666;
	text-decoration: none;
	padding-right: 8px;
	padding-left: 8px;
	border-right-color: #596798;
	border-right: 1;
	border-right-style: solid;
	border-right-width: thin;
	vertical-align: bottom;
}
.titulo {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 15px;
	font-weight: bold;
	color: #E4748C;
	text-indent: 5px;
	text-align: left;
	padding-top: 8px;
}
.titulo2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	font-weight: bold;
	color: #ea7726;
	text-indent: 5px;
	text-align: left;
	font-style: italic;
}
.img-border {
	display: block;
	background-color: #fff;
	border: 1px solid #a9a9a9;
	padding: 2px;
	border-color: #7287C6;
  } 
  .title {
	FONT: bold 10px "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; MARGIN-LEFT: 5px; COLOR: #FF00CC
}
.title A:link {
	FONT: bold 10px "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; COLOR: #c30; TEXT-DECORATION: none
}
.title A:visited {
	FONT: bold 11px "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; COLOR: #c30; LETTER-SPACING: 2px; TEXT-DECORATION: none
}
.title A:hover {
	FONT: bold 10px "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; COLOR: #c30; TEXT-DECORATION: none
}
.tablecorner {
	background-color: #FFFFFF;
}
.list {
	list-style-position: outside;
	list-style-image: url(images/check2.gif);
	list-style-type: square;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 13pt;
}
.textoimportante {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
}

.button {
	font-size: 12px;
	font-weight: bold;
	background-color: #6699FF;
	vertical-align: middle;
	margin: 2px;
	padding: 2px;
	border: 1px solid #666666;
	color: #FFFFFF;
}
#button {
	font-size: 12px;
	font-weight: bold;
	background-color: #6699FF;
	vertical-align: middle;
	margin: 2px;
	padding: 2px;
	border: 1px solid #666666;
	color: #FFFFFF;
	text-decoration:none
}
#button a:link{
	color: #FFFFFF; text-decoration:none
}
#button a:active{
	color: #FFFFFF; text-decoration:none
}
#button a:hover{
	color: #FFFFFF; text-decoration:underline
}.lineavertical {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #5F3E30;
}


ul, ol, dl, p, h1, h2, h3, h4, h5, h6
{
	margin-top: 5px;
	margin-bottom: 5px;
	padding-top: 0;
	padding-bottom: 0;
}


#ulMainNav{
	margin: 0px;
	margin-right: 15px;
	padding: 3px;
	list-style-type: none;
}
#ulMainNav li {
	display: inline;
	float: right;
	border-left: 1px solid; /* adds Pipes to the sides for the footer */
	border-color:#5F3E30;
	
}

#ulMainNav li.liCart,  #ulMainNav li.liCart a:hover{
background-image:url(../Merchant2/graphics/webgraphics/cart.gif);
}

#ulMainNav li.liCart {
width: 90px;
}


#ulMainNav li.liFloat {
float: left;
display: inline;
border-left: none; /* removes pipe from first footer nav item */
}


#ulMainNav a:link, #ulMainNav a:visited, #ulMainNav a:active{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #5F3E30;
	text-decoration: none;
	display: block;
	width: auto;
	padding-top: 0px;
	padding-right: 7px;
	padding-bottom: 0px;
	padding-left: 7px;
	text-align: left;
	
}
#ulMainNav a:hover{
	text-decoration: underline;
	color: #5F3E30;
	background-color: #F1EFEA;
}

#ulMainNav li.First {
border-left: none; /* removes pipe from first footer nav item */
}

#ulFooterNav {
	margin: 8px auto 0; 
	padding: 3px 3px 8px;
	list-style-type: none;
	width:650px;
	
	
}

#ulFooterNav li {
	display:inline;
	float:left;
	border-left: 1px solid; /* adds Pipes to the sides for the footer */
	
}	

#ulFooterNav li.First {
border-left: none; /* removes pipe from first footer nav item */
}
	
	

#ulFooterNav a:link, #ulFooterNav a:visited, #ulFooterNav a:active {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #5F3E30;
	text-decoration: none;
	display: block;
	width: auto;
	padding-top: 0px;
	padding-right: 7px;
	padding-bottom: 0px;
	padding-left: 7px;
	text-align: center;
}
#ulFooterNav a:hover{
	text-decoration: underline;
	
}





#divTitle {
	clear: both;
	text-align: left;
	vertical-align: top;
	background-color: #FFA9E8; 
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #FFA9E8;

	
}

#masthead
{
	border: solid 0px #fff;
	border-width: 0px 0;
	text-align: center;
	
}

#masthead img {padding-bottom: 5px;}


#masthead h1
{
	padding: 0;
	margin: 0;
	
}

#masthead h3
{
	padding: 0;
	margin: 0;
	font-size:12px;
	
}



* html #masthead { /* \*/ height: 0.01%; /* holly hack (VERY IMPORTANT) */ }

#mastheadRight { float: right; width: 275px; text-align: right;}

#mastheadRight p, #mastheadRight form { margin: 0; padding: 0; }

#mastheadLeft { float: left; width: 275px; text-align: left;}

#mastheadLeft p, #mastheadRight form { margin: 0; padding: 0; }






#outerColumnContainer
{
	/* reserves space for the left and right columns. you can use either
	 * padding, margins, or borders, depending on your needs. however you
	 * can use the border method to create a background color for both left
	 * and right columns
	 */
	border-left: solid 14em #fff;
	border-right: solid 14em #fff;
}
#innerColumnContainer
{
	border: solid 0px #fff;
	border-width: 0 0px;
	margin: 0 -1px;		/* compensate for the borders because of
				   100% width declaration */
	width: 100%;
	z-index: 1;

}
#leftColumn, #middleColumn, #rightColumn, * html #SOWrap
{
	overflow: visible;	/* fix for IE italics bug */
	position: relative;	/* fix some rendering issues */
}
#SOWrap
{
	float: left;
	margin: 0 -1px 0 0;
	width: 100%;
	z-index: 3;
}
#middleColumn
{
	float: right;
	margin: 0 0 0 -1px;
	width: 100%;
	z-index: 5;
}
#leftColumn
{
	float: left;
	margin: 0 1px 0 -14em;
	width: 14em;
	z-index: 4;
	
}
#rightColumn
{
	float: right;
	width: 14em;
	margin: 0 -14em 0 1px;
	z-index: 2;
}
#footer
{
	border: solid 1px #F1EFEA;
	border-width: 1px 0;
	padding: 0px;
	
}

p.fontsize-set
{
	text-align: center;
}
p.fontsize-set img
{
	border-width: 0;
}

/* vertical navigation stuff. mostly exactly as seen in the vnav.css styleheet
 * in the original skidoo layout.
 */
.vnav
{
	margin: 1em 0;
		position: relative;
}


.vnav h3
{
	margin-bottom: 0;
	padding:  1px 1px 1px 2px;
	font-size: 8pt;
	color: #FFFFFF;
	font-family: Georgia, "Times New Roman", Times, serif;
	background-color:#E4A3B1;
	font-variant: normal;
	text-transform: uppercase;
}

 
.vnav ul, .vnav ul li
{
	margin: 0;
	padding: 0 0 0 0px;
	list-style-type: none;
	display: block;
}
.vnav ul
{
	border-bottom: 0px solid #E1708E;
	border-right:  0px solid #E1708E;
	border-left:  0px solid #E1708E;
	border-top:  0px solid #E1708E;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;

}
.vnav ul li
{
	border-bottom: solid 0px #fff;
}
.vnav ul li, .vnav ul li a
{
	margin: 0;
	display: block;
	padding: 0;
	line-height: normal;
}
.vnav ul li a
{
	display: block;
	padding: 2px 5px 1px 7px;
}
.vnav ul li a, .vnav ul li a:link, .vnav ul li a:visited, .vnav ul li a:active, .vnav ul li a:hover
{
	text-decoration: none;
	cursor: pointer;
}


* html .vnav ul li a/* hide from IE5.0/Win & IE5/Mac */
{
	height: 0.01%;
}
* html .vnav ul
{
	position: relative;	/* IE needs this to fix a rendering problem */
}

/* horizontal navigation elements. create a DIV element with the class hnav
 * and stick one unordered list inside it to generate a horizontal menu.
 */
.hnav
{
	border-bottom: solid 1px #fff;
	text-align: center;
	font-size: 10pt;
}




.hnav, .hnav ul li a
{
	/* need to middor veritcal padding on .hnav and child anchor elements
	 * because the anchors are _not_ block elements. since they are not
	 * block elements web browsers will not expand .hnav to contain them
	 * even with the extra padding. by applying the same padding to both
	 * the parent .hnav _looks_ like its containing the child anchor
	 * elements. 
	 */
	padding-top: 3px;
	padding-bottom: 4px;
	font-weight:bold;
}


.hnav
{
	background-color: #7D93C2;
	color: #E5E1D7;
	background-image: url(images/bg_top.gif);

}
.hnav a:link
{
	color: #fff; text-decoration:none;

}
.hnav a:hover
{
	color: #fff; text-decoration:underline;

}

.hnav a:visited
{
	color: #fff; text-decoration:underline;

}


.vnav ul li a:link, .vnav ul li a:visited, .vnav ul li a:active
{
	text-decoration: none;
	background-color: #FBEEF1;
	color: #5F3E30;
}

.vnav ul li a:hover, #rightColumn .vnav ul li a:hover
{
	text-decoration: none;
	background-color: #E4A3B1;
	color: #fff;
}

#rightColumn .vnav ul li a:link, #rightColumn .vnav ul li a:visited, #rightColumn .vnav ul li a:active
{
	background-color: #ded;
}







.hnav ul li.bgOrange a:link, .hnav ul li.bgOrange a:visited
{
	background-color: #FFA945;
	color: #5F3E30;
}

.hnav ul li.bgRed a:link, .hnav ul li.bgRed a:visited
{
	background-color: #E4A3B1;
	color: #5F3E30;
}

.hnav ul li.bgTeal a:link, .hnav ul li.bgTeal a:visited
{
	background-color: #A2D0D0;
	color: #5F3E30;
}

.hnav ul li.bgGreen a:link, .hnav ul li.bgGreen a:visited
{
	background-color: #A4C05C;
	color: #5F3E30;
}

/*May not be needed because it is only for default
.hnav ul li a:link, .hnav ul li a:visited
{
	background-color: #DF5029;
	color: #5F3E30;
}*/

.hnav ul li.bgOrange a:hover, .hnav ul li.bgTeal a:hover, .hnav ul li.bgRed a:hover, .hnav ul li.bgGreen a:hover
{
	background-color: #5F3E30;
	color: #fff;
}

.divDottedBorder  {
border-bottom: 2px dotted #5F3F31;
border-left: 0px solid #5F3F31;
border-right: 0px solid #5F3F31;
padding-top:1px; 
padding-bottom:1px;
margin: 0px;
}

.divDottedBorder a {
/*font-size: 10px;*/
}

.divDottedBorder p {
margin-top: 0;
}


hr {
border: 0;
color: #F1EFEA;
background-color: #F1EFEA;
height: 1px;
width: 100%;
text-align: left;
}


/***********Rounded Corners********************** http://www.neuroticweb.com/recursos/css-rounded-box/
 /* set millions of background images */
.rbroundbox { background: url(../Merchant2/graphics/webgraphics/roundedcorners/nt.gif) repeat; }
.rbtop div { background: url(../Merchant2/graphics/webgraphics/roundedcorners/tl.gif) no-repeat top left; }
.rbtop { background: url(../Merchant2/graphics/webgraphics/roundedcorners/tr.gif) no-repeat top right; }


/* height and width stuff, width not really nessisary. */
 .rbtop div, .rbtop, .rbbot div, .rbbot {
width: 100%;
height: 7px;
font-size: 1px;
}
.rbcontent { margin: 0 7px; }
.rbroundbox { width: 50%; margin: 1em auto; }


.rbbot div { background: url(../Merchant2/graphics/webgraphics/roundedcorners/ftbl.gif) no-repeat bottom left; }
.rbbot { background: url(../Merchant2/graphics/webgraphics/roundedcorners/ftbr.gif) no-repeat bottom right; }
/*****************End Rounded Corners***************/

.divLilacBox
{
background-color:#EFDEEF;
padding: 5px;
font-size: 11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
border: dotted 1px;
border-color: #C38FC2;
}

.divGreenBox
{
background-color:#F2F6E7;
padding: 5px;
font-size: 80%;
font-family: Verdana, Arial, Helvetica, sans-serif;
border: dotted 1px;
border-color: #E9EED7;
}


/******************* Addendum Box ***************/

.divAddendumBox
{
background-color:#EFDEEF;
padding: 3px;
border: dotted 1px;
border-color: #C38FC2;
}
/******************* End Addendum Box ***************/

#trackingBox.divLilacBox
{
width: 300px;

}

.thumbnail
{
float: left;
width: 100px;
margin: 0 7px 7px 0;
padding: 3px;
text-align: center;

}



.thumbnail div
{margin-top: 3px;}

#divMFooterInner .thumbnail {margin: 0;}

#divMLeftPink .thumbnail {width: 80px; margin: 0 6px 6px 0;}


#divMLeftPink .thumbnail img {width: 80px; height: 80px;}

/*Default for floating any div right*/
.divFloatRight
{
 float: right;
}

/*Default for floating any div left*/
.divFloatLeft
{
 float: left;
}

/*Makes Clearance text read and bold.*/
.pRed
{
font-weight: bold;
color: #FF0000;

}

/*Formats box for Ideas in Product Pages */
.divIdeaBox
{
background-color:#EFDDE1;
padding: 5px;
font-size: 80%;
font-family: Verdana, Arial, Helvetica, sans-serif;
border: dotted 1px;
border-color: #EF94A5;
}

.cmdCenter
{
text-align: center;
}

.divTopTitle
{
float: left;
padding: 6px;
}

.none
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #5F3E30;
	display: inline;
	
}
.cotiza

{ background-image:url(http://www.detallesbliss/images/cotizacion.gif); 
width: 101px;
height:24px; 
}