*							{font-family:verdana,arial,sans serif; color:#333333;}

body							{margin:0; text-align:center; background-color:#ffffff; font-size:90%;}
img							{border:0}
img.help						{clear:both; margin-top:10px; margin-bottom:10px;}
h1 							{font-size:130%; color:#ec3126; font-weight:bold; margin-top:0px; margin-bottom:15px;}				
h2							{font-size:100%; color:#666666; font-weight:bold; margin-top:0px; margin-bottom:8px;}
h2.help						{font-size:110%; color:#ec3126; font-weight:bold; margin-top:0px; margin-top:15px;}	
h3							{font-size:100%; color:#666666; font-weight:bold; margin-top:8px; margin-bottom:6px;}
h3.help						{margin-top:35px; margin-bottom:8px;}
a							{color:#0033ff; text-decoration:none;}
a:hover						{text-decoration:underline;}
input 						{font-size:80%; padding:2px;}
select 						{font-size:80%; padding:2px;}
textarea						{font-size:80%; padding:2px;}
form							{display:inline; margin:0; padding:0; border:0;}

#page						{text-align:left; margin:0 auto; width:1000px;}
#header						{text-align:center; width:100%; background-image:url(/images/web/HeaderGrad.jpg);}
#header-container			{width:1000px; margin:auto; height:80px; }
#header-left				{float:left; background-image:url(/images/web/HeaderLeft.jpg); width:137px; height:80px;}
#header-middle				{float:left; background-image:url(/images/web/HeaderGrad.jpg); width:209px; height:80px;} 
#header-right				{float:left; background-image:url(/images/web/HeaderRight.jpg); width:654px; height:80px;}
#header-grad				{width:100%; min-height:30px; background-position:top; background-image:url(/images/web/headgrad.jpg);}
#loginstatus				{font-size:90%; text-align:right; width:1000px; margin:auto; padding-top:5px;}
#menu						{min-height:500px; height:auto !important; height:500px; text-align:left; width:220px; float:left;}
#menu img					{margin-bottom:0.5em;}

#middle						{min-height:500px; height:auto !important; height:500px; text-align:left; width:560px; float:left;}
	
#loginfailed 				{clear:both; font-size:80%; color:#ec3126; font-weight:bold; padding-top:15px;}
	
#people						{margin-bottom:20px; background-image:url(/images/web/homeimg.jpg); width:556px; height:216px;}

#choose						{cursor:pointer; position:relative; background-image:url(/images/web/ButChooseCourse.jpg); width:200px; height:75px; left:335px; top:80px;}
#choose:hover				{background-image:url(/images/web/ButChooseCourseon.jpg);}

#coursesearch				{font-size:80%; padding:3px; position:relative; left:335px; top:90px; width:194px; background-color:#fef4f3; border:1px solid #9d9d9d;}
#coursesearch .search		{color:#eb3126; cursor:pointer; font-weight:bold;}
#coursesearch .search:hover	{text-decoration:underline;}
#coursesearch input			{font-size:100%; width:125px; margin-right:10px; display:inline;}

#login-container			{width:556px;}
#login-box					{float:left; width:347px; height:148px; background-image:url(/images/web/loginbox.jpg);}
#login-box .segment			{display:block; text-align:right; color:#666666; margin-top:18px; width:100%;}
#login-box .segment input		{margin-left:5px; width:190px; margin-right:15px;}

#login-options				{text-align:right; width:290px; position:relative; left:40px; top:20px;}
#login-options img			{cursor:pointer; margin-left:50px; vertical-align:middle;}
#login-options a				{font-size:80%;}

#register					{cursor:pointer; float:right; width:200px; background-image:url(/images/web/butwebregister.jpg); height:148px;}
#register:hover				{background-image:url(/images/web/butwebregisteron.jpg);}

#featured					{min-height:500px; height:auto !important; height:500px; width:220px; text-align:right; float:left;}
#featured .box				{float:right; text-align:left; padding:5px; width:190px; min-height:55px; background-color:#fef4f3; border:1px solid #9d9d9d; border-bottom:none;}
#featured .bottombox			{margin-bottom:15px; text-align:left; float:right; padding:5px; width:190px; min-height:55px; background-color:#fef4f3; border:1px solid #9d9d9d;}
#featured  a					{font-size:80%;}
#featured .price				{font-size:80%; padding-top:15px; float:right; color:#ed3126;}

#shopdetails				{font-size:80%; margin:0; margin-bottom:10px; text-align:right;}
#shopdetails .vat			{color:#eb3126;}
#shopdetails .basket	img		{margin-left:25px; vertical-align:middle; margin-right:5px;}

#shop						{float:right; text-align:left; width:780px}
#shop .shop					{border-collapse:collapse; width:100%; background-color:#f7f7f7; border:1px solid #9d9d9d;}
#shop .error					{font-size:90%; font-weight:bold; text-align:left; margin-bottom:15px; display:block; color:#eb3126}
#shop .shop td				{padding:6px; border:1px solid #9d9d9d; font-size:90%;}
#shop .shop th				{vertical-align:top; padding:6px; border:1px solid #9d9d9d; background-image:url(/images/web/thgrad.jpg); font-size:100%; color:#666666 !important; font-weight:bold; background-color:#c4c4c4;}
#shop .shop .course			{}
#shop .shop .course .title	{color:#0033ff; font-weight:bold;}
#shop .shop .course .desc		{display:block; margin-top:10px;}
#shop .shop .course .cert		{margin-bottom:0px; margin-top:5px;}
#shop .shop .price .cert		{color:#ec3126; margin-top:5px; margin-bottom:0px;}
#shop .shop .price			{vertical-align:top; color:#ec3126; text-align:center; width:10%;}
#shop .shop .discount		{color:green; text-align:center; width:10%;}
#shop .shop .buy				{vertical-align:top; text-align:center; width:20%;}
#shop .shop .buy img			{vertical-align:text-bottom; margin-right:5px;}
#shop .shop .remove			{text-align:center; width:10%;}
#shop .shop .remove img		{vertical-align:text-bottom;}
#shop .total 				{border-right:1px solid #ffffff; border-left:1px solid #ffffff; border-top:none; border-collapse:collapse; width:100%;}
#shop .total td				{padding:6px; font-size:90%;}
#shop .total .spacerright	{width:10%;}
#shop .total .totaltext		{border-left:1px solid #9d9d9d; font-weight:bold; border-bottom:1px solid #9d9d9d; background-color:#e7e7e7; text-align:center; width:15%;}
#shop .total .value			{font-weight:bold; background-color:#e7e7e7; color:#ec3126; text-align:center; width:10%; border-left:1px solid #9d9d9d; border-right:1px solid #9d9d9d; border-bottom:1px solid #9d9d9d;}

#discountcode				{width:100%; margin-top:30px;}
#discountcode .error			{font-size:90%; font-weight:bold; text-align:left; margin-bottom:15px; display:block; color:#eb3126}
#discountcode-box			{padding:10px; color:#eb3126; background-color:#fef4f3; border:1px solid #9d9d9d;}
#discountcode-box img		{vertical-align:middle; cursor:pointer;}
#discountcode-box input		{vertical-align:middle; width:335px; margin-left:15px; margin-right:15px;}

#checkoutbuttons			{width:100%; text-align:right; margin-top:30px;}
#checkoutbuttons .more		{float:left;}

#clientcode					{margin-top:20px;}
#clientcode .error			{font-size:90%; font-weight:bold; text-align:left; margin-bottom:15px; display:block; color:#eb3126}
#clientcode-box				{text-align:right; margin-top:5px; padding:10px; color:#eb3126; background-color:#fef4f3; border:1px solid #9d9d9d;}
#clientcode-box img			{vertical-align:middle; cursor:pointer;}
#clientcode-box .inner		{color:#eb3126; width:100%; margin-bottom:7px;}
#clientcode-box .inner input	{vertical-align:middle; width:200px; margin-left:15px;}

#registerform				{float:right; text-align:left; width:780px;}
#registerbox				{border:1px solid #9d9d9d; background-color:#fef4f3; padding:25px;}
#registerbox .segment		{padding-right:100px; text-align:right; margin-bottom:15px; display:block; color:#eb3126;}
#registerbox .segment input	{margin-left:15px; margin-right:50px; width:400px;}
#registerbox .segment select	{margin-left:15px; margin-right:50px; width:407px;}
#registerbox .segment textarea	{vertical-align:top; height:45px; margin-left:15px; margin-right:50px; width:400px;}
#registerbox .namewarning	{font-size:80%; display:block; margin-left:171px; text-align:left; color:#666666; margin-top:15px; margin-bottom:15px;}
#registerbox .terms			{padding-left:295px; margin-top:15px; display:block;}
#registerbox .registerbutton	{padding-left:510px; margin-top:15px; display:block;}
#registerbox .reminderbutton	{padding-left:460px; margin-top:15px; display:block;}
#registerbox .error			{font-weight:bold; text-align:left; margin-bottom:15px; display:block; color:#eb3126}

#footer						{padding-top:25px; margin-bottom:15px; color:#aaaaaa; font-size:70%; clear:both; width:100%; text-align:left;}
#footer hr					{color:#cccccc;}

#tooltip					{background-color:#f7f7f7; vertical-align:middle; border:1px solid #9d9d9d; font-size:90%; text-align:left; z-index:13000; position:absolute; width:200px; height:100px; padding:10px;}