/**********************
* BODY, FORM, IMG 
***********************/
body			{ font-family: "Verdana";  font-size: 10pt;background-image:url(../App_Themes/Images/backGroung.jpg); background-repeat	: repeat} 
textarea		{ font-family: "Verdana";  font-size: 10pt; } 
form			{ width:100%; text-align:center; font-size:12px;}
body a, a:hover { text-decoration:none; color:#FFF; outline:0;} 
img				{ border: none; }
div#limit		{ position: absolute; top:50%; left: 50%; margin: -295px 0 0 -475px; }

.buttonBackGround 
{ 
	background-image	: url(../App_Themes/Images/menuButtom.gif);
	background-repeat	: no-repeat;
	width				: 100px; 
	height				: 29px; 
	line-height			: 29px; 
	font-size			: 11px;
	font-weight			: bold; 
	text-align			: center;
	color				: #fff;
	font-family: "Verdana";  
	font-size: 10pt;
}

.errorForm		{ border:solid 1px red; }
.form			{  }
.orangeTitle	{ color:#FF8C00; }
.orangeBorder	{ border-color: #FF8C00; }

/**********************
* 2 - HEADER
***********************/
div#hearder
{
	height				: 130px; 
	width				: 950px;
	background-repeat	: repeat-y;
	margin				: 0px 0px 0px 0px;
	background-image	: url(../App_Themes/Images/backGroundHeader.jpg); 	
}	
div#menuTop	
{ 
	background-color	: #000;
	height				: 22px;
    line-height			: 22px; 
    text-align			: right; 
}
div#menuTop	div#logo 
{ 
	float				: left;
	position			: absolute;
	margin				: 5px 20px 0px 13px;
	overflow			: visible;
}

.imagesAlign { float:left; width:100px; margin-right: 3px; height:80px; }

div#registerItems { background-color:#000; color:#fff; float:right; width:80px; position:absolute; z-index:1500; margin:0px 0px 0px 800px; }
.ie7 div#registerItems {  margin:0px 0px 0px -150px;}
.ie6 div#registerItems {  margin:0px 0px 0px -150px;}

div#menuTop div#menuTopItems a { padding-right:13px; }
div#mainMenuLine
{
	background-image	: url(../App_Themes/Images/backGroundHearder1.jpg);
	background-repeat	: repeat-x; 
	height				: 28px;
}
.menuItemsWhite
{
	float				: left;
	background-image	: url(../App_Themes/Images/menuButtomBranco.gif);
	background-repeat	: no-repeat;
	width				: 100px; 
	height				: 29px; 
	line-height			: 27px; 
	font-size			: 11px;
	font-weight			: bold; 
	text-align			: center;
	cursor				: pointer;
	color				: #FF8C00;
}
.menuItemsWhite a, .menuItemsWhite a:hover { color				: #FF8C00; }
.menuItems
{
	float				: left;
	background-image	: url(../App_Themes/Images/menuButtom.gif);
	background-repeat	: no-repeat;
	width				: 100px; 
	height				: 29px; 
	line-height			: 27px; 
	font-size			: 11px;
	color				: #FF8C00; 
	font-weight			: bold; 
	text-align			: center;
	color				: #FFF;
}
.menuItems  a:hover{color:#FF8C00;}
div#mainMenuItems
{
	width				: 630px; 
	float				: left;
}

.mainSubMenuItems {  width:730px; float:left; margin-top:-7px; font-family:Verdana; font-size:11px; font-weight:bold; }
.subMenuItemsWhite{
	height				: 29px; 
	font-family			: verdana; 
	font-size			: 10px; 
	width				: 100px; 
	background-image	: url(../App_Themes/Images/menuButtomBranco.gif); 
	background-repeat	: no-repeat; 
	font-weight			: bold;  
	float				: left; 
	text-align			: center; 
	cursor				: pointer;
	color				: #FF8C00;
}
.subMenuItemsWhite a,.subMenuItemsWhite a:hover {color:#FF8C00; }
.subMenuItems
{
	height				: 29px; 
	font-family			: verdana; 
	font-size			: 10px; 
	width				: 100px; 
	background-image	: url(../App_Themes/Images/menuButtom.gif); 
	background-repeat	: no-repeat; 
	font-weight			: bold; 
	color				: #FFF; 
	float				: left; 
	text-align			: center; 
	cursor				: pointer;
}
.subMenuItems a, a:hover {color:#FFF; }
div#mainMenuItems table { float:right; margin-top:10px;}
div#hearder div#logOn
{
	width				: 200px; 
	height				: 50px; 
	float				: right; 
	margin				: 0px 7px 0px 0px;
}
div#hearder div#logOn table { font-size:11px; }
div#hearder div#logOn td { height:30px; }
div#hearder div#logOn input { width:110px; }

div#mainSubMenuPets, div#subMenuPets, div#mainSubMenuItems	 { width:630px; }
div#subMenuFashion, div#subMenuCorporate					 { width:530px; }
div#subMenuFashion, div#subMenuCorporate, div#subMenuPets td { line-height:26px; }

/**********************
* FOOTER
***********************/
div#footer
{ 
	width				: 950px;
	margin				: 0px 0px 0px 0px;
	border-top			: 1px solid #fff;
	height				: 100px;
	background-repeat	: repeat-x;
	background-color	: Black;
	background-image	: url(../App_Themes/Images/backGround-footer.jpg);
}
div#footer a:hover {text-decoration:underline;}
div#footer div#logo					{ float:left; position:relative; margin-left:10px; margin-top:3px;}
div#footer div#address				{ float:right; width:115px; height:70px;  padding-left:13px; padding-top:10px; background-image: url(../App_Themes/Images/adressBackground.gif); font-size:9px; font-family:Arial;}
.gecko div#footer div#address		{ height:70px;  padding-left:13px; padding-top:10px; font-size:9px; }
div#footer table#message			{ width:100%; color:White; font-size:10px; float:left; margin-top:-5px;}
div#footer table#message tr td		{ padding-left:20px; padding-right:10px;}

/**********************
* CONTENT
***********************/
div#contentNoMenu 
{
	width				: 950px;  
    min-height			: 350px; 
    padding-top			: 5px;
    background-color	: #FFF;
    border 		:1px solid #fff;
}
div#tab1NoMenu { float:left; position:absolute; margin-top:-10px;}

.BlackTitle {background-color:#000; color:#FFF; height:20px; line-height:20px;}

/**********************
* POPUP
***********************/
/* JQModal background */
.jqmBackground { background-color: #000; }

.popUp
{
	position			: absolute;
	display				: none;
	color				: Black;
	border				: solid 1px #000000;
	background-color	: white;
}

table#contentModal tr#titleRow		{ background-color: #e97c23; height:20px;}
div#modalOpac						{ position: absolute; width: 950px; height: 575px; background-color: Gray; z-index: 100; opacity: 0.3; filter: alpha(opacity=30); }
div#modalOpacSpecial    			{ position: absolute; width: 950px; height: 575px; background-color: Gray; z-index: 100; opacity: 0.3; filter: alpha(opacity=30); }

div#modalOpacNews					{ position: absolute; width: 950px; height: 575px; background-color: Gray; z-index: 100; opacity: 0.3; filter: alpha(opacity=30); }
div#modalSpecial					{ position: absolute; width: 520px; height: 260px; margin-top: 150px; margin-left: 200px; border: solid 2px #e97c23; background-color: White; z-index: 101; padding:3px; }

div#modal							{ position: absolute; width: 520px; height: 260px; margin-top: 150px; margin-left: 200px; border: solid 2px #e97c23; background-color: White; z-index: 101; padding:3px; }
div#modalNews						{ width:700px; margin-left:120px; margin-top:30px; height:500px; position: absolute;  border: solid 2px #e97c23; background-color: White; z-index: 101; padding:3px; }
table#contentModalNews				{ height:500px; } 
table#contentModalNews tr#titleRow	{ background-color: #e97c23; height:20px; } 
table#contentModal tr td			{ padding: 2px 6px 2px 2px; font-size: 12px; }
label#imageTitle					{ color:#fff; margin-left:10px; font-size:12px; height:20px;}
a#close								{ text-decoration: none; font-weight:bold; }
td#contentImg						{ width:600px; }
.modalForgot					    { position: absolute; width: 250px; height: 100px; margin-top: 200px; margin-left: 350px; border: solid 2px #e97c23; background-color: White; z-index: 101; padding:3px; }

div#popUpQuote		{ position: absolute; display: none; color: Black; border: solid 1px #000000; background-color: white; }
div#modalOpacQuote  { position: absolute; width: 950px; height: 595px; background-color: Gray; z-index: 100; opacity: 0.3; filter: alpha(opacity=30); }
div#modalQuote		{ position: absolute; width: 600px; height: 350px; margin-top: 160px; margin-left: 200px; border: solid 2px #e97c23; background-color: White; z-index: 101; padding:3px; }

div#popUpQuoteConfirm		{ position: absolute; display: none; color: Black; border: solid 1px #000000; background-color: white; }
div#modalOpacQuoteConfirm   { position: absolute; width: 950px; height: 595px; background-color: Gray; z-index: 100; opacity: 0.3; filter: alpha(opacity=30); }
div#modalQuoteConfirm		{ position: absolute; width: 380px; height: 150px; margin-top: 160px; margin-left: 280px; border: solid 2px #e97c23; background-color: White; z-index: 101; padding:3px; }

div#popUpMountYour		{ position: absolute;  color: Black; border: solid 1px #000000; background-color: white; }
div#modalOpacMountYour  { position: absolute; width: 950px; height: 595px; background-color: Gray; z-index: 100; opacity: 0.3; filter: alpha(opacity=30); }
div#modalMountYour		{ position: absolute; width: 520px; height: 260px; margin-top: 160px; margin-left: 220px; border: solid 2px #e97c23; background-color: White; z-index: 101; padding:3px; }

div#loadNews { width:600px; height:450px; background-color: black; position:absolute; z-index: 5000; opacity: 0.3; filter: alpha(opacity=30); line-height:450px; text-align:center; display:none; }
/**********************
* COMPANY
***********************/
div#companyDiv     { padding-left:320px; margin:0px 0px 10px 0px; }
div#companyTitle   { font-size:15px; color:#FF8C00; font-weight:bold; text-align:left; margin:10px 10px 10px 40px;}
div#companyText	   { width: 550px; text-align: justify; margin-left:40px; }
table#companyImages td#clickZoom { color:#f19446; font-size:12px; }	
div#company { margin:10px 20px 0px 20px; float:left; position:absolute;}
div#clickZoomTilte { color:#FF8C00; font-weight:bold; text-align:center; height:25px; line-height:25px; }

/**********************
* CONTACT
***********************/
div#contactDiv			 { padding-left:440px; margin:10px 0px 10px 0px; height:330px; }
div#contactTitle		 { font-size:15px; color:#FF8C00; font-weight:bold; text-align:left; margin:10px 10px 10px 0px;}
table#contactTable input {width:295px;}
div#errorMessage, div#errorPartner, div#errorBanking		 { color:Red; margin:10px 10px 10px 0px; font-size:12px; font-weight:normal; height:23px; }

/*****************************************************************************
 REGISTER
***************************************************************************/
div#register			{ padding-left:330px; height:341px; border-bottom:1px solid #fff;}
.ie div#register	    { height:350px;}
.webkit div#register	{ height:390px;}
div#registerTitle		{ font-size:15px; color:#FF8C00; font-weight:bold; margin:10px 0px 10px 20px; text-align:left; }
table#registerTable		{ font-size:11px; float:right; height:300px; margin-right:30px;}
tr#registerSubTitle		{ font-size:12px; font-weight:bold; }
div#divOption			{ font-size:12px; color:#000; margin-left:-4px; overflow:visible; }
div#registerSubTitle	{ float:left; margin-left:10px;}
div#divOption a			{ color:#FF8C00; text-decoration:underline; }
div#errorRetail			{ color:Red; font-size:12px; font-weight:normal; margin-left:170px; padding-top:3px; height:20px;}
input#city				{ width:90px; }
.ie input#city			{ width:95px; }
.gecko input#city			{ width:90px; }

.ie7 input#passwordUser { width:149px; }
.ie7 input#confirmPassword { width:149px; }
.ie7 input#newPasswordUser { width:149px; }

.ie8 input#passwordUser { width:149px; }
.ie8 input#confirmPassword { width:149px; }
.ie8 input#newPasswordUser { width:149px; }
input#cityEditDetails { width:95px; }
.ie input#cityEditDetails { width:101px; }
.ie8 input#cityEditDetails { width:103px; }

/*****************************************************************************
 CATALOG
***************************************************************************/
div#BuyProductContainer                 { float: right; padding-top: 5px;}
div#BuyProductContainer #Buy            { float: left; margin-left: 230px; position:absolute; z-index:2;  margin-top:-10px;}
div#BuyProductContainer #Product        { border: solid 1px #e3e3e3; width: 290px; height:330px; }
div#BuyProductContainer #Product #Image { width: 280px; height: 325px; overflow: hidden; text-align:center; }
.ie div#BuyProductContainer #Product #Image { width: 280px; height: 325px; line-height:325px; overflow: hidden; text-align:center; }
div#ProductsContainer					{ float: right; padding: 10px 10px 0 0; width: 310px; }
div#ProductDetails						{ border: solid 1px #e3e3e3; width: 100%; height: 50px; }

table#ProductList						{ height: 170px; margin-top:-10px; line-height:170px;}
div.ProductData							{ width: 60px; height: 75px;  border: solid 1px #e3e3e3; overflow:hidden; float:left; margin: 0px; cursor:pointer;  }
.ie div.ProductData					    { width: 60px; height: 75px; line-height:75px; border: solid 1px #e3e3e3; overflow:hidden; float:left; margin: 0px; cursor:pointer;  }
div.OtherProductsData					{ width: 60px; height: 70px;  border: solid 1px #e3e3e3; overflow:hidden; float:left; margin: 0px; cursor:pointer; text-align:center; }
.ie div.OtherProductsData					{ width: 60px; height: 70px; line-height:70px; border: solid 1px #e3e3e3; overflow:hidden; float:left; margin: 0px; cursor:pointer; text-align:center; }

div#ContentPrice						{ text-align: right; margin: -15px 20px 5px 0; }

.TeamFilter {height:99px;}
.ie8 .TeamFilter {height:89px;}
.webkit .TeamFilter {height:89px;}

/******************************************************************************/
/*							ORDER
/******************************************************************************/

div#DataFromTheBuyer { width:435px; background-color:#000; color:#FFF; height:20px;  line-height:20px; padding-left:10px;}
div#DataFromTheDelivery { width:435px; background-color:#000; color:#FFF; height:20px; line-height:20px; padding-left:10px;}

table#DataDeliveryTable {font-size:11px;}
table#DataDeliveryTable tr td input { width:300px; }

/******************************************************************************/
/*							SOLICITAR OR�AMENTO
/******************************************************************************/

table#BudgetModalConfirm				{ display:none; }
table#BudgetModalConfirm tr#title		{ background-color: #e97c23; }
table#BudgetModalConfirm tr td#body		{ font-size:12px; padding:10px 0px 0px 10px; }
table#BudgetModalConfirm tr td div		{ margin-right:10px; }
table#BudgetModalConfirm tr td a#close	{ text-decoration: none; }

/* table#BudgetModalConfirm tr#title td1 { width:400px; }*/
/* table#BudgetModalConfirm tr#title td2 { width:95px; }*/
 
/******************************************************************************/
/*							PAGER
/******************************************************************************/

.aPager a {color:#FF8C00;}
.aPager a:hover {color:#FF8C00;}

 /***************
	  monte o seu
		***************/
 td#monteTitleFull { color:#EBEBEB; font-size:70px; font-weight:bold; height:100px; }
 td#monteDescription  { font-weight:bold; font-size:15px; height:80px; }
 div#divSted1 { background-image: url(../App_Themes/Images/background1.jpg); background-repeat: no-repeat; width:169px; height:133px; overflow:visible; }
 div#divStep2 { background-image: url(../App_Themes/Images/background2.jpg); background-repeat: no-repeat; width:169px; height:133px; overflow:visible; }
 .stepDescription { width:150px; height:100px; font-size:12px; padding:30px 0px 0px 20px; }
 .sendPicture { width:100px; font-size:13px; text-align:center;}
 
 #MainImageContainer
 {
 	max-width			:250px;
 	position			:absolute;
 	/*border				: solid 1px red;*/
 	z-index				:0;
 }
 
/************************
*	CROPER -  from jCrop
************************/
/* Fixes issue here http://code.google.com/p/jcrop/issues/detail?id=1 */
.jcrop-holder { text-align: left; }

.jcrop-vline, .jcrop-hline
{
	font-size: 0;
	position: absolute;
	background: white url('Jcrop.gif') top left repeat;
}
.jcrop-vline { height: 100%; width: 1px !important; }
.jcrop-hline { width: 100%; height: 1px !important; }
.jcrop-handle {
	font-size: 1px;
	width: 7px !important;
	height: 7px !important;
	border: 1px #eee solid;
	background-color: #333;
	*width: 9px;
	*height: 9px;
}

.jcrop-tracker { width: 100%; height: 100%; }

.custom .jcrop-vline,
.custom .jcrop-hline
{
	background: yellow;
}
.custom .jcrop-handle
{
	border-color: black;
	background-color: #C7BB00;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

/**********************
*	Carousel -  from JCarousel
**********************/
/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 75px;
    height: 75px;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}

.jcarousel-skin-tango .jcarousel-container {
    -moz-border-radius: 10px;
    background: #F0F6F9;
    border: 1px solid #346F97;
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 245px;
    padding: 20px 40px;
}

.jcarousel-skin-tango .jcarousel-container-vertical {
    width: 75px;
    height: 245px;
    padding: 40px 20px;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  245px;
    height: 75px;
}

.jcarousel-skin-tango .jcarousel-clip-vertical {
    width:  75px;
    height: 245px;
}

.jcarousel-skin-tango .jcarousel-item {
    width: 75px;
    height: 75px;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
    margin-right: 10px;
}

.jcarousel-skin-tango .jcarousel-item-vertical {
    margin-bottom: 10px;
}

.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 43px;
    right: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(App_Themes/Images/next-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 43px;
    left: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(App_Themes/skins/tango/prev-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.showPrintRecipt
{
    border:0px solid blue; width:100px; float:left; visibility:visible;
}

.hiddePrintRecipt
{
    border:0px solid blue; width:100px; float:left; visibility:hidden;
}

/**
 *  Clearfix
 */
 .clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}