﻿
/*Master Page Styles */
body
{
	font-family: Arial, Tahoma;
	font-size:.8em;	
	background-color:#FFFFFF;
	background: url(images/line_top.jpg) repeat-x;
	margin:0;
}

#page { margin:0 auto; min-height:100%; overflow:hidden; padding:10px 10px; width:759px;}

.menuContent  
{
	background: url(images/centerImageMenu.gif) repeat-y; 
}

.menu { width:100%;}

.menuContainer 
{ 
	width:100%;
}

.hoverImage
{
	background: url(images/selectetdItemMenu.gif) no-repeat; 	
}

.staticImageItem
{
	background: url(images/staticItemMenu.gif) repeat-y;
	padding-top:1px;
}

.hoverImage a
{
	background: transparent; 	
}

.staticImageItem a
{
	background: transparent; 
	line-height:16px;
}

.staticMenuItem
{
	padding-left:8px;
	padding-right:10px;
	padding-top:9px;
	padding-bottom:10px;	
	font-size:11px;
	font-weight: bold;
	font-family: Arial;
}

#divMenuContainer
{
	width:200px;	
}

/*--------Menu Styles-----------------*/



/*----------------------------*/
.loginContainer
{
	height:400px;
	text-align:center;
	width:800px;
	margin-top:100px;
}

.loginContainer
{
	height:400px;
	text-align:-moz-center;
	width:800px;
	margin-top:80px;
}

.loginControl
{
	vertical-align:middle;
	margin-top:45px;
}

#login
{
	height:298px; 
	width:369px;
	background: url(images/loginBack.png) no-repeat;	
}

.buttonsCategoryContainer {text-align:center; padding:20px;}
.buttonsProductContainer {text-align:center; padding:20px;}
/*-------------------*/

/*Styles for header*/
#headerContainer 
{
	background: url(images/logoGerinnov.png) no-repeat;
	height:70px;
}

#headerImage
{
	Background: url(images/headerImages.jpg) no-repeat;	
	height:190px;
}

.masterPanelActions
{
	vertical-align:middle;	
	font-size: 12px;
	font-weight: bold;
}

.headerLoginContainer
{
    padding-bottom:2px;
    text-align:right;  
    padding-right:10px;
}

.loginStatus
{
    width:100%; 
    text-align:-moz-center;
    font-family: Arial; 
    font-size: 12px; 
    color: #43484c;
    text-decoration:none;
}

.loginStatusLogin
{
    width:100%; 
    text-align:-moz-center;
    font-family: Arial; 
    font-size: 12px; 
    color: White;
    font-weight:bold;  
    text-decoration: none;   
}

.loginStatus a
{
    color: #43484c;
}

.loginStatus a:selected
{
    color:#fe0201
}

.loginStatus a:hover
{
    color:Black;
}

/*------------------*/

/* ------ Footer Styles */
.direccion {
	color:#43484C;
	font-family:Arial;
	font-size:11px;
	font-style:normal;
}
/* ----------------------------- */

/* --Captcha Styles --- */

.notice { font-size: 90%; }
.info { font-weight: bold; color: #008000 }
.error { font-weight: bold; color: #800000 }

/*Styles for ViewCategory Page*/
.buttonsViewCategoryContainer {text-align:right; padding-top:20px;}
.dropDownFilter { float:right; }
/*----------------------------*/

/*Styles for ModifyCategory Page*/

.modifyCategoryTable {text-align:left; border: 1px solid silver; border-collapse: collapse; width:100%; margin-top:20px;}
.modifyCategoryTable td {border-style:inset; border: 1px solid silver;}

.imageCategoryTable {border:none;}
.imageCategoryTable td { border:none;}
.deleteButtonContainer {vertical-align:bottom;}
/*------------------------------*/

/*Styles for CreateCategory Page*/
.addCategoryTable {text-align:left; border: 1px solid silver; border-collapse: collapse; width:100%; margin-top:20px;}
.addCategoryTable td {border-style:inset; border: 1px solid silver;}
/*------------------------------*/

/*Styles for AddBank Page*/s
.addBankTable {text-align:left;  border-collapse: collapse; width:100%; margin-top:20px;}
.buttonsBankContainer {text-align:center; padding:20px;}
.labelColumn {text-align:right; vertical-align:top; padding-right:5px;}
/*------------------------------*/

/* Styles for View Products */

/* CSS classes for the DataList that provides the category listing */

#titleCartPage
{
    font-family:Arial;
    font-size:18px;
    font-weight:bold; 
    width:100%; 
    padding-top:10px;
    padding-left:10px;  
    padding-bottom:10px;
    color:#43484c;
}

#category
{
	width:140px;	
}

.categoryImage
{
	width:105px;
	margin-left:10px;
	padding-right:0px;
	float:left;
}

.categoryDetails
{
    text-align:center;
}

.categoryDetails
{
	height:30px;
	float:right;
	width:140px;
	margin-top:5px;
	margin-bottom:5px;
	font-family:Arial;
	font-weight:bold;
	font-size:12px;
	text-align:-moz-center;
}


.productDescriptionStyle
{
    font-family:Arial;
	font-weight:bold;
	font-size:12px;   
}

.productDescriptionContent
{
    font-family:Arial;
	font-size:10px; 
	text-align:justify;  
	width:98%; 
}

.categoryDetails a
{
    color:#43484c; 
    text-decoration:none;   
}

.categoryDetails a:hover
{
    color:#43484c;    
}

.categoryAddButton
{
	float:left;
}

#pagingCategoryContainer
{
    width:100%; 
    text-align:center;
}

#pagingCategoryContainer
{
    width:100%; 
    text-align:-moz-center;
    font-family: Arial; 
    font-size: 10px; 
    color: #43484c;
}

#pagingCategoryContainer a
{
    color: #43484c;
}

#pagingCategoryContainer a:selected
{
    color:#fe0201
}

#pagingCategoryContainer a:hover
{
    color:Black;
}

#pagingNumberContainer
{
    text-align:center; 
    width:80%;    
}

#pagingNumberContainer
{
    text-align:-moz-center; 
    width:80%;    
}

/* ----------------------------- */

/* CSS classes for the DataList that provides the product listing */
#product
{
	width:140px;	
}

.productimage
{
	width:105px;
	margin-left:10px;
	padding-right:0px;
	float:left;
}

.productdetails
{
	float:right;
	width:110px;
	margin-top:5px;
	margin-bottom:5px;
	font-size: 11px;
	font-family:Arial;
}

.productdetails a
{
    color:#43484c;    
}

.productdetails a:hover
{
    color:red;    
}

.productaddbutton
{
	float:left;
}

.noItemsContainer
{	
	width:100%;
	text-align: -moz-center; 
	font-style:italic;
}

.noItemsContainer
{
	width:100%;
	text-align: center;
	font-style:italic;
}

/* ----------------------------- */
/* --------------View Shopping Cart--------------- */

#headerViewShoppingCart
{
    background: url(Images/hederViewShoppingCart.gif) no-repeat;   
    height:36px;
    color:White;
    font-weight:bold;
    font-size: 11px;
    font-family: Arial;
    text-align:center;
}

#titleCartPageShoppingDetail
{
    font-family:Arial;
    font-size:18px;
    font-weight:bold; 
    width:100%; 
    padding-top:10px;
    padding-left:10px;  
    color:#43484c;
}

.totals
{
    color:#FE0201;
    font-weight:bold;  
}

/* --Payment Confirmation --*/

.PaymentConfirmationContainer
{
    text-align:center;   
}

.PaymentConfirmationContainer
{
    text-align:-moz-center;   
}

.labelColumnBold { font-weight:bold; padding-right:5px;}

/* ----------------------------- */

/* ---- Shipping And PaymentInfo ---*/

.dataContainer
{
    width:400px;
    text-align:center;    
}

.dataContainer
{
    text-align:-moz-center;    
}

.dataContainer input[type="text"]
{
    width:100%;
}


/*-------------------------------*/
/*----- Create User Form --------*/

.dataContainer input[type="text"]
{
    width:100%;
}

.CreateUserContainer
{
    text-align:center;    
}

.CreateUserContainer
{
    text-align:-moz-center;    
}

/*------------------------------*/
/*----- Shipping And Payment Info Form --------*/
.ShippingAndPaymentContainer
{
    text-align:center;    
}

.ShippingAndPaymentContainer
{
    text-align:-moz-center;    
}

.ShippingAndPaymentContainer input[type="text"]
{
    width:100%;
}


/*------------------------------*/
/*----- ProgressBar Indicator --------*/
.modal-background  
{
	border-style: none;
	filter: Alpha(Opacity=60); 
	border-color: inherit;
	border-width: 0px;
	-moz-opacity: 0.6; 
	opacity: 0.6; 
	background-color: Black; 
	background: #000; 
    left:0px;
	top:0px;
	height:100%;
	width:100%;
	position:fixed;
	!height:expression(document.documentElement.scrollTop + document.documentElement.clientHeight + "px") !important;
    !width:expression(this.offsetParent.scrollWidth) !important; 
	z-index: 100;
	!position:absolute !important;
}

.ajaxIndicator 
{	
    top: 50%;
	right:50%;	
	color: Black;
	padding: 6px; 
	font-size: 14px; 
	z-index: 90000;
	position: fixed;
	!position: absolute !important; 
	!left:expression((this.offsetParent.clientWidth/2)-(this.clientWidth/2)+this.offsetParent.scrollLeft);
    !top:expression((this.offsetParent.clientHeight/2)-(this.clientHeight/2)+this.offsetParent.scrollTop);    
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}

/* User Registration Styles */

.titleUserTable
{
    font-family:Arial;
    font-size:16px;
    font-weight:bold; 
    width:100%; 
    padding-top:10px;
    padding-bottom:10px;
    color:#43484c;
}

