@import url('reset.css');

/* General styles of the background and general style of formatting the default text */

body
{
    background:#F7F7F7;
    font-family: Verdana, Arial;
    font-size:12px;
    color:#6C6C6C;
	margin:0 auto;
	text-align: center;
}

/* Style for links */

a{color:#CC0000;}

/* Style for the h1, used for titles of most of the sections */

h1{
	font-family:"Myriad Pro";
	font-size:24px;
	color:#222;
	padding-bottom:8px;
    margin:0;
	font-weight:normal;
line-height:28px;
}

/* Style for links at mouse over action */

a:hover{
    color:#C90000;
    text-decoration:underline;
}
/* The wrapper of the content */
.wrapper {
	width:900px;
	margin:0 auto;
    text-align:left;
}

/* The actual content aligned at the center of the screen on the horizontal */

.content {
	width:900px;
	margin:0 auto 0 auto;
	float:left;
	text-align:left;
}
/* The feedback label from the left of the screen */
.feedback {
    width:32px;
    height:139px;
    text-align:center;
    line-height:112px;
    cursor:pointer;
	position:absolute;
	top:300px;
	left:0px;
}
/* The contact label from the right of the screen */
.feedback2 {
    width:32px;
    height:139px;
    text-align:center;
    line-height:112px;
    cursor:pointer;
	position:absolute;
	top:300px;
	right:0px;
}

.feedback img
{

    float:left;
}

.redtext {
	color:#C00;
}

.column {
	clear:both;
}
.row {
	float:left;
	width:296px;
	height:170px;
	padding-right:6px;
	padding-bottom:6px;
	
}

.row2 {
	float:left;
	width:296px;
	height:170px;
	
}














/* Wysi Systetm text styles */

.textonline {
	color:#0909D9;
}

.texteditor {
	color:#0099FF;
}

.textmailer {
	color:#63CA00;
}

.textclient {
	color:#FF0099;
}

.textdata {
	color:#953200;
}

.textshop {
	color:#F60;
}

.textreports {
	
	color:#48B1C4;
}

.textsolutions {
	color:#C00;
	
}

.textservices {
	color:#8b23f3;
}







/* Wysi Systetm text styles */

.h1_banner {
font-size:36px;
}

.h1_banner_white  {
font-size:36px;
color:#fff;
}

.h1_banner_red  {
font-size:36px;
color:#CC0000;
}

.h1_bannersub {
font-size:14px;
color:#222;
padding-top:10px;
}

.h1_bannersub_white {
font-size:14px;
color:#fff;
padding-top:14px;
}

.h1_bannersub_red {
font-size:14px;
color:#CC0000;
padding-top:10px;
}

.h1_bannersub_purple {
font-size:14px;
color:#60C;
padding-top:10px;
}

.h1_white {
font-size:24px;
color:#fff;
}

.h1_red {
font-size:24px;
color:#CC0000;
}

.h1_purple {
font-size:24px;
color:#60C;
}

.h1_14px {
font-size:14px;
color:#222;
}

.h1_14px_white {
font-size:14px;
color:#fff;
}

.h1_14px_red {
font-size:14px;
color:#CC0000;
}

.h1_14px_purple {
font-size:14px;
color:#60C;
}

.h1_18px {
font-size:18px;
color:#222;
line-height:18px;
}

.h1_18px_white {
font-size:18px;
color:#fff;
}

.h1_18px_red {
font-size:18px;
color:#CC0000;
}

.h1_18px_purple {
font-size:18px;
color:#60C;
}






/* Header Section*/

#header {
    float:left;
    width:960px;
    margin-top:15px;
}

.header-logo {
    float:left;
	margin-top:15px;
	padding-bottom:3px;
}

.header-phoneno2 {
    float:right;
	margin-top:2px;
	padding-bottom:3px;
}

.header-menu
{
    float:left;
    width:900px;
	margin-bottom:5px;
}

.above-links ul {
    float:right;
	margin-top:0px;
	display:inline;
	clear:right;
}
.above-links ul li {
    float:left;
    border-right:1px solid #D3D3D3;
	font:Verdana, Geneva, sans-serif;
    font-size:11px;
    padding:0 5px;
	display:inline;
}
.above-links ul li.last {

    border-right:none;
	padding-right:0px;
}
.above-links ul li a {
    float:left;
}
.above-links ul li a:hover, above-links ul li a.selected {
    color:#C90000;
}


















/* Banner section */

#bannerbig {
	position:relative;
	width:900px;
	height:302px;
	float:left;
	background:url(/images/wysi_banner_large_blank.png) no-repeat;
	margin-bottom:6px;
}


#bannerbigtitle {
	position:relative;
	left:12px;
	top:6px;
	width:450px;
	height:30px;
	clear:both;
	font-size:24px;
	color:#C00;
}

#bannerbigsubtitle {
	position:relative;
	width:450px;
	height:20px;
	float:left;
	left:12px;
	top:6px;
	font-size:18px;
	color:#666;
}

#bannerbigimage {
	position:absolute;
	top:6px;
	right:4px;
	width:400px;
	height:290px;
	font-size:24px;
	color:#C00;
	float:right;
}

#bannerbigbuttons {
	position:absolute;
	bottom:6px;
	left:12px;
	width:450px;
	height:26px;
	font-size:24px;
	color:#C00;
}

#bannersmall {
	position:relative;
	width:900px;
	height:100px;
	float:left;
	background:url(http://wysi.co.uk/business-websites/images/wysi_banner_small_blank.png) no-repeat;
	margin-bottom:6px;
}

#bannersmall_red {
	position:relative;
	width:900px;
	height:100px;
	float:left;
	background:url(http://wysi.co.uk/business-websites/images/wysi_banner_small_blank_red.png) no-repeat;
	margin-bottom:6px;
}

#bannersmall_purple {
	position:relative;
	width:900px;
	height:100px;
	float:left;
	background:url(http://wysi.co.uk/business-websites/images/wysi_banner_small_blank_purple.png) no-repeat;
	margin-bottom:6px;
}

#bannersmalltitle {
	position:relative;
font-family: "MyriadPro";
	left:28px;
	top:24px;
	width:650px;
	height:30px;
float:left;
	clear:both;
	font-size:24px;
	color:#C00;
}

#bannersmallsubtitle {
	position:relative;
font-family:arial;
	width:650px;
	height:20px;
	float:left;
	left:28px;
	top:28px;
	font-size:18px;
	color:#666;
}

#bannersmallimage {
	position:absolute;
	top:6px;
	right:4px;
	width:400px;
	height:95px;
	font-size:24px;
	color:#C00;
	float:right;
}

#bannersmallbuttons {
	position:absolute;
	bottom:6px;
	left:12px;
	width:450px;
	height:26px;
	font-size:24px;
	color:#C00;
}
















/* Content section */

.center-content
{
    float:left;
    width:904px;
	padding-top:2px;
}
	
.printpage {
position:absolute;
right:10px;
top:10px;
}

#whiteboxtop {
background:url(http://wysi.co.uk/images/wysi_banner_top_blank.jpg) no-repeat;
height:6px;
width:901px;
padding-left:5px;
padding-right:5px;
}

#whiteboxmiddle {
background:url(http://wysi.co.uk/images/wysi_banner_middle_blank.jpg) repeat-y;
width:901px;
padding-left:5px;
padding-right:5px;
height:100%;
}

#whiteboxbottom {
background:url(http://wysi.co.uk/images/wysi_banner_bottom_blank.jpg) no-repeat;
height:6px;
padding-left:5px;
padding-right:5px;
width:901px;
}	

#featuredcontent {
position:relative;
width:524px;
height:74px;
float:left;
left:5px;
padding-top:8px;
padding-bottom:8px;
}

#thumbleft {
position:relative;
width:124px;
height:74px;
float:left;
}

#textright {
position:relative;
width:400px;
height:74px;
float:left;
left:11px;
}

#newsticker{
padding-top:5px;
padding-bottom:5px;
}

#bw-maintext {
	position:relative;
	width:691px;
	float:left;
	margin-bottom:6px;
}

#bw-maintexttop {
	float:left;
	position:relative;
	width:691px;
	height:16px;
	clear:both;
	background:url(http://wysi.co.uk/images/wysi_maintext_top2.png) no-repeat;
}

#bw-maintexttitle {
	position:relative;
font-family: 'MyriadProBold', 'MyriadPro', Verdana, Arial;
	width:300px;
	height:20px;
	float:left;
	left:12px;
	top:6px;
	font-size:16px;
/*	color:#C00;  */
}

#maintextsubtitle {
	position:relative;
	font-family: 'MyriadProRegular', 'MyriadPro', Verdana, Arial;
	width:300px;
	height:20px;
	float:left;
	left:12px;
	top:6px;
	font-size:14px;
	color:#666;
	clear:both;
}

#bw-maintextmiddle {
	position:relative;
	width:691px;
	float:left;
	clear:both;
	background:url(http://wysi.co.uk/images/wysi_maintext_middle.png) repeat-y;
padding-left:14px;
padding-right:10px;
}

#bw-maintextcontent {
	position:relative;
	width:644px;
	float:left;
	left:12px;
	min-height:200px;
	padding-top:10px;
	padding-bottom:14px;
	color:#666;
	clear:both;
	line-height:18px;
}

#maintextcontent2 {
	position:relative;
	width:650px;
	float:left;
	left:22px;
	min-height:200px;
	padding-bottom:10px;
	color:#666;
	clear:both;
}

#maintextbottom {
	position:relative;
	width:691px;
	height:9px;
	clear:both;
	background:url(http://wysi.co.uk/images/wysi_maintext_bottom_small.jpg) no-repeat;
}

#maintextfooterleft {
	position:relative;
	width:30px;
	float:left;
	left:12px;
	top:12px;
}

#maintextfootermiddle {
	position:relative;
	width:30px;
	float:left;
	left:300px;
	top:12px;
	
}

#maintextfooterright{
	position:relative;
	width:25px;
	float:right;
	right:12px;
	top:12px;
}




/* Full width */

#bw-maintext-fw {
	position:relative;
	width:900px;
	float:left;
	margin-bottom:6px;
}

#bw-maintexttop-fw {
	float:left;
	position:relative;
	width:900px;
	height:16px;
	clear:both;
	background:url(http://wysi.co.uk/business-websites/images/wysi_maintext_top2_fullwidth.png) no-repeat;
}

#bw-maintexttitle-fw {
	position:relative;
font-family: 'MyriadProBold', 'MyriadPro', Verdana, Arial;
	width:300px;
	height:20px;
	float:left;
	left:12px;
	top:6px;
	font-size:16px;
/*	color:#C00;  */
}

#maintextsubtitle-fw {
	position:relative;
	font-family: 'MyriadProRegular', 'MyriadPro', Verdana, Arial;
	width:300px;
	height:20px;
	float:left;
	left:12px;
	top:6px;
	font-size:14px;
	color:#666;
	clear:both;
}

#bw-maintextmiddle-fw {
	position:relative;
	width:900px;
	float:left;
	clear:both;
	background:url(http://wysi.co.uk/business-websites/images/wysi_maintext_middle_fullwidth.png) repeat-y;
padding-left:14px;
padding-right:10px;
}

#bw-maintextcontent-fw {
	position:relative;
	width:644px;
	float:left;
	left:12px;
	min-height:200px;
	padding-top:10px;
	padding-bottom:14px;
	color:#666;
	clear:both;
	line-height:18px;
}

#maintextcontent2-fw {
	position:relative;
	width:870px;
	float:left;
	left:22px;
	min-height:200px;
	padding-bottom:10px;
	color:#666;
	clear:both;
}

#maintextbottom-fw {
	position:relative;
	width:900px;
	height:9px;
padding-bottom:10px;
	clear:both;
	background:url(http://wysi.co.uk/business-websites/images/wysi_maintext_bottom_fullwidth.png) no-repeat;
}
	
	
	
	
	
	
	
	
	
	
	
	
	
/* RHS Module Section*/	

#moduleright {
	position:relative;
	width:196px;
	float:right;
	margin-bottom:6px;
	margin-left:0px;

}

#moduletop {
	float:left;
	position:relative;
	width:196px;
	height:40px;
	clear:both;
	background:url(/images/wysi_module_top.png) no-repeat;
}

#moduletitle {
	position:relative;
font-family: 'MyriadProRegular', 'MyriadPro', Verdana, Arial;
	width:180px;
	height:20px;
	float:left;
	left:12px;
	top:6px;
	font-size:16px;
	color:#C00;
}

#modulesubtitle {
	position:relative;
font-family: 'MyriadProRegular', 'MyriadPro', Verdana, Arial;
	width:180px;
	height:24px;
	float:left;
	left:12px;
	top:6px;
	font-size:12px;
	color:#666;
	clear:both;
}

#modulemiddle {
	position:relative;
	width:196px;
padding-bottom:10px;
	float:left;
	clear:both;
	background:url(/images/wysi_module_middle.png) repeat-y;
}

#modulecontent {
	position:relative;
	width:180px;
	float:left;
	left:12px;
	top:6px;
	font-size:11px;
	color:#333;
	clear:both;
}

#modulebottom {
	position:relative;
	width:196px;
	height:10px;
	clear:both;
	background:url(/images/wysi_module_bottom.png) no-repeat;
}

#modulefooterleft {
	position:relative;
	width:30px;
	float:left;
	left:12px;
	top:12px;
}

#moduleright2 {
	position:relative;
	width:202px;
	float:right;
	margin-bottom:6px;
	margin-left:6px;
right:3px;
}

#moduletop2 {
	float:right;
	position:relative;
	width:202px;
	height:4px;
	clear:both;
	background:url(http://wysi.co.uk/business-websites/images/wysi_module_top2.png) no-repeat;
}

#moduletitle2 {
	position:relative;
font-family: 'MyriadProRegular', 'MyriadPro', Verdana, Arial;
	width:180px;
	height:4px;
	float:left;
	left:12px;
	top:6px;
	font-size:16px;
	color:#C00;
}

#modulesubtitle2 {
	position:relative;
font-family: 'MyriadProRegular', 'MyriadPro', Verdana, Arial;
	width:180px;
	height:4px;
	float:left;
	left:12px;
	top:6px;
	font-size:12px;
	color:#666;
	clear:both;
}

#modulemiddle2 {
	position:relative;
	width:202px;
padding-bottom:0px;
	float:right;
	clear:both;
	background:url(http://wysi.co.uk/business-websites/images/wysi_module_middle2.png) repeat-y;
}

#modulecontent2 {
	position:relative;
	width:188px;
	float:right;
	right:6px;
	top:6px;
	font-size:11px;
	color:#333;
	clear:both;
}

#modulebottom2 {
	position:relative;
	width:202px;
	height:10px;
	clear:both;
	background:url(http://wysi.co.uk/business-websites/images/wysi_module_bottom2.png) no-repeat;
}

#modulefooterleft2 {
	position:relative;
	width:30px;
	float:left;
	left:12px;
	top:12px;
}

.modulerightpadding {
padding-bottom:5px;
padding-right:1px;
float:right;
}

#module-home-form {
padding:10px;
}

input#emailaddress2, input#FirstName2, input#LastName2, input#HomePhone2, input#message2 {
width:180px;
}


















/************* blog / forum specific styles *************/
.forumheader{
	width:665px;
    margin-top:15px;
}

#maintextcontentforum {
	position:relative;
	width:665px;
	float:left;
	left:12px;
	min-height:200px;
	padding-bottom:10px;
	color:#666;
	clear:both;
}

.forumcontent{
width:665px;
}

table.topic-list a{
color:#C90000;
}

table.topic-list a:hover{
    color:#6C6C6C;
    text-decoration:underline;
}

.blogtaglist li a:hover{
color: #000;
}

.blogtaglist li a:active{
color: #C90000;
}

.blogtaglist li a:selected{
color: #C90000;
}


















/* Footer Section */

.footer-wrapper
{
    float:left;
    margin:0 auto;
    display:block;
    width:100%;
}

.footer-left {
	float:left;
}
.footer-right {
	float:right;
}





/* Copyright Section */

div.copyright
{
    float:left;
    display:block;
    width:100%;
    margin:3px auto 0 auto;
    background:url(../images/footer-copyright-separator.jpg) repeat-x top;
    padding:3px 0 6px 0;
	font-size:8pt;
}
div.copyright p
{
    width:900px;
    margin:0 auto;
}
div.copyright span
{
	color:#C00;
}
div.copyright a
{
    float:right;
    display:block;
    padding:0 0px 0 0;
}

.clear { clear:both;}
.clear-left
{
    clear:left;
}
.clear-right
{
    clear:right;
}
.right-holder-content .right
{
    float:right;
}
.right
{
    float:right;
}
.middle
{
    margin:0 0px 0 0px;  
}