﻿
/*
	- Contains size and very basic styling for ALL pages across the site include both mastered and not-mastered pages
	- includes generic classes
	- May also contain hacks so they are covered across the board
*/

*
{
	margin:0;
	padding:0;
}

body
{
    position:relative;
	width:100%;
	font-family:Tahoma;
	/*font-size:.75em;*/
	font-size:12px;
	color:#000;
	padding-bottom:10px;
	background-color:#fff;
}

a, a:link, a:active, a:visited, a:hover, a:focus
{
	text-decoration:none;
	color:#000;
	outline:none;
	cursor:pointer;
}

a:hover, a:focus
{text-decoration:underline;}

iframe
{
	position:relative;
    border:medium none;
}

ul, ol
{
	margin:0;
	list-style:none;
}

p, ol, ul, fieldset, table, address
{
	margin-bottom:1em;
}

p.noMargin
{margin:0;}

p, li
{
	line-height: 1.4;
}

a, fieldset, img
{
	border:none;
}

option
{
	padding:0 0.5em 0 0;
	margin:0;
}

input, select, textarea
{
	margin:2px 2px;
	/*font-size: 1em;*/
}

select
{
	padding:0;
}

label
{
	position: relative;
	clear: left;
	padding:6px 0 2px;
	font-size: .9em;
	font-weight: 600;
}

address
{
	line-height: 1.2;
}

h1, h2, h3, h4, h5, h6
{
	margin:0 0 .3em 0;
}

h1{font-size:1.5em;}

h2{font-size:1.25em;}

h3{font-size:1.15em;}

h4{font-size:1.0em;}

h5{font-size:.95em;}

h6{font-size:.9em;}

#loading img, #loaderImg, .loader img, #picTopWrap a img, #picBottomWrap a img, .icon
{border:0 none !important;}

.loader
{
	position:absolute;
	z-index:999;
	width:100%; height:100%;
}

.loader img
{
	position:absolute;
	top:21%; left:50%;
	margin-left:-61px;
}

.dateExtenderWrap
{
	z-index:2000;
}

.setWrap .buttonWrap 
{margin-left:146px;}

.iBody .setWrap .buttonWrap
{margin-left:0;}

/***Custom Generics***/

.genColor, a.genColor, a.genColor:link, a.genColor:active, a.genColor:visited
{color:#5486CF;}

a.genColor:hover
{color:#3164AF;}

.genBold{font-weight:bold;}
.genItalic{font-style:italic;}
a.genUrl, .genUnderline, a.genUnderline{text-decoration:underline}

.genUrl:hover, a.genUnderline:hover{text-decoration:none;}

span.genUnderline:hover{text-decoration:underline;}

a.genNoUnderline, a.genNoUnderline:link, a.genNoUnderline:active, a.genNoUnderline:visited, a.genNoUnderline:hover
{text-decoration:none;}

.genHead
{font-weight:bold;}

.genColumn
{
	position:relative;
	float:left;
	margin:15px 0 15px 15px;
	padding:0 15px 0 0;
	font-size:.9em;
	border-right:solid 1px #323232;
}

.genColumn.two
{width:44%;}

.genColumn.three
{width:29%;}

.genColumn.last
{
	margin:15px 0 15px 15px;
	border:0 none;
}

.helpText, .helpTextLeft, .formHelp, .formHelpBelow
{
	margin:5px 0 10px;
}

.helpText
{text-align:left;}

.helpTextLeft
{text-align:left;}

.set .formHelp, .set .formHelpBelow
{
    font-size:90%;
    margin:2px 0px 5px 0px;
}

.formHelpBelow
{
	display:block;
	padding-left:150px;
}

.smallHelp
{font-size:.75em; margin:0 0 2px;}

img.hiddenImg
{display:none;}

.grayed, .grayed a
{color:Gray;}

.txtWatermark
{color:#8f8f8f;}

.inputWrap
{position:relative; min-height:1%;}

* html .inputWrap
{height:1%;}

.lblFloat
{
	float:left;
	padding-right:2px;
	text-align:right;
	width:145px;
}

.buttonWrap input
{cursor:pointer;}

.headSpec
{font-weight:bold;}


/*Help Index*/

.helpLink
{cursor:help;}

#helpWrap a, #helpWrap a:link, #helpWrap a:active, #helpWrap a:visited, #helpWrap a:hover, #helpWrap a:focus
{color:#000;}

#helpWrap
{
	position:relative;
	width:450px;
}

.helpSection ul
{font-size:.9em;}

#helpIndex
{
	position:relative;
	padding:10px;
	background-color:#e7e7e7;
}

#helpIndex ol
{
	margin:0 0 0 20px;
	list-style-type:lower-roman;
}

.helpSection
{
	position:relative;
	padding:10px 5px;
	margin:0 0 10px;
	border:solid 1px #000;
	border-width:1px 0 0;
}

/*End Help Index*/


/* ERRORS */

div.err
{
	position:relative;
	margin:10px 0 0 142px;
	padding:5px;
	color:#000;
	text-align:center;
	width:300px;
	clear:left;
	border:4px double #0E0E0E;
	background-color:#FEFEFE;
}

div.err ul
{
	margin:0;
}

.redBorder
{border-color:Red;}

/* END ERRORS */


/* Hacks */

.txtHide
{
	font-size:1px;
	overflow:hidden;
	text-indent:-99999px;
}

.hide
{
	display:none;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

p.clearfix
{margin-bottom:0;}

/* END HACKS */



/*PAGING LINKS*/

.pagingLinks
{
    text-align:center;
    clear:both;
    margin-top:10px;
    margin-bottom:10px;
}

.pagingLinks a, .pagingLinks strong
{margin:3px;}

/* END PAGING LINKS */



/* AUTO-COMPLETE */

.ac_results {
	padding: 0px;
	border: 1px solid black;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
	color:Black;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: menu;
	font-size: 12px;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;
}

.ac_results a, .ac_results a:link, .ac_results a:active, .ac_results a:visited, .ac_results a:hover
{display:block; color:#000;}

.ac_results .ac_over a
{color:#fff;}

.ac_loading {
	background: white url('/images/misc/searchLoader.gif') right center no-repeat;
}

.ac_odd {
	background-color: #ddd;
}

.ac_over {
	background-color: #215bad;
}

/* END AUTO-COMPLETE */


/* General table styling */

.itemGrid, .itemGridLeft
{text-align:center; width:98%; margin:0 0 0 1px;}

.subContent .itemGrid, .subContent .itemGridLeft
{width:100%; margin:0;}

.itemGridLeft
{text-align:left;}

.itemGrid th, .itemGrid td
{padding:5px; border-bottom:solid 1px #fff;}

.iBody .itemGrid th, .iBody .itemGrid td
{border-color:#000;}

.itemGridLeft th, .itemGridLeft td
{padding:5px 5px 5px 0;}

.itemGrid td, .itemGridLeft td, .invTotalWrap
{font-size:.9em;}

.invDetailsWrap
{
	font-size:.9em;
	border-bottom:solid 1px #323232;
	padding-bottom:3px;
	margin-bottom:10px;
	position:relative;
	height:16px;
}

.invDetailsWrap .invNum
{
    position:absolute;
    top:0px;
    left:0px;
}

.invDetailsWrap .invDateLeft
{
    position:absolute;
    top:0px;
    right:125px;
}

.invDetailsWrap .invDateRight
{
    position:absolute;
    top:0px;
    right:0px;
}

.itemSaleCol input
{
	width:50px;
	text-align:right;
}

.txtQty
{
    width:30px;
}

/* End General table styling */


/* Misc Shopping */

.custInfoWrap
{
	position:relative;
	margin:10px 0;
}

.custInfo
{
	position:relative;
	float:left;
	margin-right:15px;
}

.custInfo h4
{margin:0;}

.cartTableWrap .shoppingTotals
{
    text-align:right;
    padding-right:4px;
     border-top:solid 1px #E7E7E7;
     padding-top:5px;
}

.shoppingButtons 
{
    text-align:right;
    padding:5px 0px 5px 5px;
}

.cartTableWrap .itemGrid th{border-bottom:solid 1px #E7E7E7;}
.iBody .cartTableWrap .shoppingTotals{border-top:solid 1px #000;}
.iBody .cartTableWrap .itemGrid th{border-bottom:solid 1px #000;}
.iBody .cartTableWrap #continueWrap{margin-top:5px;}
/* End Misc Shopping */

.iBody
{
    padding-bottom:0px;
    background:none;
}
