@charset "iso-8859-1";
/* CSS Document */
Body 
{
	margin:0;
}
html, body 
{
	/*height: 100%;*/
	font-family:Tahoma;
	font-size:12px ;
	color:#FFFFFF;
	background-color:#666666;
}

img {border:0;}
.outer {
	height: 100% !important;
	}
.wrapper
{
	/*margin-bottom: -50px;*/
	position: relative;
	/*height: 100% !important;*/
}
.header
{
	background-color:#ffffff;
	height:75px;
	width:100%;
}
.titleMenuButton 
{
	width:300px;
	float:left;
	padding: 20px 10px;
}
.titleMenuButton  .logon
{
	padding-left: 25px;
	background-image: url(../images/logon.png);
	background-repeat: no-repeat;
}
.titleMenuButton  .logon:hover
{
	background-position: 0 -28px;
}
.titleMenuButton  .profile
{
	padding-left: 25px;
	background-image: url(../images/profile.png);
	background-repeat: no-repeat;
}
.titleMenuButton  .profile:hover
{
	background-position: 0 -28px;
}
.titleMenuButton div
{
	width:100px;
	height: 26px;
	padding-top: 2px;
	float:left;
	margin-left:10px;
	font-size:20px;
	cursor:pointer;
	color: #666666;
}
.titleMenuButton div:hover
{
	color:#999999;
}
.titleLogo
{
	float:right;
	padding: 20px 15px 0px 0px;
}
.titleMenuButton img 
{
	float:left;
	margin-right:3px;
}
.content, .eCatalogAdmin
{
	background-color:#666666;
	display:block;
}
.content
{
	background-image: url(../images/leftcol_bckgrnd.gif);
	background-position: 6px 0px;
	background-repeat: repeat-y;
	clear:left;
}
.eCatalogAdmin{ clear: both; height:26px; padding-top: 24px;}
.eCatalogAdmin img
{
	float:right; 
	margin-right:20px;
	margin-top:20px;
}
.catalogButton 
{
	height: 26px;
	margin-left:225px;
	padding-left: 20px;
	min-width:850px;
}
.catalogButton  .bugAlign
{
	width:1px;
	
}
.catalogButton div
{
	float:left;
	height:18px;
	width: 120px;
	padding-top:5px;
	margin-right: 3px;
	background-color: #b6b6b6;
	text-align: center;
	font-weight: bold;
	color: #414141;
	font-size:11px;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	cursor: pointer;
}
.catalogButton div:hover
{
	color: White;
}
.catalogButton .category1{	border-color: #003366;}
.catalogButton .category2{	border-color: #996600;}
.catalogButton .category3{	border-color: #6699cc;}
.catalogButton .category4{	border-color: #cc6600;}
.catalogButton .category5{	border-color: #669966;}

.catalogButton .category1-select{border-top-color: #6685a3; background-color: #003366;}
.catalogButton .category2-select{border-top-color: #cf9c36; background-color: #996600;}
.catalogButton .category3-select{border-top-color: #c2defb; background-color: #6699cc;}
.catalogButton .category4-select{border-top-color: #f7ab60; background-color: #cc6600;}
.catalogButton .category5-select{border-top-color: #bbe4bb; background-color: #669966;}

.catalogButton .category1-select, 
.catalogButton .category2-select,
.catalogButton .category3-select,
.catalogButton .category4-select,
.catalogButton .category5-select
{
	border-top-width: 1px;
	border-top-style: solid;
	color: White;
	border-bottom-width: none;
	border-bottom-style: none;
	height:21px;
	padding-top: 4px;
	cursor: default;
}

.greenLogo
{
	position: absolute;
	left: 0;
	top:530px;
	width: 183px;
	height: 98px;
	background-image: url(../images/green.png);
	background-repeat: no-repeat;
}
.leftMenu
{
	float:left;
	width:181px;
	margin-top:20px;
	padding-left: 44px;
}
.leftMenu div
{
	height:25px;
	width:166px;
	font-size:11px;
	font-weight: bold;
	color:#414141;
	padding-top:5px;
	padding-left:15px;
	margin-bottom:3px;
	cursor:pointer;
	background-image:url(../images/buttons/btn_menu.png);
	background-repeat: no-repeat;
}
.leftMenu div:hover 
{
	color:#000000;
	background-image:url(../images/buttons/btn_menu1.png);
	background-repeat:no-repeat;
}
/*----notification-----*/
.selectItemMenu
{
	background-repeat: no-repeat;
	color: #000000;
	cursor: default;
}
.notification .selectItemMenu, .notification .selectItemMenu:hover
{
	background-image: url(../images/buttons/select_cat1.png);
}
.products .selectItemMenu, .products .selectItemMenu:hover
{
	background-image: url(../images/buttons/select_cat2.png);
}
.reference .selectItemMenu, .reference .selectItemMenu:hover
{
	background-image: url(../images/buttons/select_cat3.png);
}
.reports .selectItemMenu, .reports .selectItemMenu:hover
{
	background-image: url(../images/buttons/select_cat4.png);
}
.admin .selectItemMenu, .admin .selectItemMenu:hover
{
	background-image: url(../images/buttons/select_cat5.png);
}
/*-----------------------------*/
.notification-content, .profile-content, .products-content, .reference-content, .reports-content, .admin-content
{
	display:block;
	width:auto;
	min-width: 940px;
	margin-left:225px;
}
.roundedFormCenter 
{
	min-height:600px;	
	border-width: 10px;
	border-style:solid; 
	background-color:#FFFFFF;
	border-right:0;
	/* border-right: none;*/
	/* border-bottom: none;*/
}
.notification-content .roundedFormCenter{	border-color: #003366;}
.profile-content .roundedFormCenter{	border-color: #b6b6b6;}
.products-content .roundedFormCenter{	border-color: #996600;}
.reference-content .roundedFormCenter{	border-color: #6699cc;}
.reports-content .roundedFormCenter{	border-color: #cc6600;}
.admin-content .roundedFormCenter{	border-color: #669966;}

.roundedFormCenter .forms
{
	min-height: 600px;
	margin-left:15px;	
	overflow:auto;
}

.catalogForm
{	
	width:auto;	
	padding:10px 10px 10px 20px;
	color:#565656;
}
.footer, .push
{ 
	height:50px;
}
.formTitle
{
	font-size:30px;
	margin-bottom:5px;
}
.footer
{
	background-color:#a0a0a0;
}

/* search form */
div.searchProductForm
{
	border:1px solid #b7b7b7;
	background-color:#dbdbdb;
	padding:10px;
	width:450px;
}
.searchProductForm table 
{
	width:100%
}
td.tdLabel
{
	text-align:right;
	width:12em;
}
#attachmentDialog table td.tdLabel {
	width:5.4em; 
}
#fileUploadForm table td.tdLabel {
	width: 5.2em;
	}

table.searchTable .label 
{
	color:#414141;
	font-size:12px;
	text-align:right;
}
table.searchTable select 
{
	border:1px solid #b1b1b1;
	width:300px;
}
.searchProductForm .searchButtonBlock
{
	width:100%;
	margin-top:5px;
}

/*tableOfProducts*/
div.tableOfProducts
{
	margin-top:10px;
	display:block;
	overflow: visible;
	padding-bottom:5px;
}
.tableOfProducts div.productCell
{
	float:left;
	height:185px;
	width:160px;
	background-color:#ffffff;
	margin:3px 3px 0px 0px;
	border:1px solid #cacaca;
	padding-left:2px;
	padding-right:2px;

}
.tableOfProducts .productRow
{
	background-color: White;
	padding: 5px 0;
	border-bottom: 1px solid #cacaca;
	width: 95%;
}
.productCell .imgFrame
{
	display:block;
	text-align:center;	
	margin-top:5px;
	margin-bottom:1px;
	height:75px;
}
.productRow .imgFrame
{
	display: none;
}
/*div.productSell span input{float:left;}*/
.productCell span div.number
{ 
	font-size:11px;
	height:26px;
	/*margin-left:25px;*/
	text-align: center;
	overflow:hidden;
	width: 160px;
	word-wrap: break-word;
}
.productRow .buttonsViewEditDelete
{
	width: 150px;
	margin-left: 70%;
}
.productRow span
{
	float: left;
	width: 70%;
	word-wrap: break-word;
}
.productRow span div.number
{
	font-size:11px;
	float: left;
	width: 130px;
	height: 100%;
}
.productRow span div.name
{
	font-size:11px;
	margin-left: 135px;
}

div.productCell span div.name
{ 
	font-size:11px;
	height:50px;
	/*margin-left:25px;*/
	text-align: center;
	overflow:hidden;
	width: 160px;
	word-wrap:break-word;
}

div.productCell .buttonsViewEditDelete 
{
	padding-top: 5px;	
}

.smallButton 
{
	float:left; 
	height:16px;
	margin-right:4px;
}
.smallButton img
{ 
	float:left; 
	margin-right:0px
}
.smallButton a 
{ 
	color:#990000;
	font:Tahoma; 
	font-size:11px;
}
.smallButton a:hover{color:#777777}
.smallButton div
{ 
	margin-bottom:4px; 
	float:left
}

.floatBreak{clear:both; font-size:0px}


.ui-widget-content
{
	background: #e6e6e6 none repeat-x scroll 50% 50%;
	border: 1px solid #b5b5b5;
}
.ui-widget-content .label
{
	font-family: Tahoma;
	font-size: 12px;
	/* color: #414141; */
}
.ui-widget-content input[type="text"],
.ui-widget-content input[type="password"],
.ui-widget-content textarea,
.ui-widget-content select
{
	border: 1px solid #ababab;
	background-color: White;
	font-family: Tahoma;
	font-size: 12px;
	/*width: 100%;*/
}
#loginId, #passwordId{
	width: 150px;
}
.ui-widget-content select
{
	width: auto;
}
.ui-widget-content input[type="text"]
{
	height: 16px;
}
.ui-widget-content input[type="file"]
{
	height: auto;	
	width: 295px;
}
.ui-widget-header
{
	border: 1px solid #c7c7c7;
	background: #c2c2c2 url(images/ui-bg_highlight-soft_75_64cf3a_1x100.png) repeat-x scroll 50% 50%;
}
.ui-widget
{
	 font-family: Tahoma;
	 font-size: 12px;
	 
	 color:#494949;
}
.ui-tabs .ui-tabs-nav li {
	font-weight: bold;
}

.ui-state-default, .ui-widget-content .ui-state-default 
{
 border: 1px solid #BDBDBD;
}

.a {
 color: #f00;
}
.b {
 color: #ff0;
}
.productsHead {
	height: 40px;	
}
.productsHead div {
	float: left;
}
.bookmarks
{
	padding: 5px;
	height: 25px;
	width: 100px;
}
.bookmarks div
{
	height: 25px;
	width: 50px;
	background-repeat: no-repeat;
	float: left;
	cursor: pointer;
}
.pages
{
	padding: 5px;
	/*padding-left: 30%;
	padding-right: 30%;*/
	margin-left:15%;
	height: 25px;
	/*width: 185px;*/
	float: left;
}
.pages span {
	color:#990000;
	font-size:11px;
	cursor: pointer;
}

.pages span.current {
	color:#565656;
	font-size:11px;
	font-weight:bold;
	cursor: default;
}

.bookmarks #bm1.selectOn{	background-image:url(../images/bookmark_1_1.png); }
.bookmarks #bm1.selectOff{background-image:url(../images/bookmark_1_2.png);}
.bookmarks #bm2.selectOn{	background-image:url(../images/bookmark_2_1.png); }
.bookmarks #bm2.selectOff{background-image:url(../images/bookmark_2_2.png); }

.wwFormTable input[type="text"], .wwFormTable input[type="password"]
{
	height: 16px;
	border: 1px solid #ABABAB;
	/* width: 100%; */
}
#addUserName, #addUserPassword, #editUserName, #editUserPassword {
	width: 300px;
}
.move {
	display: block;
	text-decoration: none;
	color: #123456;
	margin: 2px;
	clear: both;
	text-align: center;
	font: Calibri 16px;
	border: none;
}
.jqmID1
{
	position: absolute;
	top: 50%;
	left: 50%;
}
.FormData
{
	margin-top:10px;
}
#TblGrid_dealersGrid_2
{
	border-top: 1px solid #cccccc;
	padding-top: 8px;
	padding-bottom: 5px;
	margin-top: 5px;
}

.attributRow
{ 
	clear: both;
	color:#414141;
	border-bottom: 1px solid #c1c1c1;
	margin: 0;
	padding: 3px 10px;	
	word-wrap: break-word;
}

.attributRowView
{ 
	clear: both;
	color:#414141;
	margin: 0;
	padding: 3px 10px;	
	word-wrap: break-word;
}
.attributRowHead
{ 
	font-weight: bold;	
}
.attributRow, div.newAttribut
{
	width:430px;
}

.attributRowView 
{
	width:300px;
}

.attributRow span
{
	float: left;
	padding-top:3px;
	width: 340px;
}

.attributRowView span
{
	float: left;
	padding-top:3px;
	width: 300px;
}	
	
.attributRow .attributName, .attributRowView .attributName{width: 137px; text-align: right; float: left; margin-right: 5px;}
.attributRow .attributValue, .attributRowView .attributValue{width: 75px; text-align: right; float: left;}
.attributRow .attributType, .attributRowView .attributType{width: 100x; text-align: left; float: left; padding-left: 4px;}
.attributRow .attributButtons{float: left; width: 90px;}
.attributRow .attributButtonsDesigner{float: left; width: 90px;}


.attributRow .bulkName {width: 200px; float: left; margin-right: 5px;}
/*
.attributButtons div
{
	height: 16px;
	width: 16px;
	padding: 3px;
}
*/
.attributButtons div
{
	height: 25px;
	width: 25px;
	margin: 0 2px;
	display: inline;
	float: right;
}
.attributButtons div span
{
	height: 16px;
	width: 16px;
	padding: 3px;
}
.attributButtons div span:hover
{
	background-image: url(../images/buttons/bg_attributes.png);
	background-repeat: repeat-x;
	border: 1px solid #a3a3a3;
}
.attributButtonsDesigner div
{
	height: 25px;
	width: 25px;
	margin: 0 2px;
	display: inline;
	float: right;
}
.attributButtonsDesigner div span
{
	height: 16px;
	width: 16px;
	padding: 3px;
}
.attributButtonsDesigner div span:hover
{
	background-image: url(../images/buttons/bg_attributes.png);
	background-repeat: repeat-x;
	border: 1px solid #a3a3a3;
}
div.newAttribut{height: 16px; vertical-align: middle; padding: 7px 0px;}
div.newAttribut img
{
	float:left;
	margin-right: 5px;
}
div.newAttribut a
{
	display: block;
	padding-bottom: 5px;
}
.optionCategory {
	border: 1px solid #a3a3a3;
	padding: 3px;
}

.ui-jqdialog-content .EditTable {
width:97%;
}
.delmsg {
	white-space:normal;
}
.preload {
height:625px;
left:0;
top:0;
position:relative;
width:100%;
background-color: transparent;
}
.optionCategories
{
	clear:both;
	background:white;
}
.optionCategoryHeader
{
	padding:3px 10px;
	border:1px solid #f0f0f0;
	cursor:pointer;
	clear:both;
	min-height:18px;
}
.optionHeaderButton
{
	float:right;
	height:16px;
	width:16px;
	background: #F0F0F0;
	cursor:pointer;
}
.oprionGrade
{
	float:left;
	width:215px;
	height: 150px;
	border:1px solid #0F0F0F;
	background:#F0F0F0; 
}
.optionButton
{
	clear:both;
	padding:3px;
	text-align:center;
	cursor:poiner;
}
.gradeHeader
{
	background: gray;
	padding:5px;
	border:1px solid #f0f0f0;
	clear:both;
	height:24px;
}
#patchHistoryGridPager {
	height: 25px;
}
#selectedVendor, #editSelectedVendor{
	width: 300px;
}
#selectedVendor option, #editSelectedVendor option {
	width: auto;
}
.copy_info {
	display:inline;
	height:20px;
}
.copy_info span {
	display:inline;
	float:left;
	margin-left:5px;
	margin-top:3px;
}
.powered {
	background-image:url(../images/powered.png);
	float:left;
	height:21px;
	margin-left:5px;
	margin-top:3px;
	width:148px;
	cursor:pointer;
}

.productStatusRejected {
	background-image:url(../images/status_rejected.png);
	background-repeat: no-repeat;
	padding: 5px 25px;
	font-weight: bold;
}
.productStatusRejected span {
	font-weight: normal;
	color: #f00;
}

.productStatusTechnicalError {
	background-image:url(../images/status_error.png);
	background-repeat: no-repeat;
	padding: 5px 25px;
	font-weight: bold;
}
.productStatusTechnicalError span {
	font-weight: normal;
	color: #f00;
}

.productStatusApprovedwithComments, .productStatusApproved {
	background-image:url(../images/status_approved.png);
	background-repeat: no-repeat;
	padding: 5px 25px;
	font-weight: bold;
}
.productStatusApprovedwithComments span, .productStatusApproved span {
	font-weight: normal;
	color: #4CC552;
}

.productStatusWaitingforApproval {
	background-image:url(../images/status_waiting_for_approval.png);
	background-repeat: no-repeat;
	padding: 5px 25px;
	font-weight: bold;
}
.productStatusWaitingforApproval span {
	font-weight: normal;
	color: #ff8040;
}

/*Desiner*/
.infoProductView
{
	background: #dcdddf none repeat-x scroll 50% 50%;
 	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px;
	margin-top: 5px;
	padding-bottom: 10px;
	float: left;
	width: 100%;
	min-width: 700px; 
}

.infoProductViewGreen
{
	background: #dcdddf none repeat-x scroll 50% 50%;
 	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px;
	margin-top: 5px;
	padding-bottom: 10px;
	float: left;
	width: 100%;
	min-width: 700px;
	background-color: #94cd7c; 
	text-align: center; 
	padding-top: 3px; 
	padding-bottom: 5px; 
}

.titleProductView{
	font-size: 24px;
	font-weight: bold;
	font-family: Arial;
	padding-left: 20px;
	display:table;
}

.productLabel{
	vertical-align: top;
	width: 170px;
	min-width: 170px;
	padding-left: 20px;
	display:table;
	font-weight: bold;
	font-size: 14px; 
	font-family: Tahoma; 
}

.contentDesigner
{
	background-image: url(../images/leftcol_bckgrnd_designer.png);
	background-position: 6px 0px;
	background-repeat: repeat-y;
	clear:left;
}

.eCatalogDesigner
{
	background-color:#FFFFFF;
	display:block;
}

.bodyDesigner
{
	/*height: 100%;*/
	font-family:Tahoma;
	font-size:12px ;
	color:#FFFFFF;
	background-color:#FFFFFF;
	min-width: 1180px;
}

.catalogFormDesigner
{	
	color:#565656;
	width: 72%;
}

.roundedFormCenterDesigner .formsDesigner
{
	min-height: 600px;
	overflow:auto;
}

.roundedFormCenterDesigner 
{
	min-height:600px;	
	border-width: 10px;
	border-style:solid; 
	background-color:#FFFFFF;
	border-right:0;
}

.productsDesigner .selectItemMenuDesigner, .productsDesigner .selectItemMenuDesigner:hover
{
	color: #cc3300;
	background-image:url(../images/buttons/btn_menu1_silver.png);
	background-repeat:no-repeat;
}

.leftMenuDesigner
{
	margin-top: 5px;
	text-align: right;
	float:left;
	width:183px;
	padding-left: 15px;
}

.leftMenuDesigner div
{
	height:25px;
	width:178px;
	font-size:11px;
	font-weight: bold;
	color:#414141;
	padding-top:5px;
	margin-bottom:3px;
	padding-right: 5px;
	cursor:pointer;
	color: #000;
	background-image:url(../images/buttons/btn_menu_green.png);
	background-repeat: no-repeat;
}

.pdfContainer {
	float:left;
	margin-left:24px;
	margin-top:45px;
	width:171px;
	height: 31px;
}

.pdfButton {
	cursor:pointer;
	background-image:url(../images/buttons/button_savePDF.png);
	background-repeat: no-repeat;
	color:#000000;
	cursor:pointer;
	font-size:11px;
	font-weight:bold;
	height:31px;
	padding-left:35px;
	padding-top:5px;
	width:171px;
}

.leftMenuDesigner div:hover 
{
	color:#cc3300;
	background-image:url(../images/buttons/btn_menu1_silver.png);
	background-repeat:no-repeat;
}

.headerDesigner
{
	background-color:#ffffff;
	height:111px;
	width:100%;
}

.catalogUpdated{
	margin-left: 73%;
	margin-right: 15px;
}

.catalogUpdatedTitle{
	background-color: #669934; 
	text-align: right; 
	font-weight: bold; 
	font-size: 19px; 
	height: 35px; 
	padding-right: 5px;
}

.imgViewDesigner{
	width: 350px; 
	height: 274px; 
	border-color: #68bc4a; 
	border-width: 5px; 
	border-style: solid;
}

.logoLeft{
	margin-left: 30px; 
	width: 700px; 
	float: left;
}

.logoRight{
	margin-left: 930px;
	text-align: right;
	margin-right: 15px;
}

.home_title {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #666666;
	text-decoration: none;
	font-weight: 900;
	margin-top:0px;
	margin-bottom:10px;
}

.home_text {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	font-weight: normal;
	margin-top:0px;
	margin-bottom:10px;
}

.catup_heading {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #103E0B;
	text-decoration: none;
	font-weight:normal;
	margin-top:0px;
	margin-bottom:8px;
}

.catup_body {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000000;
	text-decoration: none;
	font-weight:normal;
	margin-top:0px;
	margin-bottom:5px;
}