/* ========================================================================================
MultipleMonitors: Main Layout 
Version:1.0
Author: Raphael Marsh
Email: raphael@on-brand.co.uk
Last Updated: 06 July 2009
=========================================================================================== */

/* STANDARD FORMATTING 
=========================================================================================== */
* {
	margin: 0;
 	padding: 0;
}

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:63.3%;
	margin:0;
	padding:0;
	min-width:954px;
	text-align:left;
	line-height:140%;                         
	background:#667f97 url(../images/generic/mainbg-blend.gif) top repeat-x;
}


/* Generic 
=========================================================================================== */
h1 {
	font-size: 2.4em; margin:0;
}
h2 {
	font-size: 2.0em; margin:0;
}
h3 {
	font-size: 1.6em; margin:0;
}
img {
	border:none;
}
p { color:#666666; font-size:110%; margin:0; }
p span.red { color:#e80000 !important; }
ul {
	list-style-type:none; margin:0; padding:0;
}
a:link { text-decoration:none; }
a:visited { text-decoration:none; }
a:hover { text-decoration:underline; }
a:active { text-decoration:none; }
hr {
	float:left; position:absolute; border:0; height:1px;
}
.clear {
	clear: both; text-indent: -9999px;
}

/* Structure 
=========================================================================================== */
div#wrapper {
	width: 954px; margin: auto; text-align: left;
}
#branding {
	height: 89px; width: 954px; margin: auto; text-align: left;
}
#navigation {
	width: 954px; margin: auto; text-align: left;
}
#pageContent {
	background:#ffffff; width: 948px; margin: auto; text-align: left; border:3px #e4f1f6 solid;
}
#header {
	height:206px; margin:0 6px; z-index:50; border-bottom:#ffffff 3px solid;
}	
#branding .logo {
	float:left; position:absolute; margin-top:12px; margin-left:12px; border:0;
}
#branding .strapline p {
	float:left; position:absolute; display:block; margin-top:58px; margin-left:83px; border:0; font-size:120%; letter-spacing:0.1em;
}
#branding .basket {
	float:right; position:relative; top:12px; border:0;
}


/* Homepage
=========================================================================================== */
#introArea {
	float:left; position:relative; display:inline; width: 942px; margin:0px auto 0 auto;
	background:url(../images/generic/home-content-bg.jpg) top left no-repeat;
}
#introContent-holder {
	float:right; position:relative; display:inline; width: 680px; padding-right:15px; margin:20px 0;
}
#introText-holder {
	float:left; width: 370px; 
}
	#introText-holder h1 {
  		width:289px; height: 60px; text-indent: -5000px; overflow:hidden;
		background:url(../images/generic/homepage-title.gif) no-repeat;
	}
	#introText-holder h2 {
		font-size:150%; line-height:120%; color:#325e79; text-transform:uppercase; margin:14px 0 10px 0; 
	}
	#introText-holder p {
		font-size:120%; line-height:140%; color:#666666;
	}
	#introText-holder a {
		font-size:120%; color:#889923; padding-left:9px; text-decoration:underline;
		background:url(../images/generic/textlink-arrow.gif) 0 4px no-repeat;
	}
		#introText-holder a:hover {
			color:#1b4058; text-decoration:none;
		}


/* Main Navigation 
=========================================================================================== */
	#mainNav ul li {
		float:left; width:158px; text-align:center; display:block; /*IE6 line-height*/
		background:url(../images/generic/mainNav-divider.gif) top right no-repeat !important; padding-right:1px;
	}
		#mainNav ul li a {
			padding-top:10px; position:relative; display:block; height:29px; overflow:hidden; color:#ffffff; font-weight:bold; 
			font-size:120%; background:url(../images/generic/mainNav-bg.gif) top repeat-x; text-decoration:none;
		}
			#mainNav ul li.active a, #mainNav ul li a:hover {
				background:url(../images/generic/mainNav-roll.gif) top repeat-x;
			}
	#mainNav ul li.first a {
		background:url(../images/generic/mainNav-first.gif) top left no-repeat;
	}
		#mainNav ul li.first.active a, #mainNav ul li.first a:hover {
			background:url(../images/generic/mainNav-firstroll.gif) top left no-repeat;
		}
		#mainNav ul li.last {
			background:none !important;
		}
	#mainNav ul li.last a {
		float:left; padding-right:1px; width:158px;
		background:url(../images/generic/mainNav-last.gif) top right no-repeat; 
	}
		#mainNav ul li.last.active a, #mainNav ul li.last a:hover {
			background:url(../images/generic/mainNav-lastroll.gif) top right no-repeat;
		}
		
/* Sub Navigation 
=========================================================================================== */		
#subNav {
	float:left; width: 954px; background:#ffffff url(../images/generic/subnav-bg.gif) bottom repeat-x;
}
	#subNav ul {
		position:relative; padding:10px; height:16px;
	}
		#subNav ul li {
			float:left; font-size:130%; color:#666666; border-right:#c7c7c7 1px solid;
		}
			#subNav ul li a {
				color:#666666; text-decoration:none; display:block; padding:0px 30px;
			}
				#subNav ul li a:hover {
					text-decoration:underline;
				}


/* Homepage Anim Banner
=========================================================================================== */
.pics {
	float:left; position:relative; padding:0; margin:3px; overflow:hidden; width:942px; height:250px; display:inline;
	background:url(../images/generic/homeheader-bg.jpg) no-repeat;
}
	.pics p {
		font-size:120%; line-height:130%; color:#b6d9e2; padding-bottom:18px; border-bottom:#638a9e 1px dashed;
	}
		.pics p a {
			color:#b6d9e2; text-decoration:underline;
		}
			.pics p a:hover {
				color:#ffffff; text-decoration:none
			}
	.pics h2 {
		font-size:140%; line-height:140%; font-weight:normal; text-transform:uppercase; color:#b6d9e2; padding:10px 0;
	}
		.pics h2 strong {
			color:#fff; font-weight:normal;
	}
		.pics h2.bundles {
			padding-bottom:18px; border-bottom:#638a9e 1px dashed;	
	}

.dualHeader {
	height:250px; background:url(../images/generic/dual-header.jpg) top left no-repeat; padding:25px 80px 0 390px;
}
	p.dualHeader, h1.dualHeader {
		width:230px; height: 37px; text-indent: -5000px; overflow:hidden; border-bottom:none; padding:0;
		background:url(../images/generic/dual-header-title.gif) no-repeat;
	}

.dualBundleHeader {
	height:250px; background:url(../images/generic/dual-header.jpg) top left no-repeat; padding:25px 80px 0 390px;
}
	p.dualBundleHeader, h1.dualBundleHeader {
		width:430px; height: 78px; text-indent: -5000px; overflow:hidden; border-bottom:none; padding:0;
		background:url(../images/generic/dualbundle-header-title.gif) no-repeat;
	}
		
.tripleHeader {
	height:250px; background:url(../images/generic/triple-header.jpg) no-repeat; padding:25px 80px 0 390px;
}
	p.tripleHeader, h1.tripleHeader {
		width:245px; height: 37px; text-indent: -5000px; overflow:hidden; border-bottom:none; padding:0;
		background:url(../images/generic/triple-header-title.gif) no-repeat;
	}

.tripleBundleHeader {
	height:250px; background:url(../images/generic/triple-header.jpg) no-repeat; padding:25px 80px 0 390px;
}
	p.tripleBundleHeader, h1.tripleBundleHeader {
		width:430px; height: 78px; text-indent: -5000px; overflow:hidden; border-bottom:none; padding:0;
		background:url(../images/generic/triplebundle-header-title.gif) no-repeat;
	}
	
.quadHeader {
	height:250px; background:url(../images/generic/quad-header.jpg) no-repeat; padding:25px 80px 0 390px;
}
	p.quadHeader, h1.quadHeader {
		width:248px; height: 37px; text-indent: -5000px; overflow:hidden; border-bottom:none; padding:0;
		background:url(../images/generic/quad-header-title.gif) no-repeat;
	}

.quadBundleHeader {
	height:250px; background:url(../images/generic/quad-header.jpg) no-repeat; padding:25px 80px 0 390px;
}
	p.quadBundleHeader, h1.quadBundleHeader {
		width:430px; height: 78px; text-indent: -5000px; overflow:hidden; border-bottom:none; padding:0;
		background:url(../images/generic/quadbundle-header-title.gif) no-repeat;
	}
	
.controlHeader {
	height:250px; background:url(../images/generic/control-header.jpg) no-repeat; padding:25px 80px 0 390px;
}
	p.controlHeader, h1.controlHeader {
		width:268px; height: 37px; text-indent: -5000px; overflow:hidden; border-bottom:none; padding:0;
		background:url(../images/generic/control-header-title.gif) no-repeat;
	}

.controlBundleHeader {
	height:250px; background:url(../images/generic/control-header.jpg) no-repeat; padding:25px 80px 0 390px;
}
	p.controlBundleHeader, h1.controlBundleHeader {
		width:430px; height: 78px; text-indent: -5000px; overflow:hidden; border-bottom:none; padding:0;
		background:url(../images/generic/controlbundle-header-title.gif) no-repeat;
	}
	
.computerHeader {
	height:250px; background:url(../images/generic/computer-header.jpg) no-repeat; padding:25px 80px 0 390px;
}
	p.computerHeader, h1.computerHeader {
		width:464px; height: 37px; text-indent: -5000px; overflow:hidden; border-bottom:none; padding:0;
		background:url(../images/generic/computer-header-title.gif) no-repeat;
	}

.accessoriesHeader {
	height:250px; background:url(../images/generic/accessories-header.jpg) top left no-repeat; padding:25px 80px 0 390px;
}
	p.accessoriesHeader, h1.accessoriesHeader {
		width:400px; height: 37px; text-indent: -5000px; overflow:hidden; border-bottom:none; padding:0;
		background:url(../images/generic/accessories-header-title.gif) no-repeat;
	}
	
	
/* Homepage Anim Banner Navigation
=========================================================================================== */
#nav-holder { 
	float:left; position:relative; display:inline; margin-bottom:3px;
}
#nav li { 
	float:left;
}
#nav a { 
	color:#325d78; font-size:130%; width:186px; display:block; padding:12px 0; text-decoration:none; z-index:0;
	background:#dee1e3 url(../images/generic/headerNav-but.gif) no-repeat; margin-left:3px; text-align:center;
}
	#nav a.activeSlide { 
		color:#ffffff !important; background:#a3b24b url(../images/generic/headerNav-roll.gif) no-repeat; 
	}
	#nav a:focus { outline: none; }


/* Homepage Features
=========================================================================================== */
.homeFeatures-holder {
	width:284px; float:right;
}
	.homeFeatures-holder p.title {
		font-size:150%; color:#4d4f53; margin-bottom:11px; padding-bottom:6px; border-bottom:#b8b8b8 1px dashed; 
	}
	.homeFeatures img {
		border:#e4f1f6 3px solid; float:left;
	}
	.homeFeatures .layout {
		width:210px; float:right; 
	}
	.homeFeatures .layout h3 {
		font-size:130%; font-weight:normal; color:#058DC2; margin-bottom:6px;
	}
	.homeFeatures .layout p {
		font-size:120%; line-height:140%; color:#666666;
	}
	.homeFeatures .layout a {
		font-size:120%; color:#889923; float:right; padding-left:9px; margin-top:8px; text-decoration:underline;
		background:url(../images/generic/textlink-arrow.gif) 0 4px no-repeat;
	}
		.homeFeatures .layout a:hover {
			color:#1b4058; text-decoration:none;
		}


/* Feature Panels - Grey
=========================================================================================== */
#featurePanel-holder {
	float:left; position:relative; display:inline; width: 932px; margin:0 10px;
}
.featureFrame {
	float:left; position:relative; display:inline;  width: 297px; margin:0 6px;
}
.featurePanel {
	float:left; position:relative; display:inline; width:273px; padding:12px 12px 4px 12px;
	background:url(../images/generic/feature-panel-top.gif) top no-repeat;
}
.featurePanel img.position {
	float:right; margin-left:15px;
}
	.featurePanel h3 {
		font-size:150%; line-height:120%; font-weight:normal; color:#4d4f53; margin-bottom:6px;
	}
		.featurePanel h3 a {
			color:#4d4f53; text-decoration:none;
		}
				.featurePanel h3 a:hover {
					color:#4d4f53; text-decoration:underline;
				}
	.featurePanel p {
		font-size:120%; line-height:140%; color:#666666;
	}
.featurePanel-bottom {
	float:left; width:297px; height:6px;
	background:url(../images/generic/feature-panel-bot.gif) top no-repeat;
}

/* Feature Panels - Special Blue / Newsletter
=========================================================================================== */
.featurePanel.special {
	float:left; position:relative; display:inline; width:273px; padding:12px 12px 4px 12px;
	background:#5086a8 url(../images/generic/special-panel-top.jpg) top no-repeat; height:144px;
}
	.featurePanel.special h3 {
		color:#ffffff;
	}
		.featurePanel.special h3 a {
			color:#ffffff;
		}
	.featurePanel.special p {
		color:#ddedf6;
	}
		.featurePanel.special p strong {
			color:#ffffff;
		}
.featurePanel-bottom.specialBot {
	background:url(../images/generic/special-panel-bot.gif) top no-repeat;
}

.newsletterArea {
	border:1px solid #c1ccd3; padding:7px; margin-top:4px;
	background:#feffff url(../images/generic/newsletterArea-bg.gif) bottom repeat-x;
}
	.newsletterArea input.field {
		float:left; font-size:130%; line-height:120%; padding:4px 3px 3px 3px; width:170px; color:#333333; border-bottom:1px solid #000;
		border-left:1px solid #000; border-top:1px solid #000;
	}
	.newsletterArea input.signup {
		margin-left:-1px;
	}


/* Product Catalogue 
=========================================================================================== */
.cat-header {
	float:left; position:relative; display:inline; width:890px; margin:0 3px; padding:8px 26px;
	background:#0b90c5 url(../images/generic/catalogue-header-bg.gif) bottom repeat-x; border-bottom:#ffffff 2px solid;
}
	.cat-header h2 {
		float:left; font-size:210%; line-height:120%; font-weight:normal; color:#ffffff; font-family:Georgia, "Times New Roman", Times, serif;
	}
	.cat-header p {
		float:right; font-size:130%; color:#ffffff; margin-top:5px;
	}
.cat-holder {
	float:left; position:relative; display:inline; width:920px; padding:6px 14px 14px 14px;
	background:url(../images/generic/cat-holder-blend.jpg) bottom right no-repeat;
}
	.cat-holder h1 {
		font-size:330%; line-height:130%; color:#058dc2; font-weight:normal; margin:4px 0 6px 10px;
	}
.cat-box {
	float:left; position:relative; display:inline; width:276px; border:#a3b24b 3px solid; padding:10px 7px; margin:5px;
	background:#ffffff url(../images/generic/cat-box-bg.jpg) bottom right no-repeat;
}
	.cat-box:hover {
		border:#78881b 3px solid;
	}
	.cat-box h3 {
		font-size:150%; line-height:120%; color:#4d4f53; margin-bottom:8px;
	}
		.cat-box h3 a {
			color:#4d4f53;
		}
			.cat-box h3 a:hover {
				text-decoration:none;
			}		
		.cat-box img.cat-image {
			float:left;
		}
	.cat-box .layout {
		float:right; width:172px; display:block;
	}
		.cat-box .layout p {
			font-size:120%; line-height:140%; 
		}
			.cat-box .layout em {
				color:#4d4f53; font-style:normal; 
			}
			.cat-box .layout p.cat-sdesc {
				margin-bottom:8px; 
			}
				.cat-box .layout p span.cat-price {
					font-size:120%; font-weight:bold; color:#8c9e42;
				}


/* Menu Box 
=========================================================================================== */
.menu-box {
	float:left; position:relative; display:inline; width:430px; border:#A3B24B 3px solid; padding:10px 7px; margin:5px; height:200px;
	background:#ffffff url(../images/generic/cat-box-bg.jpg) bottom right no-repeat;
}
	.menu-box:hover {
		border:#78881b 3px solid;
	}
	.menu-box h2 {
		text-indent:-5000px; margin-bottom:12px;
	}
		.menu-box h2.dualMonitor {
			width:162px; height:48px; background:url(../images/products/dualmonitor-title.gif);
		}
		.menu-box h2.tripleMonitor {
			width:180px; height:48px; background:url(../images/products/triplemonitor-title.gif);
		}
		.menu-box h2.quadMonitor {
			width:165px; height:48px; background:url(../images/products/quadmonitor-title.gif);
		}
		.menu-box h2.controlStation {
			width:178px; height:48px; background:url(../images/products/controlstation-title.gif);
		}
		.menu-box h2.dualBundle {
			width:161px; height:48px; background:url(../images/products/dualbundle-title.gif);
		}
		.menu-box h2.tripleBundle {
			width:180px; height:48px; background:url(../images/products/triplebundle-title.gif);
		}
		.menu-box h2.quadBundle {
			width:164px; height:48px; background:url(../images/products/quadbundle-title.gif);
		}
		.menu-box h2.controlBundle {
			width:180px; height:48px; background:url(../images/products/controlbundle-title.gif);
		}
		
	.menu-box p {
		font-size:120%; line-height:150%;
	}
	.menu-box img.cat-image {
		float:left;
	}
	.menu-box .layout {
		float:right; width:180px; display:block; margin:10px 10px 0 0;
	}
	
	
/* Product Detail
=========================================================================================== */
.detail-holder {
	float:left; position:relative; display:inline; width:920px; padding:14px;
	background:url(../images/generic/detail-holder-bg.jpg) top left no-repeat;
}
	.product-detail {
		padding:12px; border:#e5e5da 3px solid; background:#ffffff;
	}
		.product-detail h1 {
			font-size:330%; line-height:130%; color:#058dc2; font-weight:normal;
		}
		.product-detail p {
			font-size:120%; line-height:140%; color:#666666;
		}
			.product-detail p span {
				font-weight:bold; color:#666;
			}
		.product-detail p.toparea {
			font-size:120%; line-height:140%; color:#666666; padding-bottom:8px;
		}
			.product-detail p.toparea a {
				color:#889923; text-decoration:underline;
			}
		.product-detail .divide {
			height:25px; background:url(../images/generic/divide-repeat.gif) repeat-x;
		}
		.bun-save-img {
			float:right; margin:-10px -10px 0 0; background-image:url(../images/generic/bun-sav-bg.jpg); width:147px; height:70px;
		}
		.bun-save-img p {
			font-size:190%; color:#FFFFFF; padding:21px 0 0 25px;
			}
			.bun-save-img p.bun100 {
			font-size:190%; color:#FFFFFF; padding:21px 0 0 20px;
			}
		.product-detail ul.content {
			font-size:120%; line-height:140%; color:#666666; margin-left:10px; margin-bottom:12px;
		}
		.product-detail li.contentli {
			margin:0 0 7px 14px; list-style-type:circle;
		}
		.product-detail table.tbl-content {
			font-size:120%; line-height:140%; color:#666666;
		}
		.product-detail th {
			font-weight:bold; padding:4px 20px 4px 4px;
		}
		.product-detail td {
			padding-right:20px; padding-left:4px;
		}
		.product-detail td.firstcol {
			font-weight:bold;
		}
		.product-detail a.lp {
				color:#889923; text-decoration:underline;
			}
		.product-detail a.lp:hover {
				color:#1b4058; text-decoration:none;
			}

	.product-detail p.info { font-size: 150%; font-weight:bold; color:#058dc2; margin-bottom:4px; }
	.product-detail span.price { font-size: 150%; color:#8c9e42; }
	.product-detail p.call { font-size:200%; font-weight:bold; line-height:120%; color:#325d78; }			
	.product-detail p.listTitle { font-size:130%; color:#4e4e4e; padding:5px 7px; background:#d2e7f1; font-weight:bold; }
		.product-detail .columnBundle {
			float:left; width:95%; margin:8px;
		}
		.product-detail .column {
			float:left; width:43%; margin:8px;
		}
			.product-detail .column.call {
			 	background:url(../images/generic/call-icon.gif) left no-repeat;
				border-right:#a4a4a4 1px dashed; text-indent:40px;
			}
			.product-detail .column.mail {
			 	background:url(../images/generic/mail-icon.gif) left no-repeat; text-indent:52px; padding:6px 0;
			}
				.product-detail .column.mail p a {
					font-size:100%; color:#889923;
				}
					.product-detail .column.mail p a:hover {
						color:#1b4058;
					}
	.product-detail .leftColumn {
		float:left; position:relative; width:305px;
	}
		.product-detail .leftColumn ul li {
			margin-bottom:4px;
		}
			.product-detail .leftColumn ul li a {
				font-size:120%; color:#889923; padding-left:9px; text-decoration:underline;
				background:url(../images/generic/textlink-arrow.gif) 0 4px no-repeat;
			}
				.product-detail .leftColumn ul li a:hover {
					color:#1b4058; text-decoration:none;
				}
				
				/* DA's Image Styles
				=========================================================================================== */
				
				.product-detail img.main-img {
					float:left;
					border:3px solid #A1B047;
					padding:10px;
					margin-right:4px;
					}
				.product-detail img.add-img {
					border:3px solid #A1B047;
					height:53px;
					margin-bottom:4px;
					padding:2px;
					float:left;
					clear:left;
					}
				.add-img-wrapper {
					width:65px;
					float:left;
					margin-bottom:10px;
					}

	
	.product-detail .rightColumn {
		float:right; position:relative; width:553px;
	}
		.product-detail .rightColumn a.textlink {
			font-size:120%; color:#889923; padding-left:8px; text-decoration:underline;
			background:url(../images/generic/textlink-arrow.gif) 0 4px no-repeat;
		}
		.product-detail .rightColumn a.iframe {
			font-size:120%; color:#889923; padding-left:8px; text-decoration:underline;
			background:url(../images/generic/textlink-arrow.gif) 0 4px no-repeat;
		}
			.product-detail .rightColumn a:hover {
				color:#1b4058; text-decoration:none;
			}
			
			
/* Bundle Offer 
=========================================================================================== */
.bundle-holder {
	float:left; position:relative; display:inline; width:920px; padding:7px 11px 21px 11px; margin:0 3px; 
	background:url(../images/generic/bundle-holder-bg.jpg) top left no-repeat;
}
.bundle-header {
	float:left; position:relative; width:890px; padding:8px; margin:0 3px; 
}
	.bundle-header h2 {
		float:left; font-size:230%; line-height:120%; color:#ffffff;
	}
	.bundle-header a {
		float:right; font-size:130%; color:#ffffff; margin-top:8px; text-decoration:underline;
		padding-left:9px; background:url(../images/generic/white-arrow.gif) 0 3px no-repeat;
	}
		.bundle-header a:hover {
			text-decoration:none;
		}	
#bunslide {
	float:left; clear:left; width:920px;
	}
.bundle-holder a.bunslidea {
		float:right; font-size:130%; color:#ffffff; margin-top:8px; margin-right:20px; text-decoration:underline;
		padding-left:9px; background:url(../images/generic/white-arrow.gif) 0 3px no-repeat;
	}
.bundle-holder a.bunslidea:hover {
			text-decoration:none;
		}	
.bundle-box {
	float:left; position:relative; display:inline; width:264px; border:#073553 3px solid; padding:10px 10px 16px 10px; margin:7px;
	background:#ffffff url(../images/generic/bundle-box-bg.gif) bottom right no-repeat;
}
	.bundle-box h3 {
		font-size:130%; line-height:140%; color:#151515; margin-bottom:6px;
	}
		.bundle-box h3 a {
			color:#4d4f53; text-decoration:none;
		}
			.bundle-box h3 a:hover {
				text-decoration:underline;
			}		
		.bundle-box img.cat-image {
			float:left;
		}
	.bundle-box .layout {
		float:right; width:154px; display:block;
	}
		.bundle-box .layout p {
			font-size:120%; line-height:150%; 
		}
			.bundle-box .layout em {
				color:#058dc2; font-style:normal; font-weight:bold;
			}
				.bundle-box .layout p span.cat-price {
					font-size:120%; font-weight:bold; color:#8c9e42;
				}
				
				
/* Detail Page Features 
=========================================================================================== */
.detailFeature-Holder {
	float:right; position:relative; width:280px; margin:10px;
}
.detailFeature {
	float:left; width:250px; position:relative; margin-bottom:20px; display:block;
}
.detailFeature img.position {
	float:right; margin-left:5px; margin-top:-20px;
}
	.detailFeature h3 {
		font-size:150%; line-height:120%; font-weight:normal; color:#4d4f53; padding-bottom:6px; 
		margin-bottom:8px; border-bottom:#898989 1px dashed;
	}
		.detailFeature h3 a {
			color:#4d4f53; text-decoration:none;
		}
			.detailFeature h3 a:hover {
				text-decoration:underline;
			}
	.detailFeature p {
		font-size:120%; line-height:140%; color:#666666;
	}
	.detailFeature a.feature {
		float:left; clear:left; width:100%; position:relative; font-size:130%; line-height:140%; color:#889923; padding:0 0 1px 8px;
		background:url(../images/generic/textlink-arrow.gif) 0 4px no-repeat; text-decoration:underline;
	}
	.detailFeature a.iframefeature {
		float:left; clear:left; width:100%; position:relative; font-size:130%; line-height:140%; color:#889923; padding:0 0 1px 8px;
		background:url(../images/generic/textlink-arrow.gif) 0 4px no-repeat; text-decoration:underline;
	}
		.detailFeature a.feature:hover {
			text-decoration:none;
		}

	

/*  Graphical Button
=========================================================================================== */
.button:link, .button:visited, .button:hover { border:none; }
.button:hover, .button:focus, .button:active { color:#ffe92b !important; }
.button:link, .button:visited { /* Top left corner, top edge */
	float:left; color:#fff; font-size:120%; text-decoration:none;
	background:#798f2f url(../images/generic/button.gif) no-repeat;
}
/*GREEN BUY NOW BUTTON - WHITE BG*/
.button * { display:block; }
	.button img { /* Top right corner */
			padding-right:2px; display:inline; padding-left:4px; border:0; margin:0; }
	.button span { /* Top right corner */
		padding:6px 0 0; background:url(../images/generic/corners.gif) right top no-repeat; }
		.button span span { /* Bottom left corner, left and bottom edges */
			padding:0 0 0 2px; background:url(../images/generic/button.gif) no-repeat left bottom; }
			.button span span span { /* Bottom right corner */
				background:url(../images/generic/corners.gif) no-repeat right bottom; }
				.button span span span span { /* Right edge */
					padding:0 11px 6px 0; background:url(../images/generic/button.gif) no-repeat right bottom; 
				}

/*BLUE MORE INFO BUTTON - WHITE BG*/
.button.info:hover, .button.info:focus, .button.info:active { color:#bad9ec !important; }
.button.info:link, .button.info:visited { /* Top left corner, top edge */
	background:#457695 url(../images/generic/bluebutton.gif) no-repeat;
}
.button.info { margin-right:5px; }										
	.button.info span { /* Top right corner */
		background:url(../images/generic/bluecorners.gif) right top no-repeat; }
		.button.info span span { /* Bottom left corner, left and bottom edges */
			background:url(../images/generic/bluebutton.gif) no-repeat left bottom; }
			.button.info span span span { /* Bottom right corner */
				background:url(../images/generic/bluecorners.gif) no-repeat right bottom; }
				.button.info span span span span { /* Right edge */
					background:url(../images/generic/bluebutton.gif) no-repeat right bottom; 
				}
				
/*GREEN BUTTON ON BLUE BG*/
.button.header:hover, .button.header:focus, .button.header:active { color:#ffe92b !important; }
.button.header:link, .button.header:visited { /* Top left corner, top edge */
	background:#798f2f url(../images/generic/bluebgbutton.gif) no-repeat;
}
.button.header { margin-right:5px; }										
	.button.header span { /* Top right corner */
		background:url(../images/generic/bluebgcorners.gif) right top no-repeat; }
		.button.header span span { /* Bottom left corner, left and bottom edges */
			background:url(../images/generic/bluebgbutton.gif) no-repeat left bottom; }
			.button.header span span span { /* Bottom right corner */
				background:url(../images/generic/bluebgcorners.gif) no-repeat right bottom; }
				.button.header span span span span { /* Right edge */
					background:url(../images/generic/bluebgbutton.gif) no-repeat right bottom; 
				}
				
				
/*BIG BUTTON*/
.button.big:link, .button.big:visited { /* Top left corner, top edge */
	font-size:160%; font-weight:bold; }
	.button.big span { /* Top right corner */
		padding:10px 0 0; }
		.button.big span span { /* Bottom left corner, left and bottom edges */
			padding:0 0 0 10px; }
				.button.big span span span span { /* Right edge */
					padding:0 22px 10px 0; 
				}
	
		
/* Testimonial
=========================================================================================== */
#testimonial {
	display:block; position:relative; width: auto; text-align:center; margin:26px 3px 20px 3px; 
	padding:10px 20px 15px 20px; border-top:#d4d5d7 1px solid; border-bottom:#d4d5d7 1px solid;
	background:#f3f8fa url(../images/generic/testimonial-bg.jpg) bottom right no-repeat;
}
	#testimonial p#title { 
		position:absolute; width:350px; height: 11px; text-indent: -5000px; top:-6px; left:296px; overflow:hidden;
		background:url(../images/generic/testimonial-title.gif) no-repeat;
	}
	#testimonial p.quote {
		font-family:Georgia, "Times New Roman", Times, serif; color:#1b4058; display:block; margin:4px 0 10px 0;
		font-size:240%; line-height:140%; font-style:italic;
	}
	#testimonial p.user {
		font-size:120%; color:#889923; font-weight:bold;
	}
		#testimonial p.user em {
			color:#999999; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; font-style:italic;
		}
	#testimonial a {
		float:right; position:relative; bottom:15px; font-size:120%; color:#325d78; text-decoration:underline; padding-left:10px;
		background:url(../images/generic/blue-arrow.gif) 0 3px no-repeat;
	}
		#testimonial a:hover {
			text-decoration:none;
		}


/* Footer
=========================================================================================== */
#footer {
	width: 954px; margin: auto; text-align: left;
	background:#142830 url(../images/generic/footer-bg.gif) top repeat-x;
}
#footer-content {
	width: auto; height: auto !important; padding: 20px 0 20px 0;
}
#footer-bottom {
	width: auto; height: 6px; margin: 0 0 20px 0;
	background: transparent url(/images/images/generic-img/footer_bottom.gif) no-repeat;
}
#footer-links {
	width: auto; padding: 0 0 15px 0; margin: 0 20px 0 20px;
}
	#footer-links p {
		font-size:130%; color:#ffffff; font-weight:bold;
	}
.footer-column {
	float: left; width: auto; margin: 0 40px 0 0; display: inline;
}
	.footer-column a {
		font-size: 100%; color:#889923; text-decoration:none;
		display: block; margin: 2px 0 0 0; padding: 0 0 2px 0;
	}
		.footer-column a:hover {
			color: #ffffff; text-decoration:underline;
		}
	.footer-column ul {
		margin-top:10px; padding: 0 0 6px 15px; font-size: 120%; line-height: 110%; list-style:disc; color:#889923;
	}
		.footer-column ul li {
			padding-bottom:5px;
		}
			.footer-column ul li a {
				color:#889923; font-weight: normal; border: 0; display: inline; text-decoration:none;
			}

#copyright  {
	width:auto; margin: 12px 22px 0 20px; display:block;
}
	#copyright p {
		color: #ffffff;
	}
	
#contact {
	float:right; margin-top:-50px; width:440px; text-align:right;
}
	#contact img {
		float:right; margin-left:10px; display:block;
	}
	#contact p.call {
		float:right; font-size:42px; line-height:130%; color:#ffffff;
	}
	#contact p.mail a {
		float:right; font-size:23px; line-height:110%; color:#ffffff;
	}

/* Content (DA Styles)
=========================================================================================== */
.contentColumn p {
	padding-bottom:7px;
	}
.contactRight {
	float:right;
	width:400px;
	}

/* Checkout (DA Styles)
=========================================================================================== */
.chkmaintbl {
	width:750px;
	margin-left:70px;
	border-spacing:0;
	border-collapse:collapse;
	font-size:11px;
	}
	
.chkmaintbl th {
	background-color:#DBEEEE;
	font-weight:bold;
	padding:4px;
	border-bottom:1px solid #E1E1E1;
	border-collapse:collapse;
	}

.chkmaintbl p {
	padding:0;
	}
.chktbltitle {
	font-weight:bold;
	padding-bottom:7px;
	}
.chktblerror {
	font-size:11px;
	font-weight:bold;
	padding-bottom:6px;
	}

.chkmaintbl hr.chkhr {
	background:#E5E5E5 none repeat scroll 0 0;
	border:0 none;
	color:#E5E5E5;
	height:1px;
	width:750px;
	margin-bottom:6px;
	}

.chkmaintbl tbody {
	width:700px;
	}
	
.chksubtbl {
	width:750px;
	margin-left:0;
	}

.chkaddtbl {
	width:345px;
	float:left;
	}
.chkaddtbl2 {
	width:335px;
	float:left;
	margin-left:30px;
	}
.chkaddtbl3 {
	width:450px;
	clear:both;
	margin-top:15px;
	}

/* Shopping Cart (DA Styles)
=========================================================================================== */
#cart {
	width:200px;
	}
#cart p {
	color:#333333;
	font-size:130%;
	padding-bottom:7px;
	}	
#cart p.cart-title {
	color:#058DC2;
	font-size:180%;
	padding:3px 0 10px 0;
	}
#cart a {
	color:#889923;
	font-size:100%;
	text-decoration:underline;
	}
#cart a:hover {
	color:#1B4058;
	text-decoration:none;
	}
.chk-cc {
	margin:15px 0 0 62px;
	}
	
/* Monitor & Bundle Selection Pages (DA Styles)
=========================================================================================== */
.monarrays {
	width:880px;
	height:540px;
	margin-left:10px;
	background-image:url(/images/generic/arrays-bg.jpg);
	}
.monarrayslefthold {
	width:420px;
	float:left;
	margin:0 20px 36px 0;
	}
.monarrays h2 {
	font-size:230%; line-height:130%; letter-spacing:0.1em; color:#058dc2; font-weight:normal; margin-left:12px;
	}
.monarrays img {
	border:none;
	padding:8px 0 8px 90px;
	}
.monarrays a.text {
	float:right;
	margin-right:10px;
	font-size:18px;
	color:#058dc2; 
	font-weight:normal;
	text-decoration:underline;
	line-height:130%;
	}
.monarrays a.text:hover {
	text-decoration:none;
	}
	
/* Computer Product Detail Tab Tables (DA Styles)
=========================================================================================== */
.pdtdc2c {
	font-size:120%;
	padding-bottom:4px;
	color:#494949;
	}
.pdtdc {
	font-size:120%;
	padding:0 0 6px 16px;
	color:#494949;
	}
.menuBase a.iframe {
	border-bottom:1px dashed #889923;
	text-decoration:none;
	color:#889923;
	}

/* Accessories Product Detail (DA Styles)
=========================================================================================== */
.accessdetail {
	width:600px; margin-left:10px;
}	
	.accessdetail h3 {
		color:#058dc2; font-size:220%; line-height:130%; font-weight:normal;
	}
	.accessdetail p {
		font-size:120%; line-height:140%; color:#666666; padding-bottom:6px;
	}
		.accessdetail p strong {
			color:#494949;
		}
		.accessdetail img {
			border:1px solid #999999;
		}
		.accessdetail ul {
			margin:10px; list-style:disc;
		}
			.accessdetail ul li {
				margin:10px; font-size:120%; color:#666666; line-height:100%;	
			}
				.accessdetail ul li a {
					color:#889923; text-decoration:underline;	
				}
					.accessdetail ul li a:hover {
						color:#325d78; text-decoration:none;	
					}


/* MM Guide (DA Styles)
=========================================================================================== */
#tool-page {
	width: 710px;
	margin:25px 0 0 100px;
	}
#tool-page h1 {
	color:#666666;
	font-size:20px;
	margin:0 0 10px 0;
	letter-spacing:0.1em;
	padding:0;
	}
#tool-page h2 {
	color:#666666;
	font-size:20px;
	margin:0 0 10px 0;
	letter-spacing:0.1em;
	padding:0;
	}
#tool-page p {
	padding-bottom:7px;
	line-height:1.4em;
	font-size:14px;
	}
#tool-page ul {
	font-size:14px;
	}
#tool-page p.heading {
	font-weight:bold;
	padding-bottom:7px;
	clear:left;
	}
.tool-but {
	width:210px;
	height:184px;
	float:left;
	margin-left:20px;
	}
.tool-spacer {
	width:110px;
	height:184px;
	float:left;
	margin-left:15px;
	}
#tool-page p.tool-clear {
	clear:both;
	}
.tool-but-img {
	border:none;
	}
.tools-img {
	float:right;
	}
#tool-ans-top {
	width:710px;
	height:52px;
	clear:both;
	background-image:url(/images/tools/ans-bg-top.jpg);
	background-repeat:no-repeat;
	}
#tool-ans-top p {
	font-size:16px;
	padding:28px 0 0 47px;
	color:#333333;
	line-height:1em;
	padding-bottom:0px;
	}
#tool-ans-mid {
	width:710px;
	background-image:url(/images/tools/ans-bg-mid.jpg);
	background-repeat:repeat-y;
	}
#tool-ans-mid ul {
	padding:10px 0 10px 77px;
	margin:0;
	}
#tool-ans-mid li {
	color:#333333;
	padding-bottom:4px;
	}
#tool-ans-mid p {
	padding:0 0 0 47px;
	color:#333333;
	}
#tool-ans-mid a {
	color:#0033FF;
	}
#tool-ans-bot {
	width:710px;
	height:40px;
	background-image:url(/images/tools/ans-bg-bot.jpg);
	background-repeat:no-repeat;
	}
#tool-featured {
	margin:10px 0 0 2px;
	width:700px;
	height:200px;
	padding-right:10px;
	}
.tf-prod {
	width:197px;
	height:187px;
	float:left;
	margin-left:23px;
	background-image:url(/images/home-featured-bg.jpg);
	background-repeat:no-repeat;
	}
.tf-img {
	border:none;
	display:block;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:4px;
	}
.tf-img2 {
	border:none;
	padding-left:4px;
	}
#tool-featured p.tf-title {
	font-size:15px;
	font-weight:bold;
	text-align:center;
	margin:12px 0 0px -4px;
	line-height:1em;
	}
#tool-featured p.tf-price {
	font-size:14px;
	font-weight:bold;
	margin-left:-10px;
	margin-bottom:2px;
	text-align:center;
	line-height:1em;
	padding:0 0 5px 10px;
	}
#tool-featured a {
	color:#333333;
	text-decoration:none;
	}

/* Accessories Product Detail (DA Styles)
=========================================================================================== */
.sitemap {
	font-size:130%;
	}
.sitemap a {
	color:#666666;
	}
.sitemap a:visited {
	color:#666666;
	}
.sitemap ul {
	margin-left:10px;
	}
.sitemap a.sitemap-head {
	color:#058DC2;
	font-size:150%;
	}
.sitemap li {
	margin-left:10px;
	padding-bottom:6px;
	}
.sitemap ul li ul {
	margin-top:8px;
	}
.sitemap li li {
	margin-left:10px;
	}
	
/* Landing Page Styles (DA Styles)
=========================================================================================== */
.contentColumn p.lp-title {
	font-size: 170%; 
	font-weight:bold; 
	color:#058dc2; 
	margin-bottom:4px;	
	}
.contentColumn p.lp-txt {
	color:#666666;
	font-size:140%;
	}
.lp-li {
	width:480px;
	background-image:url(/images/lp/tick.jpg);
	background-repeat:no-repeat;
	background-position:2px 2px;
	padding-left:30px;
	margin-left:20px;
	}
.lp-li p.lp-li-title {
	color:#333333;
	font-size:175%;
	padding-bottom:0px;
	}
.lp-li p.lp-li-txt {
	color:#666666;
	font-size:140%;
	}
.lp-li img.lp-tick { 
	float:left;
	}

/* Computer Customisation Tab Area (DA Styles)
=========================================================================================== */
#cust-prices {
	float:right;
	margin-right:6px;
	background-color:#FFFFFF;
	border:3px solid #A1B047;
	padding:3px;
	width:158px;
	}
#cust-prices p {
	color:#333333;
	padding-bottom:4px;
	}
#cust-prices p.title {
	color:#4D4F53;
	font-size:150%;
	font-weight:bold;
	margin-bottom:6px;
	text-align:center;
	}
#cust-prices table.upgrades {
	color:#333333;
	font-size:130%;
	line-height:140%;
	margin:0 0 15px 4px;
	}
table.upgoptions {
	color:#666666;
	font-size:120%;
	line-height:130%;
	margin-bottom:15px;
	}
.upgpri {
	font-weight:bold;
	color:#8C9E42;
	}

.bunupgrade-holder {
background:url("../images/generic/menuBase-bg-upg.jpg") scroll left top #FFFFFF repeat-x;
border:3px solid #A1B047;
display:inline;
float:left;
margin:0 3px 10px 16px;
padding:7px 11px 21px;
position:relative;
width:895px;
}
.bunupgrade-header a {
		float:left;  color:#058DC2; margin-top:8px; text-decoration:underline;
		padding-left:9px; 
	}
#bunupgrade-slide {
	padding:38px 0 0 10px;
	width:650px;
	}	
#bunupgrade-slide p {
color:#666666;
font-size:120%;
line-height:140%;
}
#bunupgrade-slide a.iframe  {
border-bottom:1px dashed #889923;
color:#889923;
text-decoration:none;
}