/* main style sheet */
/* Note: attribute selectors don't work in ie6, those users will not have elongated input fields */

.vertHeaders div div span
{
display:inline;
}

.vertHeaders div span
{
display:none;
}

body
{
	background-color: #FFFFFF;
	padding-top: 0px;
	margin-top: 4px;
	font-family: Arial, Verdana;
	font-size: 11px;
	text-align: center;
	background-image: url( 'pagebackground.gif' );
	background-repeat: repeat-x;
	background-position: top left;
}


body, table, p
{
	color: black;
	font-size: 11px;
	line-height: 15px;
}

h1
{
	margin-top: 5px;
	margin-bottom: 5px;
	padding-left: 0px;
	padding-bottom: 5px;
	font-size: 18px;
	color: #000000;
}

h2
{
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: 14px;
	color: #0059A1;
}

h3 
{ 
	font-size: 12px; 
	margin: 0 0 10px 5px; 
	color:#0059A1; 
	padding:0;
}

a:link, a:visited    
{ 
	color:#2D73B4; 
	text-decoration:none; 
}  

a:hover, a:active 
{ 
	color:#198FBF; 
	text-decoration:none; 
}

ul 
{ 
	list-style-type: none; 
	padding-left: 0; 
}

dl 
{ 
	width: 350px; 
	float: left;
}

dt 
{ 
	width: 80px; 
	padding-right:5px; 
	font-weight: 600; 
	text-align:left; 
	float: left; 
}

dd 
{ 
	width: 230px; 
	padding:0 0 4px 0; 
	margin:0; 
	float: left; 
}

dl.smaller dt 
{ 
	width: 50px; 
}

.buttonLayout 
{ 
	float: right; 
	margin-top:10px; 
	margin-right: 20px; 
}

.PageTitle
{
	margin-top: 5px;
	margin-bottom: 5px;
	padding-left: 0px;
	padding-bottom: 20px;
	font-size: 18px;
	color: #000000;
	width:700px;
	float:left;
	
}
.Help
{
	width:70px;
	float:left;
	padding-bottom: 20px;
	padding-top:3px;
	text-align:right;
}

.HelpCust
{
	width:760px;
	float:left;
	padding-bottom: 0px;
	padding-top:0px;
	text-align:right;
}

.indented 
{ 
	margin-left:15px; 
}

.error 
{ 
	font-weight:bold; 
	color:red; 
}
.Clear
{
	clear:both;
}

.WindowCross
{
	text-align:right;	
}

.SiteContainer
{
	width: 787px;
	text-align: left;
	margin: 0px auto;
}

.PageContainer
{
	width: 781px;
	text-align: left;
	margin: 0px auto;
}

.clearfix:after
{
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfix
{
	display: inline-block;
}

html[xmlns] .clearfix
{
	display: block;
}

* html .clearfix
{
	height: 1%;
}



.Banner
{
	border-bottom: Solid 10px #29568F;
	margin-bottom: 2px;
	height: 76px;
	background-color: White;
}

.BannerLeft
{
	height: 76px;
	width: 300px;
	float:left;	
}

.BannerRight
{
	margin: 3px 0px 3px 3px;
	padding: 3px 3px 3px 3px;
	background-color:White;
	height: 61px;
	width:400px;
	float:right;
	text-align:right;
}

.BannerRight h2 
{
	font-size:12px;
	color: #2D73B4;
	margin:0;
}

.BannerRight p
{
	width: 300px; 
	font-weight: 600;
	float: right; 
}

.BannerRight img 
{ 
	padding-top:4px; 
	padding-left:2px; 
	float: right;
 }

.BannerWrapper
{
	border-left: Solid 3px White;
	border-right: Solid 3px White;
}

.Content
{
	border: Solid 3px White;
	width: 775px;
}

.btnBackground
{
	background-image: url('images/btnBackground.gif');
	background-position: top left;
	background-repeat: repeat-x;
	text-align:center;
}

#menu
{
	margin-bottom: 5px;
	background-color:#E2E9E4;
	display:block;
	height: 29px;
	text-align:center;
}
/*
#menu ul
{
	list-style: none;
	margin: 0;
	padding: 0;
}

#menu ul li
{
	display: inline;
}

#menu ul li a
{
	font-size: 11px;
	height: 17px;
	padding-left: 5px;
	padding-top: 3px;
	width: 146px;
	font-weight: bold;
	background-color: #85B0C6;
	color: White;
	display: inline-block;
}

#menu ul li a.feed img
{
	position: relative;
	top: 2px;
	margin-right: 3px;
}
*/

.AdminContent
{
}

.Left
{
}

.Left a
{
	font-size: 11px;
	height: 17px;
	padding-left: 5px;
	padding-top: 3px;
	width: 146px;
	font-weight: bold;
	background-color: #365F74;
	color: White;
	display: inline-block;
	margin-bottom: 5px;
	margin-right: 4px;
	margin-left: 0px;
}


.Centre
{
	text-align: left;
	padding-left: 0px;
	padding-top: 10px;
	min-height: 400px;
}

.RightSearchInput
{
	float: right;
	width: 300px;
	text-align:right;	
}

.Right
{
	float: right;
	width: 198px;

	margin-top: 10px;
}

.Right h2
{
	margin: 0px auto;
	font-size: 16px;
	color: black;
}


.Footer
{
	height: 50px;
	text-align: center;
	clear: both;
	background-color:#E2E9E4;
}

/* tables */

table
{
	border-collapse: collapse;
	width:100%;
}

tr th, tr td
{
	border: solid 1px White;
	padding: 2px 2px 2px 2px;
}

tr th
{
	background-color: white;
	color: black;
	font-size:12px;
	font-weight:600;
	padding: 2px 15px;
	vertical-align: top;
}

tr td
{
	background-color: #D4EDF9;
	color:#0000AA;
	padding: 2px 15px;
	vertical-align: top;
}

#FileUploadTable table
{
	border-collapse: collapse;
		
}


#FileUploadTable tr th, tr td
{
	border: solid 1px White;
	padding: 2px 2px 2px 2px;
}

#FileUploadTable th
{
	background-color: white;
	color: black;
	font-size:12px;
	font-weight:600;
	padding: 2px 5px;
	vertical-align: top;
}

#FileUploadTable td
{
	background-color: #D4EDF9;
	color:#0000AA;
	padding: 2px 5px;
	vertical-align: top;
	border-bottom: 3px solid white;border-right: 3px solid white; 
}


.NoBorder tr th, .NoBorder tr td
{
	border: None 0px White !important;
}

.OrderHistory table
{
	border-collapse: collapse;
	width:100%;
}

.OrderHistory tr th, tr td
{
	border: solid 1px White;
	padding: 2px 2px 2px 2px;
}

.OrderHistory tr th
{
	background-color: white;
	color: black;
	font-size:12px;
	font-weight:600;
	padding: 2px 5px;
	vertical-align: top;
}

.OrderHistory tr td
{
	background-color: #D4EDF9;
	color:#0000AA;
	padding: 2px 5px;
	vertical-align: top;
}

div#viewing 
{ 
	width: 100%; 
	padding:2px 15px; 
	float: left; 
}

div#viewing div.left 
{ 
	width: 560px; 
	float: left; 
}

div#viewing div.right 
{ 
	width: 220px; 
	float: left; 
}

div#viewing div.right label 
{ 
	padding-top: 2px; 
	float: right;
}

div#viewing div.right input 
{ 
	margin-right:20px; 
	float: right; 
}

div#pagenation 
{ 
	width: 100%; 
	background-color:#D4EDF9; 
	padding:2px 15px; 
	margin-bottom:5px; 
	float: left; 
} 

ul.resultBlock 
{ 
	width: 156px; 
	height: 230px; 
	border:1px solid #DDDDDD; 
	margin-right: 20px; 
	padding-left: 2px;
	padding-right: 2px;
	float: left; 
}

ul.resultBlock li 
{ 
	color: #0000AA; 
}

ul.resultBlock li img 
{ 
	/*width:100px; 
	height:100px; */
	display: block; 
	border:1px solid #DDDDDD; 
}

ul.resultBlock table 
{ 
	width: 90%; 
	margin: 0 2px; 
}

ul.resultBlock table th 
{ 
	padding:0; 
}

ul.resultBlock table td 
{ 
	background-color: White; 
	padding:0; 
}

/* tables with vertical th tags */
.vertHeaders th 
{ 
	background-color:#D4EDF9; 
	border-right:0; 
	border-bottom: 3px solid white; 
	line-height:24px; 
}

.vertHeaders td 
{ 
	background-color:#D4EDF9; 
	padding: 1px 0; 
	border-left:0; 
	border-bottom: 3px solid white; 
}


div#categoryItems 
{ 
	padding:10px; 
	width:100%; 
	float: left; 
	text-align:left;
}

div.userRoles 
{ 
	background-color:#D4EDF9; 
	width: 140px; 
	padding:2px 5px; 
	margin:2px; 
	float: left;  
}

div.userRoles input 
{ 
	clear: both; 
}

/* tables with horizontal th tags */
.horizHeaders th 
{ 
	background-color:#FFFFFF;border-bottom: 3px solid white;text-align:center;
}

.horizHeaders td 
{ 
	background-color:#D4EDF9;text-align:center;	vertical-align:middle;	border:0;border-bottom: 3px solid white; border-right: 3px solid white; 
}

.SearchResults
{
	border: solid 1px #365F74;
	overflow:hidden;
}

.SearchResultsThumbnail
{
	float:left;
	width:150px;
	height:150px;
	text-align:center;
	
}

.SearchResultsThumbnailBorder
{
	float:left;
	width:150px;
	height:280px;
	text-align:center;
	
}


.SearchResultsThumbnailDesc
{
	text-align:left;
}

.SearchResultsPrice
{
	padding:2px 2px 2px 2px;
	color: #85B0C6;
	font-size:8pt;
	width:500px;
	float:left;	
}

.SearchResultsCart
{
	width:250px;
	float:right;
	text-align:right;
}

.SearchResultsCurrentStock
{
	width:250px;
	float:left;
	text-align:left;
	padding:2px 2px 2px 2px;
}

.SearcResultsAmount
{
	width: 50px; float: left; margin-right: 10px;
}

/* large tables with huge input fields */
div#largeTables 
{ 
	padding-bottom: 20px; 
}

div#largeTables h2 
{ 
	padding-top: 20px; 
	padding-left: 15px; 
}

div#largeTables th 
{ 
	width: 200px; 
}

div#largeTables td 
{ 
	text-align: left; 
}

div#largeTables td input[type=text], 
div#largeTables td input[type=password] 
{ 
	width:400px;  /* large inpur boxes */
}

div#largeTables td select 
{ 
	width:404px; 
}

div#largeTables td textarea 
{ 
	width:400px; 
}

tr.stripedOutput td 
{ 
	background-color: #ACE1FB; /* alternating table row colour */
} 

table.embed th, 
table.embed td 
{ 
	border:0; 
	background-color: Transparent; /* tables within tables don't need row spacing etc */
}
 
.commentsColumn 
{ 
	width:760px; 
}

.PagenationLeft
{
	height:30px;
	background-color: #D4EDF9;
	float:left;
	width:500px;
	padding-left:5px;
	padding-top:8px;
	
}
.PagenationRight
{
	height:30px;
	float:left;
	width:260px;
	text-align:right;
	background-color: #D4EDF9;
	padding-right:5px;
	padding-top:8px;
	
}

.MessagePopUp 
{
	margin: 0px auto;
	width: 300px;
	height:100%;
	border-top: 3px solid Red;
	border-right: 3px solid Red;
	border-bottom: 3px solid Red;
	border-left: 3px solid Red;
	padding: 10px;
	background-color: white;
	text-align:left;
	
}
.MessagePopUp p
{
	font-size:12pt;
	color:Red;
	text-align:center;
}
.MessagePopupClose
{
}

/* pop up window */
.PopUp
{
	margin: 0px auto;
	width: 750px;
	height:100%;
	border-top: 2px solid #DDDDDD;
	border-right: 2px solid #AAAAAA;
	border-bottom: 2px solid #999999;
	border-left: 2px solid #CCCCCC;
	padding: 10px;
	background-color: #CBE9F8;
	text-align:left;
}
.PopUpLeft
{	
	
	width:400px;
	height:305px;
	float:left;
	text-align:center;
	
	
}

.PopUpRight
{

	width:325px;
	height:305px;
	float:left;
	margin-left:15px;
	text-align:left;
	
}

.popTable th 
{ 
	width: 70px; 
	background-color:#D4EDF9; 
	border-right:0; 
	line-height:24px; 
}

.popTable td 
{ 
	background-color:#D4EDF9; 
	padding: 1px 0; 
	border-left:0; 
}

.popTable td input[type=text] 
{ 
	width: 130px; 
}

.popTable td.cleantd 
{ 
	background-color: White; 
}

/* calendar */
td#ctl00_cMain_RadDatePicker1_calendar_Title,
td#ctl00_cMain_RadDatePicker2_calendar_Title 
{ 
	font-size:12px; 
	font-weight: 600;
}

ul.alignLeft 
{ 
	margin:0; 
	padding:0;
}

ul.alignLeft li 
{ 
	list-style-type: disc; 
	color: #0059A1; 
	text-align: left; 
	margin-left: 20px; 
}

.searchButton 
{ 
	margin:10px; 
	float: right;
}

/*LOGIN********************************************************************************************************/

.LoginLeft
{
	
	width:220px;
	float:left;
}

.LoginRight
{
	color: #0059A1;
	font-size:10pt;
	width:500px;
	float:right;
	
}

.HomeLeft
{
	width:220px;
	float:left;
	
}

.HomeRight
{
	width:400px;
	float:right;
	text-align:right;
}