﻿pr@charset "UTF-8";

/* CSS Document */

/* COLORS

red: #e2383f
grey: #ccc

CSS categorized by structure with corresponding styles next to each DIV; reads from left to right of page

*/

body {
	margin:0;
	padding:0;
	background: #FFF;
	height:100%;
	width:100%;
	font-family: "Avenir", Helvetica, Arial, sans-serif;
	font-size:.75em;
	line-height:1.4em;
	color:#000;
}

#dnn_ctr579_ManageUsers_pnlTabs {
	display:none;
}

/********* Type Styles *********/

a, a:link {
	color:#e2383f;
	text-decoration:underline;
}

a:hover, a:visited:hover {
	color:#000;
}

a:visited {
	color:#e2383f;
text-decoration:underline;
}

#red {
	color:#e2383f;
}

h1 {font-size:2em; font-weight:100;}


/********* END Type Styles *********/

	
#container {
	width:970px;
	margin:10px auto;
}

#mainPage {
	float:left;
	width:970px;
	border-top:1px solid #CCC;
}

#leftCol {
	float:left;
	width:180px;
	padding-left:10px; /* works in all */
  *padding-left:10px; /* targets IE6 and 7 */
  _padding-left:0px; /* targets IE6 */
	
}
 
#leftCol ul li {
	list-style-type:none;margin-left:-30px; 
}

<<<<<<< .mine
//********* Left Side - Main Navigation *********/

=======
/* Left Side - Main Navigation */
>>>>>>> .r465

<<<<<<< .mine
#leftNav img {
	border: none;
}
#leftNavImage {margin-left:-10px; }
=======

>>>>>>> .r465
#leftNav ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
<<<<<<< .mine
 	
	}
=======
	list-style-type: none; 
}

>>>>>>> .r465
#leftNav li {
<<<<<<< .mine
		list-style-type: none;
		margin:6px 0px;
		padding-left:10px;
		}
#leftNav a:link, #leftNav a:visited   {
		display:block;
		
		padding-left:10px;
		}
=======
		margin:6px 0px;
		
		}

#leftNav a:link, #leftNav a:visited {
	
	display:block;
	padding-left:10px;
}

>>>>>>> .r465
#leftNav a:hover {
		
		}
		
		#activeArrow a:link, #activeArrow a:visited, #activeArrow a:hover {
		background:url(images/blackArrowDown.gif) top left no-repeat;
		}

<<<<<<< .mine

	
	#leftNav ul ul {
		margin-left: 13px;
		padding-left: 0;
		list-style-type: none;
		font-size:.9em;
		}
		#leftNav ul ul li {
			margin-top:2px;
			margin-bottom:2px;
			margin-left:-20px;
			height:15px;
			list-style-type: none;
			}
		#leftNav ul ul a:link, #leftNav ul ul a:visited {
			color:#000;
			background:none;
			text-decoration:none;
			letter-spacing:.05em;
			}
		#leftNav ul ul a:hover {
			color:#CCC;
			background:none;
			}
		
		#navActive a:link, #navActive li a:visited, #navActive li a:hover {
			color:#e2383f;
			}
	
=======
#leftNav ul ul {
	margin-left: 0px;
	padding-left: 0;
	list-style-type: none;
	font-size:.9em;
	
}

#leftNav ul ul li {
	margin:2px 0px 2px -16px;
height:15px;

}

#leftNav ul ul a:link, #leftNav ul ul a:visited {
	color:#000;
	background:none;
	text-decoration:none;
	letter-spacing:.05em;
	margin:0;
}

#leftNav ul ul a:hover {
	color:#CCC;
	background:none;
}

#navActive a:link, #navActive li a:visited, #navActive li a:hover {
	color:#e2383f;
}

>>>>>>> .r465

/********* END Navigation *********/
	

#rightCol {
	float:left;
	width:750px;
}

#pageHeader {
	float:left;
	width:540px;
}

.headerNav {
	float:left;
	width:750px;
	height:70px;
}

.headerNav h2{
	display:none;
}


.headerForm {
	float:left;
	margin-top:25px;
}

#searchbox {
	float:right;
color:#000;
	 margin-top:25px; /* works in all */
  *margin-top:25px; /* targets IE6 and 7 */
  _margin-top:-40px; /* targets IE6 */

}

#pageContent {
	float:left;
	width:750px;
	border-top:2px solid black;
	padding-top:6px;
background:white;
}

#footerTop {
clear:both;
	float:left;
<<<<<<< .mine
<<<<<<< .mine
	width:750px;
	margin-top:5px;
	border-top:1px solid #CCC;
=======
clear:both;
width:960px;
=======

width:750px;
>>>>>>> .r465
margin-top:5px;
border-top:1px solid #CCC;
>>>>>>> .r210
}

#footer {
	float:left;
	width:750px;
	
}

#footerLeft {
	float:left;
	}

#footerRight {
	float:right;

}

#copyright {
	float:left;
	width:750px;
	font-size:.9em;
	font-weight:100;
color:#000;
}

/********* Shopping Pages *********/

#shopTitle {
	float:left;
	width:750px;
	padding:5px 0;
	border-bottom:8px solid black;
	}
	#shopApplication {
		float:left;
		width: 190px;
		}
	#shopDescription {
		float:left;
		width:525px;
		}
		#shopTopDescription p {margin-top:0px;text-transform:uppercase; font-size:.9em;}
		
	#shopContent {
		float:left;
		width:750px;
		}
	.shopRow {
		float:left;
		width:750px;
		border-bottom:1px solid #CCC;
		padding:8px 0px;
		}
	.shopBrand {
		float:left;
		width:180px;
		}
	.shopProducts {
		float:left;
		width:570px;
		}

/********* END Shopping Pages *********/

/********* BrandColor Classes *********/

.slimlineProduct {border-bottom:5px solid #464646;}
.perfectmountProduct {border-bottom:5px solid #006699;}
.paramountProduct {border-bottom:5px solid #f7a11a;}
.truvueProduct {border-bottom:5px solid #b5121b;}

.slimline {background:#464646; color:#FFF; text-transform:uppercase; font-size:.8em;}
.perfectmount {background:#006699; color:#FFF; text-transform:uppercase; font-size:.8em;}
.paramount {background:#f7a11a; color:#FFF; text-transform:uppercase; font-size:.8em;}
.truvue {background:#b5121b; color:#FFF; text-transform:uppercase; font-size:.8em;}

.slimline a, .slimline a:link, .perfectmount a, .perfectmount a:link, .paramount a, .paramount a:link, .truvue a, .truvue a:link {color:#FFF; text-decoration:none;}
.slimline a:hover, .slimline a:visited:hover, .perfectmount a:hover, .perfectmount a:visited:hover, .paramount a:hover, .paramount a:visited:hover, .truvue a:hover, .truvue a:visited:hover {color:#CCC;}
.slimline a:visited, .perfectmount a:visited, .paramount a:visited, .truvue a:visited {color:#FFF;}

/********* END Color Classes *********/

/********* Product Page *********/

#productTop {
	float:left;
	width:750px;
	padding:4px 0px;
	background:url("images/productBackground.gif") repeat-y;
	border-bottom:4px solid #FFF;
	}
	#productThumbnails {
		float:left;
		width:97px;
		vertical-align:bottom;
		text-align:center;
		}
		#productThumbnails img {
			padding:3px 0;
			}
	#productMainImage {
		float:left;
		width:230px;
		margin-left:10px;
		}
	#productDescription {
		float:left;
		width:360px;
margin-left:20px;
		}
		.returnLink {
			text-align:right;
			}
	#productFeatures {
		  float:left; 
		  width:750px;
		  border-top:9px solid black;
		  padding:4px 0px;
		  margin:0;
	  }
	
	#productTabs {
		float:left;
		width:363px;
		border-bottom:1px solid #ccc;
		padding:0; margin:0;
		}
		#productTabs div {
			float:left;
			padding:3px 8px;
			border-right:1px solid #CCC;
			}
			#noRightLine {
				border-right:1px solid white;
				}
		#productTabs a { text-decoration:none; display:block;padding:5px 0;}
		#productTabs a:hover {background:#ebebeb;}
		#productTabs div#active {background:#ebebeb;}

/* Espanol Product Tabs */
#ESproductTabs {
		float:left;
		width:454px;
		border-bottom:1px solid #ccc;
		padding:0; margin:0;
		}
		#ESproductTabs div {
			float:left;
			padding:3px 8px;
			border-right:1px solid #CCC;
			}
		#ESproductTabs a { text-decoration:none; display:block;padding:5px 0;}
		#ESproductTabs a:hover {background:#ebebeb;}
		#ESproductTabs div#active {background:#ebebeb;}

/* spanish Cleaner Product Tabs - no installation guide */
#CLproductTabs {
		float:left;
		width:277px;
		border-bottom:1px solid #ccc;
		padding:0; margin:0;
		}
		#CLproductTabs div {
			float:left;
			padding:3px 8px;
			border-right:1px solid #CCC;
			}
		#CLproductTabs a { text-decoration:none; display:block;padding:5px 0;}
		#CLproductTabs a:hover {background:#ebebeb;}
		#CLproductTabs div#active {background:#ebebeb;}

/* english Cleaner Product Tabs - no installation guide */
#ENproductTabs {
		float:left;
		width:270px;
		
		padding:0; margin:0;
		}
		#ENproductTabs div {
			float:left;
			padding:3px 8px;
			border-right:1px solid #CCC;
border-bottom:1px solid #ccc;
			}
		#ENproductTabs a { text-decoration:none; display:block;padding:5px 0;}
		#ENproductTabs a:hover {background:#ebebeb;}
		#ENproductTabs div#active {background:#ebebeb;}	
	
#productDetails {
		float:left;
		width:520px;
		padding:0; margin:0;
		}
	
	#productRecommended {
		display: none;
		float:left;
		width:230px;
		border-top:9px solid black;
		padding:4px 0 0 0;
	  	background:url(images/product/recommendedBackground.gif) repeat-y;  
	}
		.inside {
			float:left;
			padding:8px;
			clear:both;
			}
		.spacer {clear:both;}
		
		.leftThumbnail {
			float:left;
			width:92px; height:92px;
			}
			.leftThumbnail p { margin-top:20px;}
			
/********* END Product Page *********/

/********* MOUNTFINDER *********/

#headerArrow {
	float:left; 
	width:115px;
	}
#headerText {
	float:left;
	width:630px;
	}
	#headerText p {margin-top:0px;text-transform:uppercase; font-size:.9em;}
	.findMountNumber {
		float:left;
		width:76px;
		margin:4px 0;
		}
	.findMountDetails {
		float:left;
		width:674px;
		margin:4px 0;
		}
	.findMountRadio {
		width:20px;
		padding-top:10px;
		}
		
		/********* MOUNTFINDER Results *********/
		
		.mountFinderSlimline {
		background:url("images/mountfinder/SlimlineBackground.gif") repeat-x;
		}
		.mountFinderPerfectmount {
		background:url("images/mountfinder/PerfectMountBackground.gif") repeat-x;
		}
		.mountFinderParamount {
		background:url("images/mountfinder/ParamountBackground.gif") repeat-x;
		}
		.mountFinderTruvue {
		background:url("images/mountfinder/TruVueBackground.gif") repeat-x;
		}
/********* END Mountfinder *********/

/* COMPARISON */
#dnn_ctr568_ContentPane {
	width:140px;
	border:1px solid #CCC;
padding:1px 0px 10px 0px;
	font-size:10px;
	}
<<<<<<< .mine
#dnn_ctr568_ContentPane p {
	line-height:1em;
	padding:3px;
	font-size:10px;
	text-transform:uppercase;
	}
#dnn_ctr568_ContentPane h2 {
	font-size:12px; color:#000;
	margin-bottom:-10px;
	padding:0px 3px;
	}
#dnn_ctr568_ContentPane a:link, #dnn_ctr568_ContentPane a {text-decoration:none;}
#showCompare {font-size:10px; padding-bottom:4px;}
.compareSKU {font-size:18px; font-weight:bold;}
.compareBrand {background:#E2E2E2; padding:3px;}



		#activeArrow a:link, #activeArrow a:visited, #activeArrow a:hover {
		background:url(images/blackArrowDown.gif) top left no-repeat;
		}

	#leftNav ul ul {
		margin-left: 20px;
		padding-left: 0;
		list-style-type: none;
		font-size:.9em;
		}
		#leftNav ul ul li {
			margin-top:2px;
			margin-bottom:2px;
			margin-left:-16px;
			}
		#leftNav ul ul a:link, #leftNav ul ul a:visited {
			color:#000;
			background:none;
			text-decoration:none;
			letter-spacing:.05em;
			}
		#leftNav ul ul a:hover {
			color:#CCC;
			background:none;
			}
		
		
	
/********* END Navigation *********/

/* COMPARISON */
#dnn_ctr568_ContentPane {
	width:140px;
	border:1px solid #CCC;
	font-size:10px;
	}
#dnn_ctr568_ContentPane p {
	line-height:1em;
	padding:3px;
	font-size:10px;
	}
#dnn_ctr568_ContentPane h2 {
	font-size:12px; color:#000;
	margin-bottom:-10px;
	padding:3px;
	}
#dnn_ctr568_ContentPane a:link, #dnn_ctr568_ContentPane a {text-decoration:none;}
