/* Generated by Font Squirrel (http://www.fontsquirrel.com) on January 26, 2012 */
@font-face {
	font-family: 'Kreon';
	src: url('/fonts/kreon-bold-webfont.eot');
	src: url('/fonts/kreon-bold-webfont.eot?#iefix') format('embedded-opentype'),
		 url('/fonts/kreon-bold-webfont.woff') format('woff'),
		 url('/fonts/kreon-bold-webfont.ttf') format('truetype'),
		 url('/fonts/kreon-bold-webfont.svg#KreonBold') format('svg');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'Kreon';
	src: url('/fonts/kreon-regular-webfont.eot');
	src: url('/fonts/kreon-regular-webfont.eot?#iefix') format('embedded-opentype'),
		 url('/fonts/kreon-regular-webfont.woff') format('woff'),
		 url('/fonts/kreon-regular-webfont.ttf') format('truetype'),
		 url('/fonts/kreon-regular-webfont.svg#KreonRegular') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Kreon';
	src: url('/fonts/kreon-light-webfont.eot');
	src: url('/fonts/kreon-light-webfont.eot?#iefix') format('embedded-opentype'),
		 url('/fonts/kreon-light-webfont.woff') format('woff'),
		 url('/fonts/kreon-light-webfont.ttf') format('truetype'),
		 url('/fonts/kreon-light-webfont.svg#KreonLight') format('svg');
	font-weight: 300;
	font-style: normal;
}

/* Global tag styles */
/*
 * z-index ranges:
 * 0-1000; page custom
 * 1000-2000: wrapper
 * 10000-11000 : page custom on top
 */

html {
	height: 100%;
}
body {
	min-height: 100%;
	font-family: sans-serif;

	background-color:#ccc;
	background-image: url('/images/wrap/PageBackground.png');
	background-repeat: repeat;
}
/***********
 * Site-Wide tag styles
 * *********/
.header-font {
	font-family: 'Kreon', serif;
}
h1  {
	font-family: 'Kreon', serif;
	font-weight: bold;
	font-size: 26px;
	line-height: 26px;
	padding: 3px 0;
	margin: 10px 0;
	position: relative;

	border-bottom: 1px solid #ddd;

	text-shadow: 1px 1px 2px rgba(0,0,0,0.1);
}
h1.plain {
	border-bottom: none;
	margin-bottom: 5px;
}
h1.has-ornament {
	padding-left: 25px;
	background-image: url('/images/wrap/H1_ornament.png');
	background-position: left 10px;
	background-repeat: no-repeat;
}
h1:first-child {
	margin-top: 0;
}
h2 {
	font-family: 'Kreon', serif;
	font-weight: bold;
	font-size: 23px;
	line-height: 24px;
	margin: 10px 0;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.1);
	
}
h2.has-ornament {
	padding: 3px 0 3px 21px;
	background-image: url(/images/wrap/H2_ornament.png);
	background-position: 0 6px;
	background-repeat: no-repeat;
	border-bottom: 1px solid #ddd;
}
h2.with-hr {
	border-bottom: 1px solid #ddd;
}

h3 {
	font: bold 19px/22px 'Kreon',serif; 
}
h3.has-ornament {
	padding: 3px 0 3px 12px;
	background: url(/images/wrap/h3_ornament.png) no-repeat 0 9px;
	border-bottom: 1px solid #ddd;
}
h3.plain {
	border-bottom: none;
}

.section-header {
	background: #e4e5e6;
	background: -moz-linear-gradient(top, #ededed 0%, #e4e5e6 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ededed), color-stop(100%,#e4e5e6));
	background: -webkit-linear-gradient(top, #ededed 0%,#e4e5e6 100%);
	background: -o-linear-gradient(top, #ededed 0%,#e4e5e6 100%);
	background: -ms-linear-gradient(top, #ededed 0%,#e4e5e6 100%);
	background: linear-gradient(top, #ededed 0%,#e4e5e6 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#e4e5e6',GradientType=0 );

     -moz-border-radius: 7px; 
  -webkit-border-radius: 7px; 
          border-radius: 7px; 
          
	padding: 8px 8px 8px 12px;
	margin-left: -12px;
          
  -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; 

     -moz-box-shadow: 1px 2px 4px #999; 
  -webkit-box-shadow: 1px 2px 4px #999; 
          box-shadow: 1px 2px 4px #999; 
}

p {
	margin: 1.5ex 0;
}
em {
	font-style: italic;
}
a {
	text-decoration: underline;
}
a, .link-color, a.dark, .uses-bright-links a.dark, .uses-dark-links a {
	color: #0044A1;
}
a:hover, a.dark:hover, .uses-bright-links a.dark:hover, .uses-dark-links a:hover {
	color: #2A77DF;
}
a:active {
	text-decoration: underline;
	color: #18407A;
}

a.bright, .uses-dark-links a.bright, .bright-link-color, .uses-bright-links a {
	color: #286AD3;
}
a.bright:hover, .uses-dark-links a.bright:hover, .uses-bright-links a:hover {
	color: #5792EF;
}

b {
	font-weight: bold;
}
i {
	font-style: italic;
}

/***********
 * Site-Wide Classes
 * *********/
.script-only {
	/* class used to identify elements that require JavaScript to be enabled;
	 * wrapper.js will show these elements */
	display: none;
}
img.defer {
	display: none;
}
.button-appearance {
	height: 20px;
	cursor: pointer;
	font-family: sans-serif;
	font-size: 12px;
	line-height: 20px;
	text-align: center;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-weight: bold;
	padding: 0 20px;
	text-shadow: 0px -1px 1px #000;

	background: #19457f;
	background: -moz-linear-gradient(top, #285fa3 0%, #19457f 66%, #052f66 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#285fa3), color-stop(66%,#19457f), color-stop(100%,#052f66));
	background: -webkit-linear-gradient(top, #285fa3 0%,#19457f 66%,#052f66 100%);
	background: -o-linear-gradient(top, #285fa3 0%,#19457f 66%,#052f66 100%);
	background: -ms-linear-gradient(top, #285fa3 0%,#19457f 66%,#052f66 100%);
	background: linear-gradient(top, #285fa3 0%,#19457f 66%,#052f66 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#285fa3', endColorstr='#052f66',GradientType=0 );

     -moz-box-shadow: 0px 1px 1px #bbb; 
  -webkit-box-shadow: 0px 1px 1px #bbb; 
          box-shadow: 0px 1px 1px #bbb; 
     -moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.35);
  -webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.35);
          box-shadow: 0px 1px 1px rgba(0,0,0,0.35);

		  border: none;
	-webkit-border-radius: 10px;
	   -moz-border-radius: 10px;
	        border-radius: 10px;
}
.button-appearance, .button-appearance:hover {
	color: #fff;
}
.button-appearance:hover {
	/* lighness +5 */
	background: #1c4d8e;
	background: -moz-linear-gradient(top, #2b67b1 0%, #1c4d8e 66%, #06387a 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2b67b1), color-stop(66%,#1c4d8e), color-stop(100%,#06387a));
	background: -webkit-linear-gradient(top, #2b67b1 0%,#1c4d8e 66%,#06387a 100%);
	background: -o-linear-gradient(top, #2b67b1 0%,#1c4d8e 66%,#06387a 100%);
	background: -ms-linear-gradient(top, #2b67b1 0%,#1c4d8e 66%,#06387a 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2b67b1', endColorstr='#06387a',GradientType=0 );
	background: linear-gradient(top, #2b67b1 0%,#1c4d8e 66%,#06387a 100%);
}
.button-appearance:active {
	/* lightness -5 */
	background: #184278;
	background: -moz-linear-gradient(top, #265b9c 0%, #184278 66%, #052d61 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#265b9c), color-stop(66%,#184278), color-stop(100%,#052d61));
	background: -webkit-linear-gradient(top, #265b9c 0%,#184278 66%,#052d61 100%);
	background: -o-linear-gradient(top, #265b9c 0%,#184278 66%,#052d61 100%);
	background: -ms-linear-gradient(top, #265b9c 0%,#184278 66%,#052d61 100%);
	background: linear-gradient(top, #265b9c 0%,#184278 66%,#052d61 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#265b9c', endColorstr='#052d61',GradientType=0 );
}	
.button-appearance.styleA {
	/*color: #24444d;*/
	text-shadow: 0px 1px 1px #fff;
	background: #cfe1ef;
	background: -moz-linear-gradient(top, #e5f1fb 0%, #cfe1ef 66%, #bdd2e3 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5f1fb), color-stop(66%,#cfe1ef), color-stop(100%,#bdd2e3));
	background: -webkit-linear-gradient(top, #e5f1fb 0%,#cfe1ef 66%,#bdd2e3 100%);
	background: -o-linear-gradient(top, #e5f1fb 0%,#cfe1ef 66%,#bdd2e3 100%);
	background: -ms-linear-gradient(top, #e5f1fb 0%,#cfe1ef 66%,#bdd2e3 100%);
	background: linear-gradient(top, #e5f1fb 0%,#cfe1ef 66%,#bdd2e3 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5f1fb', endColorstr='#bdd2e3',GradientType=0 );
}
.button-appearance.styleA,.button-appearance.styleA:hover {
	color: #233764;
}
.button-appearance.styleA:hover {
	background: #d8e6f2;
	background: -moz-linear-gradient(top, #f0f6fc 0%, #d8e6f2 66%, #c6d8e6 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0f6fc), color-stop(66%,#d8e6f2), color-stop(100%,#c6d8e6));
	background: -webkit-linear-gradient(top, #f0f6fc 0%,#d8e6f2 66%,#c6d8e6 100%);
	background: -o-linear-gradient(top, #f0f6fc 0%,#d8e6f2 66%,#c6d8e6 100%);
	background: -ms-linear-gradient(top, #f0f6fc 0%,#d8e6f2 66%,#c6d8e6 100%);
	background: linear-gradient(top, #f0f6fc 0%,#d8e6f2 66%,#c6d8e6 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f6fc', endColorstr='#c6d8e6',GradientType=0 );
}	
.button-appearance.styleA:active {
	background: #bed7ea;
	background: -moz-linear-gradient(top, #d0e6f8 0%, #bed7ea 66%, #afc8dd 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d0e6f8), color-stop(66%,#bed7ea), color-stop(100%,#afc8dd));
	background: -webkit-linear-gradient(top, #d0e6f8 0%,#bed7ea 66%,#afc8dd 100%);
	background: -o-linear-gradient(top, #d0e6f8 0%,#bed7ea 66%,#afc8dd 100%);
	background: -ms-linear-gradient(top, #d0e6f8 0%,#bed7ea 66%,#afc8dd 100%);
	background: linear-gradient(top, #d0e6f8 0%,#bed7ea 66%,#afc8dd 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d0e6f8', endColorstr='#afc8dd',GradientType=0 );
}
.button-appearance.disabled {
	color: #888;
	text-shadow: none;
	background: #f4f4f4;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y0ZjRmNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjU4JSIgc3RvcC1jb2xvcj0iI2VkZWRlZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkYmRmZTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #f4f4f4 0%, #ededed 58%, #dbdfe0 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f4f4), color-stop(58%,#ededed), color-stop(100%,#dbdfe0));
	background: -webkit-linear-gradient(top, #f4f4f4 0%,#ededed 58%,#dbdfe0 100%);
	background: -o-linear-gradient(top, #f4f4f4 0%,#ededed 58%,#dbdfe0 100%);
	background: -ms-linear-gradient(top, #f4f4f4 0%,#ededed 58%,#dbdfe0 100%);
	background: linear-gradient(top, #f4f4f4 0%,#ededed 58%,#dbdfe0 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#dbdfe0',GradientType=0 );
	cursor: default;
}	

a.button-appearance, span.button-appearance {
	text-decoration: none;
	display: inline-block;
}
a.button-appearance:hover {
	text-decoration:none;
}

.shaded-box {
	border: 1px solid #ccc;

	background: #eeeeef;
	background: -moz-linear-gradient(top, #f7f7f8 0%, #eeeeef 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f8), color-stop(100%,#eeeeef));
	background: -webkit-linear-gradient(top, #f7f7f8 0%,#eeeeef 100%);
	background: -o-linear-gradient(top, #f7f7f8 0%,#eeeeef 100%);
	background: -ms-linear-gradient(top, #f7f7f8 0%,#eeeeef 100%);
	background: linear-gradient(top, #f7f7f8 0%,#eeeeef 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f8', endColorstr='#eeeeef',GradientType=0 );

	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	  -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; 

	-webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15);
	   -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15);
			box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15);
}	

.drop-shadow {
-webkit-box-shadow:  0px 2px 4px 0px rgba(0, 0, 0, 0.5);
        box-shadow:  0px 2px 4px 0px rgba(0, 0, 0, 0.5);
}


.ornament {
	padding: 0 2ex;
}
/* discontinued part ornament (usually *) */
.dcpart {
	color: red;
}

.error-msg {
	color: #a01;
}

.inset {
	padding-left: 4ex;
	padding-right:4ex;
}

.add-to-comp {
	display: block;
	cursor: pointer;
	width: 14px;
	height: 15px;
	background: url('/images/Add_To_Comp_Sprite.png');
	background-repeat: no-repeat;
	float: left;
}
.add-to-comp:hover {
	background-position: 0 -15px;
}
.add-to-comp.checked {
	background-position: 0 -30px;
}
.add-to-comp.checked:hover {
	background-position: 0 -45px;
}
.add-to-comp.disabled, .add-to-comp.disabled:hover {
	background-position: 0 -60px;
}

.part-name {
	margin-left: 18px;
	display: block;
}

.float-container {
	overflow: hidden;
}

.textured-background {
	background-color: #444;
	background-image:url('/images/wrap/HeaderBackground.png');
	background-repeat:repeat;
}

.math-op {
	padding-left: 0.35ex;
	padding-right: 0.35ex;
}

/* Dealer name for dealers missing images on Where to Buy lists */
.wtb-dealer-name {
	width: 118px;
	height: 28px;
	border: 1px solid #bbb;
	background: #f3f3f4;
	text-align: center;
	font-weight: bold;
	font-size: 18px;
	overflow: hidden;
}

/***
 * Popup tooltip and related
 * ***/

button.has-popup { /* Just the basics; individual pages can further customize for layout purposes */
	cursor: pointer;
	margin: 0;
	padding: 0;
	width: 24px;
	height: 24px;
	border: none;
	background: transparent url(/images/wrap/info_icon_16_sprite.png) no-repeat -24px 0;
}
button.has-popup:hover {
	background-position: 0 0;
}
button.has-popup::-moz-focus-inner {
	border: 0;
	padding: 0;
}

#popup {
	position: absolute;
	z-index: 2;
	border: 3px solid #fff;
	background: #222;
	color: #ddd;
	padding: 17px 20px;
	font-size: 12px;
	line-height: 16px;
	min-height: 50px;
	text-align: justify;

	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;

	width: 300px;

     -moz-border-radius: 15px; 
  -webkit-border-radius: 15px; 
          border-radius: 15px; 
          
  -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; 

-webkit-box-shadow: 0px 3px 10px 2px rgba(0, 0, 0, 0.3);
   -moz-box-shadow: 0px 3px 10px 2px rgba(0, 0, 0, 0.3);
        box-shadow: 0px 3px 10px 2px rgba(0, 0, 0, 0.3);
}
#popup.fixed {
	position: fixed;
	left: 50%;
	top: 40%;
	margin-left: -150px;
}
#popup.fixed #popout-triangle {
	display: none;
}
#popup.with-callout {
	margin-left: 25px;
	min-height: 80px;
}
#popup.with-callout #popout-triangle {
	position: absolute;
	display: block;
	left: -29px;
	top: 20px;
	width: 29px;
	height: 60px;
	background: transparent url(/images/glossary_triangle_popout.png) no-repeat 0 0;
}
#popup-close {
	cursor: pointer;
	float: right;
	width: 20px;
	height: 20px;
	background: url(/images/glossary-popup-close.png) no-repeat 0 0;
	text-indent: -9999px;

	margin: -5px -9px 5px 5px;
}
#popup-close:hover {
	background-position: -21px 0;
}
.popup-header {
	text-align: left;
	font-weight: bold;
	margin-bottom: 8px;
	font-size: 19px;
	line-height: 19px;
	/*color: #FFE7CF;*/
	color: #ece4d7;
}
#popup p:last-child {
	margin-bottom: 0;
}
#popup img {
	max-width: 100%;
}
#popup a {
	color: #B8D5EB;
}

/************
 * Wrapper Styles
 * *************/
#bg-shadow {
	width: 100%;
	height: 100%;

	-moz-box-shadow:inset 0px 50px 100px #666;
	-webkit-box-shadow:inset 0px 50px 100px #666;
	box-shadow:inset 0px 50px 100px #666;

	-moz-box-shadow:inset 0px 50px 100px rgba(0,0,0,0.4);
	-webkit-box-shadow:inset 0px 50px 100px rgba(0,0,0,0.4);
	box-shadow:inset 0px 50px 100px rgba(0,0,0,0.4);
}
#page-wrap {
	background: #fff;
	color: #000;
	min-height: 100%;

	border: 1px solid #222;
	border-width: 0 1px;

	width: 1000px;
	margin: auto;

-webkit-box-shadow: 0px 2px 40px 5px #555555;
   -moz-box-shadow: 0px 2px 40px 5px #555555;
        box-shadow: 0px 2px 40px 5px #555555;
}
#masthead {
	position: relative;
	height: 180px;
	background-color: #444;
	background-image:url('/images/wrap/HeaderBackground.png');
	background-repeat:repeat;
	overflow: hidden;
}
#logo-wrap {
	position: absolute;
	z-index: 2;
}
#site-logo {
	position: absolute;
	display: block;
	top: -180px;
	left: 30px;
}
#site-logo a {
	position: absolute;
	width: 132px;
	height: 156px;
	top: 12px;
	left: 37px;
}
#cam-guys-photo {
	position: absolute;
	top: 24px;
	left: 29px;
	border: 1px solid #aaa;
	border-color: rgba(10,0,0,0.35);
}
#film-strip-wrap {
	position: absolute;
	width: 1020px;
	height: 130px;
	left: -10px;
	top: -12px;
	background: #111;

  -webkit-transform: rotate(-4deg);  
     -moz-transform: rotate(-4deg);  
      -ms-transform: rotate(-4deg);  
       -o-transform: rotate(-4deg);  
          transform: rotate(-4deg);  
  /* this shifts the film strip down to keep it better centered in the space */
  -webkit-transform-origin: 90% 50%;  
     -moz-transform-origin: 90% 50%;  
      -ms-transform-origin: 90% 50%;  
       -o-transform-origin: 90% 50%;  
          transform-origin: 90% 50%;  
}
#film-strip-wrap.faded {
	zoom: 1;
	filter: alpha(opacity=20);
	opacity: 0.2;
}
#film-strip-wrap img {
	position: absolute;
}
.gal-thumb {
	top:21px;
}
#gal-thumb-7 { left: 865px; }
#gal-thumb-6 { left: 709px; }
#gal-thumb-5 { left: 553px; }
#gal-thumb-4 { left: 397px; }
#gal-thumb-3 { left: 241px; }
#gal-thumb-2 { left:  85px; }
#gal-thumb-1 { left: -71px; }
#tag-line {
	font-size: 18px;
	position: absolute;
	right: 15px;
	bottom:8px;
	/*color: #FFE0C0;*/
	color: #ece4d7;
	font-style: italic;
	text-shadow: 1px 1px 0px #000;
}
#tag-line b {
	/*color: #FFE7CF;*/
	color: #fff;
	font-style: normal;
	font-size: 20px;
}
#topnav {
	position:relative;
	z-index: 1;
	width: 1040px;
	margin-left: -20px;
	height: 50px; /* must match #header's padding-bottom and #topnav ol line-height: [60px for two lines @ 13px font size] */
	background: #666;

	font-weight: bold;

	background: rgb(102,102,102);
	background: -moz-linear-gradient(top, rgba(102,102,102,1) 0%, rgba(80,80,80,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(102,102,102,1)), color-stop(100%,rgba(80,80,80,1)));
	background: -webkit-linear-gradient(top, rgba(102,102,102,1) 0%,rgba(80,80,80,1) 100%);
	background: -o-linear-gradient(top, rgba(102,102,102,1) 0%,rgba(80,80,80,1) 100%);
	background: -ms-linear-gradient(top, rgba(102,102,102,1) 0%,rgba(80,80,80,1) 100%);
	/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#505050',GradientType=0 );*/
	background: linear-gradient(top, rgba(102,102,102,1) 0%,rgba(80,80,80,1) 100%);

	border-top: 1px solid #888;
	border-bottom: 1px solid #444;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;

	-webkit-box-shadow: 0px 0px 6px 0px #444;
	-moz-box-shadow: 0px 0px 6px 0px #444;
	box-shadow: 0px 0px 6px 0px #444;
	-webkit-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.7);
	-moz-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.7);
	box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.7);
}
#topnav ol {
	margin: 0 0 0 30px;
	height: 100%;
	line-height: 50px; /* should match #topnav height; 20px for two lines */
	font-size: 15px; /* 13px for 2 lines */
	text-align: left;
	position: relative; /* so it's on top of the site logo */
}
#topnav li {
	display: inline;
	text-align: center;
	font-weight: bold;
	color: #fff;
	text-shadow: 0px -1px 0px #000;
	white-space: nowrap;
}
#topnav ol a {
	display: inline-block;
	color: #fff;
	text-decoration: none;
	padding: 0 0.9em;
	line-height: 18px;
	height: 18px;

     -moz-border-radius: 9px; 
  -webkit-border-radius: 9px; 
          border-radius: 9px; 
}
#topnav .highlighted a {
	background-color: #222;
	/*background-color: rgba(0,0,0,0.35);*/
-webkit-box-shadow: 0px 0px 15px 0px rgba(255, 255, 255, 0.3);
   -moz-box-shadow: 0px 0px 15px 0px rgba(255, 255, 255, 0.3);
        box-shadow: 0px 0px 15px 0px rgba(255, 255, 255, 0.3);
}
#topnav ol a:hover, #topnav .highlighted a:hover {
	background-color: #eee;
	color: #444;
	text-shadow: none;
}

#search-form {
	position: absolute;
	top: 50%;
	right: 40px;
	width: 250px; /* also depends on search-form input padding */
	height: 24px; /* make sure #search-form input height matches */
	line-height: 24px;
	margin-top: -13px;
	border-style: solid;
	border-color: #505050;
	border-width: 1px;
	background-color: white;

     -moz-border-radius: 3px; 
  -webkit-border-radius: 3px; 
          border-radius: 3px; 
}
#search-form input {
	display: block;
	width: 226px; /* search-form width - padding-left */
	height: 24px; /* should be 100% for flexibility sake, but IE7 can't handle height: 100% here; also change line-height in IE8- override in header */
	line-height: 13px;
	font-size: 13px;
	background: transparent;
	border: none;
	padding: 0 0 0 24px;
	margin: 0;
-webkit-box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 0, 0.5);
   -moz-box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 0, 0.5);
        box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 0, 0.5);
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.05) 49%, rgba(0,0,0,0.11) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(49%,rgba(0,0,0,0.05)), color-stop(100%,rgba(0,0,0,0.11)));
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.05) 49%,rgba(0,0,0,0.11) 100%);
	background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.05) 49%,rgba(0,0,0,0.11) 100%);
	background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.05) 49%,rgba(0,0,0,0.11) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#1c000000',GradientType=0 );
	background: linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.05) 49%,rgba(0,0,0,0.11) 100%);

     -moz-border-radius: 1px; 
  -webkit-border-radius: 1px; 
          border-radius: 1px; 

	vertical-align: middle;
}
#search-form button {
	text-indent: -9999px;
	display: block;
	position: absolute;
	cursor: pointer;
	top: 50%;
	left: 0px;
	width: 24px;
	height: 24px;
	border: none;
	padding: 0;
	margin: -12px 0 0;
	background-color: transparent;
	background-image: url('/images/wrap/Search_Icon.png');
	background-repeat: no-repeat;
}
#search-form button:hover {
	background-position: -24px 0;
}
#search-form button::-moz-focus-inner { 
    border: 0;
    padding: 0;
}
#search-form input::-moz-focus-inner {
	border: 0;
	padding: 0;
}
#search-form img {
	margin: auto;
}

#subnav ol {
	float: left;
	overflow: hidden;
	height: 100%;
	padding: 0 10px;
}
#subnav li {
	float: left;
	overflow: hidden;
	text-align: center;
	font-size: 14px;
	color: #000;
	height: 100%;
}
#subnav li:hover {
	background: rgba(0,0,0,0.1);
}
#subnav li.active {
	color: #fff;
	text-shadow: 0px -1px 0px #000;

	background: #af4657;
	background: -moz-linear-gradient(top, #af4657 0%, #993d4c 50%, #99031c 51%, #c64f61 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#af4657), color-stop(50%,#993d4c), color-stop(51%,#99031c), color-stop(100%,#c64f61));
	background: -webkit-linear-gradient(top, #af4657 0%,#993d4c 50%,#99031c 51%,#c64f61 100%);
	background: -o-linear-gradient(top, #af4657 0%,#993d4c 50%,#99031c 51%,#c64f61 100%);
	background: -ms-linear-gradient(top, #af4657 0%,#993d4c 50%,#99031c 51%,#c64f61 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#af4657', endColorstr='#c64f61',GradientType=0 );
	background: linear-gradient(top, #af4657 0%,#993d4c 50%,#99031c 51%,#c64f61 100%);
}
#subnav a {
	color: inherit;
	text-decoration: none;
	float: left;
	padding: 0 2ex;
}
ol#utils {
	float: right;
	font-family: sans-serif;
	font-weight: bold;
}
#utils li {
	font-size: 12px;
}
#utils .flag {
	vertical-align: baseline;
	position: relative;
	top: 1px;

     -moz-box-shadow: 0px 1px 1px #ffffff; 
  -webkit-box-shadow: 0px 1px 1px #ffffff; 
          box-shadow: 0px 1px 1px #ffffff; 
	
}
#content-wrap {
	position: relative;
	z-index: 2;
	overflow: hidden;
}

#top-add {
	position: absolute;
	right: 20px;
	bottom: 20px;
	width: 728px;
	height: 90px;
	overflow: hidden;
	padding: 0;
	text-align: center;
}
#top-add img {
	display: block;
	margin: auto;
}
#top-add ins {
	display: block !important;
	margin: auto !important;
}
#top-add object, #top-add embed {
	margin: auto;
}

/* Links to sister sites */
.ftr-xlinks {
	padding: 5px;
	font-size: 10px;
	line-height: 13px;
	text-align: center;
	background: #e5e5e7;
	text-shadow: 0 1px 0 #f3f3f5;
	border-top: 1px solid #ccc;
	box-shadow: 0 0 3px rgba(0,0,0,0.25);
}
.ftr-xlinks a {
	margin: 0 8px;
}
.ftr-xlinks b {
	text-transform: uppercase;
	font-size: 12px;
	color: #333;
}

#content {
	float: left;
	position: relative;
	font-size: 14px;
	line-height: 17px;
	width: 619px; /* overridden in body.has-sidebar #content */
	border-right: 1px solid #bbb;
}
#content {
	padding: 15px 25px 25px; /* overridden: body.has-sidebar #content */
}
#content>*:last-child {
	margin-bottom: 0;
}
/* leave a little extra room for breadcrumbs */
body.has-breadcrumbs #content {
	padding-top: 30px;
}
body.has-sidebar #content {
	width: 636px; /* new width due to smaller padding */
	padding-right: 8px;
	padding-top: 0;
}
body.has-sidebar .main-pane {
	padding-top: 15px; /* should match #content padding-top */
}
body.has-sidebar.has-breadcrumbs .main-pane {
	padding-top: 35px;
}
#breadcrumbs {
	font-size: 11px;
	line-height: 12px;
	height: 12px;
	position: absolute;
	z-index: 1010;
	left: 20px;
	top: 8px;
}

#breadcrumbs * {
	padding: 0 1ex;
}
#breadcrumbs b {
	padding: 0 0.5ex 0 0;
}
#breadcrumbs b+a {
	padding-left: 0;
}

#main-sidebar {
	width: 300px;
	padding: 15px;
	overflow: hidden;
	float: right;
/* create 1px "border" outside the box to the right, to allow a vertical separator to
 * go to the bottom when the content is shorter than the content. Can't use a border
 * because we want this border to overlap with the #content's border, which can't happen
 * with a float. We can't go absolutely positioned because we need the content wrap to
 * expand to include this box.
 */
     -moz-box-shadow: -1px 0px 0px #bbb; 
  -webkit-box-shadow: -1px 0px 0px #bbb; 
          box-shadow: -1px 0px 0px #bbb; 

}
#main-sidebar h1 {
	text-align: center;
}
.addlabel {
	color: #888;
	font-size: 10px;
	text-align: center;
	margin: 3px 0;
}
#main-sidebar .ad {
	margin-bottom: 30px;
}
.add-click-for-more {
	text-align: center;
	font-size: 11px;
	font-weight: bold;
}

/**** Compare list ****/
#comp-list {
	margin: 10px 0 20px;
}
body.has-sidebar #comp-list {
	margin-top: 0;
}
.has-breadcrumbs #comp-list {
	margin-top: 20px; /* extra height for bread crumbs */
}
#comp-list li {
	overflow: hidden;
	margin: 6px 0 6px 20px;
	line-height: 15px;
	font-size: 13px;
	font-weight: bold;
}
#comp-list .add-to-comp {
	float: left;
}
#comp-list .part-name {
	margin-left: 18px;
	display: block;
}

#comp-list-btns {
	overflow: hidden;
	margin-top: 10px;
	padding: 4px;
}

#do-compare {
	float: left;
}
#empty-compare-list {
	float: right;
}

/**** Email subscribe ****/
#email-signup {
	margin: 30px 0;
	text-align: center;
}
#email-signup h1 {
	font-size: 22px;
}

/*** buy our test cameras ***/
#sidebar-review-samples {
	margin-top: 35px;
	font-size: 12px;
	line-height: 15px;
}
#sidebar-review-samples h1 {
	border-bottom: none;
	padding-top: 35px;
	border-top: 1px solid #ddd;
}
#sidebar-review-samples h2 {
	font-size: 20px;
	text-align: center;
}
#sidebar-review-samples ul {
	margin: 3px 0 25px;
}
#sidebar-review-samples li {
	margin: 5px 20px;
	position: relative;
	overflow: hidden;
}
#sidebar-review-samples li:after {
	content: '';
	position: absolute;
	top: 0.5em;
	height: 0;
	width: 100%;
	overflow: hidden;
	border-top: 1px dotted #CFE1EF;
	z-index: -1;
}
#sidebar-review-samples li * {
	background: #fff;
	padding: 0 6px;
}
#sidebar-review-samples .sidebar-sample-price {
	float: right;
	color: #a01;
}
#sidebar-review-more-info {
	text-align: center;
}
#sidebar-review-more-info a {
	font-weight: bold;
}

/*** Sidebar Survey ***/
#sidebar-survey {
	margin: 35px 0 20px;
	font-size: 12px;
	line-height: 15px;
}
#sidebar-survey h1 {
	border-bottom: none;
	padding-top: 15px;
	font-size: 24px;
	color: red;
	border-top: 1px solid #ddd;
	margin-bottom: 0px;
}
#sidebar-survey h2 {
	font-size: 12px;
	margin: 0px;
}
#sidebar-survey ul {
	margin-bottom: 3px;
}
#sidebar-survey li {
	font-size: 10px;
	margin-left: 20px;
	position: relative;
	overflow: hidden;
}
#sidebar-survey-submit {
	text-align: center;
}

#footer {
	padding: 30px 0;
	font-size: 11px;
	line-height: 14px;
	text-shadow: 0 0 0 transparent, 1px 1px 1px #3a3a3a; /* transparent to fix chrome blurriness */
	text-shadow: 0 0 0 transparent, 1px 1px 1px rgba(0,0,0,0.4);
-webkit-box-shadow: inset 0px 25px 25px -25px #000;
   -moz-box-shadow: inset 0px 25px 25px -25px #000;
        box-shadow: inset 0px 25px 25px -25px #000;
}
#footer a {
	color: #eee;
}
#print-footer {
	padding-top: 1ex;
	font-size: 10px;
	text-align: center;
	border-top: 1px solid #0044A1;
}
#meta-links {
	overflow: hidden;
	margin: auto;
	width: 80%;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
}
#meta-links li {
	display: inline;
	padding: 0 3ex;
}
#corp-links {
	margin: 20px auto;
	text-align: center;
	line-height: 15px;
}
#corp-links li {
	display: inline;
	padding: 0px 1ex;
}
#copyright {
	text-align: center;
	color: #fff;
	margin-top: 20px;
}
#sister-sites {
	margin-top: 20px;
}
#sister-sites b {
	padding: 1px 1ex;
	display: block;
}
#sister-sites a {
	padding: 0 1ex;
}

/*****************************************
								SIDEBAR
******************************************/
/* main-pane is the div that is within content that goes next to the #sidebar */
.main-pane {
	margin-right: 140px; /* leave room for sidebar */
	padding-right: 8px;
	border-right: 1px solid #bbb;
}
#sidebar {
	padding-top: 25px;
	width: 130px;
	float:right;
}
#sidebar {
	font-size: 10px;
	margin-top: -5px; /* counteracts h3 padding to align first h3 with top */
}
#sidebar h3 {
	font: bold 12px sans-serif;
	margin: 5px 0 3px 0;
	padding: 0;
}
#sidebar h3 .new {
	color: #c00;
	font-size: 9px;
	padding-left: 3px;
}
#sidebar ol {
	margin: 0;
	padding: 0 0 2px 0;
	list-style-type: none;
	border-bottom: 1px solid #bbb;
}
#sidebar ol li {
	margin: 6px 0;
	padding: 0;
}
#sidebar li.exp {
	text-align: right;
}
#sidebar .survey {
	margin: 0;
	padding: 0 0 8px 0;
	border-bottom: 1px solid #bbb;
}
#sidebar .survey a {
	display: block;
}

#sidebar .survey h4 {
	margin: 0;
	padding: 0;
	font-weight: normal;
	font-size: 10px;
}
#sidebar .survey dl {
	padding: 0;
	margin: 0 0 0 0;
	border: 1px solid white;
}
#sidebar .survey dt {
	float: left;
	clear: both;
	height: 12px;
	width: 29px;
	margin:  0;
	padding: 4px 0 0 0;
	display: block;
	font-weight: bold;
	color: #090;
	text-align: right;
}
#sidebar .survey dt input {
	width: 12px;
	height: 12px;
	margin: 0;
	padding: 0;
}
#sidebar .survey dd {
	margin-left: 32px;
	padding-top: 4px;
	min-height: 12px;
}
#sidebar .survey .vote {
	display: block;
	margin: 5px 0 5px 0;
}
#sidebar .fail,
#sidebar .success {
	margin-bottom: 3px;
}
#sidebar .fail {
	color: #c00;
}
#sidebar .success {
	color: #090;
}

/***** Wide Mode Styles *****/
body.wide #main-sidebar {
	display: none;
}
body.wide #content {
	float: none;
	border: none;
	width: auto;
}

/***** Print mode styles ****/
body.print {
	background: #fff;
}
body .print-only {
	display: none;
}
body.print .print-only {
	display: block;
}
body.print .no-print {
	display: none;
}
#print-header {
	position: relative;
/* space for cancel-print-mode; overridden in @media print */
	padding-top: 15px; 
}
#print-header h1 {
	background: none;
	padding: 2px 145px 2px 2px; /* space for cancel-print-mode, overridden in @media print */
	border-bottom: 1px solid #0044A1;
}
#cancel-print-mode {
	position: absolute;
	top: 10px;
	right: 5px;
}
@media print {
	#cancel-print-mode { display: none; }
	#print-header { padding-top: 0 }
	#print-header h1 { padding-right: 0 }
}
body.print #bg-shadow {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
body.print #page-wrap {
	border: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
body.print #content-wrap {
	margin-top: 0;
}
body.print #content {
	border-color: transparent;
	float: none;
	padding-top: 0;
	margin-left: auto;
	margin-right: auto;
}
body.print #main-sidebar {
	display: none;
}

/***** Camera Tabs *****/
#camera-tabs li {
	margin: -11px 30px 20px 25px;
	text-align: left;
	float: left;
	font-weight: bold;
	font-size: 14px;
	border: 1px SOLID #ddd;
	padding: 3px;
	background-color: #F3F3F4;
	color: #000;
}
#camera-tabs li:hover{
   background-color:#ddd;
}
#camera-tabs a{
   text-decoration: none;
}