/**
 * stylesheet.main.css
 * Legaldownload DownloadShop main stylesheet
 *
 * Works with: FF, IE6, IE7, Safari, Opera
 *
 * SOME RULES IF YOU EDIT THIS STYLESHEET:
 * #1		Try to keep it working for FF, IE6, IE7, Safari and Opera
 * #2		Try to use as less CSS hacks as possible! If you need to apply hacks, first try other ways of styling! The need to apply a lot of hacks is mostly caused by bad styling!
 * #3		Do not mix id's and classnames! id's should be unique names to elements, classnames to style!
 * #4		Keep things tidy
 * #5		Give the sheet a logical order
 * #6		Do not change the standard properties of items! (Like giving all divs a display : inline :S)
 */

/* MAIN / STANDARD ELEMENTS */
body
{
	padding					: 0px;
	margin					: 0px;
	margin-bottom			: 13px;

	background-color		: #626262;

	font-family				: Arial, Helvetica, sans-serif;
	font-size 				: 12px;
	color					: #000000;
}

img
{
	border					: none;
}

a
{
	color					: #ff3300;
	text-decoration			: none;
}

a:hover
{
    color                   : #000000;
	text-decoration			: underline;
}

h2
{
	display					: inline;

	position				: relative;
	top						: -6px;
	left					: -2px;

	padding-right			: 5px;
	padding-bottom			: 1px;

	font-size				: 20px;
	font-weight				: normal;
	text-transform			: uppercase;

	background-color		: #e6eff7;
    color					: #669acc;
}

th
{
	text-align				: left;
}

hr
{
	color					: #669acc;
	background-color		: #669acc;
	height					: 1px;
	border					: 0px;
}

input
{
	border					: 1px solid #669acc;
}

select
{
	border					: 1px solid #669acc;
}

/* MAIN DIVS */
div.outerFrame
{
	width					: 90%;

	margin-top				: 10px;

	margin-left				: auto;
	margin-right			: auto;
	margin-bottom			: 10px;
}

div.frame
{
	padding					: 0px;
}

div.main
{
	background-color		: #e6eff7;
	padding					: 10px;
}

div.ad
{
	float 					: right;
	width 					: 120px;
	height					: 600px;
}

/* HEADER */
div.header
{
	color					: #000000;
    background-color        : #e6eff7;
	background-repeat		: no-repeat;
    padding                 : 0px;
	height					: 100px;
}

div.header div.logo
{
    /*display                 : block;*/
}

div.header div.logo span.imageWrap
{
	display					: block;
	height					: 75px;
	float					: left;
    cursor                  : pointer;
}

div.header div.logo span.ieFix
{
	_width					: 0;
	_height					: 100%;
	_display				: inline-block;
	_vertical-align			: middle;
}

*:first-child+html div.header div.logo span.ieFix
{
	width					: 0;
	height					: 100%;
	display					: inline-block;
	vertical-align			: middle;
}

div.header div.logo span.image
{
	display					: table-cell;
	width					: 75px;
	height					: 75px;

	margin-left				: auto;
	margin-right			: auto;

	vertical-align			: middle;

	_width					: 100%;
	_height					: auto;
	_display				: inline-block;
	_margin-top				: -2px;
	_margin-bottom 			: -3px;
}

*:first-child+html div.header div.logo span.image
{
	width					: 100%;
	height					: auto;
	display					: inline-block;
	margin-top				: -2px;
	margin-bottom 			: -4px;
}

/* MENU */
div.menu
{
	line-height 			: 25px;

	padding					: 0px;
	margin					: 0px;
    margin-top              : 10px;

	border					: none;

	text-transform			: uppercase;
}

div.menu ul
{
	display					: block;

	padding					: 0px;
	margin					: 0px;

	list-style				: none;
}

div.menu li
{
	float					: left;

	margin					: 0px;
	margin-right			: 4px;

	text-align				: center;
}

div.menu li.faq
{
	float					: right;

	margin					: 0px;

	text-align				: center;
}

div.menu a
{
	display 				: block;
	_width					: 0%;
	min-height				: 15px;
	line-height				: 15px;

	margin					: 0px;
	padding					: 5px;

	background-color		: #e6eff7;
	color					: #ff3300;

	text-decoration			: none;
}

div.menu a:hover
{
	background-color		: #e6eff7;
    color                   : #000000;
	text-decoration			: none;
}

div.menu li.active a
{
	background-color		: #e6eff7;
    color                   : #000000;
}

div.menu li.faqActive
{
	float					: right;
	margin					: 0px;

	text-align				: center;
}

div.menu li.faqActive a
{
	background-color		: #e6eff7;
    color                   : #000000;
}

/* HEADER BLOCKS */
div.headerBlocks
{
    position                : relative;
    float                   : right;
    height                  : 75px;
    width                   : 330px;
}

/* CENTER BLOCKS */
div.centerBlocks
{
    margin-top              : 10px;
    margin-bottom           : 10px;
    margin-left             : 168px;
}

div.centerBlock
{
/*    _position               : relative;
    _z-index                : 1;*/
}

/* LEFT BLOCKS */
div.leftBlocks
{
    display                 : inline;
    float                   : left;
    margin-top				: 10px;
}

div.leftBlock
{
    width                   : 158px;
}

/* FOOTER */
div.footer
{
	margin-top				: 10px;
	padding 				: 10px;

	background-color		: #e6eff7;
	text-align				: center;
	font-size				: 10px;
}

div.footerInner
{
	padding					: 5px;

	border					: 1px solid #669acc;

	height					: 10px;
}

/* LOADING DIV */
div.loading
{
	position				: fixed;
	top						: 0px;
	left					: 0px;

	width					: 100%;
	height					: 30px;
	line-height				: 12px;
	background-color		: #CCCCCC;
	color					: #000000;

	z-index					: 100;
}