@import "reset.css";
@import "typography.css";
@import "forms.css";
@import "ui.daterangepicker.css";
@import "/assets/css/redmond/jquery-ui-1.7.1.custom.css";
@import "jquery.fancybox.css";
@import "slickmap.css";

body {
	background:#afafaf url(/assets/images/structure/bg.gif) top left repeat-x;
	padding:10px;
}

#wrapper {
	width:995px;
	margin:0 auto;
	background:#fff url(/assets/images/structure/bodyBg.gif) repeat-x left bottom;
	border-radius:5px 0 0 0;
	-moz-border-radius:5px 0 0 0;
	-webkit-border-top-left-radius:5px;
}
	

#msg {
	background:#712073;
	width:962px;
	color:#fff;
	border-top:1px solid #8D4A8D;
	position:relative;
}

#msg p {
	padding:10px;
}

#msg a {
    color:#fff;
}

#msg p a.close {
	position:absolute;
	right:10px;
	top:10px;
	font-weight:bold;
	color:#fff;
}
	
/*###########################################################################################################################
	##
	## HEADER
	##
	##
	*/
	#header {
		position:relative;
		width:963px;
		padding:30px 16px 0;
	}
	
		#header #logo {
			margin:0 14px 0 0;
		}
		
		#header span {
			float:left;
		}
		
		#header ul#miniNav {
			margin:0;
			list-style:none;
			width:477px;
			height:23px;
			line-height:23px;
			background:url(/assets/images/structure/miniNav.gif) top left no-repeat;
			position:absolute;
			top:0;
			right:0;
			font-size:.8em;
			padding:0 0 0 15px;
		}
			
			#header ul#miniNav li {
				float:left;
			}
				
				#header ul#miniNav li a {
					color:#fff;
					text-decoration:none;
					text-transform:uppercase;
					border-left:1px solid #935595;
					padding:0 0 0 6px;
					margin:0 6px 0 0;
				}
				#header ul#miniNav li:first-child a {
					border-left:none;
				}
				#header ul#miniNav li a:hover {
					color:#6f6f6f;
				}
				
			#header form#login {
				display:block;
				width:466px;
				height:60px;
				float:right;
				padding:5px;
				background:url(/assets/images/structure/login.gif) top left no-repeat;
				font-size:.9em;
				position:relative;
			}
			
				#header form#login h3 {
					float:left;
					color:#fff;
					display:block;
					width:110px;
					height:60px;
					margin:0;
					font-size:1.9em;
				}
				
				#header form#login input#submit {
					display:block;
					height:20px;
					padding:0 10px 4px;
					background:#000 url(/assets/images/structure/forms/btnBlack.gif) top left repeat-x;
					border:1px solid #000;
					-moz-border-radius:2px;
					border-radius:2px;
					-webkit-border-radius:2px;
					color:#fff;
					font-size:.9em;
					float:left;
					margin:0 0 0 10px;
					cursor:pointer;
					text-transform:uppercase;
					width:60px;
				}
				
				#header form#login a {
					float:left;
					color:#fff;
					text-decoration:none;
				}
				
				#header form#login a#forgotten {
					float:right;
					color:#fff;
					text-decoration:none;
					position:absolute;
					right:10px;
					bottom:3px;
				}
				
				#header form#login a#register {
					text-transform:uppercase;
					display:block;
					height:16px;
					padding:2px 8px 0px;
					background:#000 url(/assets/images/structure/forms/btnPurple.gif) top left repeat-x;
					border:1px solid #000;
					-moz-border-radius:2px;
					border-radius:2px;
					-webkit-border-radius:2px;
					font-size:.9em;
					margin:3px 0 0 10px;
				}
				
				#header form#login a#register:hover {
					text-decoration:none;
				}
				
				#header form#login a:hover {
					text-decoration:underline;
				}
				
					#header form#login label.remember input {
						margin:2px 4px 0 0;
						vertical-align:text-bottom;
						padding:0;
					}
				
				#header form#login dl {
					float:left;
					width:280px;
					margin:0;
				}
			
			
			/* Logged In */
			#wrapper #header form.loggedIn a {
				display:block;
				height:15px;
				width:92px;
				color:#722074;
				padding:42px 0 0 0;
				text-align:center;
				margin:0 10px 0 13px;
				background:url(/assets/images/structure/login/icons.png) 50% 4px no-repeat;
			}
			
			#wrapper #header form.loggedIn a.basket {
				background-position: 50% -56px;
			}
			
			#wrapper #header form.loggedIn a.logout {
				background-position: 50% -110px;
			}
			
			/* Nav */
						
			#header ul#mainNav {
				list-style:none;
				margin:0 0 0 -3px;
				padding:0;
				position:relative;
			}
			
				#header ul#mainNav li {
					width:190px;
					height:27px;
					background:url(/assets/images/structure/mainNav.gif) 0 -40px no-repeat;
					margin:10px 0 0 3px;
					float:left;
					text-align:center;
					padding:13px 0 0 0;
					font-size:1.25em;
					overflow:hidden;
					display:inline;
				}
				
				#header ul#mainNav li.active {
					width:190px;
					background:url(/assets/images/structure/mainNav.gif) 0 0 no-repeat;
					padding:5px 0 0 0;
					height:35px;
				}
				
				#header ul#mainNav li:hover,
				#header ul#mainNav li.hover {
					width:190px;
					background:url(/assets/images/structure/mainNav.gif) 0 8px no-repeat;
					padding:13px 0 0 0;
					height:27px;
				}
				
					#header ul#mainNav li a {
						display:block;
						text-decoration:none;
						color:#fff;
						height:40px;
						width:190px;
					}
			#header form#search {
				width:942px;
				background:#712073 url(/assets/images/structure/searchBg.png) top left repeat-x;
				height:26px;
				padding:14px 10px 6px;
			}
			
				#header form#search dl {
					float:left;
				}
				
					#header form#search dl dt {
						width:70px;
					}
						#header form#search dl dt label {
							font-size:1.25em;
							color:#fff;
						}
						
					#header form#search dl dd {
						width:auto;
					}
					
						#header form#search dl dd input {
							width:220px;
						}
					
						#header form#search dl dd input#go {
							display:block;
							height:20px;
							padding:0 10px 4px;
							background:#ff7700 url(/assets/images/structure/forms/btnOrange.gif) top left repeat-x;
							border:1px solid #bd5602;
							-moz-border-radius:2px;
							border-radius:2px;
							-webkit-border-radius:2px;
							width:auto;
							color:#fff;
							font-size:.9em;
							float:left;
							margin:0 0 0 10px;
							cursor:pointer;
							text-transform:uppercase;
						}
			#header form#search a,
			.bigPurple { /* bigPurple is one random button in the entire site */
				width:189px;
				padding:0 10px 0 0;
				height:37px;
				display:block;
				float:right;
				background:url(/assets/images/structure/purpleBtn.png) top left no-repeat;
				margin:-6px 0 0 0;
				text-align:center;
				line-height:30px;
				text-decoration:none;
				font-size:1.15em;
				color:#fff;
				position:relative;
			}
			.bigPurple {
				display:block;
				border:none;
				width:199px;
				margin:0 0 -10px;
				padding:0 10px 10px 0;
				cursor:pointer;
			}
				
			
			#header form#search ul {
				list-style:none;
				margin:none;
				clear:both;
			}
				#header form#search ul li {
					float:left;
					width:181px;
				}
					#header form#search ul li a {
						
						background:url(/assets/images/structure/purpleBtn_small.png) top left no-repeat;
						width:171px;
						margin:0;
					}
	/*###########################################################################################################################
	##
	## CONTENT
	##
	##
	*/
	#content {
		/*background:url(/assets/images/structure/bodyBg.gif) bottom left repeat-x;*/
		padding:10px 16px;
		width:963px;
		position:relative;
	}
	
		#content #navigation {
			width:200px;
			float:left;
			position:relative;
			z-index:6000;
		}
		
			#content #navigation h3 {
				width:200px;
				height:35px;
				background:url(/assets/images/structure/titlebar.png) top left no-repeat;
				color:#fff;
				font-size:1.25em;
				position:relative;
				text-align:center;
				line-height:35px;
				margin:0;
			}
			
				#content #navigation h3 span{
					display:block;
					height:35px;
					background:url(/assets/images/structure/titlebar.png) top right no-repeat;
					position:absolute;
					right:0;
					text-align:left;
					width:186px;
				}
				
			#content #navigation ul#categories {
				margin:0;
				padding:5px;
				border:1px solid #afafaf;
				border-top:none;
				-moz-border-radius:0 0 5px 5px;
				border-radius:0 0 5px 5px;
				-webkit-border-radius:5px;
				-webkit-border-top-left-radius:0;
				-webkit-border-top-right-radius:0;
				background:#fff;
				list-style:none;
				float:left;
				width:188px;
			}
			
			#content #navigation ul.subNav {
				margin:0;
				padding:5px;
				border:1px solid #afafaf;
				border-top:none;
				-moz-border-radius:0 0 5px 5px;
				border-radius:0 0 5px 5px;
				-webkit-border-radius:5px;
				-webkit-border-top-left-radius:0;
				-webkit-border-top-right-radius:0;
				background:#fff;
				list-style:none;
				float:left;
				width:188px;
				font-size:.7em;
			}
			
			
				#content #navigation ul#categories li {
					width:187px;
					background:url(/assets/images/structure/navGloss.png) 0 0 no-repeat;
					margin:0 0 5px;
					-moz-border-radius:3px;
					border-radius:3px;
					-webkit-border-radius:3px;
					height:44px;
					overflow:visible;
					position:relative;
					display:block;
				}
				#content #navigation ul#categories li.active {
					background-position:0 -44px;
					height:auto;
					overflow:visible;
					-moz-border-radius:3px 3px 0 0;
					border-radius:3px 3px 0 0;
					-webkit-border-radius:3px;
					-webkit-border-bottom-left-radius:0;
					-webkit-border-bottom-right-radius:0;
				}
				
					
					#content #navigation ul#categories li.active a {
						-moz-border-radius:3px 3px 0 0;
						border-radius:3px 3px 0 0;
						-webkit-border-radius:3px;
						-webkit-border-bottom-left-radius:0;
						-webkit-border-bottom-right-radius:0;
					}
					#content #navigation ul#categories li a {
						color:#fff;
						display:block;
						width:138px;
						height:29px;
						padding:14px 0 0 47px;
						text-align:center;
						text-decoration:none;
						font-size:1.25em;
						line-height:1.1em;
						border:1px solid #9b9b9b;
						-moz-border-radius:3px;
						border-radius:3px;
						-webkit-border-radius:3px;
						background:url(/assets/images/structure/navSprites.png) no-repeat;
						position:relative;
						clear:both;
					}
					
				#content #navigation ul#categories li.optical 		{ background-color:#c00836; }
				#content #navigation ul#categories li.storage 		{ background-color:#cd7427; }
				#content #navigation ul#categories li.backup 		{ background-color:#a2c742; }
				#content #navigation ul#categories li.av 			{ background-color:#4ea283; }
				#content #navigation ul#categories li.connectivity 	{ background-color:#129ac1; }
				#content #navigation ul#categories li.peripherals 	{ background-color:#5076a2; }
				#content #navigation ul#categories li.server 		{ background-color:#6d5d99; }
				#content #navigation ul#categories li.security 		{ background-color:#8c7b79; }
				
					#content #navigation ul#categories li.optical a 		{ background-position:8px 10px; }
					#content #navigation ul#categories li.storage a 		{ background-position:8px -38px; }
					#content #navigation ul#categories li.backup a 			{ background-position:11px -85px; }
					#content #navigation ul#categories li.av a 				{ background-position:8px -132px; }
					#content #navigation ul#categories li.connectivity a 	{ background-position:8px -182px; }
					#content #navigation ul#categories li.peripherals a 	{ background-position:11px -225px; }
					#content #navigation ul#categories li.server a 			{ background-position:8px -275px; }
					#content #navigation ul#categories li.security a 		{ background-position:8px -325px; }
					
					#content #navigation ul#categories li.security a,
					#content #navigation ul#categories li.backup a,
					#content #navigation ul#categories li.peripherals a,
					#content #navigation ul#categories li.server a{
						padding:4px 0 0 47px;
						height:40px;
					}
					
					#content #navigation ul#categories li:last-child,
					#content #navigation ul#categories li.last {
						clear:both;
					}
					
					#content #navigation ul#categories li ul {
						list-style:none;
						margin:0 0 -1px 0;
						background:#fff;
						padding:1px 0 0 0;
						font-size:.7em;
						position:relative;
						width:188px;
					}
						#content #navigation ul#categories li ul li,
						#content #navigation ul.subNav li {
							background:none;
							border-bottom:1px solid #afafaf;
							height:auto;
							width:187px;
							margin:0;
							position:relative;
						}
						#content #navigation ul#categories li ul li:last-child,
						#content #navigation ul#categories li ul li.last,
						#content #navigation ul.subNav li:last-child,
						#content #navigation ul.subNav li.last{
							border-bottom:none;
						}
							#content #navigation ul#categories li ul li a,
							#content #navigation ul.subNav li a {
								border:none;
								height:auto;
								background:#fff;
								-moz-border-radius:0;
								border-radius:0;
								-webkit-border-radius:0;
								padding:4px 4px 4px 15px;
								color:#323232;
								text-align:left;
								width:168px;
							}
							#content #navigation ul.subNav li a {
								display:block;
								position:relative;
								clear:both;
								font-size:1.25em;
								line-height:1.1em;
								text-decoration:none;
							}
							
							#content #navigation ul#categories li ul li.active,
							#content #navigation ul.subNav li.active {
								overflow:visible;
							}
							
							#content #navigation ul#categories li ul li a:hover,
							#content #navigation ul#categories li ul li a.hover,
							#content #navigation ul#categories li ul li.active a,
							#content #navigation ul.subNav li a:hover,
							#content #navigation ul.subNav li a.hover,
							#content #navigation ul.subNav li.active a,
							#content #navigation ul#categories li ul li.active ul li a:hover,
							#content #navigation ul#categories li ul li.active ul li.active a{
								background:#c8c8c8 url(/assets/images/structure/navArrow.gif) 3px 6px no-repeat;
							}
							
							#content #navigation ul#categories li.peripherals ul li a,
							#content #navigation ul#categories li.backup ul li a,
							#content #navigation ul#categories li.security ul li a, 
							#content #navigation ul#categories li.server ul li a{
								padding:4px 4px 4px 15px;
								height:auto;
							}
							
							#content #navigation ul#categories li ul li ul {
								position:absolute;
								left:187px;
								top:0;
								display:none;
								font-size:1em;
							}
							
							#content #navigation ul#categories li ul li:hover ul,
							#content #navigation ul#categories li ul li.hover ul {
								display:block;
							}
							
									#content #navigation ul#categories li ul li.active ul li a {
										background:#fff;
									}
							
			#content #navigation img#internal {
				border:1px solid #6d6d70;
				-moz-border-radius:5px;
				border-radius:5px;
				-webkit-border-radius:5px;
				margin:10px 0 0 0;
			}
		
		
	/*##
	##
	## Page Content
	##
	*/
	
	#content #pageContent {
		float:left;
		margin:0 0 0 20px;
		width:742px;
		/*position:relative;*/
		z-index:1;
	}
	
		#content #pageContent a {
			color:#722074;
		}
		#content #pageContent a:hover {
			text-decoration:none;
		}
	/* Paging */
	
	
	
		#content #pageContent form.paging {
			width:727px;
		}
			#content #pageContent form.paging fieldset {
				padding:10px;
				background:#e1e1e1;
				border:1px solid #ccc;
				margin:4px 0;
				color:#722074;
			}
				#content #pageContent form.paging fieldset dl {
					float:left;
					width:auto;
					margin:0 10px 10px;
					
				}
					#content #pageContent form.paging fieldset dl dt {
						width:auto;
						clear:none;
						margin:0 10px 0 0;
						font-weight:normal;
					}
					#content #pageContent form.paging fieldset dl dd {
						width:auto;
						margin:0 30px 0 0;
					}
					#content #pageContent form.paging fieldset dl.options dt {
						margin:0 30px 0 0;
					}
					#content #pageContent form.paging fieldset dl.options dd {
						margin:0 5px 0 0;
					}
					#content #pageContent form.paging fieldset dl.options dt.search {
						margin:0 10px 0 0;
					}
				#content #pageContent form.paging fieldset dl.options {
					margin:0;
				}
					
			#content #pageContent form.paging fieldset ul {
				float:right;
			}
			
		#content #pageContent ul.paging {
			list-style:none;
			margin:0;
		}
			#content #pageContent ul.paging li {
				float:left;
				color:#722074;
			}
			#content #pageContent ul.paging li:after {
				content:"/";
			}
			#content #pageContent ul.paging li:first-child:after,
			#content #pageContent ul.paging li:last-child:after{
				content:"";
			}
				#content #pageContent ul.paging li a {
					color:#722074;
					text-decoration:none;
					display:block;
					float:left;
					padding:0 4px;
				}
				#content #pageContent ul.paging li.current a {
					color:#722074;
					text-decoration:underline;
					display:block;
					float:left;
					padding:0 4px;
					font-weight:bold;
				}
				#content #pageContent ul.paging li a:hover {
					text-decoration:underline;
				}
			
	/* Breadcrumb */
	
		#content #pageContent ul#breadcrumb {
			list-style:none;
			margin:0 0 10px;
			color:#323232;
			float:left;
		}
		
			#content #pageContent ul#breadcrumb li {
				float:left;
				margin:0 7px 0 0;
			}
			
			#content #pageContent ul#breadcrumb li:first-child,
			#content #pageContent ul#breadcrumb li.first {
				font-weight:bold;
			}
			
				#content #pageContent ul#breadcrumb li a {
					color:#646464;
					text-decoration:none;
				}
				
				#content #pageContent ul#breadcrumb li a:hover {
					text-decoration:underline;
				}
				
	/* Product Nav Menu */	
	
	.cleartabs{
	height:2px;
	clear:both;
	background:#601760;
	margin-bottom:20px;
	}		
		#content #pageContent ul#categorynavmenu,
		#content #pageContent ul#myaccountnavmenu {
				list-style:none;
				margin:0 0 0 -3px;
				padding:0;
				position:relative;
				clear:both;
				
			}
			
				#content #pageContent ul#categorynavmenu li,
				#content #pageContent ul#myaccountnavmenu li {
					width:120px;
					height:27px;
					background:url(/assets/images/structure/mainNav2.gif) 0 -40px no-repeat;
					margin:0 0 0 3px;
					float:left;
					text-align:center;
					padding:8px 0 0 0;
					font-size:1.25em;
					overflow:hidden;
					display:inline;
				}
				
				#content #pageContent ul#categorynavmenu li.current,
				#content #pageContent ul#myaccountnavmenu li.current {
					width:120px;
					background:url(/assets/images/structure/mainNav2.gif) 0 0 no-repeat;
					padding:5px 0 0 0;
					height:30px;
				}
				
				#content #pageContent ul#categorynavmenu li:hover,
				#content #pageContent ul#categorynavmenu li.hover,
				#content #pageContent ul#myaccountnavmenu li:hover,
				#content #pageContent ul#myaccountnavmenu li.hover {
					width:120px;
					background:url(/assets/images/structure/mainNav2.gif) 0 8px no-repeat;
					padding:8px 0 0 0;
					height:27px;
				}
				
					#content #pageContent ul#categorynavmenu li a,
					#content #pageContent ul#myaccountnavmenu li a {
						display:block;
						text-decoration:none;
						color:#fff;
						height:25px;
						width:120px;
						padding:4px 0 0 0;
					}
					
					ul#myaccountnavmenu li a {
						
						font-size:8pt;
						line-height:8pt;
						padding:4px 0 0;
						
					}
					
					#content #pageContent ul#categorynavmenu li.datasheet a {
						background:transparent url(/assets/images/pdf.gif) no-repeat 5px 50%;
						height:25px;
						padding:4px 0 0 5px;
					}
		
				
	/* Intro */
	
		#content #pageContent div.intro {
			width:485px;
			height:216px;
			padding:10px 15px;
			float:left;
			position:relative;
		}
		#content #pageContent div#home { background:url(/assets/images/structure/intro.png) top left no-repeat; }
		#content #pageContent div#consumer { background:url(/assets/images/structure/consumer.png) top left no-repeat; }
		#content #pageContent div#business { background:url(/assets/images/structure/business.png) top left no-repeat; }
		
			
			#content #pageContent div.intro div#introText {
				width:360px;
				float:left;
				padding:10px 0;
			}
			
				#content #pageContent div.intro div#introText p {
					width:336px;
					font-size:.9em;
					line-height:1.3em;
					margin:0 0 1.3em;
				}
				
				#content #pageContent div.intro div#introText a {
					color:#fff;
					text-transform:uppercase;
					font-size:.9em;
					background:url(/assets/images/structure/forms/btnPurple.gif) top left repeat-x;
					-moz-border-radius:2px;
					-webkit-border-radius:2px;
					border-radies:2px;
					text-decoration:none;
					padding:2px 10px;
					line-height:18px;
				}
				
				#content #pageContent div.intro div#introText a.findMore {
					position:absolute;
					bottom:5px;
					line-height:15px;
				}

			
			#content #pageContent div.intro div#aside {
				width:125px;
				float:left;
			}
			
				#content #pageContent div.intro div#aside h3 {
					margin:0 0 7px 0;
					font-weight:bold;
				}
				
				#content #pageContent div.intro div#aside span {
					text-transform:uppercase;
					font-weight:bold;
				}
				
				#content #pageContent div.intro div#aside a {
					color:#722074;
					font-size:.9em;
					text-decoration:none;
				}
				
				#content #pageContent div.intro div#aside a:hover {
					text-decoration:underline;
				}
				
	/* Small Ads */
		#content #pageContent img.smallAds {
			background-position:center center;
			background-repeat:no-repeat;
			float:left;
			margin:0 0 4px 10px;
		}
		
	/* Categories */
		#content #pageContent div#pageCategories {
			margin:0 0 0 -10px;
			width:736px;
			position:relative;
		}
			#content #pageContent div#pageCategories div.category {
				width:358px;
				margin:6px 0 4px 10px;
				height:146px;
				float:left;
				background:url(/assets/images/structure/sections.png) top left no-repeat;
			}
			
			#content #pageContent div#pageCategories div.optical 		{ background-position:0 0; }
			#content #pageContent div#pageCategories div.storage 		{ background-position:0 -588px; }
			#content #pageContent div#pageCategories div.backup 		{ background-position:0 -147px; }
			#content #pageContent div#pageCategories div.av 			{ background-position:0 -441px; }
			#content #pageContent div#pageCategories div.connectivity 	{ background-position:0 -294px; }
			#content #pageContent div#pageCategories div.peripherals 	{ background-position:0 -1029px; }
				#business #content #pageContent div#pageCategories div.peripherals 	{ background-position:-108px -1029px; }
			#content #pageContent div#pageCategories div.server 		{ background-position:0 -735px; }
			#content #pageContent div#pageCategories div.security 		{ background-position:0 -882px; }
			
				#content #pageContent div#pageCategories div.category h2 {
					color:#fff;
					display:block;
					float:left;
					font-size:1.25em;
					height:136px;
					line-height:1em;
					padding:10px 2px 0;
					position:relative;
					text-align:center;
					width:103px;
					cursor:pointer;
				}
				
				#content #pageContent div#pageCategories div.category div.description {
					height:126px;
					width:231px;
					background:url(/assets/images/structure/sectionsBg.png) top right no-repeat;
					float:left;
					padding:10px;
					font-size:0.9em;
				}
				
					#content #pageContent div#pageCategories div.category div.description p {
						margin:0 0 1em;
					}
					
						#content #pageContent div#pageCategories div.category div.description p a {
							color:#722074;
							text-decoration:none;
						}
						#content #pageContent div#pageCategories div.category div.description p a:hover {
							text-decoration:underline;
						}
				
					#content #pageContent div#pageCategories div.category div.description h4 {
						background:#e1e1e1;
						border-top:1px solid #c8c8c8;
						border-bottom:1px solid #c8c8c8;
						font-size:0.9em;
						color:#646464;
						padding:1px 0 1px 7px;
						margin:0 0 10px;
					}
					
					#content #pageContent div#pageCategories div.category div.description div.logos {
						display:table-cell; /* ie6 can suffer this one */
						vertical-align:middle;
					}
						#content #pageContent div#pageCategories div.category div.description div.logos img {
							vertical-align:middle;
							float:none;
							margin:-5px 12px 0 0;
						}
		
		/* News */
		#content #pageContent #news {
			position: relative;
			float: left;
			left: 0px;
			top: 0px;
			margin: 0px 0px 20px 0px;
			padding: 0;
			width: 100%;
		}
		
			#content #pageContent #news li {
				position: relative;
				float: left;
				list-style: none;
				height: 45px;
				line-height: 45px;
				vertical-align: middle;
				background-image: url(/assets/images/misc/fieldset_bg.gif);
				background-repeat: repeat-x;
				width: 100%;
				display: block;
				text-indent: 10px;
				border-bottom: 1px solid #cccccc;
			}
		
				#content #pageContent #news li a {
					position: relative;
					float: left;
					left: 0px;
					top: 0px;
					margin: 0;
					padding: 0;
					width: 100%;
				}
				
				#presspaging li {
					border:1px solid #CFCFCF;
					display:inline;
					list-style-type:none;
					margin-right:5px;
					padding:3px 8px;
				}
		
					#content #pageContent #news li a img {
						position: absolute;
						float: right;
						right: 0px;
						top: 0px;
						margin: 4px;
						padding: 0;
						border: 1px solid #cccccc;
					}
	
		#content #pageContent #news a {
			color:#722074;
			text-decoration:none;
		}
		#content #pageContent #news a:hover {
			text-decoration:underline;
		}
		
		#content #pageContent img.contentimage {
			border:1px solid #722074;
			padding:1px;
			background:#fff;
			margin:0 10px 10px 0;
		}
		
			#content #pageContent.newsItem img.contentimage {
				float:right;
				margin:0 0 10px 10px;
			}
			
			#content #pageContent #news div#relateditems{
			clear:both;
			}
		
		/* Price List Table */
		
		table#priceList {
			font-size:79%;
			margin:10px 0 0 0;
		}
		
		table#priceList tbody tr td form fieldset,
		table#priceList tbody tr td form fieldset dl,
		table#priceList tbody tr td form fieldset dl dt,
		table#priceList tbody tr td form fieldset dl dd {
			width:auto;
			margin:0;
			padding:0;
			background:none;
			border:none;
		}
		
		#content #pageContent div.sponsor {
			margin:0 0 10px 0;
			float:left;
		}
		

		
/*###########################################################################################################################
	##
	## PRODUCT PAGES
	##
	##
	*/
		
		#content #pageContent div.whitebox,
		#content #pageContent div.purplebox {
			float: left;
			width: 361px;
			margin: 0px 8px 8px 0px;
		}
		
			#content #pageContent div.whitebox h1,
			#content #pageContent div.purplebox h1 {
				width: 361px;
				display:block;
				height:30px;
				overflow:hidden;
				font-size:1em;
				background:url(/assets/images/structure/products/productNameBg.gif) top left no-repeat;
				line-height:30px;
				text-indent:10px;
				margin:0;
			}
			#content #pageContent div.whitebox h1 { background-position:bottom left; }
			
				#content #pageContent div.whitebox h1 a,
				#content #pageContent div.purplebox h1 a {
					text-decoration:none;
				}
				
				#content #pageContent div.purplebox h1 a {
					color:#fff;
				}
				
			#content #pageContent div.purplebox div.productInfo,
			#content #pageContent div.whitebox div.productInfo {
				overflow:hidden;
				line-height:normal;
				
				height:90px;
			}
					#content #pageContent div.purplebox div.productInfo a img,
					#content #pageContent div.whitebox div.productInfo a img {
						float:right;
					
					}
				
			#content #pageContent div.purplebox div.productInfo,
			#content #pageContent div.purplebox div.productDescription,
			#content #pageContent div.whitebox div.productInfo,
			#content #pageContent div.whitebox div.productDescription {
				border-left:1px solid #afafaf;
				border-right:1px solid #afafaf;
				background:#fff;d
				padding:3px 6px 6px 6px;
				position:relative;
				zoom:1;
			}
			
			#content #pageContent div.purplebox div.productDescription,
			#content #pageContent div.whitebox div.productDescription {
				height:42px;
				clear:both;
				font-size:.9em;
			}
			
				#content #pageContent div.purplebox div.productInfo p,
				#content #pageContent div.purplebox div.productDescription p,
				#content #pageContent div.whitebox div.productInfo p,
				#content #pageContent div.whitebox div.productDescription p {
					margin:0;
					padding:5px;
						
				}
				
				#content #pageContent div.purplebox div.productInfo p,
				#content #pageContent div.whitebox div.productInfo p {
					float:left;
					width:50%;
					padding:0;
					margin:0 0 0 8px;
					
					font-size:0.9em;
				}
				
				#content #pageContent div.purplebox div.productInfo img.productIcon,
				#content #pageContent div.whitebox div.productInfo img.productIcon {
					position:relative;
					top:5px;
					left:3px;
					z-index:5;
				}
				
				#content #pageContent div.purplebox div.buy,
				#content #pageContent div.whitebox div.buy {
					background:#040404 url(/assets/images/structure/products/detailsBg.gif) top left repeat-x;
					border-radius:0 0 5px 5px;
					-moz-border-radius:0 0 5px 5px;
					-webkit-border-top-left-radius:0;
					-webkit-border-top-right-radius:0;
					-webkit-border-bottom-left-radius:5px;
					-webkit-border-bottom-right-radius:5px;
					padding:6px;
					color:#fff;
					height:52px;
					width:349px;
				}
				
					#content #pageContent div.purplebox div.buy form,
					#content #pageContent div.whitebox div.buy form {
						width:65px;
						float:right;
						margin:2px 10px 0 0;
					}
					
						#content #pageContent div.purplebox div.buy form fieldset,
						#content #pageContent div.whitebox div.buy form fieldset {
							border:none;
							background:none;
							padding:0;
							margin:0;
						}
					
					#content #pageContent div.purplebox div.buy p,
					#content #pageContent div.whitebox div.buy p {
						width:255px;
						float:left;
					}
					
					#content #pageContent div.purplebox div.buy a,
					#content #pageContent div.whitebox div.buy a {
						color:#fff;
					}
					
					#content #pageContent div.purplebox div.buy span,
					#content #pageContent div.whitebox div.buy span {
						display:block;
						float:right;
						font-size:0.9em;
						margin:10px 15px 0 0;
						text-align:center;
						width:70px;						
					}
					
						#content #pageContent div.purplebox div.buy form dl,
						#content #pageContent div.whitebox div.buy form dl {
							margin:0;
						}
							#content #pageContent div.purplebox div.buy form dl dt,
							#content #pageContent div.whitebox div.buy form dl dt {
								width:24px;
								margin:0 5px 0 0;
							}
							
								#content #pageContent div.purplebox div.buy form dl dd,
								#content #pageContent div.whitebox div.buy form dl dd,
									#content #pageContent div.purplebox div.buy form dl dd input,
									#content #pageContent div.whitebox div.buy form dl dd input{
									width:30px;
								}
							
						#content #pageContent div.purplebox div.buy form input.submit,
						#content #pageContent div.whitebox div.buy form input.submit {
							display:block;
							width:66px;
							/*height:20px;*/
							padding:4px 3px 4px 3px;
							text-align:center;
							background:#000 url(/assets/images/structure/forms/btnPurple.gif) top left repeat-x;
							border:1px solid #000;
							color:#fff;
							font-size:.85em;
							float:right;
							margin:0;
							cursor:pointer;
							text-transform:uppercase;
						}
						
					#content #pageContent div.purplebox div.buy table,
					#content #pageContent div.whitebox div.buy table {
						width:255px;
						float:left;
						margin:0;
						border-collapse:collapse;
					}
						#content #pageContent div.purplebox div.buy table thead tr th,
						#content #pageContent div.whitebox div.buy table thead tr th {
							background:none;
							text-align:center;
							border-left:1px solid #969696;
							border-right:1px solid #969696;
							padding:0 5px;
						}
						
                        #content #pageContent div.purplebox div.buy table thead tr th.naprice,
                        #content #pageContent div.purplebox div.buy table tr td.naprice,
                        #content #pageContent div.whitebox div.buy table thead tr th.naprice,
                        #content #pageContent div.whitebox div.buy table tr td.naprice {
                            text-decoration: line-through;
                        }

						#content #pageContent div.purplebox div.buy table thead tr th.yourprice,
						#content #pageContent div.whitebox div.buy table thead tr th.yourprice {
							background:#969696;
						}
						
						#content #pageContent div.purplebox div.buy table tbody tr.prices td,
						#content #pageContent div.whitebox div.buy table tbody tr.prices td {
							text-align:center;
							border-left:1px solid #969696;
							border-right:1px solid #969696;
						}
						
						#content #pageContent div.purplebox div.buy table tbody tr.prices td:first-child,
						#content #pageContent div.whitebox div.buy table tbody tr.prices td:first-child,
						#content #pageContent div.purplebox div.buy table thead tr th:first-child,
						#content #pageContent div.whitebox div.buy table thead tr th:first-child,
						#content #pageContent div.purplebox div.buy table tbody tr.prices td.first,
						#content #pageContent div.whitebox div.buy table tbody tr.prices td.first,
						#content #pageContent div.purplebox div.buy table thead tr th.first,
						#content #pageContent div.whitebox div.buy table thead tr th.first{
							border-left:none;
						}
						
		#content #pageContent #vendorDescription {
			-moz-border-radius:5px;
			-webkit-border-radius:5px;
			border-radius:5px;
			background:#E1E1E1;
			border:1px solid #ccc;
			color:#722074;
			margin:10px 0;
			padding:10px;
			width:707px;
		}
		
			#content #pageContent #vendorDescription h1 {
				font-size:1.3em;
				font-weight:bold;
			}
				#content #pageContent #vendorDescription h1 a {
					text-decoration:none;
					display:block;
					-moz-border-radius:5px;
					-webkit-border-radius:5px;
					border-radius:5px;
					background:#eee;
					border:1px solid #ccc;
					color:#722074;
					padding:4px 10px;
				}
				#content #pageContent #vendorDescription h1 a:hover {
					background:#fff;
				}
			#content #pageContent #vendorDescription img {
				margin:0 10px 10px 0;
				padding:1px;
				border:1px solid #722074;
				background:#fff;
			}
						
		#content #pageContent h2.refine {
			margin:0;
			padding:0;
			font-size:1.2em;
			color:#fff;
			background:url(/assets/images/structure/products/refine.png) top left no-repeat;
			width:707px;
			height:28px;
			line-height:28px;
			padding:0 10px;
		}
		
		#content #pageContent div#refine {
			border:1px solid #9fb1af;
			border-top:none;
			-moz-border-radius:0 0 5px 5px;
			border-radius:0 0 5px 5px;
			-webkit-border-radius:5px;
			-webkit-border-top-left-radius:0;
			-webkit-border-top-right-radius:0;
			padding:10px;
			width:705px;
		}
		#content #pageContent div#refine h3 {
			font-size:1.2em;
			font-weight:bold;
		}
			#content #pageContent div#refine h3 a {
				font-size:.75em;
				text-decoration:none;
				font-weight:normal;
			}
			#content #pageContent div#refine h3 a:hover {
				text-decoration:underline;
			}
		
		#content #pageContent div#refine ul {
			list-style:none;
			margin:0 0 10px;
			padding:0 0 10px;
			font-size:0.9em;
			width:705px;
		}
		
			#content #pageContent div#refine ul li {
				float:left;
				margin:0 10px 0 0;
			}
				#content #pageContent div#refine ul li a {
					text-decoration:none;
				}
				#content #pageContent div#refine ul li a.selected {
					padding:0 0 0 20px;
					font-weight:bold;
					background:url(/assets/images/structure/delete.png) center left no-repeat;
				}
				#content #pageContent div#refine ul li a:hover {
					text-decoration:underline;
				}
				
			#content #pageContent div#refine ul#manufacturertab li {
				text-align:center;
			}
			#content #pageContent div#refine ul {
				border-bottom:1px solid #9fb1af;
			}
			
			#content #pageContent div#refine ul:last-child,
			#content #pageContent div#refine ul.last {
				border-bottom:none;
			}
			
			
			
		/* Product detail */
		
		#content #pageContent div.productinformation div.productimage,
		#content #pageContent div.productinformation div.productdetails{
			float:left;
		}
		#content #pageContent div.productinformation div.productimage {
			width:200px;
			margin:0 30px 0 0;
		}
		#content #pageContent div.productinformation div.productdetails {
			width:470px;
		}
			#content #pageContent div.productinformation div.productdetails div.productpanel {
				background:transparent url(/assets/images/structure/products/tableBg.png) top left no-repeat;
				margin:10px 0;
				padding:10px;
				width:450px;
			}
			
			#content #pageContent div.productinformation div.productdetails div.productpanel table {
				position: relative;
				margin: 0px 0px 10px 0px;
				padding: 0;
				width: 100%;
			
				color: #722074;
			}
			
					#content #pageContent div.productinformation div.productdetails div.productpanel table tr.prices td {
						color: #722074;
						font-weight: bold;
					
					}
					
                    #content #pageContent div.productinformation div.productdetails div.productpanel table tr td.naprice {
                        text-decoration: line-through; 
                    }

					#content #pageContent div.productinformation div.productdetails div.productpanel table tr td.yourprice {
						background-color: #722074;
						color: #ffffff;
					}
					
					#content #pageContent div.productinformation div.productdetails div.productpanel table tr.prices td.yourprice {
						color: #ffffff;
					}
					
					#content #pageContent div.productinformation div.productdetails div.productpanel table tr td {
						border-bottom: none;
						border-right: 1px solid #722074;
					}
			
				#content #pageContent div.productinformation div.productdetails div.productpanel table tr:hover {
					background-color: transparent;
				}
				
			#content #pageContent div.productinformation div.productdetails div.productpanel div.instock {
				position: relative;
				width: 32%;
				float:left;
			}
			
			#content #pageContent div.productinformation div.productdetails div.productpanel form fieldset {
				border:none;
				padding:0;
				margin:0;
				background:none;
			}
				#content #pageContent div.productinformation div.productdetails div.productpanel form fieldset dl {
					float:right;
					margin:0;
				}
				
					#content #pageContent div.productinformation div.productdetails div.productpanel form fieldset dl dt {
						width:auto;
						margin:0 10px 0 0;
					}
					
					#content #pageContent div.productinformation div.productdetails div.productpanel form fieldset dl dd {
						width:auto;
					}

.featured {
background-image:url(/assets/images/contentboxes/featured_bottom.gif);
background-position:left bottom;
background-repeat:no-repeat;
float:left;
left:0;
margin:0 2px 20px;
overflow:hidden;
padding:0;
position:relative;
top:0;
width:176px;
}
.featured .top {
background-image:url(/assets/images/contentboxes/featured_top.gif);
background-repeat:no-repeat;
float:left;
height:108px;
left:0;
margin:0;
overflow:hidden;
padding:10px 0 0;
position:relative;
text-align:center;
top:0;
width:176px;
}
.featured .top img {
	float:none;
}
.featured .middle {
float:left;
font-size:0.85em;
height:110px;
left:0;
letter-spacing:normal;
line-height:14px;
margin:0;
padding:10px;
position:relative;
text-align:left;
top:0;
width:156px;
}
.featured .middle h3 {
color:#750073;
display:block;
font-size:140%;
font-weight:normal;
letter-spacing:-1px;
line-height:normal;
margin:0;
padding:0;
width:100%;
}
.featured .middle p {
margin:0;
padding:0;
}
.featured .bottom {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#712073 url(/assets/images/structure/searchBg.png) repeat-x scroll left top;
bottom:0;
float:left;
font-size:1.2em;
height:40px;
left:0;
margin:0;
padding:5px;
position:relative;
width:166px;
}
.featured .bottom .price {
color:#FFFFFF;
float:left;
font-size:0.85em;
height:40px;
left:0;
margin:0;
padding:0;
position:relative;
text-align:center;
top:0;
width:85px;
line-height:40px;
}
.featured .bottom .price .introtext {
color:#D59AD4;
font-size:0.85em;
}
.featured .bottom .buynow {
float:right;
font-size:0.8em;
height:37px;
margin:0;
padding:10px 0 0;
position:relative;
right:0;
text-align:center;
top:0;
width:80px;
}
.featured .bottom .buynow a {
color:#FFFFFF;
}



#content #pageContent div.virtualCat {
	width:732px;
	height:185px;
	background:url(/assets/images/virtual-categories/backgrounds.png) no-repeat;
	overflow:hidden;
	font-size:.9em;
	color:#831f3c;	
}

#content #pageContent div.optical {
	background-position:0 -1391px;
}
#content #pageContent div.storage {
	background-position:0 -1188px;
}
#content #pageContent div.backup {
	background-position:0 -974px;
}
#content #pageContent div.av {
	background-position:0 -776px;
}
#content #pageContent div.connectivity {
	background-position:0 -584px;
}
#content #pageContent div.peripherals {
	background-position:0 -380px;
}
#content #pageContent div.server {
	background-position:0 -187px;
}



	#content #pageContent div.virtualCat > h1 {
		color:#fff;
		margin:10px 0 0 20px;
	}

	#content #pageContent div.virtualCat div.description {
		padding:20px 10px 20px 10px;
	}
		#content #pageContent div.virtualCat div.description h1 {
			font-size:1.5em;
			color:inherit;
			*color:expression(this.parentNode.currentStyle.color);
			font-weight:bold;
			margin:0 0 10px 0;
		}
	
		#content #pageContent div.virtualCat div.description #person {
			float:left;
			text-align:center;
			margin:0 10px 0 0;
			font-size:0.8em;
			width:150px;
			overflow:hidden;
			line-height:12px;
		}
			#content #pageContent div.virtualCat div.description #person img {
				display:block;
				float:none;
				margin:0 auto;
			}
	

#content #pageContent #manufacturers {
	background:#fff;
	border:1px solid #cecece;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	width:728px;
	margin:10px 0 0 0;
}
	#content #pageContent #manufacturers h2 {
		background:#907e7b url(/assets/images/virtual-categories/shadowMan.png) bottom left repeat-x;
		-moz-border-radius:5px 5px 0 0;
		-webkit-border-radius:5px;
		-webkit-border-bottom-left-radius:0;
		-webkit-border-bottom-right-radius:0;
		border-radius:5px 5px 0 0;
		font-size:1em;
		color:#fff;
		padding:5px;
	}
	#content #pageContent #manufacturers h2.optical {
		background-color:#c72041;
	}
	#content #pageContent #manufacturers h2.storage {
		background-color:#d47828;
	}
	#content #pageContent #manufacturers h2.backup {
		background-color:#98b64d;
	}
	#content #pageContent #manufacturers h2.av {
		background-color:#4ea687;
	}
	#content #pageContent #manufacturers h2.connectivity {
		background-color:#199ec4;
	}
	#content #pageContent #manufacturers h2.peripherals {
		background-color:#5278a5;
	}
	#content #pageContent #manufacturers h2.server {
		background-color:#6f5f9b;
	}
	
	
	#content #pageContent #manufacturers .manu {
		float:left;
		padding:10px;
	}
	/*###########################################################################################################################
	##
	## FOOTER
	##
	##
	*/
	#footer {
		background:#000 url(/assets/images/structure/footerRound.gif) bottom left no-repeat;
		width:963px;
		padding:10px 16px;
		font-size:.9em;
		color:#fff;
		position:relative;
	}
	
		#footer ul#footNav {
			width:961px;
			height:27px;
			line-height:27px;
			background:url(/assets/images/structure/footerNav.png) top left no-repeat;
			list-style:none;
			margin:0 0 10px;
			padding:0;
		}
			
			#footer ul#footNav li {
				float:left;
				border-left:1px solid #fff;
				border-right:1px solid #515151;
				height:26px;
			}
			
			#footer ul#footNav li:first-child,
			#footer ul#footNav li.first {
				border-left:none;
			}
			#footer ul#footNav li:last-child,
			#footer ul#footNav li.last {
				border-right:none;
			}
				#footer ul#footNav li a {
					color:#323232;
					text-decoration:none;
					display:block;
					padding:0 34px;
					position:relative;
				}
				#footer ul#footNav li a:hover {
					text-decoration:underline;
				}
		
		#footer ul#defaultLinks {
			position:absolute;
			right:16px;
			top:47px;
			text-align:right;
			list-style:none;
			margin:0;
		}
			#footer ul#defaultLinks li a {
				color:#fff;
				text-decoration:none;
			}
			#footer ul#defaultLinks li a:hover {
				text-decoration:underline;
			}
			
/*#####################################################################################################################
	##
	## promoButtons	
	##
	##
	*/				

#promoButtons {
	margin:20px 0 0 -10px;
	
}
#promoButtons a {
	display:block;
	width:38%;
	height:52px;
	background:#c00836 url(/assets/images/structure/promoGrad.png) top left repeat-x;
	float:left;
	position:relative;
	border:1px solid #afafaf;
	margin:0 0 0 10px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;

	line-height:52px;
	font-size:1.5em;
	padding:10px 60px 10px 10px;
	color:#fff !important;
	text-decoration:none;
}


	#promoButtons a img {
		position:absolute;
		right:4px;
		top:4px;
	}
	
	#promoButtons.optical a 		{ background-color:#c00836; }
	#promoButtons.storage a		{ background-color:#cd7427; }
	#promoButtons.backup a		{ background-color:#a2c742; }
	#promoButtons.av a			{ background-color:#4ea283; }
	#promoButtons.connectivity a { background-color:#129ac1; }
	#promoButtons.peripherals a 	{ background-color:#5076a2; }
	#promoButtons.server a		{ background-color:#6d5d99; }
	#promoButtons.security a		{ background-color:#8c7b79; }
			
			
			
/*###########################################################################################################################
	##
	## Generic Classes
	##
	##
	*/			
			
			
			
			
/* Fieldset hover reset to nothing */
table#priceList tbody tr td form fieldset:hover,
table#priceList tbody tr td form fieldset.fieldsetBg,
#content #pageContent div.productinformation div.productdetails div.productpanel form fieldset:hover,
#content #pageContent div.productinformation div.productdetails div.productpanel form fieldset.fieldsetBg{
	background:none;
}

a.fancy {
	text-decoration:none;
	height:22px;
}

div.productdetails ul {
	padding:0 1.5em 0;
}

div#flipbook {
	float:right;
	margin:0 0 10px 10px;
}