/*

   PURPOSE:		Form, Style Sheet
   AUTHOR:  	Steve Elson for Signature Image Consultants - Online Marketing Services 2009 - http://www.signature.gb.com
   WEBSITE:		http://www.easypc4all.co.uk/
   VERSION: 	Version: 1.00(12th August 2009)
   CHANGES:     SE	12/08/2009	Initial development       	

*/
 
/********************************************
   HTML ELEMENTS
********************************************/ 

/*reset*/
/*//////////////////////////IMPORTANT! DO NOT TOUCH*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
body{line-height:1; text-align:left;}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
:focus{outline:0}
ins{text-decoration:none}
del{text-decoration:line-through}
table{border-collapse:collapse;border-spacing:0}
/*///////////////////////////////////////////////////


/*Global Styling*/
blockquote {padding: 5px; margin: 20px 0px 15px 0px; font-size: 1em; font-style:italic; color: #777; border: 1px solid #EBEBEB; background: #F5F5F5;}
body{ background:#fff; font:14px/140% Helvetica,Arial,'Liberation Sans',FreeSans,sans-serif; color:#333333;}
a:focus{outline:1px dotted invert}
hr{border:0 #ccc solid;border-top-width:1px;clear:both;height:0; }
h1{font-size:34px}h2{font-size:18px}h3{font: bold 1em/1.5em "Trebuchet MS", Tahoma, Arial, Sans-serif;}h4{font: 1em/1.5em "Trebuchet MS", Tahoma, Arial, Sans-serif;}h5{font: bold 34px "Trebuchet MS", Tahoma, Helvetica, Arial, Geneva, Sans-serif}h6{font-size:14px}
ol{list-style:decimal}
ul{list-style:square}
li{margin-left:30px}
p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset{margin-bottom:20px}
#skiplinks{display:none;}
strong{font-weight:bold;}
small{font-size:9px;}
.clearme{clear:both;}

/*h*/
h1						{color:#26237A; width:395px; line-height:33px; text-transform:uppercase; letter-spacing:-1px;}
h2						{color:#999999; width:395px;}
h3						{color:#E64C0E; font-size: 345%; font-weight: normal;}
h4 						{color:#26237A; font-size: 170%; padding: 5px; border-bottom: 1px solid #ebebeb;}
h5						{color:#26237A; width:465px; text-transform:uppercase; letter-spacing:-1px;}

/*links*/
a:link 					{color: #26237A; text-decoration:none;}
a:visited 				{color: #666666; text-decoration:none;}
a:hover 				{color: #E64C0E; text-decoration:none;}

/*colours
dark blue: 003668
light blue: 679ac9
light grey: ededed
*/


/*foundations*/

#container				{width:960px; margin:0 auto; /*background:#333;*/ }
#container2 			{width:960px; float:left;}

#logo					{width:220px; height:49px; float:left; background:url(http://www.easypc4all.co.uk/redux/images/design/logo.png) no-repeat; margin:10px 0;}
#logo a					{display:block; width:220px; height:49px;}
#logo span				{text-indent:-9999px; display:none;}

#search					{width:465px; height:49px; float:right;  margin:20px 5px;}

#menu					{width:940px; float:left; background:url(http://www.easypc4all.co.uk/redux/images/design/nav-bg.png) 0 0 repeat-x; height:23px; margin-bottom:10px; padding:5px 10px; color:#fff;}
#menu ul				{display:inline!important;}
#menu ul li				{list-style-type: none; border: none; margin:0; padding:10px 0; display:inline!important; font:bold 14px/140% "Trebuchet MS", Tahoma, Helvetica, Arial, Geneva, Sans-serif;}	
#menu ul li a			{/*float:left;*/ padding:16px 4px 0 5px; margin: 0; height:20px; color:#fff; font:12.5px normal 14px/140% Arial, Helvetica, sans-serif;}
#menu ul li a:hover		{color:#f4792a;}	
#menu ul li#current a	{color:#f4792a;}
.tel					{padding-left:15px!important; font-size:18px!important;}

#masthead				{width:960px; margin:0 auto; height:273px; float:left; padding:0px; margin-bottom:20px;}
#masthead img	{}
#sidebar		{width:240px; float:left; display: inline!important; margin-right:20px;}
#sidebar p		{font:12px/140% Arial,Verdana; color:#333333; margin-top:10px;}
#sidebar		{margin-bottom:0!important;}
.side-box		{margin-bottom:20px; background:url(http://www.easypc4all.co.uk/redux/images/design/footer-bg.gif) 0 0 repeat-x; padding:10px; border-top:1px solid #ccc ;}
.sidebar-header	{ width:200px; background:none; font-weight:normal; font-size:16px; text-transform:uppercase; color:#26237A;}
#article		{width:700px; float:left; display: inline!important; margin-bottom:40px;}
.cta			{width:220px; float:left; background:#f4792a; margin-bottom:40px;}
.mid			{margin:0 20px;}
.cta span		{padding:10px; font:normal 16px/140% Arial, Helvetica, sans-serif; color:#fff;}
#article-text	{width:700px; float:left; }


/*footer stuff*/
#footer-wrapper{width:920px; background:url(http://www.easypc4all.co.uk/redux/images/design/mast-bg.png) 0 0 repeat-x #fff; padding:20px; border-top:1px solid #ccc}
#links{width:960px; height:200px; margin:0 auto;}
.links-column{width:240px; height:160px; float:left; }
.links-column a{font-size:12px; color:#333333; line-height:18px; width:183px; padding:2px 0 2px 0; display:block;}
.links-column a:hover{color:#E64C0E;}
.links-column h3{font-size:14px; font-weight:normal; color:#26237A; padding-bottom:0px; margin-bottom:10px; text-transform:uppercase; letter-spacing:-1px;}
.links-column ul{list-style:none;}
.links-column li{margin-left:0; font-size:12px; color:#26237A;}

#footer					{height:50px; padding:20px 0; font:11px/160% Arial,Verdana; color:#999999;}
#footer a				{color:#999999;}
#footer a:hover			{color:#666666;}
#affiliates				{width:80%; height:118px; background:#fff;}

#request-form		{margin-top:10px;}
#request-form .textfield{width:210px; height:15px; padding:4px; margin:5px 0; background:#ccc; color:#000; font-size:12px;}
#request-form .textarea{width:210px; height:60px; padding:4px; margin:5px 0; background:#ccc; color:#000; font-size:12px;}
#request-form .button	{background:#f4792a; color:#fff; border:none; margin-top:5px; padding:4px 4px 6px 4px; width:60px; height:26px; font-size:12px; text-transform:uppercase;}
/*--Form --*/
form 				{margin:0; padding:0; text-align:left;}
fieldset 			{width:198px; margin:5px;}
fieldset p			{background:#e8e5de;}
fieldset dl 		{background:#e8e5de; padding:1px;}
fieldset dt 		{float:left; width:150px; padding:1px;}
fieldset dd 		{margin:0; padding:1px;}
label 				{font-weight:normal;}
legend 				{font-size:13px; color:#666666; background:#e8e5de; margin:2px; padding:5px; border:solid 1px #ccc; font-weight:bold;}
input, textarea 	{border:1px solid #ccc; color:#999999; font-size:11px; padding:4px;}
.formfield			{width:130px;}
.checkydt			{width:140px;}
.checkyinput		{border:none!important;}
.required			{color:#cc0000; font-weight:normal;}
.mybutton			{width:100px; height:30px; padding:5px 10px 10px 10px;}
.mybutton2			{font-weight:bold; height:30px; padding:5px 5px 10px 5px; margin: 5px; background:#ccc; color:#222;}
.dropmenu 			{font: normal 1.2em Verdana, sans-serif; padding: 4px solid #26237A; color: #000; width: 210px; height: 22px; color: #204768; vertical-align: top; background: #fff; font-size:12px;
}
.label 				{display:block; font-weight:normal; margin:0 0;}