*{ /* I'm doing it to reset the page and start without any configuration with this almost configuration will work for both explore and firefox*/
	margin:0; 
	padding:0;
}

body{	
	background-color:#FFE1FF;	
}

#background{
	/*background-color:#FFF0F5;*/
	background-color:#FFFFFF;
	width:980px;
	margin:10px auto;
	clear:both;
	display:table; /*I'm doing it to show the background-color from this div*/
}

#top{	
	margin-top: 10px;
	float:left;
}

#logo{
	width:120px;	
	height:40px;		
	float:left;
	padding-top: 15px;	

}

#topmenu{		
	float:right;
	/*margin-bottom:20px;*/
	
}

#topmenu ul{
	list-style:none;	
}

#topmenu li{		
	display:inline;	
	padding-left: 2px;
	float:left;	
}

#topmenu a:hover{
	background-color:#FFFFFF;
	color:#FFC1C1;
}

#topmenu a{
	font-size:20px;
	font-family:verdana, arial, tahoma, sans-serif;	
	text-decoration:none;	
	color:#FFFFFF;
	background-color: #FFC1C1;	
	padding: 0 19px 0 19px;	
	
}

#sidemenu{	
	float:left;
}

#login{
	width:130px;
	height:90px;	
	float:right;
	font-size:10px;
	color:#8B0000;	
}

#carrinho{
	/*background-color:green;*/
	float:left;
	padding-left:135px;
	/*padding-right:50px;*/
	
}

#login input.textbox{
	border-color:pink;
	border-style:solid;
	border-width:1px;
	height: 15px;	
	color:#551A8B;	
	width: 90px;
	font-size:9px;
}

#login input.button{
	border-style:none;
	background-color:pink;	
	width: 30px;	
	font-family:verdana, arial, tahoma, sans-serif;		
}


#commerce{
	width:728px;	
	height:90px;
	float:left;	
	
}

#return{	
	padding: 200px 0 100px 0;
	*padding: 80px 0 80px 0; /*somente o firefox aceita o parametro quando existe um asterisco na frente;*/
}

#return_content{
	font-size: 20px;
	text-align: center;
	border-style: solid;
	border-width: 1px;
	border-color: pink;	
	padding: 30px 0 30px 0;
	width: 800px;
	margin: 0 auto;
	
}

#content{	
	width:980px;	
	/*It's is formating all content in the page like central column, right column and etc*/
	font-family:verdana, arial, tahoma, sans-serif;
	text-align:justify;
	font-size:11px;		
}

#subcontent{
	width:600px;
	float:left;
	margin:10px 0 0 50px;	
}

#subcontent img.borda{
	border-width: 1px;
	border-color: black;
	border-style: solid;
}

#subcontentdvd{
	float:right;
}



/*I'm formating the title of three columns in the home page*/
#content h2{
	font-size:15px;
	text-align:center;
	margin:0 0 15px 0;
	color:#DB7093;
}
h2 a{
	text-decoration: none;
}

/*left column in index page*/
#left{	
	margin-top:30px;
	margin-bottom:20px;
	width:306px;
	height:390px;
	padding: 10px 10px 0 10px; 
	float:left;
}


#left b{
	color:green;
}



/*central column in index page*/
#center{
	margin-top:30px;
	margin-bottom:20px;
	padding: 10px 10px 0 10px; 	
	width:306px;
	height:390px;
	float:left;		
	border-left-style:solid;
	border-width:1px;
	border-right-style:solid;
	border-color:pink;
}

img {
	/* I'm removing the border from images links*/
	text-decoration:none;
	border:none;
	margin: 0 10px 0 0;
}

a.up{
	/*I'm aligning the images with class = up to left*/
	float:left; 
	clear:both;
}

a.down{
	/*I'm aligning the images with class = up to right*/
	margin-left:5px;
	float:right;
	clear:both;
}

a.center{
	margin-left: 80px; /*I'm doing it to centralize the dvd image on index*/
}

/*right column in index page*/
#right{ 	
	margin-top:30px;
	margin-bottom:20px;
	width:306px;
	height:390px;
	padding: 10px 10px 0 10px; 
	float:left;
}

#center img{
	border-width: 1px;
	border-style: solid;
	border-color: black;
}

#footer{	
	width:980px;
	height:40px;
	float:left;
	text-align:center;	
	color:#DB7093;
	font-size: 17px;
	font-style: italic;
	margin: 10px 0 0 0;	
}



#designer{	
	font-size:8px;
	width:980px;
	height:16px;
	float:left;
	text-align:center;
}

#video{	
	width: 630px;
	height: 405px;
	float:left;	
	padding: 0 10px 0 10px;
	border-width:1px;
	border-right-style:solid;
	border-color:pink;	
	margin-top:10px;
}
#video_content{	
	margin-left:120px;
	padding-top:10px;
}

#title_video{
	border-width:1px;
	border-bottom-style:solid;
	border-color:pink;
	padding: 0px 0 0 10px;
}

#sidecommerce{
	padding: 0 10px 0 10px;
	height:450px;
	width:180px;	
	float:right;
	margin-top:20px;	
	/*background-color:#FFFFE0;*/
}

#sidecommercegoogle{
	padding: 0px 10px 0 10px;
	height:600px;
	width:180px;	
	float:left;
	margin-top:20px;	
	/*background-color:#FFFFE0;*/
}

#sidecommerce img{
	border-width:1px;
	border-style:solid;
	border-color:black;
}

h3{
	font-family:verdana, arial, tahoma, sans-serif;
	font-size:16px;
	color:#DB7093;
}

h3 a{
	text-decoration: none;
}

#sidecommerce a.center{
	margin-left: 1px;
}

}

#video_comment{

}

#contact{
	margin-top:30px;
	padding-left:150px;		
	float:left;
}

/* I'm formating all common caracteristic to form objects ex. textbox, button etc*/
#contact textarea, #contact select, #contact input {
	border-color:pink;
	border-style:solid;
	border-width:1px;
	color:#551A8B;	
}

#contact h1{	
	margin-bottom:20px;
}

#contact input.textbox{	
	height: 20px;		
	width: 350px;	
}

#contact input.dddtextbox{	
	height: 20px;	
	width: 30px;	
	margin-right:10px;
}

#contact input.phonetextbox{	
	height: 20px;
	width: 308px;
}


#contact textarea{
	width: 350px;
	height: 150px;	
}

#contact_img{
	float:left;
	margin-top: -20px;
}

#contact_form{
	float:left;
}

h1{
	font-family:verdana, arial, tahoma, sans-serif;
	font-size:20px;
	color:#DB7093;
}

#galery{	
	width:600px;	
	float:left;
	margin:10px 0 0 50px;
}

#step_window{
	width:600px;	
	float:left;
	margin:10px 15px 0 50px;
	
}
#loja_window{
	width:600px;	
	float:left;
	margin:10px 0 0 20px;
	*margin:10px 0 0 10px;	
}

#loja_side{
	padding: 0 30px 0 20px;
	height:300px;
	width:180px;	
	float:right;
	margin-top:38px;		
}

#loja_side h3{
	text-align:center;
}

#step{
	width:588px;
	height: 115px;
	float: left;
	margin-bottom: 5px;
	margin-top: 5px;	
	border-width:1px;
	border-style: solid;
	border-color:pink;
	font-size: 16px;
	color:purple;
	padding-right: 5px;
}

#step_img{
	float:left;
	padding-top: 12px;
	padding-left: 5px;
}

#step_comment{
	width:448px;	
	float:left;
	margin-top:15px;
	
}

#loja{
	width:720px;
	height: auto;
	float: left;
	margin-bottom: 5px;
	margin-top: 5px;	
	border-width:1px;
	border-style: solid;
	border-color:pink;
	font-size: 11px;
	color:purple;
	padding-right: 5px;
	padding-bottom: 10px;
}

#loja_img{
	float:left;
	padding-top: 8px;
	padding-left: 5px;
}

#loja_img img{
	border-width: 1px;
	border-style: solid;
	border-color: black;
}

#loja_comment{
	width:300px;	
	float:left;
	margin-top:15px;	
}

#loja_video{
	padding-top: 8px;
	padding-left: 10px;	
	float:left;	
}

#loja_price{
	width:110px;
	padding-left: 20px;
	padding-top: 8px;
	float:left;	
}

#loja_price h3{
	color:green;
	font-size: 12px;	
}

#loja_price b{
	color:black;
}

#galery_img{
	margin: 20px 25px 25px 25px;
	float:left;
}

#pagination{
	margin-top: 30px;
	margin-bottom: 20px;
	text-align:center;
	font-size: 15px;
	float:left;
	color:#DB7093;
	width: 600px;
}

#alert{
	color:red;
	float:right;
	font-weight:bold;
}

#email_error{
	color:red;
	font-weight:bold;
	font-size: 15px;
	margin-bottom: 10px;
}

#email_sucess{
	color:blue;
	font-weight:bold;
	font-size: 15px;
	margin-bottom: 10px;
}

#passo{
	margin: 100px 0 0 180px;
	color: blue;
	float:left;
	font-size: 25px;
	text-align:center;
	border-style:solid;
	border-width:1px;
	border-color:blue;
	padding: 30px 30px 30px 30px;
}

#pagamento{
	width:300px;
	height: 290px;
	float:left;
	margin-top: 30px;
	margin-left:60px;
	padding-top:10px;
	padding-left:30px;
	padding-right:30px;	
	border-width: 1px;
	border-style: solid;
	border-color:silver;
}

#envio{
	width:300px;
	height: 290px;
	float:left;
	margin-top: 30px;
	padding-top:10px;
	padding-left:30px;
	border-width: 1px;
	border-style: solid;
	border-color:silver;
	margin-left:60px;
}

#envio b{
	font-size: 18px;
	color: #DB7093;
}

#envio h4{
	color:blue;
}

#envio table{	
	border-width: 1px;
	border-style: solid;
	border-color: pink;
}

#envio input.button{
	border-style:none;
	background-color:pink;	
	width: 70px;	
	font-family:verdana, arial, tahoma, sans-serif;	
}

#envio input.textbox{	
	border-style:solid;
	border-width:1px;	
	color:#551A8B;	
	width: 120px;
	height: 18px;
	font-size:15px;
}

#envio td.price{
	width: 90px;
}