/*DETAIL PAGE*/

#detailContentBottom {
	width:1000px;
	height:24px;
	background-image:url(/images/detail_backgroundBottom.png);
	background-repeat:no-repeat;
	background-position:top center;
	float:left;
}
#detailContent {
	width:1000px;
	background-image:url(/images/detail_background.png);
	background-repeat:repeat-y;
	background-position:top center;
	float:left;
	margin-top:6px;
}
#detailContentInterior {
	width:891px;
	margin:6px 0px 0px 54px;
	_margin-left:27px;/*IE6 Hack*/
	float:left;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color:#464646;
	font-size:12px;
	
	
}
#detailContentInterior a {
	color:#689013;
}
#detailLeft {
	float:left;
	margin:15px 0px 0px 18px;
	_margin-left:8px;/*IE6 Hack*/
	width:630px;
}
.detailPhoto {
	float:left;
	text-align:center;
}
.detailDes {
	float:left;
	width:320px;
}
.detailDes h2 {
	margin:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:14px;
	color:#515151;
}
.detailDes h1 {
	margin:0px;
	padding:8px 0px 10px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:24px;
	color:#515151;
}
#detailTabs {
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#6d6d6d;
	height:29px;
	width:615px;
	margin:30px 0px 0px 8px;
}
.tabOff, .tabOn {
	width:91px;
	height:20px;
	text-align:center;
	margin-right:2px;
	float:left;
	padding-top:8px;
 cursor: pointer;
}
.tabOff {
	background-image:url(/images/tab_off.jpg);
	background-repeat:no-repeat;
	margin-top:3px;
}
.tabOn {
	background-image:url(/images/tab_on.jpg);
	background-repeat:no-repeat;
	color:#FFF;
	margin-top:1px;
}
.tabOffLong,.tabOnLong {
 cursor:pointer;
}
.tabOffLong {
	background-image:url(/images/tab_off_long.jpg);
	background-repeat:no-repeat;
	margin-top:3px;
	width:138px;
	height:26px;
	text-align:center;
	margin-right:3px;
	float:left;
	padding-top:8px;
}

.tabOnLong {
	background-image:url(/images/tab_on_long.jpg);
	background-repeat:no-repeat;
	color:#FFF;
	margin-top:1px;
	width:138px;
	height:20px;
	text-align:center;
	margin-right:3px;
	float:left;
	padding-top:8px;
}
#tabContainer {
	float:left;
	width:660px;
	border:1px solid #9016b2;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#464646;
	padding:15px 0px 10px 8px;
}
/* JD2 debug - all images in the tab container have padding?
   this overrides classes on images. comment out for now.
#tabContainer img {
	float:left;
	margin-right:20px;
}
*/
/* jd2 debug - removed accessoriesDesc and accessoriesAdd */

#detailRight {
	margin:20px 0px 0px 40px;
	width:195px;
	float:left;
}
#detailRight a {
	font-size:11px;
	color:#689013;
}
#detailRight h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style:italic;
	color:#9016b2;
	margin:12px 0px 0px 0px;
	padding:0px;
	font-weight:normal;
}
#detailRight img {
	border:1px solid #e1e1e1;
	margin-bottom:8px;
}
.recommendTitle {
	color:#7d7c7c;
	font-size:11px;
	border:1px;
}
.recommendPrice {
	color:#9016b2;
	font-size:11px;
	padding-right:5px;
	font-weight:bold;
}
.recommendContain {
	margin-top:	15px;
}

/*** redesign ***/

/* debug temp hack */ #mainProdImg1 { width: 310px; height: 340px; }

.detailDes { text-align: left; }


.crumbLayout { 
background-image:url("/images/home/contentBackground.png");
background-position:center top;
background-repeat:repeat-y;
} 
.breadcrumbs {
color:#464646;
float:left;
font-family:"Lucida Sans Unicode","Lucida Grande",sans-serif;
font-size:12px;
margin:6px 0 0 54px;
width:891px;
}

#detailRight { background-color: #F3F3F3; }

.emailLabel { text-align: right; padding: 5px 5px 0px 0px; }
.emailField { text-align: left; padding: 5px 0px 0px 0px; }
#videoOverlay { height: 450px; width: 450px; }
#videoOverlayInner { height: 350px; width: 350px; margin-left: 55px; }
#featureImgOverlay { width: 550px; height: 500px; min-height: 500px; }
.featureImgCont { height: 500px; }
.featureImgTable { float: left; width: 100px; }
.featureImgLgCont { float: left; }
#featureImgDesc { width: 440px; }

.rTitle  { color:#749824; font-size:16px; margin: 10px 0px 20px 0px; }
#readReviews { height: 500px; overflow: auto; }
.revRating,.revBy,.revComment { clear:left; float: left; }
.revRatingText,.revStar,.revDate { float: left; }
.revStar,.revByName,.revDate { padding-left: 5px; }
.revBy,.revDate { padding-top: 5px; }
.revRatingText { font-weight: bold; }
.revRatingSum { font-weight:bold; padding-right: 5px; }
.revComment p { text-align: left; }
.revSeperator { clear: both; float: left; border-bottom: 1px solid #464646; margin-bottom: 10px; width: 600px; }
#readReviewFirst {clear: both; float: right; padding-right: 20px; }
.revPaging { clear: both; float: right; padding-right: 15px; font-weight: bold; font-size: 12px; }
.revPaging a:link,.revPaging a:active,.revPaging a:hover,.revPaging a:visited { text-decoration: none; color: #ffffff; }
.revPaging span { padding-left: 3px; }
#revCont,#orevCont,#rRevCount,.revSpacer,#wRevCont,#linksCont,#emailCont,#printCont { float: left; }
#revCont,#orevCont,#linksCont { clear: both; }
#linksCont { margin-top: 15px; }
#rRevCount,.revSpacer,#emailCont { padding-right: 5px; }
/*
#readReviewOverlay, #writeReviewOverlay { left:69px !important; top:-60px !important; }
*/
.writeReview { width: 640px; height: 520px; }
.wrTitle  { color:#749824; font-size:16px; margin: 10px 0px 10px 20px; }
.wrProdTitle,.wrEmailTitle,.wrRatingTitle,.wrPostedTitle,.wrCommentTitle,.wrAreaCodeTitle { clear: left; font-weight: bold; float: left; padding-right: 10px; text-align: right; width: 100px; }
.wrExtTitle { font-weight: bold; float: left; padding-left: 10px; padding-right:
 5px; text-align: right; }
.wrRatingTitle,.wrRating,.wrPostedTitle,.wrPosted,.wrEmailTitle,.wrEmail,.wrCommentTitle,.wrComment,.wrAreaCodeTitle,.wrAreaCode,.wrPhoneP1,.wrPhoneP2,.wrExtTitle,.wrExt { padding-top: 15px; }

.wrProd,.wrEmail,.wrEmailNote,.wrRating,.wrPosted,.wrComment,.wrAreaCode,.wrPhoneP1,.wrPhoneP2,.wrExt,.wrPhoneDisclaimer { float: left; text-align: left; }
.wrEmailNote,.wrPhoneDisclaimer { padding: 11px 0px 0px 10px; }
.wrPhoneP1,.wrPhoneP2,.wrExt { padding-left: 5px; }
#revareacode,#revphonep1 { width: 23px; }
#revphonep2,#revext { width: 32px; }
#revcomment { width: 400px; height: 95px; }
.wrSubmit { clear: both; float: right; height: 37px; padding: 10px 10px 0px 0px; }
.reviewPosted  { color:#749824; font-size:16px; margin:25px; }

#faqsCont { text-align: left; }
#faqsCont li { margin-left:15px;}
#manuals,#manualnote { text-align: left; }
#manualnote { padding-top: 10px; }
#detailsCont { text-align: left; }

/*========--------   Magic Zoom styles  --------========*/
.zoomImgContainer {z-index:100; width:1px; height:1px; visibility:hidden;}
.noZoom,
.magicZoom
{ cursor: default; }
/* class for zoomed area */
.MagicZoomBigImageCont {
	border:			1px solid #91b817;
}

/* Header look and feel CSS class */
/* header is shown if "title" attribute is present in the <A> tag */
.MagicZoomHeader {
	font:			10px Tahoma, Verdana, Arial, sans-serif;
	color:			#fff;
	background:		#91b817;
	text-align:     center !important;
}

/* class for small looking glass square under mouse */
.MagicZoomPup {
	border: 		1px solid #aaa;
	background: 	#ffffff;
}

/* style for loading animation box */
.MagicZoomLoading {
	text-align:		center;
	background: 	#ffffff;
	color:			#444;
	border: 		1px solid #ccc;
	opacity:		0.8;
	padding:		3px 3px 3px 3px !important;
	display: 		none; /* do not edit this line please */
}


/*** overlay ***/

/* the overlayed element */
.apple_overlay {
	
	/* initially overlay is hidden */
	display:none;
	
	/* growing background image */
	background-image:url(/images/white.png);
	
	/* 
		width after the growing animation finishes
		height is automatically calculated
	*/
	width:640px;		
	
	/* some padding to layout nested elements nicely  */
	padding:35px;

	/* a little styling */	
	font-size:11px;
}

/* default close button positioned on upper right corner */
.apple_overlay div.close {
	background-image:url(/images/close.png);
	position:absolute; right:5px; top:5px;
	cursor:pointer;
	height:35px;
	width:35px;
}

/* black version of the overlay. simply uses a different background image */
div.apple_overlay.black {
	background-image:url(/images/transparent.png);		
	color:#fff;
}
div.apple_overlay.black.medium {
  background-image:url(/images/transparentMedium.png);
  color: #fff;
}
div.apple_overlay h2 {
	margin:10px 0 -9px 0;
	font-weight:bold;
	font-size:14px;
}

div.black h2 {
	color:#fff;
}

#triggers {
	margin-top:10px;
	text-align:center;
}

#triggers img {
	background-color:#fff;
	padding:2px;
	border:1px solid #ccc;
	margin:2px 5px;
	cursor:pointer;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

.compAddPrice {
float:left;
margin-bottom:0;
margin-left:0;
margin-right:0;
margin-top:80px;
text-align:right;
width:50px;
}

.compAdd {
float:left;
margin-bottom:0;
margin-left:5px;
margin-right:5px;
margin-top:80px;
}

.compAddDes {
float:left;
margin-bottom:0;
margin-left:0;
margin-right:25px;
margin-top:50px;
width:250px;
}

.compAddImg {
float:left;
margin-right:20px;
}

.compAddImgSpcr {
padding-bottom:10px;
padding-left:0;
padding-right:0;
padding-top:10px;
}

.compAdd input {
width:15px;
}

#compAddBtnCont {
padding-right:10px;
text-align:right;
}

.compAddImgSpcr {
padding-bottom:10px;
padding-left:0;
padding-right:0;
padding-top:10px;
}

.wheretobuyHeader {
color:#464646;
font-family:Arial,Helvetica,sans-serif;
font-size:15px;
font-weight:bold;
}