body { background-color: #fff; color: #333; }

body, p, ol, ul, td {
  font-family: verdana, arial, helvetica, sans-serif;
  font-size:   13px;
  color:       #2e54a0;
  line-height: 18px;
  margin:      0px;
  
}

body {
	background-color:#ffffff;
}

.banner {
  font-size:   16px;
  font-weight: bold;
  color:       #666666;
  margin-top:  10px;
  text-align:  center;
}

h2 {
  font-size:   16px;
  font-weight: bold;
  color:       #2e54a0;
  margin-top:  3px;
  text-align:  left;
}

.small {
  font-size:   10px;
  line-height: 12px;
}

.red {
  color: red;
}

main_box {
  background-image:url(images/main_bg.jpg); 
}
.list ul {padding: 0; margin:0 12px 6px 0;}
.list ul li {list-style-type:none; position: relative; margin: 0 0 0 12px; padding: 3px 0 4px 0; border-bottom: solid 1px #a7a7a7;}


#product-list .list-line-odd { background: #e0f0f0; }

#product-list .list-line-even { background: #d0e3ff; }

zzpre {
  background-color: #eee;
  padding: 10px;
  font-size: 11px;
}

a { color: #000; }
a:visited { color: #666; }
a:hover { color: #fff; background-color:#000; }

zz.fieldWithErrors {
  padding: 2px;
  background-color: red;
  display: table;
}

zz#errorExplanation {
  width: 400px;
  border: 2px solid red;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}

zz#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  background-color: #c00;
  color: #fff;
}

zz#errorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 5px;
}

zz#errorExplanation ul li {
  font-size: 12px;
  list-style: square;
}

zzdiv.uploadStatus {
  margin: 5px;
}

zzdiv.progressBar {
  margin: 5px;
}

zzdiv.progressBar div.border {
  background-color: #fff;
  border: 1px solid gray;
  width: 100%;
}

zzdiv.progressBar div.background {
  background-color: #333;
  height: 18px;
  width: 0%;
}

.zzListTitle {
  	 color:       #244;
	 font-weight: bold;
  	 font-size:   larger;
}

.zzListActions {
 	font-size:    x-small;
    text-align:   right;
	padding-left: 1em;
}

.zzListLine0 {
        background: #e0f8f8;
}

.zzListLine1 {
        background: #f8e0f8;
}

.zcatalogentry {
  padding: 1ex 0ex;
}

.zzcatalogentry img {
  float: left;
  margin-right: 2em;
}

.zzcatalogentry h3 {
  font: larger bold;
  color: #282;
  margin-top: 0ex;
  margin-bottom: 0.5ex;
}

.zzcatalogentry p {
  font: smaller sans-serif;
  margin-bottom: .5ex;
}

.zzcatalogprice {
  padding-right: 4em;
}

/* Shoppng cart screen */

.carttitle {
  background: #282;
  color: #dfd;
  font: bold smaller sans-serif;
  text-align: center;
}

.carttitle TD {
  padding-top: 0px;
  padding-bottom: 0px;
}

#cartmenu {
  float: right;
  border-left: 1px dotted #282;
}

#totalcell {
  font-weight: bold;
  border-top: 1px solid #282;
  border-bottom: 2px solid #282;
  text-align: right;
}

.separator {
  border-bottom: 1px dotted #282;
  clear: both;
}

#zzbanner {
  background: #9c9;
  padding-top: 20px;
  padding-bottom: 20px;
  border-bottom: 4px solid;
  font-size: 30pt;
  color: #282;
  text-align: center;
}

#zzbanner_admin {
  background: #66c;
  padding-top: 20px;
  padding-bottom: 20px;
  border-bottom: 4px solid;
  font-size: 30pt;
  color: #600;
  text-align: center;
}

#zzcolumns {
  background: #141;
}

#notice {
  border: 1px solid #a0a0b0;
  padding: 1em;
  margin-bottom: 2em;
  background-color: #d0e7ff;
  text-align: left;
  font: bold;
}

#error {
  background-color: #ffd0e7;
}

/* background-color: #ffd0ec; */


/*  margin-left: 0em;
  margin-left: auto;
  margin-right: auto; */
#main {
  padding-top: 2ex;
  padding-left: 0em;
  margin-left: 0em;
  margin-top: 0px;
  margin-bottom: 1em;
}
#DateArea {float:left; width:760px; border-left:solid 0px transparent; border-right:0px; border-top:0px; clear:both; position:absolute; left:0px; top:130px;}
#todaysdate {float:left; width:180px; font-size:xx-small; font-weight:bold;}

#side a {
  color: #ada;
  font: smaller sans-serif;
}

#side a:hover {
  color: #fff;
}

#side {
  font-size: 14px;
  float: left;
  padding-top: 1em;
  padding-left: 1em;
  padding-bottom: 1em;
  width: 5em;
  background: #141;
}

.menu {
  padding: 2px 0px 3px 6px;
  width: 765;
  margin-left: 4px;
}
.menu a {
	padding: 2px 10px 4px 10px;
	border-color: #a0ccef;
	border-width: 1px;
	border-style: solid;
	border-bottom: 0;
	text-decoration: none;
	color: #666666;
	background-image: url(/images/menu_bg.gif);
}
.menu .disabled {
	padding: 2px 10px 4px 10px;
	border-width: 1px;
	border-style: dotted;
	border-bottom: 0;
	background-color: #e4f2ff;
	text-decoration: none;
	color: #bbbbbb;
	background-image: url(/images/menu_bg_dis.gif);
}
.menu a:hover {
	padding: 2px 10px 7px 10px;
	border-width: 1px;
	border-bottom: 0;
	border-color: #90acbf;
	text-decoration: none;
	color: #708c9f;
	background-color: #edf7fe;
	background-image: url(none);
}
.menu .current a {
	padding: 2px 9px 7px 9px;
	border-width: 1px;
	border-style: solid;
	border-bottom: 0;
	border-color: #cccccc;
	text-decoration: none;
	font-weight: bold;
	color: #666666;
	background-color: #edf7fe;
	background-image: url(none);
}
.menu .current a:hover {
	padding: 2px 9px 7px 9px;
	border-width: 1px;
	border-bottom: 0;
	border-color: #90acbf;
	text-decoration: none;
	color: #708c9f;
	background-color: #edf7fe;
	background-image: url(none);
}
.menu .admin a {
	border-color: #2e54a0;
}
.menu .admin .current a:hover {
	border-color: #2e54a0;
}

.working_area {
	background-image: url(/images/main_bg.jpg);
	background-repeat: repeat-x;
	border-bottom: 1px solid #cccccc;
}

.working_area_left {
	padding-left: 15px;
	border-left: 1px solid #cccccc;
}

.working_area_right {
	border-right: 1px solid #cccccc;
}

.olname { font-weight: bold; }


/* Footer
======================================================================
http://www.edexcel.com/Style%20Library/qualification2.css
*/

#FooterContent {
	float:center;
	width:775px;
	height:75px;
	margin-top:25px;
	background-image:url(/images/footer_bg.gif);
	background-repeat: no-repeat; 
}

#Copyright {
	float:right;
	margin-top:43px;
	padding-right:20px;
	font-size:8pt;
}

#FooterLinks {
	float:left;
	text-align:left;
	margin-top:43px;
	padding-left:410px;
}

#FooterLinks a:hover { color: #4e74c0; background:transparent;}

#FooterContent .NormalLinks2 {
	margin:0 6px 0 6px;
	font-size:8pt;
	color:#2e54a0;
	text-decoration: none;
}
.Y {
	background-color:#ddffdd;
}