@charset "utf-8";
/* --------------------------------------------------------------- */
/*

	G&N Shopping
	Ag�ncia: Oito ponto Oito
	Design/Desenvolvimento: Diogo Costa
	Url ag�ncia: www.oitopontooito.com.br
	Url desenvolvedor: www.diogocosta.com.br
	
	Vers�o: 1.0
	Data de cria��o: 9 de Mar�o de 2009
	

*/
/* --------------------------------------------------------------- */

/* --------------------------------------------------------------- */
/* Imports */
/* --------------------------------------------------------------- */

	@import url("reset.css");
	
	
/* --------------------------------------------------------------- */
/* B�sico */
/* --------------------------------------------------------------- */


	body {
		background: url(../image/fix/fd_gray.jpg) repeat-x;
		font: 14px Georgia, Times, Times New Roman, serif;
		color: #333;
	}
	
	.clear {
		clear: both;
	}
	
	form {
		padding: 0;
		margin: 0;
		display: inline;
	}
	
	input, textarea, select {
		margin: 3px 0px;
	}
	
	a, a:visited {
		color: #1B57A3;
		text-decoration: underline;
		cursor: pointer;
	}
	
	a:hover {
		text-decoration: none;
	}

	a img {
		border: none;
	}

	p {
		margin-top: 0px;
	}


/* --------------------------------------------------------------- */
/* Page */
/* --------------------------------------------------------------- */

	#pagetop {
		width: 950px;
		height: 20px;
		background: url(../image/fix/fd_pagetop.png) no-repeat;
		margin: 0 auto;
		margin-top: 10px;
	}
	
	#page {
		width: 950px;
		height: 100%;
		background: url(../image/fix/fd_pagemei.png) repeat-y;
		margin: 0 auto;
	}
	
	#page .pagebt {
		width: 950px;
		height: 100%;
		background: url(../image/fix/fd_pagebot.png) center bottom no-repeat;		
	}
	
	
/* --------------------------------------------------------------- */
/* Header */
/* --------------------------------------------------------------- */

	#header {
		width: 924px;
		height: 130px;
		background: url(../image/fix/fd_headerbg.png) center bottom repeat-x;
		margin: 0 auto;
	}
	
	#header .logo {
		margin: 5px 0 0 10px;
		float: left;
	}
	
	#header .nav .top{
		float: right;
		margin: 5px 10px 0 0;
	}
	
	#header .nav .top a {
		background-color:#99CCCC;
		padding: 5px;
		font: bold 10px Helvetica, Arial, Tahoma, San-serif;
		color: #fff;
		text-decoration: none;
		text-transform:  uppercase;
	}
	
	#header .nav .bot {
		float: left;
		margin: -13px 0 0 350px;
	}
	
	#header .nav .bot .older{
		padding: 8px;
		background-color: #990000;
		font: 14px Georgia, Times, Times New Roman, serif;
		color: #fff;
		text-decoration: none;
	}
	
	#header .nav .bot .new{
		padding: 10px;
		background-color: #fff;
		font: 17px Georgia, Times, Times New Roman, serif;
		color:  #990000;
		text-decoration: none;
	}
	
/* --------------------------------------------------------------- */
/* Sidebar */
/* --------------------------------------------------------------- */

	#sidebar {
		width: 175px;
		float: left;
		margin: 20px 0 0 20px;
		min-height: 500px;
	}
	
	#sidebar .title {
		background: #C40000 url(../image/fix/fd_set2.gif) top right no-repeat;
		font: bold 12px Helvetica, Arial, Tahoma, San-serif;
		color: #fff;
		text-transform: uppercase;
		padding: 8px 0 7px 10px;
	}
	
	#sidebar ul {
		margin: 5px 5px 10px -35px;
	}
	
	#sidebar li {
		list-style: none;
		border-bottom: #333 solid 1px;
		display: block;
	}
	
	#sidebar li a{
		font: bold 12px Helvetica, Arial, Tahoma, San-serif;
		color: #333;
		text-decoration: none;
	}
	
	#sidebar .sel {
		margin: 15px 0 15px 5px;
	}
	
	#sidebar .buscar {
		width: 150px;
		margin: 15px 0 15px 15px;
	}
	
	#sidebar .buscar .b {
		width: 145px;
		padding: 5px;
		border: #ccc solid 1px;
	}
	
	#sidebar .category {
		width: 150px;
		margin: 10px 0 15px 15px;
	}
	
	#sidebar .category li {
		padding: 4px 0 3px 0;
	}
	
	#sidebar .category li a{
		font: bold 12px Helvetica, Arial, Tahoma, San-serif;
		border-bottom: #ccc dashed 1px;
		text-decoration: none;
		color:  #C40000;
		display: block;
	}
	
		#sidebar .information {
		width: 150px;
		margin: 10px 0 15px 15px;
	}
	
	#sidebar .information li {
		padding: 4px 0 3px 0;
		list-style-type: none;
	}
	
	#sidebar .information li a{
		font: bold 12px Helvetica, Arial, Tahoma, San-serif;
		border-bottom: #ccc dashed 1px;
		text-decoration: none;
		color:  #C40000;
		display: block;
	}
	
/* --------------------------------------------------------------- */
/* Content */
/* --------------------------------------------------------------- */

	#content {
    	float: left;
    	width: 530px;
    	margin: 20px 0 0 10px;
	}
	
	#content .top {
    	padding: 8px 0px 6px 10px;
	}
	
	#content .top h1, .heading {
    	color: #000000;
    	font-size: 14px;
    	font-family: Arial, Helvetica, sans-serif;
    	font-weight: bold;
    	text-transform: uppercase;
    	margin: 0px;
	}
	
	.heading {
    	border-bottom: 1px solid #DDDDDD;
    	padding-bottom: 3px;
    	margin-bottom: 10px;
	}
	
	#content .middle {
    	background: #FFFFFF;
    	padding: 10px 10px 1px 10px;
    	min-height: 380px;
	}
	
/* --------------------------------------------------------------- */
/* Column */
/* --------------------------------------------------------------- */

	#column {
		width: 180px;
		float: right;
		margin: 0 20px 0 0;
	}
	
	#column .title {
		background: #99CCCC url(../image/fix/fd_set.gif) top right no-repeat;
		font: bold 12px Helvetica, Arial, Tahoma, San-serif;
		color: #fff;
		text-transform: uppercase;
		padding: 8px 0 7px 10px;	
	}
	
	#column .middle {
		background-color: #D3E0E0;
		font: bold 11px Helvetica, Arial, Tahoma, San-serif;
		padding: 2px 5px;
	}
	
		#column .middle a {
			color: #333;
		}
		
	#column .middle td{
		border-bottom: #C6C9C9 solid 1px;
		padding: 5px 0;
	}
	
	#column h2 {
		background-color: #C40000;
		font: bold 12px Helvetica, Arial, Tahoma, San-serif;
		color: #fff;
		text-transform: uppercase;
		padding: 8px 0 7px 20px;
		margin: 15px -25px 0 0;
	}
	
	#column .seucart {
		margin: 5px 0 -5px 42px;
	}
	
	#column .review {
		width: 190px;
		background: #99CCCC url(../image/fd_set.gif) top right no-repeat;
		margin: 30px 0 0 5px;
	}
	
	#column .review h3 {
		font: bold 12px Helvetica, Arial, Tahoma, San-serif;
		color: #fff;
		text-transform: uppercase;
		border-bottom: #fff dotted 1px;
		padding: 5px;
	}
	
	#column .review .image {
		padding: 4px;
		border: #fff solid 1px;
		float: left;
		margin: 5px;
	}
	
	#column .review .description {
		margin: 15px 5px 0 5px;
	}
	
	#column .review .description a {
		font: bold 11px Helvetica, Arial, Tahoma, San-serif;
		color: #333;
		text-decoration: none;
	}
	
	#column .review .reviewbuttom{
		font: bold 11px Helvetica, Arial, Tahoma, San-serif;
		padding: 15px;
		text-align: center;
	}
	
	#column .review .reviewbuttom a{
		color: #fff;
		text-decoration: none;
	}
	

/* --------------------------------------------------------------- */
/* Produtos */
/* --------------------------------------------------------------- */

	.prodtitle h1 {
		color: #333;
		font: bold 20px Helvetica, Arial, Tahoma, San-serif;
	}
	

/* --------------------------------------------------------------- */
/* TAB */
/* --------------------------------------------------------------- */

	.tabs {
	display: block;
	width: 530px;
	margin-bottom: 0px;
}

.tabs a {
	float: left;
	display: block;
	padding: 6px 15px 7px 15px;
	margin-right: 2px;
	border-top: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
	border-left: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;
	background: #FFFFFF url('../image/tab.png') repeat-x;
	color: #000000;
	font: bold 12px Helvetica, Arial, Tahoma, San-serif;
	color: #333;
	text-decoration: none;
	z-index: 1;
	position: relative;
	top: 1px;
}

.tabs a.selected {
	background: #FFFFFF url('../image/tab.png') repeat-x;
	border-bottom: 0px;
	padding-bottom: 8px;
	z-index: 3;
}

.page {
	border: 1px solid #DDDDDD;
	background: #FFFFFF;
	display: inline-block;
	padding: 10px;
	display: block;
	width: 499px;
	clear: both;
	z-index: 2;
	margin-bottom: 10px;
}

/* --------------------------------------------------------------- */
/* Footer */
/* --------------------------------------------------------------- */

	#footer {
		width: 800px;
		margin: 0 auto;
		margin-top: 50px;
		margin-bottom: 10px;
		border-top: #e1e1e1 solid 2px;
		padding-top: 10px;
		text-align: center;
	}
	
		#footer p {
			margin-bottom: 5px;
		}
	
.success {
	padding: 5px 0px;
	margin-bottom: 10px;
	background: #E4F1C9;
	border: 1px solid #A5BD71;
	font-size: 11px;
	font-family: Verdana, Geneva, sans-serif;
	text-align: center;
}
.warning {
	padding: 5px 0px;
	margin-bottom: 10px;
	background: #FFDFE0;
	border: 1px solid #FF9999;
	font-size: 11px;
	font-family: Verdana, Geneva, sans-serif;
	text-align: center;
}
.wait {
	padding: 5px 0px;
	margin-bottom: 10px;
	background: #FBFAEA;
	border: 1px solid #EFEBAA;
	font-size: 11px;
	font-family: Verdana, Geneva, sans-serif;
	text-align: center;
}
.required {
	color: #FF0000;
	font-weight: bold;
}
.error {
	color: #FF0000;
	display: block;
}
.help {
	cursor: pointer;
}
.tooltip {
	border: 1px solid #FDDA5C;
	background: #FBFF95;
	padding: 5px;
	font-size: 11px;
	width: 250px;
}
.clear { /* generic container (i.e. div) for floating buttons */
	overflow: hidden;
	width: 100%;
	clear: both;
}
a.button {
	background: transparent url('../image/button_right.png') no-repeat scroll top right;
	color: #FFFFFF;
	display: inline-block;
	font: normal 12px arial, sans-serif;
	height: 25px;
	margin-right: 6px;
	padding-right: 18px; /* sliding doors padding */
	text-decoration: none;
}
a.button span {
	background: transparent url('../image/button_left.png') no-repeat;
	display: inline-block;
	padding: 5px 0 5px 18px;
}
.buttons {
	background: #F8F8F8;
	border: 1px solid #DDDDDD;
	margin-bottom: 10px;
	clear: both;
	padding: 5px;
}
.buttons input {
	padding: 0px;
	margin: 0px;
}
.buttons table {
	width: 100%;
	border-collapse: collapse;
}
.buttons table td {
	vertical-align: middle;
}
.list {
	width: 100%;
	margin-bottom: 10px;
}
.list td {
	text-align: center;
	vertical-align: top;
	padding-bottom: 10px;
}
.sort {
	margin-bottom: 10px;
	background: #F8F8F8;
	height: 30px;
	width: 100%;
}
.sort .div1 {
	float: right;
	margin-left: 5px;
	padding-top: 6px;
	padding-right: 9px;
}
.sort .div2 {
	text-align: right;
	padding-top: 9px;
}
.sort select {
	font-size: 11px;
	margin: 0;
	padding: 0;
}
.pagination {
	display: inline-block;
	width: 100%;
	background: #F8F8F8;
	margin-bottom: 10px;
}
.pagination .links, .pagination .results {
	padding: 7px;
}
.pagination .links {
	float: left;
}
.pagination .links a {
	border: 1px solid #CCCCCC;
	padding: 4px 7px;
	text-decoration: none;
	color: #000000;
}
.pagination .links b {
	border: 1px solid #CCCCCC;
	padding: 4px 7px;
	text-decoration: none;
	color: #000000;
	background: #FFFFFF;
}
.pagination .results {
	float: right;
}

#breadcrumb {
	border: #e1e1e1 solid 1px;
	padding: 8px;
	margin-left: 20px;
	float: left;
	margin-top: 10px;
}

.cart {
	border-collapse: collapse;
	margin-bottom: 10px;
	width: 700px;
	border: 1px solid #EEEEEE;
}
.cart th {
	background: #EEEEEE;
	padding: 5px;
	font-weight: normal;
}
.cart td {
	padding: 5px;
}