body {
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
}

#det_prod_cabecalho {
	background:url(imagens/det.prod.cabecalho.jpg) no-repeat;
	width:390px;
	height:42px;
	vertical-align:top;
	position:relative;
	margin-top:20px;
}

#det_prod_corpo {
	background:url(imagens/det.prod.corpo.jpg) repeat-y;
	width:390px;
	position:relative;
	overflow:auto;
	float:left;
}

#det_prod_corpo h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color: #18729A;
	margin:0 10px 10px 10px;
}

#det_prod_corpo p {
	font-family: Verdana;
	font-size: 12px;
	color: #454747;
	margin:0 10px 0 10px;
}

#det_prod_corpo img {
	margin:10px 0 0 10px;
}

#det_prod_corpo ul li {
	font-family: Verdana;
	font-size: 12px;
	color: #454747;
	list-style:none;
}

#det_prod_rodape {
	background:url(imagens/det.prod.rodape.jpg) no-repeat;
	width:390px;
	height:42px;
	position:relative;
	float:left;
}

#b_demo_online {
	margin:10px 0 0 0;
}


/*****************************************************************/

#div_menu_servicos_especiais {
}

#div_menu_servicos_especiais ul li {
	/*margin-left:-10px;*/
	list-style:disc;
}

#div_menu_servicos_especiais ul li a {
	font-family:Arial;
	font-size:8px;
	letter-spacing:normal;
}

/*****************************************************************/

.link {
color:#669933;
font-size:10px;
font-weight: bold;
; font-family: Verdana, Arial, Helvetica, sans-serif
}
.link a:houver {
TEXT-DECORATION: none;
color:#669933;
font-size:12px;
font-weight: bold;
}

.link a:visited {
TEXT-DECORATION: none;
color:#669933;
font-size:12px;
font-weight: bold;
}
a:link {
TEXT-DECORATION: none;
}
a:visited {
TEXT-DECORATION: none;
}
a:active {
TEXT-DECORATION: none
}
a:hover {
TEXT-DECORATION: none
}
#maintable {
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	width: 800px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #336699;
}
#header {
	background-color: #336699;
	height: 84px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}
/* this style places the header graphic behind the "get live help" button */ 
#headimg1 {
	padding: 0px 0px 0px 0px;
	margin-left: 0px;
	margin-top: 0px;
	z-index: 2;
}
/* this style places the "get live help" button */ 
#headimg2 {
	position: absolute;
	left: 620px;
	top: 62px;
	z-index: 3;
}

/* styles for items contained in left-side nav column */ 
#leftcol {
	background-color: #bfe0e9;
	background-image: url(http://www.coastal.com/images/leftbar.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width: 190px;
	font: 11px/14px Verdana, sans-serif;
	color: #003366;
	padding: 0px 10px 5px;
	text-align: left;
	vertical-align: top;
}
#leftcol form {
	padding: 0px 0px 0px 0px;
	margin-bottom: 2px;
}
#leftcol h1 {
	color: #666666;
	padding: 0px 0px 0px 0px;
	margin-bottom: 5px;
}
#leftcol h2 {
	color: #336699;
}
#leftcol ul {
	margin: 0px;
	padding: 0px 0px 0px 20px;
}
#leftcol li {
	line-height: 12px;
	padding: 5px 0px 2px 0px;
	font-weight: bold;
	text-transform: uppercase;
}
#leftcol li a {
	color: #003366;
	text-decoration: none;
}
#leftcol li a:hover {
	color: #FFFFFF;
}
.produto a {
	color: #003366;
	text-decoration: none;
}
.produto a:hover {
	color: #FFFFFF;
}

/* styles for marketing box in left-side column */ 
#specialbox {
	font: 11px/20px Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	background-color: #FFFFFF;
	text-align: left;
	vertical-align: top;
	padding: 10px;
	border: 1px solid #666666;
	margin-top: 5px;
	width: 160px;
}
#othersearch a {
	font: 10px/8px Verdana, sans-serif;
	font-weight: bold;
	color: #669933;
	text-align: left;
	vertical-align: top;
	margin-top: 0px;
}

/* .topbar puts a grey bar above content as well as margin and padding */ 
.topbar {
	padding: 5px 0px 5px 0px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999999;
	margin-top: 20px;
	width: 215px;
}

/* #maincontent1 is for pages that don't require a right-side column area.  */ 
#maincontent1 {
	font: 14px/16px Verdana, sans-serif;
	color: #333333;
	padding: 10px;
	text-align: left;
	vertical-align: top;
}
#maincontent1 h1 {
	font: 16px/14px Helvetica, sans-serif;
	font-weight: bold;
	letter-spacing: 0em;
	color: #333333;
	padding: 10px 0px 0px 0px;
}
#maincontent1 h2 {
	font: 18px/16px Helvetica, sans-serif;
	font-weight: bold;
	letter-spacing: 0em;
	padding: 10px 0px 0px 0px;
}
#maincontent1 p {
	font: 12px/14px Arial, sans-serif;
	text-align: left;
	vertical-align: top;
}
#maincontent1 a {
	text-decoration: none;
}
#maincontent1 a:hover {
	text-decoration: underline;
}
#a1 {
	color: #336699;
}
#a2 {
	color: #669933;
}
#a3 {
	color: #99CCCC;
}

.xs {
	font: 8px/10px Arial, sans-serif;
}
.small {
	font: 10px/11px Arial, sans-serif;
}
.medium {
	font: 12px/14px Arial, sans-serif;
}
.large {
	font: 12px/normal Verdana, Arial, Helvetica, sans-serif;
}
.xl {
	font: 16px/18px Arial, sans-serif;
}

#spanner {
	background-color: transparent;
	width: 575px;
	height: 1px;
}
#spanner2 {
	background-color: transparent;
	width: 160px;
	height: 1px;
}

.h1 {
	font: 13px/11px Helvetica, sans-serif;
	font-weight: bold;
	letter-spacing: 0em;
}
.h2 {
	font: 12px/13px Verdana, sans-serif;
	font-weight: bold;
	margin-bottom: 0px;
	padding-bottom: 2px;
	letter-spacing: 0em;
}
.h3 {
	font:Verdana, Arial, Helvetica, sans-serif;
	color:#00CC99;
	font-weight:bold;
	font-size:12px;
}

/* .green class is assigned to all MAIN PULL-DOWN MENUS  */ 
.green {
	font: 10px/11px Verdana, sans-serif;
	color: #FFFFFF;
	background-color: #669933;
	width: 185px;
}

/* .blue class is assigned to all ACTION BUTTONS: Go, Submit, etc.  */
.blue {
	background-color: #336699;
	color: #FFFFFF;
	font: 10px/11px Verdana, sans-serif;
}

/* .grey class is assigned to SPECIAL PULL-DOWN menus like "choose your language"  */
.grey {
	color: #FFFFFF;
	background-color: #666666;
	margin: 0px;
	font: 10px/11px Verdana, sans-serif;
}
.normalcell1 {
	color: #006699;
	text-align: left;
	padding-left: 5px;
	padding-top: 5px;
	font-family: Verdana, sans-serif;
	font-size: 10px;
	line-height: 14px;
}

#footer {
	font: 8px/12px Verdana, sans-serif;
	color: #666666;
	padding: 5px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	text-align: center;
	vertical-align: top;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCCCCC;
}





#div_menu_direito {
	width:180px;
	background:#DCEFF3;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color:#000066;
	overflow:auto;
}

#div_menu_direito h3 {
	/* font: [style] [variant] [weight] [size] [/line-height] [family]
| caption | icon | menu | message-box | small-caption | status-bar | inherit*/
	font:bold 11px Verdana, Arial, Helvetica, sans-serif;
	color:#000066;
}

#div_menu_direito ul {
	list-style:none;
	text-indent:-8px;
	margin-left:10px;
}

#div_menu_direito li {
	margin-left:0px;
	padding-left:0;
}

#div_menu_direito a {
	color:#000066;
}

#div_menu_direito a:hover {
	text-decoration:underline;
}




.dropDown {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
	background-color:#9DCA9B
}
.dropDown1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	background-color: #c6f66c;
}

/*	Lista de categorias do lado direito da pagina das mini homes */

.lista_categoria
{
	text-align:left;
	list-style:none;
	text-indent:-10px;
	margin: 0px 0px 0px 13px;
}

.lista_categoria li {
	margin-left:0px;
	padding-left:0;
}

/*****************************************************************/

.lista_produto_medio {
	font: 12px/14px Arial, sans-serif;
	font-weight:bold;
}

.lista_produto_medio a
{
	color:#000000;
}

.lista_produto_medio a:hover
{
	text-decoration:underline;
}

.lista_prod_medio_vhs {
	color:#ff0000;
}

.lista_prod_medio_dvd {
	color:#ff0099;
}

.lista_prod_medio_cdrom {
	color:#66cc33;
}

.lista_prod_medio_manual {
	color:#ff8000;
}

.lista_prod_medio_poster {
	color:#800080;
}

.lista_prod_medio_safe_in_8 {
	color:#000000;
}

.lista_prod_medio_folheto {
	color:#0000FF;
}

.lista_prod_medio_clarity {
	color:#0000ff;
}

/* Div que posiciona a foto do produto, na navegacao, entrando nos detalhes do produto */
#div_foto_produto {
	margin:110px 0 0 0;
}