/* Main style sheet for The Computer Shop */
/* URL: www.tcssupport.co.uk */
/* Created: 07-07-2009 */
/* Last edited: 22-07-2009 */

/* page structure and styling */

	html, body {
		height:95%;
		background-color: #C1C1C1;
		padding: 0px;
		margin: 0px;
	}

	#centeredcontent {
		width: 960px;
		height: 95%;
		position: absolute;
		left: 50%;
		margin: 0px;
		margin-left: -485px; 
		margin-top: 20px;
		border: 0px; 
		padding: 0px;
		background-color: #C1C1C1;
		display: block;
		z-index: 1;
		padding: 0px;
	}
	
	/* head section */
	
	#headWrapper {
		width: 960px;
		height: 135px;
		position: absolute;
		display: block;
		margin-top: 0px;
		margin-left: 0px;
		background-color: #FFFFFF;
		padding: 0px;
	}
	
	#headWrapper #headLogo {
		width: 357px;
		height: 70px;
		position: absolute;
		display: block;
		margin-left: 14px;
		margin-top: 22px;
		background-image: url(images/tcs_support_logo.jpg);
		background-repeat: no-repeat;
		background-position: left top;
	}
	
	#headWrapper #headLogo h1, h2 {
		display: none;
	}
	
	#headWrapper #dateBox {
		width: 180px;
		height: 25px;
		margin-top: 30px;
		margin-left: 741px;
		position: absolute;
		display: block;
		font-family: Arial, Helvetica, sans-serif; 
		font-size: 12px; 
		color: #000000; 
		text-decoration: none;
		text-align: right;
		line-height: 25px;
	}

	#headWrapper #pageTop {
		width: 960px;
		height: 15px;
		position: absolute;
		display: block;
		margin-top: 0px;
		margin-left: 0px;
		background-color: #FFFFFF;
	}
	
	#headWrapper #headMenu {
		width: 400px;
		height: 25px;
		position: absolute;
		display: block;
		margin-left: 521px;
		margin-top: 109px;
		text-align: right;
		line-height: 25px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		
	}
	
	#headWrapper #headMenu em {
		font-style: normal;
		text-decoration: underline;
	}
	
	#headWrapper #headMenu a {
		padding-left: 40px;
		text-decoration: none;
		color: #000000;
	}
	
	#headWrapper #headMenu a:hover {
		color: #FF8915;
		text-decoration: underline; 
	}
	
	/* content styles */
	
	#contentWrapper {
		width: 960px;
		height: auto;
		min-height: 786px;
		position: absolute;
		display: block;
		margin: 0px;
		margin-top: 135px;
		margin-left: 0px;
		padding: 0px;
		background-color: #FFFFFF;
	}
	
	#contentWrapper #bannerLine {
		width: 960px;
		height: 1px;
		position: relative;
		display: block;
		margin-top: 0px;
		left: 0px;
		background-image: url(images/top_line.gif);
		background-repeat: no-repeat;
		background-position: left top;
		background-color: #FF8915;
		float: left;
		overflow: hidden;
	}
	
	#contentWrapper #banner {
		width: 960px;
		height: 275px;
		position: relative;
		display: block;
		margin-top: 3px;
		left: 0px;
		background-color: #FF8915;
		background-image: url(images/tcs_banner.jpg);
		background-repeat: no-repeat;
		background-position: left top;
		clear: both;
	}
	
	#contentWrapper #bannerReflect {
		width: 960px;
		height: 53px;
		position: relative;
		display: block;
		margin-top: 0px;
		left: 0px;
		background-image: url(images/tcs_banner_reflect.jpg);
		background-repeat: no-repeat;
		background-position: left top;
	}
	
	#contentWrapper #banner h1 {
		position: absolute;
		display: block;
		color: #FFFFFF;
		margin-left: 40px;
		margin-top: 185px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 28px;
	}
	
	#contentWrapper #banner h2 {
		position: absolute;
		display: block;
		color: #FFFFFF;
		margin-left: 40px;
		margin-top: 120px;
		padding: 0px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 20px;
		line-height: 32px;
	}
	
	#contentWrapper #textWrapper {
		width: 567px;
		height: auto;
		position: relative;
		display: block;
		padding: 0px;
		margin: 0px;
		margin-top: 0px;
		margin-left: 41px;
		float: left;
		padding-bottom: 45px;
	}
	
	#contentWrapper #textWrapperAdmin {
		width: 850px;
		height: auto;
		position: relative;
		display: block;
		padding: 0px;
		margin: 0px;
		margin-top: 0px;
		margin-left: 41px;
		float: left;
		padding-bottom: 45px;
	}
	
	#adminMenu {
		width: 185px;
		height: 24px;
		position: absolute;
		display: block;
		right: 35px;
		margin-top: -45px;
		font-family: Arial, Helvetica, sans-serif; 
		font-size: 12px; 
		color: #000000;
		text-align: right;
		z-index: 25;
	}
	
	#contentWrapper #textWrapper h1 {
		position: relative;
		display: block;
		margin-left: 0px;
		margin-top: 0px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 18px;
		color: #FF4B2C;
	}
	
	#contentWrapper #textWrapper h2 {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 16px;
		color: #FF4B2C;
		display: block;
		font-weight: bold;
	}
	#contentWrapper #textWrapper h3 {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 15px;
		color: #FF4B2C;
		display: block;
		font-weight: bold;
	}
	#contentWrapper #textWrapper h4 {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		color: #FF4B2C;
		font-weight: bold;
		display: block;
	}
	#contentWrapper #textWrapper h5 {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 13px;
		color: #FF4B2C;
	}
	#contentWrapper #textWrapper h6 {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #FF4B2C;
		display: block;
		font-weight: bold;
	}
	
	#contentWrapper #textWrapper .texthr {
		width: 567px;
		height: 1px;
		text-align: center;
  		background: #FF4B2C url(images/hr.gif) no-repeat scroll center;
		margin-bottom: 5px;
	}
	
	#contentWrapper #textWrapper .texthr hr {
  		display: none;
	}
	
	#contentWrapper #textWrapper p {
		margin-left: 28px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #333333;
		text-align: justify;
		line-height: 18px;
	}
	
	#contentWrapper #textWrapper ul {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #333333;
		line-height: 18px;
		list-style-type: circle;
	}
	
	#contentWrapper #textWrapper ul li {
		list-style-type: circle;
	}
	
	.leftText {
		width: 265px;
		height: 25px;
		position: relative;
		display: block;
		margin-left: 28px;
		text-align: left;
		font-family: Arial, Helvetica, sans-serif; 
		font-size: 11px; 
		color: #9A9A9A;
		float: left;
		padding-bottom: 15px;
	}
	
	.rightText {
		width: 265px;
		height: 25px;
		position: relative;
		display: block;
		/*margin-left: 287px;*/
		text-align: right;
		font-family: Arial, Helvetica, sans-serif; 
		font-size: 11px; 
		color: #000000;
		float: right;
		padding-bottom: 15px;
	}
	
	.rightText a {
		color: #000000;
		text-decoration: underline;
	}
	.rightText a:hover {
		color: #FF4B2C;
		text-decoration: underline;
	}
	
	.article {
		position: relative;
		display: block;
		top: 10px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #333333;
		text-align: justify;
		line-height: 18px;
	}
	
	.article h3 {
		font-family: Arial, Helvetica, sans-serif;
		color: #FF4B2C;
		font-size: 14px;
		font-weight: bold;
	}
	
	.article h3 a {
		color: #FF4B2C;
		text-decoration: none;
	}
	
	.article h3 a:visited {
		color: #FF4B2C;
		text-decoration: none;
	}
	
	.article h3 a:hover {
		color: #000000;
		text-decoration: underline;
	}
	
	.article ul {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #333333;
		line-height: 30px;
	}
	
	.article p {
		margin-left: 28px;
		/*font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #333333;
		text-align: justify;
		line-height: 30px;*/
	}
	
	a:link {
		color: #000000;
		text-decoration: underline;
	}

	a:visited {
		color: #000000;
		text-decoration: underline;
	}

	a:hover {
		color: #FF4B2C;
		text-decoration: underline;
	}
	
	#contentWrapper #sideWrapper {
		width: 264px;
		height: 900px;
		position: relative;
		display: block;
		margin-top: 0px;
		margin-right: 41px;
		float: right;
		text-align: right;
	}
	
	#contentWrapper #sideWrapper h1 {
		position: relative;
		display: block;
		margin-top: 0px;
		margin-bottom: -10px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 18px;
		color: #182664;
	}
	#contentWrapper #sideWrapper h2 {
		position: relative;
		display: block;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 24px;
		color: #FF4B2C;
		margin-bottom: 30px;
	}
	
	#contentWrapper #sideWrapper p {
		width: 264px;
		height: 182px;
		margin-left: 20px;
		margin-top: 40px;
		color:#000000;
		font-family:Arial,Helvetica,sans-serif;
		font-size:12px;
		line-height:30px;
		text-align: right;
	}
	
	#contentWrapper #sideWrapper a {
		color: #FF4B2C;
		text-decoration: none;
	}
	#contentWrapper #sideWrapper a:hover {
		color: #FF4B2C;
		text-decoration: underline;
	}
	
	/* end of content section */
	/* footer section */
	
	#footerWrapper {
		width: 960px;
		height: 60px;
		position: absolute;
		display: block;
		left: 0px;
		bottom: -60px;
	}
	
	#baseMenu {
		width: 880px;
		height: 25px;
		position: absolute;
		display: block;
		left: 41px;
		top: -30px;
		font-family: Arial, Helvetica, sans-serif;
		font-size:11px;
		padding: 0px;
	}
	
	#baseMenu ul {
		width: 880px;
		height: 25px;
		margin-top: 0px;
		margin-left: 0px;
		padding: 0px;
		list-style-type:none;
		position: relative;
	}
	
	#baseMenu li {
		list-style-type:none;
		height: 25px;
		line-height: 25px;
		position: relative;
		display: inline;
		float: left;
		margin: 0;
		border: 0;
		padding: 0;
	}
	
	#baseMenu strong {
		color: #FF4B2C;
	}
	
	#baseMenu a {
		color: #000000;
		text-decoration: none;
	}
	
	#baseMenu a:hover {
		color: #FF4B2C;
		text-decoration: underline;
	}
	
	.spacer {
		width: 120px;
	}
	
	.hide {
		display: none;
	}
	
	#footerWrapper #burnbank {
		width: 910px;
		height: 25px;
		position: absolute;
		display: block;
		margin-left: 0px;
		margin-top: 10px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		color: #000000;
		text-align: right;
	}
	
	#footerWrapper #burnbank a {
		color: #000000;
		text-decoration: none;
	}
	#footerWrapper #burnbank a:hover {
		color: #FF4B2C;
		text-decoration: underline;
	}
	
	/* general styles */
	
	.tcsHead {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 13px;
		color: #FF4B2C;
		margin-top: 5px;
		margin-bottom: 5px;
		display: block;
		font-weight: bold;
	}
	
	.tcsTextBox {
		border-style: solid;
		border-width: 1px;
		border-color: #FF4B2C;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		color: #000000;
		margin-left: 10px;
		margin-top: 5px;
		margin-bottom: 5px;
		background-color: #FFFFFF;
	}
	
	.tcsTbl {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #000000;
	}
	
	/* end of general styles */

	/* accessibility styles */
	#accessBox {
		width: 180px;
		height: 25px;
		margin-top: 60px;
		margin-left: 741px;
		position: absolute;
		display: block;
		font-family: Arial, Helvetica, sans-serif; 
		font-size: 12px; 
		color: #000000; 
		text-decoration: none;
		text-align: right;
		line-height: 25px;
		z-index: 999;
	}
	
	#accessBox a:link {
		color: #000000;
		text-decoration: none;
	}
	
	#accessBox a:visited {
		color: #000000;
		text-decoration: none;
	}
	
	#accessBox a:hover {
		color: #FF8915;
		text-decoration: underline;
	}
	
	#accessFull {
		width: 120px;
		height: auto;
		margin-top: 90px;
		margin-left: 800px;
		background-color: #FFFFFF;
		display: none;
		position: absolute;
		z-index: 100;
		border: 1px;
		border-style: solid;
		border-color: #FF8915;
	}
	
	#accessFull ul {
		padding:0;
		margin:0;
		list-style-type:none;
	}
	
	#accessFull li {
		float:left;
		position:relative;
	}
	
	#accessFull p {
		font-family: Arial, Helvetica, sans-serif; 
		font-size: 12px; 
		color: #000000; 
		text-decoration: none;
		text-indent: 5px;
		padding: 0px;
		margin: 3px;
		clear: both;
	}
	
	a.closeLink:link {
		color: #000000;
		text-decoration: none;
	}
	
	a.closeLink:visited {
		color: #000000;
		text-decoration: none;
	}
	
	a.closeLink:hover {
		color: #EA99A2;
		text-decoration: underline;
	}
	
	.font12 {
		font-size: 12px;
	}
	.font14 {
		font-size: 14px;
	}
	.font18 {
		font-size: 18px;
	}
	
	.fontNormal {
		width: 25px;
		height: 25px;
		display: block;
		background-color: #FFFFFF;
		border: 1px;
		border-style: solid;
		border-color: #000000;
		line-height: 25px;
		text-align: center;
		font-family: Times, serif;  
		color: #000000; 
		margin: 5px;
		text-decoration: none;
	}
	
	.fontLarge {
		width: 25px;
		height: 25px;
		display: block;
		background-color: #FFFFFF;
		border: 1px;
		border-style: solid;
		border-color: #000000;
		line-height: 25px;
		text-align: center;
		font-family: Times, serif;  
		color: #000000; 
		margin: 5px;
		text-decoration: none;
	}
	
	.fontXLarge {
		width: 25px;
		height: 25px;
		display: block;
		background-color: #FFFFFF;
		border: 1px;
		border-style: solid;
		border-color: #000000;
		line-height: 25px;
		text-align: center;
		font-family: Times, serif; 
		color: #000000; 
		margin: 5px;
		text-decoration: none;
	}
	
	.conNormal {
		width: 25px;
		height: 25px;
		display: block;
		background-color: #FFFFFF;
		border: 1px;
		border-style: solid;
		border-color: #000000;
		line-height: 25px;
		text-align: center;
		font-family: Times, serif;  
		color: #000000; 
		margin: 5px;
		text-decoration: none;
	}
	
	.conHigh {
		width: 25px;
		height: 25px;
		display: block;
		background-color: #000000;
		border: 1px;
		border-style: solid;
		border-color: #FFFF00;
		line-height: 25px;
		text-align: center;
		font-family: Times, serif; 
		color: #FFFF00; 
		margin: 5px;
		text-decoration: none;
	}
	
	a.conHigh:link {
		color: #FFFF00;
	}
	
	a.conHigh:visited {
		color: #FFFF00;
	}
	
	.yellowHiCon {
		color: #FFFF00;
	}
	
	.conCream {
		width: 25px;
		height: 25px;
		display: block;
		background-color: #FFF9D2;
		border: 1px;
		border-style: solid;
		border-color: #010066;
		line-height: 25px;
		text-align: center;
		font-family: Times, serif;  
		color: #010066; 
		margin: 5px;
		text-decoration: none;
	}
	
	.conBlue {
		width: 25px;
		height: 25px;
		display: block;
		background-color: #EFF8FB;
		border: 1px;
		border-style: solid;
		border-color: #010066;
		line-height: 25px;
		text-align: center;
		font-family: Times, serif;  
		color: #010066; 
		margin: 5px;
		text-decoration: none;
	}