@charset "utf-8";
/* CSS Document */

.headerContainer, .headerContainerG, .footerContainer, .footerContainerG {margin:0px !important;}
#form1 {margin:0px;}

#form1 .TestPage1 {
	/*background-color:#fff;*/
	background:#fff url(https://img.cdw.com/content/segments/microsites/LeftNavPointer_selected.gif) 29px -1px no-repeat;
	border:1px solid #ccc;	
	border-right:none;
	color:#5f7690;
	font-weight:bold;
	cursor:default;
}

#form2 .TestPage2 {
	background-color:#fff;
	border:1px solid #ccc;	
	border-right:none;
	color:#5f7690;
	font-weight:bold;
	cursor:default;
}

#form3 .TestPage3 {
	background-color:#fff;
	border:1px solid #ccc;	
	border-right:none;
	color:#5f7690;
	font-weight:bold;
	cursor:default;
}

#form4 .TestPage4 {
	background-color:#fff;
	border:1px solid #ccc;	
	border-right:none;
	color:#5f7690;
	font-weight:bold;
	cursor:default;
}
	
#form5 .TestPage5 {
	background-color:#fff;
	border:1px solid #ccc;	
	border-right:none;
	color:#5f7690;
	font-weight:bold;
	cursor:default;
}
	
#form6 .TestPage6 {
	background-color:#fff;
	border:1px solid #ccc;	
	border-right:none;
	color:#5f7690;
	font-weight:bold;
	cursor:default;
}

#form7 .TestPage7 {
	background-color:#fff;
	border:1px solid #ccc;	
	border-right:none;
	color:#5f7690;
	font-weight:bold;
	cursor:default;
}
		
#form8 .TestPage8 {
	background-color:#fff;
	border:1px solid #ccc;	
	border-right:none;
	color:#5f7690;
	font-weight:bold;
	cursor:default;
}
	
#form9 .TestPage9 {
	background-color:#fff;
	border:1px solid #ccc;	
	border-right:none;
	color:#5f7690;
	font-weight:bold;
	cursor:default;
}

#form10 .TestPage10 {
	background-color:#fff;
	border:1px solid #ccc;	
	border-right:none;
	color:#5f7690;
	font-weight:bold;
	cursor:default;
}
			
.boxcontent {display:none;}

.microsites {
	margin:0px;
	font-size:12px;
}

.hdrDrkBlue {
	height:33px;	
	background:#445366;
	color:#fff;	
	margin:0 0 10px;
}

.hdrDrkBlue h2 {
	font-size:14px;
	font-weight:bold;	
	padding:0px;
	margin:9px 0 0 9px;
	float:left;
}

.hdrDrkBlue img {
	margin:0 9px 0 0;
	float:right;
}

.margin0 {margin:0;}

.colmn176 {
	width:176px; 
	padding:0px; 
	float:left;
}

.col764 {
	height:auto;
	.height:1%;
	width:764px;
	background:#fff;
	float:left;
}

.col290 {
	width:290px; 
	margin:0px; 
	float:left;
}

.col438 {
	width:438px; 
	margin:0 0 0 1px; 
	float:left;
}

.row3 {	
	font-size:12px;
	height:auto;
	.height:1%;
	margin:0 0 15px 0;
	padding:0 10px;
}

.row2 {	
	font-size:12px;
	height:auto;
	.height:1%;
	margin:0 10px 15px;
}

.row2 {background:#f8f7f3 url(https://img.cdw.com/content/segments/microsites/sol_left_nav_bg.jpg) 166px 0px repeat-y;}
/******************HERO*****************************/
#hero {
	height:280px;
	position:relative;
} 
.tooltip { 
	display:none; 
	background:transparent url(https://img.cdw.com/content/segments/microsites/tooltip_bg.png); 
	font-size:12px; 
	height:118px;
	.height:178px;
	width:248px;
	.width:288px;
	padding:30px 20px; 
	color:#fff; 
	z-index:3000;
}

.tooltip span {font-weight:bold;}
.tooltip p {margin-bottom:5px;}
.tooltip p a {color:#fff !important; font-weight:bold; outline:none; text-decoration:underline;}
.tooltip a:hover {color:#fff; text-decoration:underline;}

.tooltip ul li { list-style:square;}
.tooltip ul li a {color:#fff !important;}

a.demo{
	width:80px;
	height:80px;
	display:block;
	border:none;
	text-decoration:none;
}


a:hover {text-decoration:none; cursor:pointer;}
/**************************TABS******************************/
ul.tabs { 
	margin:0 0 60px !important; 
	padding:0;
	float:left;
}

ul.tabs li {
	width:176px; 
	padding:0; 
	margin:0;  
	list-style-type:none;	
}

ul.tabs a { 
	font-size:12px;
	display:block;
	padding:6px 0px 6px 15px;	
	text-decoration:none;
	outline:none;
}

ul.tabs a.TestPage1 {background:url(https://img.cdw.com/content/segments/microsites/LeftNavPointer_on.gif) 30px -1px no-repeat;}
ul.tabs a.TestPage1:hover {background:#ededed url(https://img.cdw.com/content/segments/microsites/LeftNavPointer_hover.gif) 30px -1px no-repeat;}

ul.tabs a:hover {
	background-color:#ededed;
	color:#333;
	outline:none;
}
	
ul.tabs a.current {
	background-color:#fff;
	border:1px solid #ccc;	
	border-right:none;
	color:#5f7690;
	font-weight:bold;
	cursor:default;
}

.panes { 
	.height:0.01%;
	border-right: 1px solid #ccc; 
	border-bottom:1px solid #ccc;
	padding:15px;
	display:block;
}

.TopicHeaderContent {margin:0px;}
.TopicHeaderContent h1 {color:#445366; margin-bottom:2px;}
.TopicHeaderContent h2 { margin-bottom:5px; font-size:14px; font-weight:normal;}
.TopicHeaderContent img {margin:0 20px 20px 0; float:left;}
.TopicHeaderContent p {padding:6px 0;}
/***AD UNITS***/
.adunit {
	width:162px;
	border:1px solid #ccc;
	background:#fff;
	margin:0 0 7px 5px;
	position:relative;
}

.adunit .content {padding:5px;}

.adunit .content a {color:#0071BD !important;}

.adunit h4 {
	font-size:13px;
	color:#405062;
}

.adunit h5 {
	font-size:12px;
	font-weight:normal;
}
/**********************PRODUCT CAROUSEL*********************/
.productCarousel {
	width:733px; 
	height:auto; 
	font-size:12px;
	margin:0px;
	padding:12px 0 0 0;
	position:relative;
	overflow:hidden;
}

/*Controls*/
a.prev, a.next, a.prevPage, a.nextPage {
	display:block;
	width:auto;
	height:18px;
	font-size:13px;
	background:url(https://img.cdw.com/content/modules/product-carousel/left_red.gif) 0% 3px no-repeat;
	float:left;
	margin:0px;
	text-decoration:underline;
	cursor:pointer;
}

a.disabled {
	visibility:hidden !important;
}

a.next, a.nextPage {
	background:url(https://img.cdw.com/content/modules/product-carousel/right_red.gif) 100% 3px no-repeat;
	margin:2px 0 0 0;
	padding:0 10px 0 0;
	clear:right;
}


a.prevPage {
	margin:2px 0 0 230px;
	padding:0 0 0 10px;
	display:inline;
	float:left;
}


div.navi {
	width:auto;
	height:20px;
	margin:0px 5px;
	float:left;
}



div.navi a {
	width:12px;
	height:11px;
	float:left;
	margin:5px 3px 0px;
	background:url(https://img.cdw.com/content/modules/product-carousel/navigator_red.gif) 0% 0% no-repeat;
	overflow:hidden;
	cursor:pointer;
}


div.navi a:hover {
	background-position:0 -12px;
}

div.navi a.active {
	background-position:0 -24px;
}


div.scrollable {
	background:#fff;
	padding-top:18px;
	overflow:hidden;
	width: 750px;
	height:240px;
	.height:260px;
	margin:0px;
	clear:both;
}


/*Products*/
#products {
	position:absolute;
	width:30000em;
	clear:both;
}

#products .product {
	float:left;
	width:185px;
	/*height:260px;*/
}

#products .content {
	height:230px;
	padding:0px 5px;
	border-right:1px solid #d6d3ce;
}

#products .productImg {
	height:126px;
	background:url(https://img.cdw.com/content/modules/product-carousel/bg_grad.jpg) repeat-x;
	text-align:center;
	margin:0 0 8px 0;
}

#products a {
	color:#333;
	text-decoration:none;
	background:url(https://img.cdw.com/global/arrows/arrow-orange-right-trans.gif) 0 4px no-repeat;
	padding-left:10px!important;
	outline:none;
}

#products li {list-style-type:none;}

#products ul {margin:0; padding:0 0 0 18px;}

#products .product ul p {font-size:11px; color:#8d8d8d;}

#products a:hover {
	color:#333;
	text-decoration:underline;
}

#products h4 {
	font-size:12px;
	font-weight:bold;
	padding:10px 0 0;
	margin:0px;
	display:block;
}
/*****Spotlight and Featured Products*****/
.spotlight {
	margin:0px;
}

.spotlight .content {border-right:1px solid #ccc; padding:5px; .height:.01%;}
.spotlight .content p {margin:15px 5px 0 0; float:right;}
.spotlight .content h5 {font-weight:normal; margin-top:6px;}

.featuredProducts {
	margin:0px;
}

.featuredProducts .product {
	/*position:relative;*/
	width:219px;
	margin:0px;
	float:left;
}

.featuredProducts .content { 
	padding:0 5px;
}

.featuredProducts .mfg {
	display:block;
}

.featuredProducts .prodIMG {
	margin:10px 10px 0 0;
}

.featuredProducts .description {
	width:139px;
	margin:0;
	float:left;
}

.featuredProducts .content h4 {
	font-weight:bold;
	margin:0px;
	padding:0px;
}

.featuredProducts .content p {
	margin:0;
}

.featuredProducts .content ul {
	margin:0;
	padding:0px;
	list-style-type:none;
}

.featuredProducts .content ul li {
	background: url(https://img.cdw.com/assets/bullets/bullet-square-drkgrey.gif) 0 6px no-repeat;
	margin:0px;
	padding:0 0 0 10px;
	list-style-type:none;
}

.featuredProducts .content .price {
	margin:0 0 5px;

}

.featuredProducts .content .price h5 {
	margin:0px;
	padding:0px;
	font-weight:bold;
	font-size:12px;
	color:#cc0000;
}

.featuredProducts .detail { margin-bottom:5px;}

.prodIMG {
	margin:0 15px 0 0;
	float:left;
}
/*******************RESOURCES************************/
.resources {margin:0px;}

.resources a {
	color:#0071bd !important;
	text-decoration:underline;	
}

.resources a:hover {
	color:#0071bd;
	text-decoration:underline;	
}

.resources h2 {
	font-size:16px;
	font-weight:bold;
	margin:0 0 15px;
	padding:0px;
}

.resources h4 {
	font-size:12px;
	font-weight:bold;
	margin:0px;
	padding:0px;
}

.resources h5 {
	font-size:12px;
	font-weight:normal;
	margin:0;
	padding:0px;
}

.resources p {text-align:right; margin:0 0 10px 0;}

.resources .col1 {
	width:313px;
	float:left;
}

.resources .col1 .content {
	padding:10px 15px 10px 12px;
	border-right:1px solid #ccc;
}


.resources .col2 {
	width:313px;
	float:left;
}

.resources .col2 .content {padding:0 6px;}

.resources img {margin:0 0 10px;}

.resources .col3 {
	width:313px;
	float:left;
}

.col3 object {margin:10px; display:block;}
.resources .box {
	background:#f6f6f6;
	border:1px solid #ccc;
	margin-bottom:5px;
	padding:12px 10px;
}

#testVideo .modalHeader {
	color:#fff;
	font-size:14px;
	font-weight:bold;
	margin:0px;
	background:#333;
	padding:0px;
}

#testVideo .modalHeader .close {
	width:auto;
	font-size:12px;
	font-weight:normal;
	margin:5px 10px 5px 0;
	float:right;
}

#testVideo .modalHeader .close a {
	color:#fff;
	text-decoration:underline;
	background: url(https://img.cdw.com/assets/backgrounds/solutionsModal-close.gif) 0% 50% no-repeat;
	padding:0 0 0 20px;
	outline:none;
}

/***********VIDEO TAB AREA PLAYBACK***************/
.TopicHeaderContent object {float:left; margin-right:15px;}