@import url("Content/Header.css");
@import url("Content/MainMenu.css");
@import url("Content/Footer.css");
@import url("Content/Dashboard.css");

@import url("Content/Controls/Tab.css");
@import url("Content/Controls/News.css");
@import url("Content/Controls/ProductCategories.css");
@import url("Content/Controls/Excerpts.css");

/*
 *
 *	Global styles
 *	--------------------------------------------------------------------------------
 *
*/

th
{
	font-size:				8pt;
	font-weight:			bold;
	background-color:		#CBCBCB;
	border-bottom:			3px double #6F8495;
	text-align:				center;
	padding:				2px;
}

a 
{
	font-family: 					tahoma, verdana, arial, helvetica, serif;
	font-size:						8pt;
	color:							#000000;
	text-decoration:				none;
}

.backLink
{
    border-top:						1px solid #eee;
    margin:							5px 0 0 0;
    padding:						5px 0;
    font-weight:					bold;
    text-align:						left;
}

a:hover
{
	color:							#cc0000;
}

u
{
	display:						block;
	text-decoration:				none;
	border:							1px solid #ccc;
	margin:							0 0 1px 0;
	padding:						0;
}

h1
{
	border:							1px solid #fff;
	height:							18px;
	font-family: 					arial, tahoma, verdana, helvetica, serif;
	font-size:						12px;
	font-weight: 					bold;
	text-transform:                 uppercase;
	color:							#fff;
	padding: 					    4px 0 0 32px;
	text-align: 					left;
	margin:							0;
}

h2
{
	font-family: 					arial, tahoma, verdana, helvetica, serif;
	font-weight:                    normal;
	font-size:						16pt;
	color:							#cc0000;
	border-bottom:					1px solid #ddd;
	margin-top:                     0.2em;
	margin-bottom:                  0.5em;
}

h3
{

}

h4
{
	font-family: 					arial, tahoma, verdana, helvetica, serif;
	font-size:						8pt;
	color:							#cc0000;
	font-weight:					bold;
}

img
{
	border:							0;
}

/*-----------------------------dashboard footer styles----------------------------------------------*/

html
{
	margin:							0;
	padding:						0;
	height:							100%;
	overflow-x: 					hidden;
}

html.htmlScroll
{
	overflow-x: 					scroll;
}

body
{
	height:							100%;
	text-align:						center;
	font-family: 					tahoma, verdana, arial, helvetica, serif;
	font-size: 						8pt;
	color:							#000;
	background:						#f4f4f4 url("../../Images/Common/Background.gif") top repeat-x;
	margin: 						0;
	padding:						0;
}

#container-main 
{
	height:							100%;
	margin: 						0 auto;
	margin-top:						-5px;
	_margin-top:					0px;
	text-align:                     center;	
}

#footerWrap
{
	margin:							0 auto;
	height:							45px;
}

/*--------------------------------------------------------------*/
#container-content
{
	margin: 						0 auto;
	background-color:				#F6F6F6;
	border: 						1px solid #808080;
	width:							99.8%;
}

#container-info, #container-info2
{
	text-align:						left; 
	margin:							1em;
	padding:                        1em;
	overflow:						hidden;	
	border:                         1px dashed #ccc;
	background:                     #ffffcc;
}

#container-info2
{
	border:                         1px dashed #c00;
	background:                     #fff;
}

.contentBox, .addressDetailsBox
{
	color:							#606060;
	border:							1px solid #aaa;
	background: 					#fff;
	margin: 					    0 0 5px 0;
	text-align:                     left;
	padding:						4px;
	overflow:						auto;
}

.contentBox ul
{
	list-style:						none;
	padding:						0;
	margin:							0;
}

.addressDetailsBox
{
	padding:						1px;
}
.contentBoxOverflow
{
	cursor:							pointer;
	width:							auto;	
}

.contentBoxOverflow img, .contentBoxOverflow object
{
	margin-bottom:					10px;
}

.nodata
{
	border:							1px solid #ddd;
	background-color:				#eee;
	color:							#999;
	text-align:						center;
	padding:						5em 0;
	
	margin:							1em 0 0 0;
}

.splitter
{
	clear:							both;
	height:							1px;
	font-size:						1px;
	width:							100%;
}

.borderless
{
	border:					        0;
}

.splitter5
{
	clear:							both;
	height:							5px;
	font-size:						5px;
}

#splitterMain
{
	clear:							both;
	height:							50px;
	font-size:						5px;
	margin:							0 auto;
	padding:						0;
}

.greaterHeight
{
	line-height:					18px;
}

/*
 *
 *	Global form styles
 *	--------------------------------------------------------------------------------
 *
*/

form
{
	display:					inline;
}

#form-content
{
	margin:						0 auto;
	text-align:					right;
	width:						75%;
	
}

.form-content-wide
{
	
	margin:						0 auto;
	text-align:					right;
	width:						100%;
}

.form-content-left
{
	margin:						0 auto;
	padding:                    5px;
	text-align:					left;
}

.inputInactive, .inputActive, .inputInactiveNarrow, .inputActiveNarrow, .inputInactiveUltraNarrow, .inputActiveUltraNarrow, .inputError, .inputErrorNarrow
{		
	
	font-family:				arial, tahoma, verdana, helvetica, serif;
	background-color:			#FFFFFF;
	color:						#7A7A7A;
	font-size:					8pt;	
	border:						1px solid #AAAAAA;
	padding-left :				4px; 
	margin-bottom:				4px;
	_margin-bottom:				2px;
	margin-top:					-1px;
	vertical-align:				top;
}

.selectInactive, .selectActive, .selectInactiveNarrow, .selectActiveNarrow, .selectError
{
	font-family:				arial, tahoma, verdana, helvetica, serif;
	background-color:			#FFFFFF;
	color:						#7A7A7A;
	font-size:					8pt;	
	border:						1px solid #AAAAAA;
	margin:						0px;
	vertical-align:				top;
}

.inputError, .inputErrorNarrow, .selectError
{		
	background-color:			#fd9797;
}

.inputInactiveUltraNarrow, .inputActiveUltraNarrow
{
	width:						35px;
}

.buttonInactive, .buttonActive, .buttonActiveWide, .buttonInactiveWide
{
	width:						125px;
	font-family:				arial, tahoma, verdana, helvetica, serif;
	font-size:					8pt;
	color:						#fff;
	font-weight:				bold;
	border-left:				1px solid #999;
	border-top:					1px solid #999;
	border-right:				1px solid #333;
	border-bottom:				1px solid #333;
	background-color:			#858585;
	cursor:						pointer;
}

.buttonActiveWide, .buttonInactiveWide
{
	width:						200px;
}

#loginButton
{
	margin:						0 0 11px 0;
}

/*
 *
 *	Miscellaneous styles
 *	--------------------------------------------------------------------------------
 *
*/

hr
{
    height:                     1px;
    margin:                     0.5em 0;
    color:                      #ccc;
}

thead
{
    background-color:           #858585;
    color:                      #FFF;
}

.rightText
{
    text-align:                 right;
    padding:                    0.5em;
    background:                 #E5E5E5;
    border-top:                 1px solid #ccc;
}

.odd
{    
    background-color:           #F0F0F0;
}

.even
{    
    background-color:           #E5E5E5;
}

.back
{
	text-align:					right;
	width:						100%;
	border:						0;
}

/*
 *
 *	Content pager styles
 *	--------------------------------------------------------------------------------
 *
*/

#top-pager, #bottom-pager
{
	font-size:				8pt;
	font-weight:			bold;
	text-align:             center;
	background:             #eee;
	padding:				5px;
}

#top-pager
{
	border-bottom:          1px solid #ccc;
	margin:                 0 0 1em 0;
}


#bottom-pager
{
	border-top:             1px solid #ccc;
	margin:                 1em 0 0 0;
}

.innerTextMenu
{
	text-align:				right;	
}

.innerTextMenu li
{
	display:				block;
	margin:					0 0 2px 0;
}

.innerTextMenu li a
{
	display:				block;
	border-right:			4px solid #eee;	
	border-bottom:			1px solid #eee;
	padding:				2px 5px 2px 0;
}

.innerTextMenu li a:hover
{
	font-weight:			bold;	
}