﻿body 
{
	font-family: Verdana;
	background-color: rgb(200,200,200);
	margin-top:20px;
	font-size:10pt;	
}

table
{
	font-size:10pt;	
}


img
{
	border-style:none
}

li
{
	margin:0 0 15px 0;
}

ul.subul
{
	margin-top:5px;
	margin-bottom:5px;
}
ul.subul li
{
	margin:0;
}


hr
{
	text-align: left;/*this will align it for IE*/
	margin-left:0px;/*this will align it for Chrome and Mozilla*/
}

/*****
Content divs
*****/
div.subbg
{	
	position:relative;
	background-image: url(img/subbg.jpg );
	width: 950px;
	height: 650px;
	margin-left: auto;
	margin-right: auto;
}

div.content
{
	width: 100%;
	height: 584px;
}

div.leftcontent
{
	float: left;
	width: 204px;
	height: 100%;
}

div.topleft
{
	width:100%;
	height:30px;
	text-align:center;
	padding-top: 10px;
	font-size:12pt;
}

div.bottomleft
{
	position:relative;
	top:133px;
	left:23px;
	width:160px;
	height:393px;
}

div.menu
{
	padding-left:10px;
	line-height:30px;
	font-size:12pt;
}

div.login
{
	padding-top:25px;
	padding-left:10px;
	line-height:25px;
}

div.cmdlogin
{
	padding-top:10px;
	text-align:center;
	font-size:8pt;
	line-height:20px;
}

div.lnklogin
{
	padding-top:5px;
	line-height:15px;
}

input.login
{
	width:130px;
}

div.logout
{
	padding-top:55px;
	text-align:center;
}

div.rightcontent
{
	float: left;
	width: 745px;
	height: 100%;
}

div.topright
{
	position:relative;
	left:75px;
	width: 626px;
	height: 21px;
	padding:10px;
	text-align: right;
	font-size:12pt;
	}

div.bottomright
{
	position:relative;
	left:75px;
	width: 649px;
	height: 518px;
}

div.contenttitle
{
	width:625px;
	height:15px;
	padding: 10px;
	font-size:16pt;
	font-weight:bold;
	line-height:15px;
	margin-bottom:5px;
}

div.contenttitle hr
{
	width: 60%;
}

div.contenttext
{
	width:626px;
	height:463px;
	padding: 10px 10px 5px 10px;
	text-align:justify;
	overflow: auto;
	margin-bottom:5px;
}

div.contenttextfull
{
	width:626px;
	height:503px;
	padding: 10px 10px 5px 10px;
	overflow: auto;
	text-align:justify;
}

div.copyright
{
	position:relative;
	top:0px;
	left:280px;
	width: 626px;
	height: 23px;
	padding: 10px;
	text-align:right;
	color: White;
}

div.paymentinprogress
{
	display: none;
	height: 10px; 
	width:100%;
}

div.profileseparator
{
	width:610px;
	height:28px;
	background-color: #ededed;
}
div.profileheadertext
{
	float:left;
	padding:5px;
}

div.leftdate
{
	float:left;
	width:5%;
	text-align:left;
}

div.floatright
{
	float:right;
	width:165px;
	padding-left:20px;
	padding-bottom:10px;
	text-align:center;	
}

div.floatleft
{
	float:left;
	width:165px;
	padding-right:20px;
	padding-bottom:10px;
	text-align:center;	
}


/*****
Links
*****/
a
{
	color:blue;
}

a.menuLinks
{
	color: rgb(80,80,80);
}

a.curLink
{
	color: rgb(255,102,0);
	text-decoration: none;
}

a.whiteLinks
{
	color: White;
}

a:hover, a.whiteLinks:hover, a.menuLinks:hover
{
	color: rgb(255,102,0);
}


/*****
Span
*****/
span.imgtitles, span.subtitles
{
	color:rgb(255,102,0);
}

span.subtitles
{
	font-size:13.5pt;
	font-weight:bold;
}

span.thirdtitles
{
	font-size:12pt;
	font-weight:bold;
	color:rgb(70,130,180);
}

span.disabledlinks
{
	color: rgb(150,150,150);
}

span.smallfont
{
	font-size:8pt;
}

/*****
Misc
*****/
img.captchaimage
{
	width:265px;
}

/*****
Tables
*****/
table.tablecompare
{
	border: 1px solid black;
	border-collapse: collapse;
}
table.tablecompare td
{
	border: 1px solid black;
	vertical-align:top;
	padding:.6em .6em;
	width:50%;
}
.OSTbl, .OrderTbl
{
	
	border-top: 1px solid rgb(200,200,200);
	border-right: 1px solid rgb(200,200,200);
	margin: .3em auto;
	border-collapse: collapse;
	width:90%;
	font-size:8pt;
}

.OSTbl td, .OSTbl th, .OrderTbl td, .OrderTbl th
{
	color: rgb(100,100,100);
	border-bottom: 1px solid rgb(200,200,200);
	border-left: 1px solid rgb(200,200,200);
	padding: .3em .2em;
	text-align: center;
	height:22px;
}

.OSTbl th, .OrderTbl th
{
	background-color: rgb(180,180,180);
	color:White;
}

.OSTbl th.qty, .OrderTbl th.qty
{
	width: 45px;
}

.OSTbl th.amount, .OrderTbl th.amount
{
	width: 110px;
}

.OSTbl td.amount, .OrderTbl td.amount
{
	text-align:right;
}

.OSTbl td.description, .OrderTbl td.description
{
	text-align:left;
}

.OSTbl tr.OSTrOdd, .OrderTbl tr.OrderTrOdd
{
	background-color:rgb(240,240,240);
}

.OSFooter td
{
	border-bottom: 0px;
	border-left: 0px;
	text-align:right;
	}

.OSFooter td.OSFooterTotals
{
	border-bottom: 1px solid #cbd7e2;
	border-left: 1px solid #cbd7e2;
	text-align:right;
}

/**
Invoice
**/
div.Invoice td
{
	font-size: 8pt;
}
.InvoiceTitle
{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #e0e0e0;
	font-weight: bold;
	font-size: 21pt;
	line-height: 24pt;
}
.InvoiceMarkosimAddress
{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	line-height: 130%;
	color: #35354D;
}


.InvoiceHeaderText
{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	line-height: 130%;
	color: #35354D;
}

.InvoiceHeaderTitles
{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	line-height: 130%;
	color: #35354D;
	font-weight: bold;
}

.InvoiceAddressTitles
{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	line-height: 130%;
	color: #35354D;
	font-weight: bold;
}

/******
Reserves ul and ol
******/
ol.copyr1lev
{
	list-style-position: inside;
	margin: 0px;
	padding:0px;
	font-weight:bold;
}
ol.copyr1lev li
{
	margin-top:10px;
}

ol.copyr1lev span
{
	font-weight:normal;
}

ol.copyr2lev
{
	list-style-type:upper-alpha;
	list-style-position: outside;
	font-weight: normal;
}
