/* CSS LAYOUT */

body
	{ margin: 0px; text-align: center; background: #CBD4D3 url("/img/bg.jpg") top left repeat-x fixed; }

#wrapper
	{ margin:0px auto; width:750px; text-align:left; background:#FFF url("/img/page-bg.gif") repeat-y; }

#header
	{ width:750px; height:68px; background:url("/img/top_bg.gif") top left; }

h4, h4 a
	{ float:left; background:url("/img/hardsoftcomputers.gif") top left; height:68px; width:273px; margin:0px; }

h2
	{ float:right; background:url("/img/contacts4.gif") top right; height:68px; width:205px; margin:0px; }

h2.desktops
	{ background-image:none; color:#660000; font-size:14px; height:18px; font-weight:bold; padding:10px 0 0 0; float:left; }

.blacktsubtitle
	{ color:black; font-size:1.2em; font-weight:bold; }

h1 span, h4 span, h2 span, #benefits span
	{ display:none; }

img
	{ display: block; border:0px;}

#righttab, #lefttab, #middletab
	{ float:left; background-color:#EFEFEF; border-left:solid 1px #CCC; border-right:solid 1px #CCC; border-top:solid 1px #CCC; padding:5px; margin-left:5px; text-align:center; }

#lefttab
	{ background-color:#FFFFFF; }

#a
	{ clear:both; display:block; border:solid 1px #CCC; padding:10px; margin:0px; }

#b
	{ clear:both; display:none; border:solid 1px #CCC; padding:10px; margin:0px; }

#c
	{ clear:both; display:none; border:solid 1px #CCC; padding:10px; margin:0px; }

#bar
	{ height:25px; width:750px; background:url("/img/news_bg.gif"); }
#scr1
	{ height:25px; }
#scr1 table tr td
	{ height:25px; margin: 0px; padding:0px 0px 0px 0px; text-align: right; }
#date
	{ float:left; line-height:25px; height:25px; width:186px; text-align:center; background:url("/img/date_bg.gif"); }

#news
	{ float:left; line-height:25px; height:25px; width:500px; text-indent:12px; }

#intro
	{ float:right; width:564px; height:150px; background:url("/img/intro/loading.jpg") no-repeat; background-color:#FFF; }

#content
	{ float:right; width:564px; background:#FFF; }

#body
	{ float:right; width:515px; background:#FFF; padding-right:20px; padding-top:20px; padding-bottom:40px; }

.gallery
	{ float:left; display:block; margin:0px 15px 0px 0px;}

.deal
	{ float:left; display:inline; margin:0px 0px 13px 13px; }

#main
	{ clear:both; margin:0px 0px 13px 13px; }

.warrenty {
float:left;
width:100%;
margin-bottom:10px;
}

#benefits
	{ width:536px; height:27px; background:url("/img/benefits.gif"); }

#checklist
	{ width:536px; height:150px; background-color:#EDEEEF; }

#bullets
	{ float:left; width:220px; height:110px; padding:10px 0px 0px 10px; }

#flexitext
	{ float:right; width:280px; height:110px; padding:10px 10px 0px 0px; }

#nav
	{ float:left; }

#list, #list2
	{ width:186px; margin:0px; padding:0px; list-style-type:none; }

#menu
	{ width:186px; background:#D8DDE0; margin-top:10px; }

#footer
	{ clear:both; height:45px; width:740px; padding:0px 0px 0px 10px; line-height:20px; background:url("/img/footer2.gif"); text-align:center; }

.left
	{ float:left; text-indent:15px; }

.right
	{ float:right; padding-right:15px; }

#fixed
	{ float:right; background-color:#EFEFEF; border:solid 1px #ccc; padding:5px; text-align:right; width:auto; }


	
/* CSS FONTS */
body, input, textarea, select
	{ font-size:11px; font-family:tahoma, verdana, geneva, arial, helvetica, sans-serif; color:#000; }

.date
	{ font-size:10px; color:#6A6D6E; }

h1
	{ font-size:17px; margin:auto; color:#660000; }

h3
	{ font-size:17px; margin:auto; color:#660000; }

.red
	{ color:#660000; font-weight:bold; }

.alert
	{ text-align:center; color:#FF0000; font-weight:bold; }

a
	{ color:#660000; }

a:hover
	{ color:#000000; }

#list a
	{ display:block; background: #CDD6D4 url("/img/menu_bullet.gif") 0px; padding:0px; line-height:28px; border-top:#F3F5F5 solid 1px; border-bottom:#899E9A solid 1px; text-decoration:none; width:186px; color:#000000; text-indent:25px; }

#list a:hover 
	{ background:#B8C2C1 url("/img/menu_bullet2.gif") 0px; }

#list2 a
	{ display:block; background:#F2F2F2 url("/img/menu_bullet.gif") 0px; background-color:#F2F2F2; padding:0px; line-height:28px; border-top:#FFFFFF solid 1px; border-bottom:#BEB6B6 solid 1px; text-decoration:none; width:186px; color:#000000; text-indent:25px;}

#list2 a:hover
	{ background:#DEDEDE url("/img/menu_bullet2.gif") 0px; }	

#list2 a.sub
	{ text-indent:40px; background:#FAF9F9 url("/img/menu_bullet3.gif") 15px; }

#list2 a.sub:hover
	{ background:#DEDEDE url("/img/menu_bullet2.gif") 15px; }	

.footer
	{ font-size:10px; color:#6A6D6E; }

.footer a:hover
	{ color:#000000; }

.footer a
	{ font-size:10px; text-decoration:none; color:#6A6D6E; }

.title
	{ font-size:14px; font-weight:bold; }

.price
	{ font-size:14px; font-weight:bold; }

.smprice
	{ font-size:10px; color:#646A6B; }




/* CSS FORMS */
.contact
	{ width:300px; border:solid 1px #666; background-color:#F2F2F2; }

.laptop_price
	{ width:50px; font-size:15px; font-weight:bold; }



/* CSS TABLES */
.tableon
	{ background-color:#F5F5F5; }

.lefton
	{ background-color:#F5F5F5; border-left:1px solid #EDEDED; }

.righton
	{ background-color:#F5F5F5; border-right:1px solid #EDEDED; }

.tableoff
	{ background-color:#E6E6E6; }

.leftoff
	{ background-color:#E6E6E6; border-left:1px solid #DADADA; }

.rightoff
	{ background-color:#E6E6E6; border-right:1px solid #DADADA; }

.tbhead
	{ background-color:#CCC; }

.tblease
	{ border:1px solid #000; }

col.col1
	{ background-color:#EFEFEF; }

col
	{  }

.tblease td
	{ border-bottom:solid 1px #CCC; }
	
/* DESKTOPS */
	
.border
	{ border:solid 1px #666666; }
	
	
.contentdesktop_packages {
	float:left;	
	width:510px;
	margin:10px 0px 10px 0px;
	font-size:1.0em;
}
	
.contentdesktop_packages div {
	border:solid 1px #666666;
	width:235px;
	float:left;
	margin-bottom:10px;
	padding:5px;
}

.contentdesktopleft {
	margin-right:10px;
	text-align:left;
}

.contentdesktopleft h1 {
	margin-top:-4px;
	font-size:2.5em;
	margin-left:2px;
}

.education h1 {
	font-size:17px; margin:auto; color:#660000;
}

.contentdesktopright h1 {
	margin-top:-4px;
	margin-left:2px;
	font-size:2.5em;
}

.contentdesktops {
	float:left;	
	width:530px;
	margin:10px 0px 10px 0px;
	font-size:1.0em;
}
	
.contentdesktops div {
	border:solid 1px #666666;
	float:left;
	margin-bottom:10px;
	padding:5px;
}

.contentdesktopsleft {
	margin-right:10px;
	text-align:left;
}

.contentdesktopspages {
	margin:10px 0px 10px 0px;
	font-size:1.0em;
	border:solid 1px #666666;
	margin-bottom:10px;
	padding:5px;
}

.desktop-link {
float:right;
width:30%;
border:0px;
background-color:#000000;
}

.pound-sign {
float:left;
font-size:8em;
color:#cd3333;
margin-top:-15px;
}

.price {
float:none;
color:#660000;
padding-left:18px;
margin:0px;
}

.price2 {
float:left;
font-size:3em;
color:#cd3333;
font-weight:bold;
margin:auto;
width:200px;
}


.price-list {
font-size:14px;
font-weight:bold;
}


.leasebutton {
float:left;
margin:auto;
padding-top:10px;
}

.spec {
float:left;
width:310px;

}

.spectble h3 {
float:left;
padding-left:18px;

}

.spectble {
float:left;
margin-top:15px;

}

.spectble b {
float:left;
margin-top:10px;
width:100%;
padding-left:18px;
}

.spectble-padding {
padding-left:18px;
} 

.perwk {
/*float:left;*/
margin-top:0px;
font-size:.8em;
color:#333333;
clear:left;

}

.desktopstable td {
	font-size: 11px;
}

div.option {
	float:left;
  width: 200px;
  margin: 2px 18px 0 0;
}


/* DESKTOPS NEW */

.desktops-left {
float:left;
width:248px;
padding:10px 5px 0px 0px;

}



.desktops-left h1, .desktops-right h1 {
flaot:left;
font-size:2em;
color:black;
margin:0px;
line-height:20px;
padding-left:8px;
}

.desktops-left h2, .desktops-right h2 {
float:left;
font-size:3em;
color:#660000;
padding-left:8px;
background:none;
}

.desktops-left h3, .desktops-right h3 {
float:left;
font-size:1.5em;
color:#333333;
background:none;
padding-left:8px;
margin:0px;
width:100%;
}

.desktops-left p, .desktops-right p {
float:left;
padding-left:8px;
margin-top:2px;
width:230px;
}

.vat {
float:left;
margin:0px;
margin-left:8px;
margin-top:-30px;
font-size:.8em;
color:#333333;
}



.desktops-right {
float:right;
width:248px;
margin-left:5px;
padding:10px 5px 0px 0px;
}




.top-left {
float:left;
background-image:url(/images/desktops/top.gif);
background-position:bottom left;
background-repeat:no-repeat;
width:248px;
height:10px;
}

.top-left-bot {
float:left;
background-image:url(/images/desktops/top-bot.gif);
background-position:bottom left;
background-repeat:no-repeat;
width:248px;
height:10px;
}

.top-left-bot-long {
background-image:url(/images/desktops/top-bot-long.gif);
background-position:bottom left;
background-repeat:no-repeat;
width:510px;
height:10px;
}

.top-left-botspec {
float:left;
background-image:url(/images/desktops-spec/top.gif);
background-position:bottom left;
background-repeat:no-repeat;
width:510px;
height:10px;
}

.bot-left-botspec {
float:left;
background-image:url(/images/desktops-spec/bottom.gif);
background-position:top left;
background-repeat:no-repeat;
width:510px;
height:10px;
}

	

.bottom-bot {
float:left;
background-image:url(/images/desktops/bottom-bot.gif);
background-position:top left;
background-repeat:no-repeat;
width:248px;
height:10px;
}

.bottom-bot-long {
float:left;
background-image:url(/images/desktops/bottom-bot-long.gif);
background-position:bottom left;
background-repeat:no-repeat;
width:510px;
height:10px;
}

.bottom-left {
float:left;
background-image:url(/images/desktops/bottom.gif);
background-position:top left;
background-repeat:no-repeat;
width:248px;
height:10px;

}

.top-left-content {
float:left;
width:246px;
height:210px;
background-color:#e3e5e5;
background-image:url(/images/desktops/hp_dx2300_grey.jpg);
background-position:right top;
background-repeat:no-repeat;
border-left:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
}

/*
.big-content {
width:500px;
padding:10px;
background-color:#e3e5e5;
background-position:right top;
background-repeat:no-repeat;
border-left:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
}

.big-content-hpdx2300pc {
  background-image: url(/images/desktops-spec/hpdx2300pc_main_bg.jpg);
}

.big-content-dx2300pc {
  background-image: url(/images/desktops-spec/hp_xw6400.jpg);
}

.big-content-vaio {
  background-image: url(/images/desktops-spec/sony_l11m1e.jpg);
}

.big-content-imac {
  background-image: url(/images/desktops-spec/imac.jpg);
  height:230px;}

.big-content-imacpro {
  background-image: url(/images/desktops-spec/macpro.jpg);
}
*/


/* DESKTOP LIST PAGE *****************************************************/

.list-page-content {
  padding: 0 3px 0 10px;
	width: 233px;
	background-color: #e3e5e5;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
}

.list-page-content h1 {
	margin: 0;
	font-size:160%;
	font-weight: bold;
	text-decoration: none;
	line-height: 18px;
}

.list-page-content h1 a {
  color: black;
	text-decoration: none;
	margin: 0;
}

.list-page-content h2 {
  float: none;
	color: #660000;
	margin: 2px 0 0 0;
	font-size: 240%;
	font-weight: bold;
	background-image: none;
	width: 95px;
	padding: 0 !important;
	height: auto;
}

.list-page-content h3 {
  color: black;
	margin: 0;
	height: auto;
	padding: 0;
}

.list-page-content span.vat {
  float: none;
	margin: 0;
	padding: 0;
}

.list-page-content p {
	margin: 4px 6px 10px 0;
}



/* DESKTOP SPEC PAGE *****************************************************/

.spec-content {
	background-color:#e3e5e5;
	width:484px;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	background-repeat:no-repeat;
	padding: 12px;
}

.spec-content-hpdx2300pc {
  background-image: url(/images/desktops-spec/hpdx2300pc_main_bg.jpg);
	background-position:230px 10px;
}

.spec-content-imac {
	background-image: url(/images/desktops-spec/imac.jpg);
	background-position:330px 10px;
}

.spec-content-imac1 {
	background-image: url(/images/desktops-spec/mac2.jpg);
	background-position:250px 10px;
}

.spec-content-imac2 {
	background-image: url(/images/desktops-spec/mac1.jpg);
	background-position:250px 10px;
}

.spec-content-imacpro {
	background-image: url(/images/desktops-spec/macpro.jpg);
	background-position:240px 10px;
}

.spec-content-hpxw6400pc {
	background-image:url(/images/desktops-spec/hp_xw6400.jpg);
	background-position:250px 5px;
}

.spec-content-vaio {
	background-image: url(/images/desktops-spec/sony_l11m1e.jpg);
	background-position:220px 5px;
}

.spec-content-hpz600 {
	background-image: url(/images/desktops-spec/hp_z600.jpg);
	background-position:220px 5px;
}

.spec-content-hp-pro-3010 {
	background-image: url(/images/desktops-spec/hp_pro_3010.jpg);
	background-position:220px 5px;
}

.spec-content h1 {
	font-size:190%;
	margin:0;
	padding:0;
}

.spec-content h3 {
	font-size:150%;
	margin:0;
	padding:0;
	color: black;
}

.spec-content .spec-price {
	color:#660000;
	font-size:360%;
	font-weight: bold;
	margin:0;
}

.spec-content p {
	margin:10px 0 10px 0;
}

.spec-content .lease {
	float:right;
}


/***********************************************************************/

.bottom-left-content {
float:left;
width:246px;
height:210px;
background-color:#e3e5e5;
background-image:url(/images/desktops/hp_xw6400_grey.jpg);
background-position:right top;
background-repeat:no-repeat;
border-left:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
}


.top-right {
float:right;
background-image:url(/images/desktops/top.gif);
background-position:bottom left;
background-repeat:no-repeat;
width:248px;
height:10px;

}

.top-right-content {
float:right;
width:246px;
height:210px;
background-image:url(/images/desktops/imac_grey.jpg);
background-position:right top;
background-repeat:no-repeat;
background-color:#e3e5e5;
border-left:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;

}

.bottom-right-content {
float:right;
width:246px;
height:210px;
background-image:url(/images/desktops/sony_grey.jpg);
background-position:right top;
background-repeat:no-repeat;
background-color:#e3e5e5;
border-left:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;

}

.bottom-right {
float:right;
background-image:url(/images/desktops/top.gif);
background-position:bottom left;
background-repeat:no-repeat;
width:248px;
height:10px;

}

.lease {
float:right;
padding:0 10px 0px 0px;
}

.lease-sm {
float:right;
padding:5px 10px 0px 0px;
}

.applelink {
  background-image: url(/images/apple_icon.gif);
  background-repeat: no-repeat;
  background-position: 85px;
  display: block;
  height: 28px;
  cursor: pointer;
}