.clear{clear:both;}
.red {color: red;}
.green {color: green;}
.right{text-align: right;}
.center {text-align: center;}
.bold{font-weight: bold;}
div.error {border: 1px solid #E92B2B; background: #FFC9BD url(images/general_error.png) 14px 14px no-repeat; color:red;  ;margin: 10px; padding:15px 15px 15px 70px;}
div.info {border: 1px solid #81C64E; background: #CEFFBD url(images/general_info.png) 14px 14px no-repeat; color:green;  ;margin: 10px; padding:15px 15px 15px 70px;}
.datemod{font-size: 10px; text-align: right; color: #B3B2B2;}

.col-main #DivAdvSearch {}
.col-main #DivAdvSearch .mainform{background: #f4f4f4 url(images/Search-128.png) 40px 10px no-repeat ; margin: 0px; padding: 15px; border-bottom: 1px solid #e5e4e4; border-right: 1px solid #e5e4e4; border-left: 1px solid #e5e4e4;}
.col-main #DivAdvSearch .mainform table.search{margin-left: auto; margin-right: auto; font-size: 12px;}

#blad_general{color: #E13232; font-weight: bold;font-size: 11px; background: #FFE2E2 url(images/general_error.png) 10px 3px no-repeat; margin-top: 1px; margin-bottom: 1px; border: 1px solid #E88282; padding: 3px 20px 3px 40px;}
#info_general{color: #08BC15; font-weight: bold;font-size: 11px; background: #E7FFE2 url(images/general_info.png) 10px 3px no-repeat; margin-top: 1px; margin-bottom: 1px; border: 1px solid #7FD885; padding: 3px 20px 3px 40px;}

.stepA{BACKGROUND-COLOR: #ff7e00; font-size: 10px; BORDER: 1px solid #494341; font-weight: bold; PADDING: 5px; MARGIN: 0px; MARGIN-RIGHT: 5px;}
.stepB{BACKGROUND-COLOR: #feca87; COLOR: #b4b4b4; font-size: 10px; BORDER: 1px solid #494341; PADDING: 5px; MARGIN:0px; MARGIN-RIGHT: 5px;}
.tip{MARGIN: 15px; PADDING: 10px; BORDER: 1px solid green; FONT-SIZE: 10px;  TEXT-ALIGN: justify;  COLOR: #336600;  BACKGROUND-COLOR: #CCFFCC;}
table.topvalign td {vertical-align: top;}
td.formhint {font-size: 10px; font-style:italic; color:#acacac;}
td.formhinterror {font-size: 10px; font-style:italic; color:red; font-weight:bold;}
td.formhintinfo {font-size: 10px; font-style:italic; color:green; font-weight:bold;}
td.vtop {vertical-align: top;}

div#currentpath {font-size: 11px; color: gray; padding-left: 10px;}
div#currentpath a {color: gray; text-decoration: none;}
div#currentpath a:hover {color: red; }
div#currentpath a span.cat_disabled{text-decoration:line-through;}

.VistaWindow {text-align: left;}
.VistaWindow div.TitleBar {position: relative;}
.VistaWindow div.TitleBar div.left{padding-left:7px; background: url(images/vista_title_left.gif) 0px 0px no-repeat; height: 27px; position: relative;}
.VistaWindow div.TitleBar div.right{padding-right:7px; background: url(images/vista_title_right.gif) top right no-repeat;height: 27px;}
.VistaWindow div.TitleBar div.bg{background: url(images/vista_title_bg.gif) 0 0 repeat-x;height: 27px;}
.VistaWindow div.TitleBar h1 {color: white; font-size: 14px; position: relative; top: 5px; left: 10px; text-align: left;}
.VistaWindow div.TitleBar a.closeBtn{display: block; position: absolute; right: 10px; top: 0px; background: url(images/vista_close_btn.gif) 0px 0px no-repeat; width: 44px; height: 18px;}
.VistaWindow div.Content div.left {padding-left: 7px; background: url(images/vista_con_left.gif) 0 0 repeat-y;}
.VistaWindow div.Content div.right {padding-right: 7px; background: url(images/vista_con_right.gif) top right repeat-y;}
.VistaWindow div.Content div.bg {background-color: #F8F8F8;}
.VistaWindow div.Bottom div.left {padding-left: 7px; background: url(images/vista_bottom_left.gif) 0 0  no-repeat;}
.VistaWindow div.Bottom div.right {padding-right: 7px; height: 7px; background: url(images/vista_bottom_right.gif) top right no-repeat;}
.VistaWindow div.Bottom div.bg {height: 7px; background: url(images/vista_bottom_bg.gif) 0 0 repeat-x;}
.VistaWindow .indent {padding: 10px;}

/*************************** ORDER PREVIEW ***********************************/
#OrderPreview table{width: 90%; margin-left: auto; margin-right: auto; border-collapse:collapse;}
#OrderPreview table thead td{background: url(images/td_head_bg.gif) 0 0  repeat-x;  border-spacing: 0px; vertical-align: top; border-top: 1px solid #ffb400; border-bottom: 1px solid #ffb400; padding: 7px 4px 7px 30px; font-weight: bold; font-size: 14px;}
#OrderPreview table thead td.rightborder {border-right: 1px solid #ffb400;}
#OrderPreview table td{font-size: 11px; vertical-align: top; padding-top: 3px; padding-bottom: 2px;}
#OrderPreview table td.label {padding-left: 35px; padding-right: 7px;}
#OrderPreview table.ShopingCart tr.thead2 td{font-weight: bold; text-align: center; background-color: #C7DFE8; padding: 4px;}
#OrderPreview table.ShopingCart tr.tbody2 td{border-top: 1px solid #DDDDDD; padding: 3px;}
#OrderPreview table.ShopingCart tr.alt td{background-color: #FCFCFC;}
div.KeyedOrderPreview div.ReselerInfo{font-size: 12px; margin-bottom:10px; padding-left: 40px;}
.OrderNotes .AuthorAndDate{padding: 1px 20px 3px 40px; background: url(images/shop/user_10.gif) 18px 4px no-repeat; font-weight: bold;}
.OrderNotes .Content {padding: 2px 20px 2px 30px;}

/******************************* ORDERS VIEW **********************************/
#NewOrders {margin-bottom: 10px;}
#RealizedOrders {margin-bottom: 10px;}
#RealizedOrders #status{font-size: 11px;}
.OrderPreview #functionButtons{margin-top: 20px; margin-bottom: 15px; padding-right: 40px;}
#OrderPreview #txtOrderNote{width: 100%}
#OrderPreview form div#submitBtn{margin-top: 5px;}

/**************************** BUY LAWS ****************************************/
#buylaws {}
#buylaws .date {text-align: right; font-size: 11px; font-style: italic; margin-top: 5px; margin-bottom: 20px; padding-right: 20px;}
#buylaws .content {padding: 5px 40px 20px 40px;}

/******************************* CUSTOMER VIEW ********************************/
#MainCustomerPage {}
#MainCustomerPage #CustomerLogout {padding: 5px; font-size: 11px;}
#MainCustomerPage #CustomerLogout a {text-decoration: none;}
#MainCustomerPage #CustomerLogout #label {position: relative; top: -5px; left:3px;}
#MainCustomerPage #CustomerLogout a:hover {text-decoration: underline;}
#MainCustomerPage #FloatTable{width: 100%;}
#MainCustomerPage #FloatTable #PersonalDataCell {}
#MainCustomerPage #FloatTable #PassChangeCell {padding-top: 10px;}
#MainCustomerPage #PersonalData {font-size: 12px; margin-top:15px; margin-bottom: 15px; width: 375px;}
#MainCustomerPage #PersonalData td {vertical-align: top;}
#MainCustomerPage #PersonalData td.label {padding-left: 35px; padding-right: 7px;}
#MainCustomerPage #PersonalData td.editlabel {color: #ececec;}
#MainCustomerPage #PasswordChangePanel {border: 1px solid #ececec; padding: 4px;}
#MainCustomerPage #PasswordChangePanel td{font-size: 11px;}
#MainCustomerPage #PasswordChangePanel table{margin-left: auto; margin-right: auto;}
#MainCustomerPage #PasswordChangePanel #PanelTitle span{position: relative; top: -5px; font-weight: bold; left: 10px;}
#MainCustomerPage #CustomerCreatedConfirmation {margin-left: auto; margin-right: auto; width: 460px; margin-top: 50px; padding: 10px; height: 250px; border: 2px solid #e5e5e5;}
#MainCustomerPage #CustomerCreatedConfirmation #userImg {float: left; position: relative; left: 20px;}
#MainCustomerPage #CustomerCreatedConfirmation .msg{float: right;width: 310px;}
#yoursOrders{margin-top: 20px;}

/***************************** CUSTOMER TABLE FORM ****************************/
#CustomerDataEditor #CustomerDataTableForm { border-collapse:collapse;width: 90%; margin-left: auto; margin-right: auto; background-color: #f7f7f7; margin-top: 10px;}
#CustomerDataEditor #CustomerDataTableForm thead td{background: url(images/td_head_bg.gif) 0 0  repeat-x;  border-spacing: 0px; vertical-align: top; border-top: 1px solid #ffb400; border-bottom: 1px solid #ffb400; padding: 7px 4px 7px 30px; font-weight: bold; font-size: 14px;}
#CustomerDataEditor #CustomerDataTableForm td{background: url(images/td_border_2_color.gif) left bottom repeat-x;  border-spacing: 0px; vertical-align: top;}
#CustomerDataEditor #CustomerDataTableForm td.label {font-weight: bold; padding: 7px 10px 7px 20px; font-size: 13px; width: 150px;}
#CustomerDataEditor #CustomerDataTableForm td.control {width: 200px;}
#CustomerDataEditor #CustomerDataTableForm td.control span.obligatory {position: relative; left: 5px; color:orange;}
#CustomerDataEditor #CustomerDataTableForm tr{}
.col-main td div.FormErrorDescription {color: red; padding: 3px 0px 3px 20px; font-size: 12px; font-weight: bold; background: url(images/err12.gif) 0px 5px no-repeat; border: 0px solid red;}

/*************************** MESSAGE PAN *************************************/
#CustomerActivatedConfirmation {margin-left: auto; margin-right: auto; width: 460px; margin-top: 50px; padding: 90px 10px 10px 10px; height: 170px; border: 2px solid #e5e5e5; position:relative;}
#CustomerActivatedConfirmation  #userImg {float: left; position: relative; left: 20px;}
#CustomerActivatedConfirmation .msg{float: right;width: 310px;}

/***************************************CART **********************************/
.ShopingCart {}
.ShopingCart h1 {position: relative; font-size: 12px; border-top: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; background:url(images/block_title_bg.jpg) left top repeat-x #F0F1F1; height: 30px; margin-bottom: 10px;}
.ShopingCart .shopInfo {border:0px solid #eaeaea; margin: 3px 20px 10px 20px; background: url(images/Shoping-cart-128.png) 10px 10px no-repeat; padding: 20px 10px 20px 160px; font-size: 11px;}
.ShopingCart .CartItems {}
.ShopingCart .CartItems table.ItemsTable {width: 95%; font-size: 12px; margin-left: auto; margin-right: auto;}
.ShopingCart .CartItems table.ItemsTable thead {font-weight: bold;}
.ShopingCart .CartItems table.ItemsTable thead td{font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica,sans-serif;color: #6D929B;border-right: 1px solid #C1DAD7;border-bottom: 1px solid #C1DAD7;border-top: 1px solid #C1DAD7;	letter-spacing: 2px;	text-transform: uppercase;	text-align: left;	padding: 6px 6px 6px 12px;	background: #CAE8EA url(images/table_bg_header.jpg) no-repeat;}
.ShopingCart .CartItems table.ItemsTable tbody td{border-right: 1px solid #C1DAD7;	border-bottom: 1px solid #C1DAD7;	background: #fff;	padding: 6px 6px 6px 12px;	color: #6D929B;}
.ShopingCart .CartItems table.ItemsTable tbody tr.alt td {background: #F5FAFA;	color: #B4AA9D;}
.ShopingCart .CartItems .txtQuantity {width: 40px; text-align: right; border: 1px solid #eaeaea;}
.ShopingCart .CartItems table.ItemsTable td.counter{width: 20px;}
.ShopingCart .CartItems table.ItemsTable td.tdRecalc{font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica,sans-serif;color: #6D929B; border-right: 0px; letter-spacing: 2px; text-transform: uppercase;	text-align: right;	padding: 6px 6px 6px 1px; border-bottom: 0px;}
.ShopingCart .CartItems table.ItemsTable td.tdSumLabel{font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica,sans-serif;color: #6D929B; border-right: 1px solid #C1DAD7; letter-spacing: 2px; text-transform: uppercase;	text-align: right;	padding: 6px 6px 6px 1px; border-bottom: 0px;}
.ShopingCart .CartItems table.ItemsTable td.tdSumValue{font-weight: bold; text-align: right;}
.ShopingCart .CartItems table.ItemsTable td.tdNonvisible{border: 0px;}
#CartActionButtons {text-align: center; margin-top: 30px;}
#CartActionButtons a{margin-left:10px;}

/*************************** ORDER FORM ***************************************/
#OrderData {margin-top: 30px; margin-bottom: 30px;}
#OrderData table.OrderTable {width: 90%; margin-left: auto; margin-right: auto; border-collapse:collapse; width: 90%; background-color: #f7f7f7; margin-top: 10px;}
#OrderData table.OrderTable thead td{background: url(images/td_head_bg.gif) 0 0  repeat-x;  border-spacing: 0px; vertical-align: top; border-top: 1px solid #ffb400; border-bottom: 1px solid #ffb400; padding: 7px 4px 7px 30px; font-weight: bold; font-size: 14px;}
#OrderData table.OrderTable td {background: url(images/td_border_2_color.gif) left bottom repeat-x;  border-spacing: 0px; vertical-align: top;}
#OrderData table.OrderTable td.label {font-weight: bold; padding: 7px 10px 7px 20px; font-size: 13px; width: 150px;}
#OrderData table.OrderTable thead td.rightborder {border-right: 1px solid #ffb400;}
#OrderData table.OrderTable td.rightborder {border-right: 1px solid #dddddd;}
#OrderData .FormOption {font-size: 13px; font-weight: bold; margin: 3px;}
#OrderData .FormOption span.label{position: relative; top: -2px; left: 10px;}
#OrderData table.OrderTable td.controlOptions {padding: 10px 5px 10px 40px;}
#OrderData table.fvOrderTable {width: 100%; border-collapse:collapse;}
#OrderData td.control {width: 200px; padding-top: 3px;}
#OrderData td.control span.obligatory {position: relative; left: 5px; color:orange;}

/*************************** ORDER PREVIEW ***********************************/
div#OrderPreview {margin-top: 10px;}
div#OrderPreview.Agreements {padding-left: 40px; padding-right: 40px; padding-top: 20px;}
div#OrderPreview.Agreements div.navibuttons {text-align: center;}
div#OrderPreview.Agreements div.navibuttons input {margin-left: 10px; margin-right: 10px;}