@charset "utf-8";

/****************************************************************************/
body {
margin : 0px;
padding : 0px;
font-family : Arial,"MS UI Gothic",Osaka,sans-serif;
font-size: 0.7em;
}

textarea {
font-size: 1.1em;
}

h1 {
font-size: 1.5em;
}

h2 {
font-size: 1.3em;
}

h3 {
font-size: 1.1em;
}

h3 {
color: #84002E;
}

img { border: 0px; }

.clear { clear: both; }

a {
	color: #000080;
	text-decoration:none;
}

a:hover, a:hover span {
  color: #FF0000;
}

.box_error {
display: none;
padding: 10px;
margin-bottom: 20px;
background-color: #F46D59;
margin-top: 30px;
}

.box_error_display
{
padding: 10px;
margin-bottom: 20px;
background-color: #FFFFFF;
color: #CC0000;
}

.breadcrumb {
float: left;
width: 520px;
padding: 5px;
background-color: #EFEFEF;
margin-top: 5px;
margin-bottom: 5px;
}

.tags {
float: left;
width: 520px;
padding: 5px;
background-color: #EFEFEF;
margin-top: 5px;
margin-bottom: 5px;
}

.navbar {
float: left;
width: 520px;
padding: 5px;
margin-top: 5px;
margin-bottom: 5px;
}

ul.error_list {
color: red;
font-weight: bold;
}

.information {
color: red;
font-weight: bold;
}

.warning {
background-color: red;
color: white;
font-weight: bold;
}

.success {
background-color: green;
color: white;
font-weight: bold;
}

.price {
font-size: 14px;
font-weight: bold;
color: red;
}

table.base {
border: 1px solid gray;
border-collapse: collapse;
border-spacing: 1px;
}

table.base td {
border: 1px solid gray;
padding:5px;
}

table.base th {
background-color: #EFEFEF;
font-weight: bold;
text-align: center;
border: 1px solid gray;
padding:5px;
}

.radio_list {
list-style-type: none;
}

.news_ticker {
float: left;
list-style-type: none;
width: 515px;
padding: 5px;
font-size: 14px;
margin-top: 5px;
margin-bottom: 5px;
margin-left: 0px;
background-color: #BBBCBE;
border-style:solid;
border-top: none;
border-left: none;
border-right: thin double gray;
border-bottom: thin double gray;
font-family: Verdana;
font-weight: bold;
}

.pics {
float: left;
padding: 0;
margin-top: 10px;
margin-bottom: 10px;
}

.pics img {
top: 0;
left: 0
}

/****************************************************************************/
div.btns {
zoom: 1;
white-space: nowrap;
}

div.btns:after {
display: block;
clear: both;
content: '';
}

div.btns a.btn {
float: left;
background-image: url(border.gif);
background-color: buttonface;
background-repeat: no-repeat;
cursor: pointer;
font-size: 0;
text-align: center;
text-align: center;
display: block;
_width: 140px;
min-width: 80px;
text-decoration: none;
margin-top: 3px;
margin-right: 2px;
margin-bottom: 3px;
margin-left: 2px;
}

div.btns a.btn:hover span {
background-color: #3B6B9C;
}

div.btns a.btn span {
padding-top: 4px;
padding-right: 5px;
padding-bottom: 4px;
padding-left: 5px;
text-align: center;
position: relative;
left: 1px;
top: 1px;
display: block;
text-decoration: none;
background-image: url(border.gif);
background-position: right bottom;
background-repeat: no-repeat;
line-height: 1;
color: black;
font-size: 11px;
font-family: Verdana,sans-serif;
font-weight: bold;
}

/****************************************************************************/
#website {
width: 900px;
margin: auto;
margin-bottom: 140px;
}

#website #top {
position: relative;
width: 900px;
height: 121px;
margin-bottom: 20px;
}

#website #menu {
float: left;
width: 160px;
}

#website .main {
float: left;
width: 520px;
margin-left: 10px;
margin-right: 20px;
}

/****************************************************************************/
#website #top #top_up {
height: 90px;
margin: 0px;
padding: 0px;
}

#website #top #top_up #logo {
margin: 0px;
padding: 0px;
}

#website #top #top_up #welcome {
position: absolute;
width: 623px;
top: 18px;
right: 0px;
font-size: 18px;
color: #808080;
}

#website #top #top_up #menucorp {
position: absolute;
height: 40px;
margin: 0px;
padding: 0px;
top: 63px;
right: 0px;
list-style-type: none;
}

#website #top #top_up #menucorp li {
float: left;
}

#website #top #top_up #menucorp li a {
display: block;
float: left;
line-height: 27px;
background-image: url(../images/top_menu_middle.jpg);
background-repeat: repeat-x;
font-size: 11px;
text-align: center;
text-decoration: none;
color: #000000;
}

#website #top #top_up #menucorp li div.left{
display: block;
float: left;
width: 10px;
line-height: 27px;
background-image: url(../images/top_menu_left.jpg);
background-repeat: no-repeat;
}

#website #top #top_up #menucorp li div.right{
display: block;
float: left;
width: 10px;
line-height: 27px;
background-image: url(../images/top_menu_right.jpg);
background-repeat: no-repeat;
}

#website #top #top_up #menucorp li a:hover {
color: #CC0000;
}

#website #top #searchbar {
width: 900px;
height: 40px;
background-image: url(../images/layout_top_searchbar.jpg);
text-align: center;
vertical-align: middle;
}

/****************************************************************************/
#website #menu #loginbox {
width: 190px;
padding: 5px;
padding-top: 40px;
background-image: url(../images/layout_box_right_login.jpg);
background-repeat: no-repeat;
}
#website #menu #loginbox #loginboxsuccess{
padding-left:5px;
}

#website #menu #couponsbox {
width: 170px;
padding: 10px 10px 10px 10px;
font-weight: bold;
color: #FFFFFF;
background-color: #DD0000;
}

/****************************************************************************/
#website #products div.proditem {
float: left;
width: 150px;
height: 270px;
padding: 10px;
border: 1px solid lightgray;
margin-bottom: 1px;
margin-right: 1px;
}

#website #products div.proditem a.prodimage {
display: block;
width: 140px;
height: 140px;
margin-top: 10px;
margin-bottom: 10px;
text-align: center;
}

#website #products div.proditem p.prodname {
width: 193px;
height: 28px;
}

#website #products #exposer {
float: left;
width: 530px;
height: 340px;
margin-top: 15px;
padding-top: 30px;
background-image: url(../images/layout_box_mid_maispromocoes.jpg);
background-repeat: no-repeat;
}

#website #products #exposer div.proditem {
float: left;
width: 150px;
height: 250px;
padding: 5px;
}

#website #products #exposer td.proditem {
border: 1px solid gray
}

#website #productdetails #exposer {
float: left;
width: 530px;
height: 340px;
margin-top: 15px;
padding-top: 30px;
background-image: url(../images/layout_box_mid_maispromocoes.jpg);
background-repeat: no-repeat;
}

#website #productdetails #exposer div.proditem {
float: left;
width: 150px;
height: 250px;
padding: 5px;
}

#website #productdetails #exposer td.proditem {
border: 1px solid gray
}

/****************************************************************************/
#website #home #promotions {
float: left;
width: 530px;
height: 270px;
margin-top: 10px;
background-image: url(../images/layout_box_mid_grandesofertas.jpg);
background-repeat: no-repeat;
padding-left:3px;
}

#website #home #promotions td.proditem {
float: left;
width: 110px;
height: 200px;
margin-top: 35px;
margin-left: 4px;
padding: 7px;
text-align: center;
border: 1px solid lightgray;
}

#website #home #promotions td.proditem a.prodimage {
display: block;
width: 90px;
height: 90px;
margin-bottom: 5px;
text-align: center;
}

#website #home #promotions td.proditem p.prodname {
width: 110px;
height: 40px;
}

#website #home #morepromos {
float: left;
width: 530px;
height: 340px;
margin-top: 15px;
padding-top: 30px;
background-image: url(../images/layout_box_mid_maispromocoes.jpg);
background-repeat: no-repeat;
}

#website #home #morepromos td.proditem {
border: 1px solid gray
}

#website #home #banner {
float: left;
width: 510px;
}

#website #home #tag_box {
float: left;
width: 170px;
height: 260px;
margin-top: 5px;
margin-left: 3px;
margin-bottom: 10px;
background-image: url(../images/box.jpg);
background-repeat: no-repeat;
}

#website #home #tag_box div.title {
text-align: center;
padding-top: 3px;
width: 170px;
height: 20px;
color: red;
font-weight: bold;
}

#website #home #tag_box div.banner {
width: 170px;
height: 260px;
margin-top: 0px;
margin-left: 10px;
}

/****************************************************************************/
#website #productdetails .price {
background-image: url(../images/product_button_price.jpg);
background-repeat: no-repeat;
line-height: 30px;
text-align: center;
width: 90px;
font-size: 14px;
font-weight: bold;
color: red;
}

#website #productdetails #tab-reviews p.navigation {
font-size: 10px;
}

#website #productdetails p.post_detail {
font-size: 10px;
text-align: right;
font-style: italic;
}

/****************************************************************************/
#website #search .searchstr {
color: #666666;
}

#website #search #searchlist { 
float: left;
width: 500px;
}
/****************************************************************************/
#website #signup p, h3
{ clear: both; }

#website #signup label
{
display: block;
float: left;
width: 150px;
margin-right: 10px;
}

/****************************************************************************/
#website #checkout div.checkoutbox {
margin-bottom: 10px;
padding: 15px;
background-color: #EFEFEF;
border-bottom: 1px solid gray;
border-right: 1px solid gray;
}

#website #summary .table { 
width: 500px; 
margin-bottom: 30px;
}

#website #summary .picture {
	width: 60px;
	height: 50px;
}

#website #summary .qtybox {
width: 20px;
}

#website #summary .subtotalbox {
margin-bottom: 10px;
padding: 15px;
background-color: #EFEFEF;
font-size: 14px;
text-align: right;
border-bottom: 1px solid gray;
border-right: 1px solid gray;
}

#website #checkout div.checkoutbox #checkout_comments {
width: 540px;
height: 100px;
}

#website #checkout div.priceboxes {
font-size: 14px;
text-align: right;
}

#website #checkout div.sendorder {
font-size: 12px;
text-align: center;
}

/****************************************************************************/
#website #userpanel .fullbox
{
padding: 10px;
margin-bottom: 30px;
background-color: #EFEFEF;
}

#website #userpanel .halfbox
{
float: left;
width: 220px;
padding: 10px;
margin-bottom: 30px;
background-color: #EFEFEF;
}

#website #userpanel .halfbox_margin
{ margin-right: 20px; }

/****************************************************************************/
.urbangreymenu {
width: 160px;
}

.urbangreymenu .headerbar {
}

.urbangreymenu .headerbar a {
}

.urbangreymenu ul {
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
}

.urbangreymenu ul li {
padding-bottom: 1px; /*bottom spacing between menu items*/
}

.urbangreymenu ul li a {
font: 11px Arial;
color: black;
background: #E9E9E9;
display: block;
line-height: 15px;
padding: 1px 5px 1px 5px;
text-decoration: none;
text-align: left;
border: 1px solid gray;
margin-bottom: 1px;
}

.urbangreymenu ul li a:visited {
color: black;
}

.urbangreymenu ul li a:hover {
color: white;
background: black;
}

.urbangreymenu ul li ul {
background: #CBDF88;
}

.urbangreymenu ul li a.tag {
font: 11px Arial;
color: black;
display: block;
padding: 1px 5px 1px 20px;
background: #CBDF88;
border: none;
}

.urbangreymenu ul li a.tag:visited {
color: black;
}

.urbangreymenu ul li a.tag:hover {
color: white;
background: black;
}

.urbangreymenu ul li a.tag_current {
font: 11px Arial;
font-weight: bold;
color: black;
display: block;
padding: 1px 5px 1px 20px;
background: #CBDF88;
border: none;
}

.urbangreymenu ul li a.tag_current:visited {
color: black;
}

.urbangreymenu ul li a.tag_current:hover {
color: white;
background: black;
}


/****************************************************************************/
#cartbar
{
	position: fixed;
	z-index: 100;
	height: 90px;
	width: 100%;
	bottom: 0px;
	border-top: 1px solid #000000;
	background-color: #FFFFFF;
}

#cartbar #shoppingcart
{
	width: 980px;
	height: 80px;
	padding-top: 5px;
	margin: auto;
	overflow: hidden;
}

#cartbar #shoppingcart #cartimg
{
	float: left;
	width: 160px;
	height: 80px;
	margin-right: 30px;
	background-image: url(../images/cart_cart.jpg);
}

#cartbar #shoppingcart #cartimg p
{
	visibility: hidden;
}

#cartbar #shoppingcart div.navi
{ float: left; }

#cartbar #shoppingcart a.prev
{
	display: block;
	float: left; 
	cursor:pointer;
}

#cartbar #shoppingcart div.scrollable_cart
{
	float: left;
	position: relative;
	overflow: hidden;
	width: 540px;
	height: 80px;
	margin-top: 5px;
}

#cartbar #shoppingcart div.scrollable_cart #listitems
{
	position: absolute; 
	width:20000em;
}

#cartbar #shoppingcart div.scrollable_cart #listitems .cart_item
{
	position: relative;
	float: left;
	width: 108px;
	height: 80px;
}

#cartbar #shoppingcart div.scrollable_cart #listitems .cart_item div.cell_mini
{
	width: 108px;
	height: 50px;
	text-align: center;
	margin-bottom: 5px;
}

#cartbar #shoppingcart div.scrollable_cart #listitems .cart_item div.cell_product
{
	width: 108px;
	height: 25px;
	text-align: center;
}

#cartbar #shoppingcart div.scrollable_cart #listitems .cart_item div.cell_control
{
	position: absolute; 
	width: 50px;
	height: 18px;
	right: 0px;
	top: 0px;
}

#cartbar #shoppingcart div.scrollable_cart #listitems .cart_item div.cell_control div.cell_qty
{
	float: left;
	width: 20px;
	height: 15px;
	padding-top: 3px;
	text-align: center;
	background-image: url(../images/cart_cell_control_pt1.gif);
}

#cartbar #shoppingcart div.scrollable_cart #listitems .cart_item div.cell_control div.cell_delete
{ float: left; }

#cartbar #shoppingcart div.scrollable_cart #listitems .cart_item div.cell_control div.cell_add
{ float: left; }

#cartbar #shoppingcart a.next
{
	display: block;
	float: left; 
	cursor: pointer;
}

#cartbar #shoppingcart a.disabled 
{ visibility: hidden; !important }

#cartbar #shoppingcart #details
{
	float: left;
	width: 160px;
	height: 80px;
	margin-left: 30px;
	text-align: center;
}

#cartbar #shoppingcart #details p.cartlist a
{ 
	text-decoration: none;
	color: #000000; 
}

ul.pager {
      margin: 10px;
      text-align:right;
}
ul.pager li {
      display:inline; 
      margin-right: 10px;
      padding-right: 10px;
      border-right: 1px #999999 solid;
}
ul.pager li.last {
      border-right: none;
}
ul.pager li a:link,
ul.pager li a:visited {
      color: #3366FF;
      text-decoration: none;
}
ul.pager li a:hover,
ul.pager li a:active {
      color: #FF6633;
      text-decoration: none;
}
ul.pager li em {
      font-weight: bold;
}
#website #products div.navbar {
float: left;
width: 100%;
}