/*------ Stylesheet for WINTECH COMPUTERS
http://www.wintechcomputers.com/

created 15 Jan 10 by Isabelle Jackson
http://www.isabellejackson.co.uk -----------*/

/*
======================================================
colour scheme:

MID BLUE (headings): #085B96
VERY LIGHT BLUE (table alternate background):#F5FBFF
LIGHT SILVER: #ececec 
silver: #ccc
PINK (for hover): #CC66CC
GREYBLUE (visited links): #7F93A2;
======================================================
*/

html {width:100%;font-size:101%;}
body {
	background-color: #ececec;
	color: #444444;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 85%;
	margin: auto; padding: 0;
}

/*------------------- page layout divs---------------*/

#wrapper {background-color: #ffffff; width: 970px; padding: 0; margin: 10px auto; border: 1px solid silver;}


#header {height: 100px; width: 970px; background-color: #ffffff; color: White; margin: 0; padding: 0;}

#sideImage {width: 140px; float: left;}

#footer {width: 100%; margin: 0; padding: 0; color: #444444; height: 30px; background-color: #ffffff}

#textColA {float: left; width:520px; padding: 0; margin: 0; font-size: 1em; background-color: #ffffff}

#textColB {float: left; width: 305px; padding: 0; margin: 0; background-color: #ffffff}

#portfolio {width: 90%; margin: auto; padding: 0;}
#portfolio div.halfPage {float: left; padding: 10px; width: 45%;}
#portfolio img {border: 1px solid #cccccc; margin: 5px 6px 5px 0; float: left;}
#portfolio a {text-decoration: none;}
#portfolio p {padding-bottom: 8px; line-height: 1.4em; font-size: .9em;}

/*========= 

BUTTON NAVIGATION ON HOME PAGE - SEE SEPARATE STYLE SHEET buttonNav.css 

=======*/

/*========= 

BUTTON NAVIGATION ON ALL OTHER PAGES - SEE SEPARATE STYLE SHEET mainNav.css 

=======*/
#topMenu {margin:0; padding: 0; width: 820px; float: left; height: 53px;}
/*============== footerNav ========================*/

#footerNav {float: right; width: 75%; padding: 0; margin:0; font-size: .9em;}
#footerNav ul.bottom {float: right; padding: 0; margin: 0;}
#footerNav ul.bottom li {float: left; padding:0; margin: 0;  border-left: 1px dotted silver; list-style: none;}
#footerNav ul.bottom li a, 
#footerNav ul.bottom li a:link, 
#footerNav ul.bottom li a:active,
#footerNav ul.bottom li a:visited {float: left; padding: 8px 10px; margin: 0; font-weight: lighter; color: #696969;}	
#footerNav ul.bottom li a:hover {float: left; padding: 8px 10px; margin: 0; color: red; font-weight: lighter;}


/* -------- others------------------------------------*/

hr {color: #ececec; height: 1px;}

hr.divider {color:#ececec; height: 1px; width: 25%; margin: auto;}

.floatLeft {float: left; padding-right: 2px;}

.floatRight {float: right; padding-left: 2px;}

.clear {clear: both;}

img {border: none;}

a, a:link, a:active {color: #085B96;}
a:visited {color: #7F93A2;}
a:hover {color: #CC66CC;}

.topOfPage {text-align: right; clear: both; font-variant: small-caps; font-size: .9em;}

.topOfPage a {
	text-decoration: none; font-weight: bolder;
}

/* =================== Headings ======================*/

h1 {padding: 0; margin: 0; color: blue;} 

h2 {padding: 10px 20px; color: #1468AF;}

h3 {padding: 10px 20px; color: inherit;}

h4 {padding: 10px 20px; color: #1468AF;}


/*=================== Paragraphs =================*/

p {padding: 8px 20px; margin: 0; line-height: 1.6em;}

.textFooter {float: left; font-size: .9em; color: #696969; padding: 8px;}

.rightComment {float: left; margin: 10px; border-left: 1px solid #ececec; color: #696969; font-size: .8em; width: 240px;}

.comment {font-size: .8em; font-style: italic;}

.darkBG {background-color:#ececec; color: #085B96; margin: 15px; padding: 6px 10px; line-height: 1.6em;}

/*===================== Lists ======================*/

.noBullet {list-style: none; margin-left:0; padding: 20px; line-height: 1.6em;}

.bulletList {list-style: circle; margin-left: 60px; padding: 10px; line-height: 1.6em;}

.subList {margin-left: 40px; list-style: none; padding: 20px 0;}
.subList a {text-decoration: none;}

ol {line-height: 1.6em;}

/*--------------------- Tables to display prices -------*/

.tablePrice {padding: 5px; border-bottom: 1px solid silver; border-top: 1px solid silver; margin: 0 10px 60px 20px; text-align: left; font-size: .9em; line-height: 1.6em; width: 75%;}

th {text-align: left;}
.bgTable {background-color: #F5FBFF;}