/*-----------------------------------------------------------
Site:  ExamSupport.ie
Last Edit:  22 August 2006 - Michael Heraghty, Mediajunk.com
-----------------------------------------------------------*/
html,body
{
padding:0;
margin:0;
}
p, h1, h2, h3, h4, img, form, fieldset, a
	{
	padding:0;
	margin:0;
	border:0 none;
	}
.clearfix:after
	{
	content:"."; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden;
	}
.clearfix
	{
	display:inline-table;
	}
/* Hides from IE-mac \*/
* html .clearfix
	{
	height:1%;
	}
.clearfix
	{
	display:block;
	}
body	
	{
	background:#fff;
	font:12px Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	text-align:center;
	}
#wrap
	{
	width:950px;
	margin:0 auto;
	text-align:left;
	}
#top
	{
	height:150px;
	width:950px;
	}
#crumb
	{
	width:950px;
	height:20px;
	margin: 0 0 15px 0;
	padding:10px 0 0 0;
	}
#left
	{
	float:left;
	width:164px;
	margin:0 0 0 0px;
	display:inline;
	}
#mid
	{
	float:left;
	width:560px;
	margin:0 0 0 25px;
	}
#right
	{
	float:right;
	width:175px;
	margin:40px 0 0 22px;
	}
#footer
	{
	clear:both;
	width:950px;
	text-align:center;
	margin:15px 0 0 0;
	padding:15px 0 5px 0;
	border-top:1px solid #1F96AC;
	}

/*---top---*/
#logo
	{
	float:left;
	width:297px;
	height:51px;
	}
#logo h1
	{
	background:url(../image/logo.gif) no-repeat;
	font:26px Arial, Helvetica, sans-serif;
	line-height:26px;
	text-indent:-999em;
	margin:7px 0 0 12px;
	}
#logo h2
	{
	font:bold 13px Arial, Helvetica, sans-serif;
	color:#818286;
	line-height:14px;
	margin:0 0 0 14px;
	}
#grad_gr
	{
	float:right;
	width:653px;
	height:51px;
	background:url(../image/header-grad.jpg) repeat-y;
	text-align:left;
	}
#grad_gr #lnk
	{
	margin:5px 20px 0 200px;
	color:#E2F1EB;
	text-align:right;
	}
#grad_gr #lnk a:link, #grad_gr #lnk a:visited
	{
	font:12px Verdana, Arial, Helvetica, sans-serif;
	color:#E2F1EB;
	margin:0 2px;
	text-decoration:underline;
	}
#grad_gr #lnk a:hover, #grad_gr #lnk a:active
	{
	color:#FFFF3C;
	}

#grad_gr #lnkUKcontact a:link, #grad_gr #lnkUKcontact a:visited
	{
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color:#E2F1EB;
	margin:0 2px;
	text-decoration:underline;
	}
#grad_gr #lnkUKcontact a:hover, #grad_gr #lnkUKcontact a:active
	{
	color:#FFFF3C;
	}

#grad_gr h3
	{
	font:bold 16px Arial, Helvetica, sans-serif;
	color:#fff;
	margin:5px 0 0 50px;
	}
#header
	{
	clear:both;
	background:url(../image/header.jpg);
	width:950px;
	height:69px;
	}
#header p
	{
	float:right;
	font:bold 12px Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	display:inline;
	margin:52px 65px 0 0;
	}
#search
	{
	float:right;
	width:180px;
	}
#keyword
	{
	float:left;
	width:130px;
	margin:5px 0 0 0;
	}
#search div
	{
	float:right;
	width:40px;
	margin:3px 0 0 0;
	}
/*---crumb---*/
#crumb p
	{
	font:12px Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	margin:0 0 0 7px;
	}
#crumb p a:link, #crumb p a:visited
	{
	font:12px Verdana, Arial, Helvetica, sans-serif;
	text-decoration:underline;
	color:#0b52a2;
	margin:0 2px;
	}
#crumb p a:hover, #crumb p a:active
	{
	text-decoration:underline;
	color:#F37020;
	}
	
/*---left---*/
#left p.lg
	{
	margin:0 0 15px 0;
	}
#left p.lg a:link, #left p.lg a:visited
	{
	font:bold 11px Verdana, Arial, Helvetica, sans-serif;
	text-decoration:underline;
	color:#0b52a2;
	margin:0 5px;
	}
#left p.lg a:hover, #left p.lg a:active
	{
	text-decoration:underline;
	color:#1f96ac;	
	}
div.bx_pr
	{
	width:158px;
	padding:0 0 20px 0;
	margin:0 0 20px 0;
	background:#874B75 url(../image/bx_pr_bot.gif) no-repeat bottom;
	}
div.bx_pr h2
	{
	width:158px;
	height:10px;
	padding:10px 0 0 0;
	text-align:center;
	background:url(../image/bx_pr_grad.gif) no-repeat;
	font:bold 13px Arial, Helvetica, sans-serif;
	color:#fff;
	line-height:12px;
	margin:0 0 10px 0;
	}
div.bx_pr p
	{
	color:#000;
	background:#E3CCDC;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	border-left:1px solid #874B75;
	}
div.bx_pr p a:link, div.bx_pr p a:visited
	{
	width:130px;
	padding:5px 13px;
	display:block;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color:#603553;
	background:#E3CCDC;
	text-decoration:none;
	border-right:1px solid #9A5986;
	border-bottom:1px solid #9A5986;
	}
div.bx_pr p a:hover, div.bx_pr p a:active
	{
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	background:#BD88AD;
	text-decoration:none;
	}

div.bx_org
	{
	width:158px;
	padding:0 0 20px 0;
	margin:0 0 20px 0;
	background:#f37020 url(../image/bx_org_bot.gif) no-repeat bottom;
	}
div.bx_org h2
	{
	width:158px;
	height:10px;
	padding:10px 0 0 0;
	text-align:center;
	background:url(../image/bx_org.gif) no-repeat;
	font:bold 13px Arial, Helvetica, sans-serif;
	color:#fff;
	line-height:12px;
	margin:0 0 10px 0;
	}
div.bx_org p
	{
	color:#000;
	background:#fde3c1;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	border-left:1px solid #f37020;
	}
div.bx_org p a:link, div.bx_org p a:visited
	{
	width:130px;
	padding:5px 13px;
	display:block;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color:#a94101;
	background:#FDE3C1;
	text-decoration:none;
	border-right:1px solid #f37020;
	border-bottom:1px solid #f37020;
	}
div.bx_org p a:hover, div.bx_org p a:active
	{
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	background:#EFA74A;
	text-decoration:none;
	}

div.bx_gr
	{
	width:158px;
	padding:0 0 20px 0;
	margin:0 0 20px 0;
	background:#177181 url(../image/bx_gr_bot.gif) no-repeat bottom;
	}
div.bx_gr h2
	{
	width:158px;
	height:11px;
	padding:9px 0 0 0;
	text-align:center;
	background:url(../image/bx_gr_grad.gif) no-repeat;
	font:bold 13px Arial, Helvetica, sans-serif;
	color:#fff;
	line-height:15px;
	margin:0 0 10px 0;
	}
div.bx_gr p
	{
	width:149px;
	padding:0px;
	margin:0px;
	color:#000;
	background:#DFF4FA;
	font:10px Verdana, Arial, Helvetica, sans-serif;
	line-height:16px;
	border-left:1px solid #1f96ac;
	}
div.bx_gr p a:link, div.bx_gr p a:visited
	{
	width:100%;
	padding:3px 3px;
	display:block;
	color:#197898;
	background:#DFF4FA;
	text-decoration:none;
	border-top:1px solid #fff;
	border-left:1px solid #fff;
	border-right:1px solid #808080;
	border-bottom:1px solid #808080;
	}
div.bx_gr p.selected a:link, div.bx_gr p.selected a:visited
	{
	width:100%;
	padding:3px 3px;
	display:block;
	color:#000;
	background:#74BECF;
	text-decoration:none;
	border:1px solid #808080;
	border-bottom:1px solid #fff;
	}
div.bx_gr p a:hover, div.bx_gr p a:active
	{
	color:#03394b;
	background:#74BECF;
	text-decoration:none;
	border:1px solid #808080;
	border-bottom:1px solid #fff;
	}
/*---mid---*/
#mid h2,
h2.login
	{
	font:bold 27px "Trebuchet MS", Tahoma, Arial, sans-serif;
	color:#1f96ac;
	line-height:26px;
	margin:0 0 20px 0;
	}
#mid h3
	{
	font:bold 21px "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color:#FF4500;
	line-height:17px;
	margin:40px 0 10px 0;
	}
#mid h1
	{
	font:bold 20px Verdana, Arial, Helvetica, sans-serif;
	color:#ff4500;
	line-height:17px;
	padding-bottom:10px;
	/*border-bottom:1px solid #666666;*/
	margin:15px 0 10px 0;
	}
#mid p
	{
	font:12px Verdana, Arial, Helvetica, sans-serif;
	line-height:17px;
	margin:0 0 12px 0;
	}
#mid p.option
	{
	margin-bottom: 4px;
	}
#mid p a.lred:link, #mid p a.lred:visited
	{
	font-weight:bold;
	color:#FF4500;
	text-decoration:underline;
	}
#mid p a.lred:hover, #mid p a.lred:active
	{
	color:#000;
	text-decoration:underline;
	}

#mid p a.lnavy:link, #mid p a.lnavy:visited
	{
	color:#003399;
	text-decoration:underline;
	}
#mid p a.lnavy:hover, #mid p a.lnavy:active
	{
	color:#000066;
	text-decoration:underline;
	}

#mid p a:link, #mid p a:visited, #mid ul a:link, #mid ul a:visited
	{
	text-decoration:underline;
	color:#0b52a2;
	}
#mid p a:hover, #mid p a:active, #mid ul a:hover, #mid ul a:active
	{
	text-decoration:underline;
	color:#000;
	}
#mid div.hlight
	{
	font-weight:bold;
	color:#0B6EBF;
	padding:10px;
	background-color:#DFF1FF;
	border:1px solid #2C97EF;
	text-align:center;
	line-height:17px;
	margin:0 0 15px 0;
	}
#mid ul.num
	{
	list-style-type:decimal;
	list-style-position:outside;
	margin:0 0 20px 10px;
	padding:0 0 0 25px;
	}
#mid ul.num li
	{
	margin:0 0 5px 0;
	line-height:17px;
	}
#mid div.pack
	{
	background:#F8F8F8;
	border:1px solid #CFCFCF;
	padding:20px;
	margin:10px 0 20px 0;
	}
#mid div.pack h3
	{
	font:bold 21px "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color:#FF4500;
	line-height:17px;
	border-bottom:1px solid #999999;
	padding:0 0 5px 0;
	margin:0 0 10px 0;	
	}
#mid div.pack ul li
	{
	margin:0 0 15px 0;
	}
#mid div.pack span.time
	{
	width:680px;
	color:#006600;
	font:bold 11px Verdana, Arial, Helvetica, sans-serif;
	}
#mid div.pack span.time a
	{
	margin:0 0 0 20px;
	}
#mid div.pack a.addcart
	{
	}
#mid div.pack a.addcart, #mid div.pack a.addcart:visited
	{
	display:block;
	border:1px solid #DF5C0D;
	margin:20px 0 0 0;
	padding:15px 50px;
	font:bold 13px Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	color:#AF4200;
	text-decoration:underline;
	background:#FFDAAF url(../image/cart-b.gif) no-repeat 35px 15px;
	}
#mid div.pack a.addcart:hover, #mid div.pack a.addcart:active
	{
	background-color:#F77E35;
	color:#000;
	}
#mid #homepage P {
    text-align:justify;
	margin:0px;
	padding:4px 0px 4px 0px;
    }
#mid #homepage A.large {
	font-size:16px;
	font-family:Arial,Helvetica,sans-serif;
	font-weight:bold;
	text-decoration:underline;
	}
#mid #homepage A.large:link, #mid #homepage A.large:visited {
	color:#003399;
	}
#mid #homepage A.large:hover, #mid #homepage A.large:active {
	color:#000066;
	}
#mid #homepage DIV.clearfix {
	clear:both;
	height:1px;
	margin-bottom:8px;
}
#mid #homepage .colnarrowright
	{
	width:171px;
	float:right;
	
	}
#mid #homepage .colwideright
	{
	width:342px;
	float:right;
	}
#mid #homepage .colnarrowleft
	{
	width:171px;
	float:left;
	}
#mid #homepage .colwideleft
	{
	width:342px;
	float:left;
	}
#mid #homepage .col50left
	{
	width:300px;
	float:left;
	}
#mid #homepage .col50right
	{
	width:213px;
	float:right;
	}	
#eircom
	{
	float: right;
	margin-top: -30px;
	width: auto;
	}
div#homepage div.bx_ttm
	{
	width:168px;
	padding:0px;
	margin:0px;
	}
	
div#homepage div.bx_ttm h2
	{
	width:168px;
	height:32px;
	padding:0px;
	margin:0px;
	background:#D2F0F8 url('image/bx_ttm.png') no-repeat top;
	}

div#homepage div.bx_ttm_bstrip {
	width:168px;
	height:15px;
	padding:0px;
	margin:0px;
 	background:#D2F0F8 url('image/bx_ttm_bot.png') no-repeat bottom;
    }
	
div#homepage div.bx_ttm h2 p {
	margin:0px;
	padding:5px 0px 0px 0px;
	text-align:center;
	font:bold 12px Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
}

div#homepage div.bx_ttm_bd
	{
	width:166px;
	margin:0px;
	padding: 0px;
	background-color:#D2F0F8;
	border-left:1px solid #078484;
	border-right:1px solid #078484;
	}
div#homepage div.bx_ttm_bd p
	{
	margin:0px;
	padding:4px;
	font:normal 13px Verdana, Arial, Helvetica, sans-serif;
	line-height:14px;
	color:#333333;
	}
div#homepage div.bx_ttm_bd p.fnote
	{
	margin:0 0 15px 10px;
	font:italic 11px Verdana, Arial, Helvetica, sans-serif;
	line-height:12px;
	color:#000;
	}
div#homepage div.bx_ttm_bd p.ttm a:link, div#homepage div.bx_ttm_bd p.ttm a:visited
	{
	margin:0;
	font:bold 12px Verdana, Arial, Helvetica, sans-serif;
	color:#005453;
	text-decoration:none;
	padding-left: 37px;
	}
div#homepage div.bx_ttm_bd p.ttm a:hover, div#homepage div.bx_ttm_bd p.ttm a:active
	{
	text-decoration:underline;
	}
#mid table.cert
	{
	width:550px;
	border:2px solid #CFCFCF;
	margin:0 0 30px 0;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	}
#mid table.cert th
	{
	color:#BF3600;
	padding:7px 8px;
	background:#DFF1FF;
	}
#mid table.cert th.cart-g
	{
	background:#DFF1FF url(../image/cart-g.gif) no-repeat 50px 7px;
	}
#mid table.cert tr.od
	{
	background:#FBFBFB;
	}
#mid table.cert tr.ev
	{
	background:#EFEFEF;
	}
#mid table.cert td
	{
	padding:7px 8px;
	}

#mid table.cert_member
	{
	width:550px;
	border:2px solid #874B75;
	margin:0 0 30px 0;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	}
#mid table.cert_member th
	{
	color:#603553;
	padding:7px 8px;
	background:#E3CCDC;
	}
#mid table.cert_member tr.od
	{
	background:#FBFBFB;
	}
#mid table.cert_member tr.ev
	{
	background:#EFEFEF;
	}
#mid table.cert_member td
	{
	padding:7px 8px;
	}

#mid table a:link, #mid table a:visited
	{
	text-decoration:underline;
	color:#0b52a2;
	}
#mid table a:hover, #mid table a:active
	{
	text-decoration:underline;
	color:#000;
	}
#mid table a.pbview
	{
	padding-left: 45px;
	}
#mid table td.prm, #mid table td.pch
	{
	background:#DFF1FF;	
	}
#mid table td.prm span
	{
	color:#FF4548;
	font:bold 13px Verdana, Arial, Helvetica, sans-serif;
	}
#mid table td.pch p
	{
	font:11px Arial, Helvetica, sans-serif;
	margin:0 0 20px 0;
	}
#mid table td.pch p.chkd
	{
	font:bold 12px Arial, Helvetica, sans-serif;
	margin:0;
	}
#eircom_no
	{
	width:100px;
	}
#get_discount
	{
	width:90px;
	font:11px Arial, Helvetica, sans-serif;
	}
#mid div.csum
	{
	display: inline-block;
	width:280px;
	float:left;
	margin:0 0 10px 0; 
	}
#mid div.csum h2
	{
	font:bold 15px Verdana, Arial, Helvetica, sans-serif;
	color:#1F96AC;
	padding:0 0 0 25px;
	margin:0 0 10px 0;
	background:url(../image/cart-g.gif) no-repeat top left;
	}
#mid div.csum p
	{
	font:12px Verdana, Arial, Helvetica, sans-serif;
	line-height:17px;
	margin:0 0 15px 20px;
	}
#mid div.csum p.st
	{
	height:15px;
	margin:0 0 8px 20px;
	font:bold 12px Verdana, Arial, Helvetica, sans-serif;
	color:#BF3600;
	}
#mid div.csum p.st span.stl
	{
	width:150px;
	float:left;
	}
#mid div.csum p.st span.str
	{
	width:80px;
	float:right;
	/*
	deleted as of sep/11/2006
	text-decoration:line-through;
	*/
	font-weight:bold;
	text-align:right;
	}
#mid div.csum p.ld
	{
	height:15px;
	margin:0 0 8px 20px;
	color:#BF3600;
	font:bold 12px Verdana, Arial, Helvetica, sans-serif;
	}
#mid div.csum p.ld span.ldl
	{
	width:150px;
	float:left;
	display: inline-block;
	}
#mid div.csum p.ld span.ldr
	{
	width:80px;
	float:right;
	font-weight:bold;
	text-align:right;
	}
#mid div.csum p.ct
	{
	height:15px;
	margin:14px 0 14px 20px;
	padding:10px 0 0 0;
	color:#000;
	font:bold 14px Verdana, Arial, Helvetica, sans-serif;
	border-top:1px solid #CCCCCC;
	}
#mid div.csum p.ct span.ctl
	{
	width:150px;
	float:left;
	}
#mid div.csum p.ct span.ctr
	{
	width:80px;
	float:right;
	font-weight:bold;
	text-align:right;
	}
#mid div.clink
	{
	display: inline-block;
	width:250px;
	float:left;
	margin:0 0 40px 30px;
	font-family: arial,verdana,sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-align: right;
}
#mid div.clink h3 {
	margin-top:15px;
	font:bold 16px arial,verdana,sans-serif;
}

#mid div.clink a{
	color: #000066;
}

#mid div.clink a:hover {
	color:#F37020;
}
#mid a.option {
	color:#0B52A2;
	font-size: 12px;
	text-decoration:underline;
	font-weight:bold !important;
}

/*---right---*/
#right img
	{
	float:right;
	}
	
#right #adbanner{
  border:1px solid #B7BFC0;
  background-color:#FFF4DF;
  text-align:center; 
}

#right #adbanner img{
  float:none;
}		
	
#login, #logout
	{
	background:#EAF2F3;
	border: 1px solid #B7BFC0;
	padding:5px;
	margin:0 0 15px 0;
	}
#login h2, #logout h2
	{
	font:bold 14px Arial, Helvetica, sans-serif;
	/*color:#008080;*/
	color: #03394B;
	letter-spacing: 1px;
	margin:0 0 10px 0;
	}
#login p, #logout p
	{
	padding:7px 0 0 0;
	font:11px Arial, Helvetica, sans-serif;
	}
#login label
	{
	font:11px Arial, Helvetica, sans-serif;
	}
#logout label
	{
	font:12px Arial, Helvetica, sans-serif;
	}
#login label span, #logout label span
	{
	color: #03394B;
	float:left;
	width:60px;
	}
#logout label span
	{
	color: #03394B;
	float:left;
	width:120px;
	}
#login label input, #logout label input
	{
	width:88px;
	height:14px;
	font:11px Arial, Helvetica, sans-serif;
	margin:0 0 3px 0;
	}
#login #button-login, #logout #button-logout
	{
	float:right;
	width:55px;
	margin:4px 0 0 0;
	font:bold 11px Verdana, Arial, Helvetica, sans-serif;
	}
#login a, #logout a
	{
	color:#197898;
	}

#login a:hover, #logout a:hover
	{
	color:#000;
	}
.mb15
	{
	margin-bottom:15px;
	}
	
#menu
{
width:100%;
background:url(../image/bg.gif) repeat-x bottom;
}
#menu ul
{
float:left;
margin:0;
padding:6px 0 0 0;
list-style:none;
}
#menu li
{
display:inline;
margin:0;
padding:0;
}
#menu a
{
float:left;
background:url(../image/left_both.gif) no-repeat left top;
margin:0;
padding:0 0 0 4px;
/*border-bottom:1px solid #765;*/
text-decoration:none;
font:bold 11px Tahoma, "Trebuchet MS", Arial, sans-serif;
color:#707070;
}
#menu a span
{
float:left;
display:block;
background:url(../image/right_both.gif) no-repeat right top;
padding:5px 11px 4px 4px;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#menu a span
{
float:none;
}
/* End IE5-Mac hack */
#menu a:hover span
{
color:#fff;
}
#menu #current a
{
background-position:0 -150px;
border-width:0;
}
#menu #current a span
{
background-position:100% -150px;
padding-bottom:5px;
color:#fff;
}
#menu a:hover
{
background-position:0% -150px;
}
#menu a:hover span
{
background-position:100% -150px;
}

/*---footer---*/
#footer p
	{
	font:11px Arial, Helvetica, sans-serif;
	color:#A9A9A9;
	margin:0 0 8px 0;
	}
#footer p a:link, #footer p a:visited
	{
	font:11px Arial, Helvetica, sans-serif;
	text-decoration:underline;
	color:#0a51a1;
	margin:0 5px;
	}	
#footer p a:hover, #footer p a:active
	{
	text-decoration:underline;
	color:#000;
	}
#footer a.mj:link, #footer a.mj:visited
	{
	color:#A9A9A9;
	text-decoration:none;
	}
#footer a.mj:hover, #footer a.mj:active
	{
	color:#0a51a1;
	}	

/* ------ Added by DT 30 July 2006 (Amendmentments by MH 01 Aug 2006) ------ */

/* form style */
.inputbox {
	border:1px solid #999999;
	padding:2px 3px;
	color:#000000;
	font:12px verdana,arial,sans-serif;
}
.button {
	border-style:solid;
	border-width:1px;
	background:#1F96AC;
	border-color:#26BED9 #10505A #10505A #26BED9;
	color:#FFFFFF;
	cursor:pointer;
	padding:0px 4px;
}
#search {
	position:relative;
	margin-left:3px;
}
#search .button {
	position:relative;
	margin-top:5px !important;
	margin-top:4px;
	margin-left:2px;
}

/* Clear the float */
.clear {
	clear:both;
}

/* Id left, move a little bit to the bottom */
.wrap_login {
	padding-top:20px;
}

/* h3 tag with cart background */
h3.shoping {
	background:transparent url("../image/cart-b.gif") no-repeat top left;
	padding-left:25px;
	border-bottom:1px solid #CCCCCC;
	padding-bottom:3px;
	
	/* original h3 */
	font:bold 21px "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color:#FF4500;
	line-height:17px;
	margin:10px 0 10px 0;
}

/* cartmid, the mid section for cart pages */
#cartmid {
	float:left;
	width:560px;
	margin:0px 0 0 22px;
}

#cartmid p  {
	margin-bottom:10px;
	font:12px verdana,arial,sans-serif;
	line-height:17px;
}

#cartmid h2 {
	margin-bottom:30px;
	
}
#cartmid h2 a {
	color:#0B52A2;
	font:bold 12px verdana,arial,sans-serif;
}
#cartmid h2 a:hover {
	text-decoration:none;
}

/* --- Shopping Cart Item Styles --- */
.item-list {
	padding-bottom:30px;
}
.item {
	padding-top:15px;
	font-size:11px;
}
.item strong {
	font-size:12px;
}
.item small {
	font-size:11px;
}

/* link */
#cartmid a {
	color:#0B52A2;
	font-weight:normal;
}
#cartmid a:hover {
	color:#44A7B9;
}

/* number */
.item-number {
	float:left;
	width:20px;
}

/* cd thing on the left */
.item-cd {
padding-top:20px;
	float:left;
}
/* name on the left */
.item-name {
	float:left;
	width:220px;
}
/* description in the middle area */
.item-description {
	float:left;
	width:220px;
	position:relative;
	left:5px;
}
.item-description strong {
	color:#FF4500;
}

/* price on the right */
.item-price {
	float:right;
	width:80px;
	font:bold 12px verdana,sans-serif;
	text-align:right;
}

/* --- End of Shopping Cart Item Styles --- */

/* Discount box */
.discount-box {
	border:1px solid #CC0000;
	padding-bottom:20px;
	position:relative;
	font-family:arial,verdana,sans-serif;
	margin-bottom:20px;
}
.discount-box .button {
	width:90px;
}

.discount-box p.small {
	position:relative;
	top:0px;
	left:20px;
	font-size:11px !important;
}
/* title on discount-box */
.discount-box h4 {
	color:#CC0000;
	position:relative;
	margin:0px;
	padding:0px;
	top:15px;
	left:20px;
	margin-bottom:20px;
	font:bold 14px arial,verdana,sans-serif;
}
.discount-box p,
.discount-box form {
	position:relative;
	left:20px;
	margin:0px;
	padding:0px;
	margin-bottom:10px;
}


/* cartmid containing Total */
#cartmid-total {
	float:left;
}

.total {
	border-top:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	padding:5px 0px;
	padding-bottom:5px !important;
	padding-bottom:12px;
}

.total h2 {
	float:left;
	width:200px;
	font:bold 16px verdana,sans-serif;
	margin:0px !important;
	padding:3px 0px;
}
.total h3 {
	float:right;
	width:80px;
	font:bold 12px verdana,sans-serif;
	text-align:right;
	padding:3px 0px;
}

/* give a red color */
.red {
	color:#CC0000;
}
.sub {
	font-size:12px !important;
}

.aftercart {
	border-top:1px solid #CCCCCC;
	margin-top:2px;
	padding-bottom:20px;
	font-family:arial,verdana,sans-serif;
	text-align: right;
}
.aftercart h3 {
	margin-top:15px;
	font:bold 16px arial,verdana,sans-serif;
}
.aftercart a {
	color:#0B52A2;
	text-decoration:underline;
	font-weight:bold !important;
}

.aftercart img{
	float: right;
	margin-bottom: 10px;
}

/* ---------------- Styles for Live Tutorial Pages - Added 05 Aug 06  ---------------- */
/* ---------------- Added by DT, Modified by MH - Added 05 Aug 06  ---------------- */

#tutlinks p{
	margin: 0 0 8px 0;
	font-size: 13px;
	font-weight: bold;
}

/* give a line */
.line {
	border-bottom:1px solid #CCCCCC;
	padding-bottom:3px;
}

/* Ticketing box */
.ticket {
	display:block;
	font-weight: bold;
	padding:10px 5px;
	padding-left:45px;
	background:#E5F3F6;
	border:1px solid #B2C0C3;
}

/* h3 in tutorial box */
.pack h3 {
	font:bold 15px verdana,arial,sans-serif !important;
	color:#0B52A2 !important;
	margin-top:15px !important;
	border:0px !important;
}

.pack img{
	float: right;
	margin: 0 0 5px 10px;
}

p.countdown {
	color:#1F96AC;
	font-weight:bold !important;
}

/* The Tutorials Table */
table.tbltutorial {
	background:#CCCCCC;
	width:550px;
	border:2px solid #CFCFCF;
	border-collapse: collapse;
   border-spacing: 0;
	margin:0 0 30px 0;
	font:11px Verdana, Arial, Helvetica, sans-serif;
}

table.tbltutorial th {
	color:#BF3600;
	padding:7px 8px;
	background:#DFF1FF;
	text-transform:uppercase;
}
table.tbltutorial td {
	background:#FFFFFF;
	padding:7px 8px;
	font-size:11px;
}

table.tbltutorial th.cart-g
	{
	background:#DFF1FF url(../image/cart-g.gif) no-repeat 50px 7px;
	}

table.tbltutorial td.added {
	color:#999999;
	border: 0;
}
table.tbltutorial img {
	position:relative;
	top:3px;
}
table.tbltutorial tr.odd td{
	background:#FFFFFF;
	border: 0;
}
table.tbltutorial tr.even td{
	background:#EFEFEF;
	border: 0;
}


/* ------ Login and register pages ------ */
/* ------ Add on 22 August 2006     ------ */

/* Heading */
h2.login {
	margin:25px 0px;
}
#loginbox h3,
#registerbox h3 {
	font:bold 15px Arial,verdana,sans-serif;
}

#loginbox small {
	font:11px Arial,verdana,sans-serif;
}

/* paragraph */
#loginbox p,
#registerbox p {
	margin:8px 0px;
	line-height:17px;
}

/* the form */
#loginbox label,
#registerbox label {
	position:relative;
	top:3px;
}
#loginbox .inputbox,
#registerbox .inputbox {
	margin-bottom:5px;
}
#loginbox label {
	float:left;
	width:80px;
}
#registerbox label {
	float:left;
	width:170px;
}

/* link on loginbox */
#loginbox a,
#registerbox a {
	color:#10505A;
}

#loginbox a:hover,
#registerbox a:hover {
	color:#000;
}

/* Login box */
#loginbox {
	float:left;
	width:330px;
	background:#eaf2f3;
	border:1px solid #B7BFC0;
	padding:8px;
}
/* Register Box */
#registerbox {
	float:left;
	width:380px;
	position:relative;
	left:20px;
	background:#eaf2f3;
	border:1px solid #B7BFC0;
	padding:8px;
}

.redstar{
	color: #CC0000;
}

#mid td a.addsubjcart, #mid td a.addsubjcart:visited
	{
	background-color:#D3F0F8;
	width:240px;
	border:1px solid #808080;
	margin:0px 0 0 0;
	padding:2px;
	padding-left:10px;
	padding-right:10px;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
	color:#000;
	text-decoration:none;
	}
#mid td a.addsubjcart:hover, #mid td a.addsubjcart:active
	{
	background-color:#47A8BB;
	color:#000;
	}
#mid td a.addedsubjcart
	{
	background-color:#D3F0F8;
	width:240px;
	border:1px solid #808080;
	margin:0px 0 0 0;
	padding:2px;
	padding-left:10px;
	padding-right:22px;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
	color:#888;
	text-decoration:none;
	}
ul#account {
	list-style-type: none; 
	margin: 5px; 
	padding: 5px;
}
ul#account li {
	margin-bottom: 10px;
	padding: 5px;
}
ul#account form > li > input .inputbox{
	margin-bottom 5px;
}