﻿/*NOTE: added by Tomek*/
.validationError
{
	color:Red;
	font-weight:bold;
}

/*---------------------------
16/08/2007 @ by zelus
@general styles
---------------------------*/

/*---------------------------
default
---------------------------*/
*
{
    font-family: Arial, "Lucida Sans Unicode", Tahoma, Verdana;
    font-size: 11px;
    line-height: 16px;
    color: Black;
}
html, body, table, td, p, h1, h2, h3, h4, ul, li, span, form
{
    padding: 0px;
    margin: 0px;    
}
/*---------------------------
general styles
---------------------------*/
body     { background: #000000 url(../Images/Master/bg.jpg); margin: 15px 0 0 0; }
img      { border: 0px; }
table    { border: 0px; width: 100%; border-collapse: collapse;}
/*td       { vertical-align: top; text-align: left; width: 100%; }*/
td       { vertical-align: top; text-align: left; }
ul       { list-style-type: none; }
p        { text-align: justify; }
a, a:link, a:visited, a:active { text-decoration: none; }
a:hover  { text-decoration: none; }
#all     { background: #ffffff; width: 800px; margin: auto; }
#_all    { width: 100%; margin: 10px; /*display: table;*/ position: relative;}
.100p    { width: 100%; }
.pd-t10  { padding: 10px 0 0 0; }
.center  { text-align: center; }
.left    { text-align: left; }
.right   { text-align: right; }
.line    { height: 2px; border-bottom: 1px solid #3a223b; width: 100%; clear: both; }
.btn, input[type=submit], input[type=button]
         { border: 1px solid #d3d3d3; height: 18px; background-color: Transparent; background-image: url(../Images/btn.jpg); background-repeat: repeat-x; padding: 0 3px 0 3px; color: Black; cursor: pointer; }

/* INPUTS */
input[type=text], input[type=password], .textbox
{ border: 1px solid #a9a9a9; padding-left: 5px; vertical-align: middle; width: 80%; height: 15px !important; }
/* HEADERS */
h1              { font-size: 18px; color: #31558d; display: block; }
h1.dark-blue    { color: #08094b; font-size: 11px; font-weight: bold; }

/*---------------------------
top links (home, contact us)
---------------------------*/
.top_links   { height: 17px; padding-right: 10px; }
.top_links a, .top_links a:active, .top_links a:visited, .top_links a:active
             { color: #747474; text-decoration: none; }
.top_links a:hover
             { color: black; text-decoration: none; }

/*---------------------------
main top menu and submenu styles
---------------------------*/
.menu_left_border    { background: url(../Images/Master/bg_left_border_menu.jpg) no-repeat left top; display: block; height: 34px; }
.menu_right_border   { background: url(../Images/Master/bg_right_border_menu.jpg) no-repeat right top; display: block; height: 34px; }
.menu                { width: 540px; height: 34px; background: url(../Images/Master/bg_menu.jpg) repeat-x; }
.menu img            { padding: 0 7px 0 7px; border-bottom: 1px solid transparent; }
.menu img:hover      { border-bottom: 1px solid black; }
.submenu_left_border { background: url(../Images/Master/bg_left_border_submenu.jpg) no-repeat left top; display: block; height: 27px; }
.submenu_right_border{ background: url(../Images/Master/bg_right_border_submenu.jpg) no-repeat right top;  display: block; height: 27px; }
.submenu             { width: 540px; height: 27px; border-bottom: 1px solid #e5e5e5; background: #7f7180; }
.submenu a, .submenu a:link, .submenu a:visited, .submenu a:active
                     { color: White; text-decoration: none; font-size: 12px; margin-right: 15px; }
.submenu a:hover     { color: #e5e5e5; text-decoration: none; font-size: 12px; }
.submenu span        { padding-right: 9px; }

/*---------------------------
styles for flash baner on home page
---------------------------*/
#_all #logo               { z-index: 1; position: absolute; top: 0px; left: -5px; width: 244px; height: 133px; }
/*#flash_baner_index  { position: absolute; z-index: 0; width: 780px; height: 255px; background-color: Black; }*/
#flash_baner_index { background-image: url(../Images/Home/banner.jpg); background-repeat: no-repeat;  width: 780px; height: 255px; }
#home_baner         { height: 255px; }

#wide_open_banner { height: 90px; }
#flash_baner_wide_open { background-image: url(../Images/Products/temp_baner2.jpg); background-repeat: no-repeat; background-position: right;  width: 780px; height: 90px; }
/*---------------------------
footer style
---------------------------*/
#footer a, #footer a:visited, #footer a:active, #footer a:link
                    { color: #717171; text-decoration: none; }
#foter a:hover      { color: Gray; text-decoration: none; }
#footer span        { border: 1px dotted transparent; padding: 0 3px 0 3px; }
#footer span:hover  { border-left: 1px dotted black; border-right: 1px dotted black; padding: 0 3px 0 3px; }

/*---------------------------
'all right reserved...' -> below footer
---------------------------*/
#rights         { color: #c9c9c9; margin: auto; width: 800px;}
#rights a, #rights a:link, #rights a:visited, #rights a:active
                { color: #f9f9f9; text-decoration: none; }
#rights a:hover { color: #e5e5e5; text-decoration: underline; } 
#rights span, i    { color: #f9f9f9; }

/* login area on homepage */

.loginBtn:hover   { width: 77px; height: 21px; background: transparent url(../Images/loginBtn.jpg) no-repeat; border-bottom: 1px solid gray; cursor: pointer; }
#client_login .loginBtn         { width: 77px; height: 21px; background: transparent url(../Images/loginBtn.jpg) no-repeat; border: 0px; cursor: pointer; }

.pnlClientData input[type=text] { width: 200px !important; }

table.MyAccount
{
	margin-bottom: 25px;
}

table.MyAccount h1.dark-blue
{
	padding: 25px 0px 0px 10px;	
}

table.MyAccount td
{
	padding: 10px 0px 0px 25px;
}

/*---------------------------
by Gosia - tables in checkout, etc.
---------------------------*/
table.dataTable
{
	width: 600px !important;
}

table.dataTable th
{
	border-bottom: solid 1px #333;
	font-weight: 700;	
	padding: 3px 5px;
}

table.dataTable h2
{
	padding-left: 30px;
	text-decoration: underline;
	padding-bottom: 5px;	
}

table.dataTable tr.alt, table.dataTable tr.alt td
{
	background-color: #f5f5f5;
}

table.dataTable td.firstTd
{
	padding-left: 30px;
}

table.dataTable td.firstRow, table.dataTable th.firstRow
{
	padding-top: 10px;
	padding-bottom: 5px;
	font-weight: 700;
	font-size: 12px;
	border-bottom: solid 1px #e5e5e5;
	margin-bottom: 5px;
	text-align: center;
}

table.dataTable  .gridView th.firstRow
{
	padding-top: 5px;	
}

table.dataTable td.money
{
	text-align: right;
	width: 50px;
	padding-right: 10px;
}

table.dataTable td.sku
{
	text-align: left;
	width: 50px;
}

table.dataTable td.quantity
{
	text-align: center;
	width: 75px;
}

table.dataTable td.quantity input[type=text]
{
	text-align: right;
}

table.dataTable td.buttons
{
	text-align: right;
}

table.dataTable td.totals
{
	text-align: right;
	padding-right: 85px;
	font-weight: 900;
	padding-bottom: 5px;
}

table.dataTable td.totals span { font-size: 18px; }

table.small
{
	width: 420px !important;
}

table.small input[type=text]
{
	width: 20px;
	text-align: right;
	margin: 0px 5px 4px 5px;
	padding-right: 3px;
}

table.small td span
{
	margin-bottom: 4px;
}

div.printTable
{
	background-color: #f5f5f5;
	padding: 30px;
	margin: 40px;	
}

div.printTable span
{
	font-size: 13px;	
}

div.printTable .firstRow span
{
	font-size: 17px;	
}

.paddingCell15 { padding: 15px; }
.padding15Top { padding-top: 15px; }
.padding15Bottom { padding-bottom: 15px; }
.padding15Left { padding-left: 15px; text-align: left; width: 100px; }
.padding45Left { padding-left: 45px; text-align: left; }
.padding15LeftRight { padding-right: 15px; padding-left: 15px; }

.bottomCell 
{
	vertical-align: bottom;
}
.ErrorMessage { color: Red; font-weight: 700; }

p.pfooter
{
	color: #FFF;
	text-align: right;	
}

span#CartInfoValue
{
	color: #ddd;	
	font-size: 12px;
}

/*---------------------------------------
gridView
---------------------------------------*/
table.gridView, table.gridView tbody, table.gridView tr th
                { border: none; }
.gridView td    { height: 18px; padding: 2px 5px 2px 5px; border: none; border-bottom: 1px solid #e5e5e5; }
.gridView th    { padding: 5px; background-color: #e5e5e5; }
.gridView tr:hover { background-color: #f5f5f5; }


/*---------------------------------------
  By Gosia - cursor pointer (hand)
---------------------------------------*/
.pointer
{
	cursor: pointer;	
}

.bold, .bold span, .bold p
{
	font-weight: 700 !important;
}
