/*---------------------------------------------------
| 																									|
|      CSS for Nixon Matrix Detail Page							|
| 																									|
---------------------------------------------------*/

/*CONTENTS
-----------------------
Reset
Matrix	
	Softgoods Matrix
Detail Pop Up
	Hero Column
	Select Color Column
	Your Selection Column
		Color Size Table
	Wish List content
Matrix Footer
General
	
Old Content (needs to be sorted)

*************************************************************
*																														*
* 	NOTES:																									*
* 	Style properties change based on containing div					*
* 	#proddetail - refers to all watch pages									*
* 	#softdetail - refers to all non-watch pages							*
* 	#elitedetail - refers to elite pages										*
* 	#altdetail - refers to Search Engine landing page				*
*																														*
*************************************************************


/*---------------------------------------------------------
	Reset 
---------------------------------------------------------*/	

ul, li, body { 
	margin: 0;
	padding: 0;
	}
	
ul, li { 
	list-style-type: none;
	}
	
a { 
	text-decoration: none;
	}


/*---------------------------------------------------------
	Matrix 
---------------------------------------------------------*/	
#matrixheader { 
	padding: 20px 0 20px 0;
	}

#matrixaddlink { 
	float: right;
	display: block;
	padding-top: 62px;
	}		

.menscolumncellsingle {
	z-index: 1;
	width: 191px;
	float: left;
	height: 100%;
	}

.menscolumncelldouble {
	z-index: 1;
	width: 191px;
	height: 100%;
	float: left;
	}
	
.womenscolumncellsingle {
	width: 191px;
	height: 100%;
	float: left;
	}
.womenscolumncelldouble {
	width: 382px;
	height: 100%;
	float: left;
	}
	
.emptycellmens, .emptycellwomens, .mensthumb, .womensthumb {
	float: left;
	text-align: center;
	height: 110px;
	width: 89px;
	display: inline;
	}

.mensthumb, .womensthumb {
	text-align: center;
	position: relative;
	cursor: pointer;
	}

.womensthumb, .emptycellwomens {
	margin: 0px 3px;
	}

.mensthumb,  .emptycellmens {
	margin: 0px 3px;
	}
.mensthumb:hover, .womensthumb:hover {
	background-color: #f4f4f4;
	}
	
.mensthumb .thumber, .womensthumb .thumber { 
	padding: 8px 17px 4px 17px;
	position: relative;
	z-index: 50;

	}
	
.productname { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: .9em;
	text-align: center;
	padding: 0 2px;
	color: #000000;
	text-transform: uppercase;
	width: 85px;
	}

.matrixiconleft, .matrixiconright { 
	top: 0px;
	z-index: 999;
	position: absolute;
	}
	
.matrixiconleft { 
	left: 0px;
	}
	
.matrixiconright { 
	}
	
.matrixnostock { 
	z-index: 150;
	position: absolute;
	background-repeat: no-repeat;
	background-position: -300px 52px;
	}
	
#mensavailableicon {
	 position: absolute;
	 width: 93px;
	 height: 60px;
	 text-align:left;
	}
#womensavailableicon {
	 position: absolute;
	 width: 116px;
	 height: 60px;
	 text-align:left;
	}
.availableimage {
	 border: none;
	 position: absolute;
	 left: 0px;
	 top: 72px;
	}
	
	/*Softgoods Matrix
	_____________________________________*/

	#sgmatrixheader { 
		padding: 0 0 10px 0;
		}
		
	#sgmatrixwrapper { 
		border-bottom: 1px solid #a7a9ac;
		padding: 0 5px 10px 5px;
		/*padding: 0 3px 10px 3px;*/
		}
		
	.sgmatrixthumb { 
		cursor: pointer;
		margin: 0;
		padding: 3px;
		/*margin: 0 1px 1px 0;*/
		text-align: center;
		display: inline;
		}
		
	.sgmatrixthumb:hover {
		background-color: #f4f4f4; 
		}
		
	.sgmatrixthumb .sgthumb { 
		margin: 0;
		padding: 0 8px;
		background-color: #ffffff;
		}
		
	.sgmatrixthumb .productname { 
		margin: 0;
		background-color: #ffffff;
		width: 87px;
		/*width: 93px;*/
		padding: 2px 1px 1px 1px;
		height: 18px;
		}
		
	/*deal and vip elite gray out.
	_____________________________________*/
	#relgray { 
		position: relative;
		z-index: 1000;

	}
	#grayout { 
		position:absolute;
		background-color: #fff;
		width: 282px;
		left: 0px;
		top: 0px;
		height: 120px;
		opacity:0.80;
		filter: alpha(opacity=80);
		-moz-opacity: 0.80;
		padding: 70px 50px 30px 50px;
		text-align: center;
		z-index: 1001;
		font-family: Arial, Helvetica, sans-serif;
		color: #000;
		font-size: 16px;
		}

/*---------------------------------------------------------
	Detail Pop up 
---------------------------------------------------------*/	
.windowContent {
	padding: 0px;
}

#innerwrapper { 
	padding: 35px;
	}
	
#backtomatrix {  /*SEO Complete page*/
	text-align: right;
	padding: 0 ;
	}
	
#elitebacktomatrix {  /*SEO Complete page*/
	text-align: right;
	padding: 0 25px 20px 0;
	}

#proddetail {
	clear: both;
}

		
#proddetail h2, #softdetail h2 {
	font-weight: normal;
}

#proddetail, #softdetail { 
	padding: 0 0 20px 0;
	position: relative;
	}
	
.altdetail {  /*SEO Complete page*/
	border-bottom: 1px solid #a7a9ac !important;
	}
	
#elitedetail { /*Elite pop up detail wrapper*/
	height: 480px;
	width: 910px;
	position: relative;
}

.altelite { /*Elite SEO Complete detail wrapper*/
	margin: 0 25px;
	}
	
.closedetails {
	position: absolute;
	left: 917px;
	top: 7px;
	cursor: pointer;
	}
.closedetails_rubber {
	position: absolute;
	left: 773px;
	top: -30px;
	cursor: pointer;
}
/*.closedetailszoom {
	position: absolute;
	left: 439px;
	top: -24px;
	cursor: pointer;
}*/
	
	/*Hero Column 
	------------------------------------*/
	
	.mainheadwhite {
		color: #fff;
	
	}
	
	.altviews {
		float: left;
		width: 62px;
		padding-top: 20px;
	}
	
	.altviews a {
		margin-bottom: 8px;
		display: block;
		border: 1px solid #fff;
		text-align: center;
		-webkit-transition: all linear 0.3s;
		-moz-transition: all linear 0.3s;
		transition: all linear 0.3s;
	}
	
	.altviews a:hover {
		border: 1px solid #C4151B;
	}
	.altviews a.active {
		border: 1px solid #999999;
	}
	
	.altviews img {
		filter:alpha(opacity=40);
		-moz-opacity:0.4;
		opacity:0.4;
		-webkit-transition: all linear 0.3s;
		-moz-transition: all linear 0.3s;
		transition: all linear 0.3s;
		width: 60px;
		height: 60px;
	}
	
	.altviews a.active img, .altviews a:hover img {
		filter:alpha(opacity=100);
		-moz-opacity:1;
		opacity:1;
	}
	
	#hero { 
		float: left;
		position: relative;
		margin-right: 20px;
		height: 500px;
		}	
		
	#proddetail #hero { 
		width: 415px;
		}	
	
	
	#softdetail #hero { 
		width: 453px;
		margin-right: 21px;
		}	
		
	#hero #heroheader { 
		height: 26px;
		padding-bottom: 3px;
		}	
		
	h1.mainheadsmall {
		font-size: 24px;
	}
		
	#hero h3 { 
		text-transform: uppercase;
		font-size: 12px;
		font-style: italic;
		font-weight: normal;
		padding: 0 0 2px 0;
		margin: 0;
		border-bottom: 1px solid #a7a9ac;
		color: #666666;
		}	
		
	#faderimgloader { 
		padding-top: 175px;
		}
		
	#hero #zoombutton { 
		/*position: absolute;
		width: 11px;
		height: 11px;
		z-index: 200;
		cursor:pointer;*/
		}	
		
	#hero #seeitonbutton { 
		cursor: pointer;
		display: inline;
		}	
		
		
	#zoombox { 
		float: right;
		margin: 5px 3px 0 0;
		position: relative;
		z-index: 1000;
		}
		
#zoombox #seeiton { 
		display: inline;
		cursor: pointer;
		}
		
#zoombox img { 
		cursor: pointer;
		margin-left: 3px;
		display: inline;
		}
		
	#proddetail #zoombutton { 
		/*left: 314px;
		top: 52px;*/
		}	
		
	#softdetail #hero #zoombutton { 
		/*left: 336px;*/
		}	
		
		
	.heroimage {
		left: 75px;
		position:absolute; 
		z-index: 500;
		margin: 20px 10px;
		cursor: pointer;
	}
		

	#proddetail .heroimage { 
		visibility: hidden;
		filter:alpha(opacity=0);
		-moz-opacity:0.0;
		opacity:0.0;
		}
		
	#softdetail .heroimage { 
		width: 347px;
		text-align: center;
		}	
		
	#softdetail .heroimage img { 
		visibility: hidden;
		filter:alpha(opacity=0);
		-moz-opacity:0.0;
		opacity:0.0;
		cursor: pointer;
		}	
	
	#loaderoo { 
		position: absolute;
		z-index: 2010;
		top: 250px;
		left: 210px;
		display: none;
	 }
	
	.zoomimagebox, .zoomimagetrans, .sgzoomimagetrans, .zoomelite { 
		position: absolute;
		z-index: 2000;
	}
	.sgzoomimagetrans { 
		top: -35px;
		left: -30px;
		position: absolute;
		z-index: 2000;
	}
	
	.zoomimagebox { 
		width: 474px;
		height: 576px;
		top: -25px;
		left: -25px;
		display: none;
		padding: 6px 0 0 7px;
		background-repeat: no-repeat;
		}
		
	
	
	.zoomimagetrans { 
		top: -40px;
		left:-45px;
	}
	
	.zoomelite { 
		top: -45px;
		left: -30px;
	}
	
	.altzoomelite { 
		top: -60px;
		left:-30px;
		}
	
	.altzoomimagebox, .altzoomimagetrans, .altzoomelite { 
		position: absolute;
		display: none;
		z-index: 4999;
	}
	
	.altzoomimagebox { 
		top: -19px;
		left:5px;
		background-repeat: no-repeat;
		text-align: left;
		left:5px;
		padding: 7px 0 0 7px;
		background:url(/image/common/product20/watch-zoom-shadow.png);
		width: 460px;
		height: 620px;
		text-align: left;
		}
	
	
	/*#proddetail	.altzoomimagebox { 
		left:5px;
		padding: 7px 0 0 7px;
		background:url(/image/common/product20/watch-zoom-shadow.png);
		width: 460px;
		height: 620px;
		text-align: left;
		}*/
	
		
/*	#softdetail .altzoomimagebox {
		left: 20px;
		width: 474px;
		height: 576px;
		padding: 6px 0 0 7px;
		background:url(/image/common/product20/sgoods-zoom-shadow.png);
		background-repeat: no-repeat;
	}*/
		
	.altzoomimagetrans { 
		top: -35px;
		left:10px;
		}
		
	#softdetail .altzoomimagetrans { 
		top: -35px;
		left:35px;
	}
	
	#closexzoom { 
		position: absolute;
		right: -19px;
		top: -24px;
		cursor: pointer;
		z-index: 9999999;
		}
	
		
	#zoomimage, #seeitonimage { 
		filter:alpha(opacity=0);
		-moz-opacity:0.0;
		opacity:0.0;
		cursor: pointer;
		}
		
		
	/*Select Color Column 
	------------------------------------*/
	#selectcolor { 
		float: left;
		padding-top: 27px;
		margin-right: 20px;
		}
		
	#proddetail #selectcolor { 
		width: 300px;
		}
		
	#softdetail #selectcolor { 
		width: 231px;
		margin-right: 22px;
		}
		
	#softdetail #skunostock { 
		padding: 72px 0; 
		text-align: center;
		width: 254px;
		}
		
	#proddetail #skunostock { 
		padding: 65px 0; 
		text-align: center;
		width: 295px;
		}
			
	#proddetail #thumbscontainerloader { 
		padding-top: 40px;
		height: 131px; /*add 1 to account for the border*/
		}
		
	#softdetail #thumbscontainerloader { 
		padding-top: 40px;
		height: 145px; /*add 1 to account for the border*/
		}
		
	#proddetail #thumbscontainer { 
		position: relative;
		height: 170px;
		}
		
	#softdetail #thumbscontainer { 
		position: relative;
		height: 188px;
		}
		
	.altdetail #thumbscontainer { /*SEO Complete page*/
		border-bottom: 1px solid #a7a9ac !important;
		position: static !important;
		height: auto !important;
		}
	#scrollconstrainer {
		position: absolute;
		border-bottom: 1px solid #a7a9ac;
		overflow: hidden;
	}
	
	#proddetail #scrollconstrainer {
		height: 170px;
		width: 295px;
	}
	
	#softdetail #scrollconstrainer {
		height: 188px;
		width: 254px;
	}
	
	#swatchbox_rubber #scrollconstrainer {
		height: 85px;
		width: 295px;
		border-bottom: 1px solid #FFF;
	}
	
	#scrollcontainer {
		position: absolute;
	}
	
	#softdetail #scrollconstrainer1 {
		position: absolute;
		height: 106px;
		width: 233px;
		overflow: hidden;
	}
	
	#softdetail #scrollcontainer1 {
		position: absolute;
		line-height: 15px;
	}
		
	.detailthumb, .activethumb { 
		float: left;
		cursor: pointer;
		position: relative;
		}
		
	#proddetail .detailthumb, #proddetail .activethumb { 
		width: 69px;
		height: 85px;
		}
		
	#softdetail .detailthumb, #softdetail .activethumb { 
		width: 77px;
		height: 94px;
		}
		
	.thmiconleft, .thmiconright { 
		top: 0px;
		z-index: 4900;
		position: absolute;
		}
		
	.thmiconleft { 
		left: 0px;
		}
		
	#proddetail .thmiconright { 
		left: 39px;
		}
		
	.thmnostock { 
		z-index: 510;
		position: absolute;
		/*background-image: url(/image/product_detail/misc/out-of-stock.png);*/
		background-repeat: no-repeat;
		background-position: -300px 52px;
		}
		
	#proddetail .thmnostock { 
		width: 69px;
		height: 85px;
		}
		
	#softdetail .thmnostock { 
		width: 77px;
		height: 94px;
		}
		
	#proddetail .thmnostock:hover { 
		background-position: 50% 46px;
		}
		
	#softdetail .thmnostock:hover { 
		background-position: 50% 54px;
		}
	
	.detailthumb .thumber, .activethumb .thumber { 
		position: relative;
		z-index: 501;
		top: 0px;
		left: 0px;
		}
		
	#proddetail .detailthumb img.thumber, #proddetail .activethumb img.thumber { 
		margin: 5px 7px;
		}
		
	#softdetail .detailthumb img.thumber, #softdetail .activethumb img.thumber { 
		padding: 2px;
		}
		
	.detailthumb:hover { 
		background-color: #f4f4f4;
		}
		
	.activethumb { 
		background-color: #e4e5e6;
		}
		
	#thumbsarrows { 
		position: absolute;
		z-index: 100;
		}
	#proddetail #thumbsarrows { 
		left: 276px;
		}
	#swatchbox_rubber #thumbsarrows { 
		left: 276px;
		}
	
	#proddetail #thumbsarrows { 
		left: 276px;
		}
		
	#softdetail #thumbsarrows { 
		left: 233px;
		}
		
	#thumbsarrows img {
		cursor: pointer;
		}
		
	#uparrow {
		position: absolute;
		display: none;
		}
		
	#proddetail #uparrow {
		top: 7px;
		}
		
	#swatchbox_rubber #uparrow {
		top: 7px;
		}
		
	#softdetail #uparrow {
		top: 7px
		}
			
	#downarrow {
		position: absolute;
		}
		
	#proddetail #downarrow {
		position: absolute;
		top: 148px;
		}
		
	#swatchbox_rubber #downarrow {
		position: absolute;
		top: 63px;
		}
		
	#softdetail #downarrow {
		top: 167px;
		}
		
	#softdetail #thumbsarrows1 { 
		position: absolute;
		z-index: 3333;
		left: 233px;
	
		}
		
	#softdetail #uparrow1 {
		position: absolute;
		display: none;
		top: 3px;
		cursor: pointer;
		}
		
	#softdetail #downarrow1 {
		position: absolute;
		top: 93px;
		cursor: pointer;
		}
		
	#iconarrow { 
		position: absolute;
		}
	
	#featureicons { 
		float: left;
		width: 50px;
		padding-top: 3px;
		font-size: 11px;
		font-style: italic;
		margin-right: 10px;
		text-align: center;
		position: relative;
		z-index: 301;
		}
		
	/*#proddetail #featureicons { 
		width: 300px;
		}
		*/
		
	.ico {
		cursor: pointer;
	}
	
	.iconwrap {
		position: relative;
		padding: 3px 0;
	}	
	
	.icondesc {
		position: absolute;
		top: 44px;
		left: -5000px;
	}	
	
	.iconarrow {
	 position: absolute;
	 top: -7px;
	 left: 17px;
	}
	
	.iconwrap:hover .icondesc {
		left: 0;
	}	
		
	
	
		
	.icondesc, .frequencydesc, .genredesc { 
		background-color: #fff;
		border: 1px solid #a7a9ac;
		padding: 10px;
		position: absolute;
		z-index: 200;
		min-height: 30px;
		text-align: left;
		}
		
	#proddetail .icondesc { 
		width: 278px;
		}
		
			
	#proddetail .genredesc { 
		width: 262px;
		}
		
	
		
	#moreinfo {
		float: left;
		width: 240px;
		padding: 8px 0;
		}
		
	#softdetail #moreinfo { 
		position: relative;
		}
	
	#softdetail #moreinfo ul { 
		padding-left: 15px;
		}
	
	#softdetail #moreinfo ul li {
		list-style-image: url(/image/common/product20/info-bullet.gif);
		}
		
	.altdetail #moreinfo { 
		min-height: auto !important;
		height: auto !important;
		position: static !important;
		}
		
	#moreinfo span {
		text-transform: uppercase;
		font-weight: bold;
		color: #000000;
		font-size: 10px;
		font-family: Arial, Helvetica, sans-serif;
		}
		
	#manuallayerrel { 
		clear: both;
		position: relative;
		z-index: 300;
		border-top: 1px solid #A7A9AC;
		padding-top: 15px;
		}
		
	#manuallayer { 
		display: none;
		background: #FFFFFF;
		top: -117px;
		position: absolute;
		border: 1px solid #a7a9ac;
		width: 275px;
		padding: 10px;
		text-align: center;
		height: 95px;
		}
		
	#manuallayer div { 
		padding-bottom: 10px;
		}
		
	div#manclose { 
		text-align: right;
		padding: 0;
		margin: 0;
		}
		
	#manclose img { 
		cursor: pointer;
		}
	
	/*Your Selection Column 
	------------------------------------*/
	#yourselection { 
		float: left;
		padding-top: 27px;
		margin: 0;
		}	
		
	#proddetail #yourselection { 
		width: 205px;
		}
		
	#proddetail #yourselection .dettitle { 
		margin-bottom: 10px;
		}
		
	#softdetail #yourselection { 
		width: 233px;
		}
		
		/*Color Size Table
		----------------------*/
		#colorsizetable { 
			margin: 5px 0 0 0;
			padding: 0 0 5px 0;
			width: 233px;
			}
		
		#colorsizetable th { 
			font-family: Arial, Helvetica, sans-serif;
			color: #000000;
			}
			
			
		#colorsizetable th, #colorsizetable td { 
			font-style: normal;
			text-align: center;
			padding: 1px;
			text-transform: uppercase;
			line-height: 1em;
			}
		
		
		#colorsizetable th { 
			font-size: 9px;
			}
			
		#colorsizetable td { 
			font-size: 10px;
			}
			
		td.sizecell, th.sizecell { 
			width: 20px;
			}
			
		#colorsizetable th.choosesize, #colorsizetable td.choosesize { 
			text-align: left;
			padding: 2px 2px 2px 0;
			width: auto;
			}
			
		#colorsizetable td.choosesize img {
			vertical-align: middle;
			margin-right: 2px; 
			}
		
		.iconkey { 
			text-align: right;
			padding-bottom: 10px;
			}
			
	#seldetails { 
		padding-top: 10px;
		}
		
	#seldetails #addtocartlinkimg { 
		float: left;
		}
	
	#seldesc { 
		float: left;
		width: 150px;
		padding: 10px 0 10px 10px;
		}
		
	#softdetail #seldesc span { 
		font-style:italic;
		text-transform:uppercase;
		vertical-align:middle;
		}
	
	#softdetail #seldesc img { 
		vertical-align:middle;
		}
	
	#proddetail .detselection { 
		padding: 1px 0 1px 0;
		}
		
	#softdetail .detselection {
		padding: 1px 0 1px 0;
		}
		
	.detselection span {
		text-transform:uppercase;
		font-style: italic;
		vertical-align: middle;
		}
		
	.detselection #selprice {
		text-transform:uppercase;
		font-style: italic;
		color: #c4151b;
		font-size: 14px;
		}
	
	.detselection img { 
		vertical-align: middle;
		padding-bottom: 5px;
		}
		
	#proddetail #addtocart { 
		position: relative;
		padding: 10px 0 0 0;
		height: 85px;
	}
	
	#proddetail #cartthumb, #elitedetail #cartthumb { 
		position: absolute;
		z-index: 100;
		left: 10px;
		cursor: pointer;
	}
	
	#proddetail #cartbutton, #elitedetail #cartbutton { 
		position: absolute;
		z-index: 50;
		left: 0px;
		top: 35px;
		cursor: pointer;
		}
		
	.auxtitle { 
		margin-top: 10px;
		cursor: pointer;
		}
		
	#softdetail .auxtitle {
		padding-left: 28px;	
		}
		
	.auxcontent {
		text-align: right; 
		padding: 5px 10px;
		font-size: 11px;
		position: relative;
		border-top: 1px solid #a7a9ac;
		margin-top: 5px;
		}
		
	.auxcontent ul a {
		background-image: url(/image/common/product20/detail-bullet.gif);
		background-position: right 50%;
		background-repeat: no-repeat;
		padding: 2px 15px 2px 0;
		text-decoration: none;
		}
		
		#proddetail #auxnotify {
			margin-top: -15px;
		}

	
	#auxnotify {
		border-top: 0px;
		}

	/*Wish List Content 
	------------------------------------*/
	#auxwish { 
		 text-align: right;
		 }
		 
	.auxcontent .ffield { 
		 padding: 2px 3px;
		 width: 134px;
		 border: 1px solid #a7a9ac;
		 font-size: 12px;
		 margin-bottom: 5px;
		 }
		 
	.auxcontent div { 
		 padding-bottom: 5px;
		 }
	
	.auxcontent .forgotpw { 
		 font-size: 9px;
		 }
		 
	.auxcontent #wlcreate { 
		 margin-right: 5px;
		 }
		 
	.auxcontent .wlclose { 
		 margin: 5px 0;
		 cursor: pointer;
		 }
		 
	#permalinkfield {
		padding: 2px 3px;
		border: 1px solid #a7a9ac;
		font-size: 10px;
		margin-bottom: 5px;
		text-align: right;
		} 
		
	#proddetail #permalinkfield { 
		width: 177px;
		}
	
	#softdetail #permalinkfield { 
		width: 205px;
		}
		
		
	#permalinkdesc {
		text-align: left;
		} 
		
	#addthis { 
		float: right;
		}
	
		
		 
	/*Elite Page Detail
	------------------------------------*/
		/*Elite Title 
		-----------------------*/
		#movieslideshowcontainer {
			background-color: #000000;
			height: 410px;
			width: 910px;
		}
		
		#watchtitle {
			position: absolute;
			top: 20px;
			left: 20px;
			z-index: 500;
			color: #FFFFFF;
		}
		
		#watchtitle img {
			margin-bottom: 3px;
		}
		
		#watchtitle h3 { 
			text-transform: uppercase;
			font-size: 12px;
			font-style: italic;
			font-weight: normal;
			padding: 0 0 2px 0;
			margin: 0;
			color: #ffffff;
			}	
			
		/*Hero
		-----------------------*/
		#elitedetail #zoombutton { 
			position: absolute;
			top: 415px;
			left: 135px;
			}
		
		#movieslideoverlay {
			position: absolute;
			z-index: 1500;
			top: 70px;
			left: 50px;
			cursor: pointer;
		}
		
		.eliteheroimage {
			position: absolute;
			visibility: hidden;
			filter:alpha(opacity=0);
			-moz-opacity:0.0;
			opacity:0.0;
			cursor: pointer;
		}
		
		/*Watch Info Layer
		-----------------------*/
		#blackened {
			width: 910px;
			height: 110px;
			background: #000000;
			z-index: 999;
			position: absolute;
			filter:alpha(opacity=60);
			-moz-opacity:0.6;
			opacity:0.6;
			top: 222px;
			left: 0;
		}
		
		#closeinfo { 
			float: right;
			cursor: pointer;
			margin-right: 10px;
			margin-top: 10px;
		}
		
		
		#watchinfolayer {
			color: #FFFFFF;
			width: 375px;
			z-index: 999;
			position: absolute;
			top: 255px;
			left: 440px
		}
			
		
		/*Content Section
		-----------------------*/
		#watchinfo {
			float: left;
			margin: 30px 40px 0 440px;
			display: inline;
			}
		
		#swatchbox {
			float: left;
			margin: 30px 40px 0 0;
			display: inline;
			width: 95px;
			}
		
			
		.titleimage { 
			margin-bottom: 8px;
			}
		.titleinfo { 
			margin-bottom: 8px;
			filter:alpha(opacity=35);
			-moz-opacity:0.35;
			opacity:0.35;
			}	
		
		.swatchtitle { 
			margin-bottom: 6px;
			}
		
		.eliteswatch, .eliteswatchactive {	
			width: 12px;
			height: 10px;
			cursor: pointer;
			margin-right: 3px;
			}
		
		.eliteswatch { 
			border: 2px solid #e4e5e6;
			}
			
		.eliteswatch:hover { 
			border: 2px solid #cccccc;
			}
			
		.eliteswatchactive { 
			border: 2px solid #c4151b;
			cursor: pointer;
			margin-right: 3px;
			}
			
		#elitepricecart {
			float: left;
			margin: 15px 0 0 0;
			display: inline;
			position: relative;
			width: 205px;
			}
			
		#elitedealer { 
			position: absolute;
			top: 63px;
			text-align: right;
			width: 205px;
			text-transform: uppercase;
			font-style: italic;
			font-size: 11px;
			z-index: 20;
		}	
		
		#elitedealer a { 
			text-decoration: none;
		}	
		
		#pricecontainer { 
			font-style: italic;
			color: #c4151b;
			font-size: 14px;
			position: absolute;
			left: 55px;
			top: 5px;
			width: 150px;
			text-align: right;
			}
			
		#elitedetail #cartbutton { 
			top: 25px;
			}
			
		#pricecontainer img { 
			vertical-align: middle;
			padding-bottom: 5px;
			}
		
		#elitecartbutton { 
			position: absolute;
			z-index: 50;
			left: 0px;
			top: 25px;
			cursor: pointer;
			}
			
		#elitedetail #auxnotify { 
			display: none;
			background: #FFFFFF;
			top: 461px;
			width: 183px;
			left: 682px;
			border: 1px solid #C4151B;
			position: absolute; z-index: 40;
			padding-top: 28px;
			}

/*---------------------------------------------------------
	Matrix Footer 
---------------------------------------------------------*/	
#matrixfooter { 
	clear: both;
	padding: 10px 0;
	text-transform: uppercase;
	font-style: italic;
	position: relative;
	}
	
#matrixfooter a { 
	text-decoration: none;
	margin-right: 15px;
	}
	
#matrixfooter a:link, #matrixfooter a:visited { 
	color: #666666;
	}

#matrixfooter a:hover, #matrixfooter a:active { 
	color: #c4151b;
	}

	
#matrixfooter img { 
	margin-right: 10px;
	}

/*---------------------------------------------------------
	General Content 
---------------------------------------------------------*/	
.dettitle { 
	display: block;
	padding: 0 0 4px 0;
	border-bottom: 1px solid #a7a9ac;
	text-transform: uppercase;
	}	
	
.dettitle span { 
	text-transform: uppercase;
	}	

.preload { 
	text-align: center;
	}
	
.preload img { 
	padding-bottom: 10px;
	}
	
.dividerline { 
	clear: both;
	border-top: 1px solid #a7a9ac;
	}

/*---------------------------------------------------------
	Old Content 
---------------------------------------------------------*/	

#watchcatheader {
	width: 960px;
	float: left;
	border-top: 1px solid #BFBFBF;
	border-bottom: 1px solid #BFBFBF;
	margin-bottom: 7px;
	height: 29px;
	
}
#watchcattitle {
  float:left;
  height: 29px;
  width:450px;
}
#watchtoplinks {
  text-align: right;
  float:left;
  font-size: 11px;
  padding-top:9px;
}
#watchtoplinks a {
  text-decoration:none;
}
/* Main Layer which sets the total width of page an properties */
#masterdiv {
	width: 960px;
	height: 100%;
	position: relative;
	z-index: 998;
}
.masterrows {
	width: 960px;
	/* border-bottom: 1px solid #BFBFBF;
	border-right: 1px solid #BFBFBF; #*/
	float: left;
	height: 100%;
}
.titletable {
 margin: 0px;
 padding: 0px; 
 border: none;
 float: left; 
 height: 100%;
 border-right: 1px solid #BFBFBF;
}


#popimagerel {
 position: relative;
 width: 0px;
 height: 0px;
 z-index: 999;
}
.menspopimage {
 position: absolute;
 width: 192px;
 height: auto;
 background: none;
 visibility: hidden;
 z-index: 999;
 top: -60px;
 left: 60px;
}
.womenspopimage {
 position: absolute;
 width: 192px;
 height: auto;
 background: none;
 visibility: hidden;
 z-index: 999;
 top: -60px;
 left: 60px;
}
#imagebox {
 width: 170px;
 float:right;
 border-right: 1px solid #BFBFBF;
 border-top: 1px solid #BFBFBF;
 border-bottom: 1px solid #BFBFBF;
 z-index: 999;
}
.menspopimageleft {
 position: absolute;
 width: 192px;
 height: auto;
 background: none;
 visibility: hidden;
 z-index: 999;
 top: -60px;
 left: -160px;
}
.womenspopimageleft {
 position: absolute;
 width: 192px;
 height: auto;
 background: none;
 visibility: hidden;
 z-index: 999;
 top: -60px;
 left: -160px;
}
#imageboxleft {
 width: 170px;
 float:left;
 border-left: 1px solid #BFBFBF;
 border-top: 1px solid #BFBFBF;
 border-bottom: 1px solid #BFBFBF;
 z-index: 999;
}


#mensnewicon {
 position: absolute;
 width: 93px;
 text-align:right;
 z-index: 10;
}
#womensnewicon {
 position: absolute;
 width: 116px;
 text-align:right;
 z-index: 10;
}

.imagepadding {
 padding-left: 12px;
}

.relativepos {
  	position: relative;
  }
	
	
/*Rubber Player*/
#watchinfo_rubber {
	position: absolute;
	left: 292px;
	top: 427px;
	z-index: 2000;
}

#swatchbox_rubber {
	position: absolute;
	left: 624px;
	top: 422px;
	z-index: 2000;
}
.titleinfo_rubber { 
	margin-right: 10px;
	filter:alpha(opacity=35);
	-moz-opacity:0.35;
	opacity:0.35;
}
.rubberswatch, .rubberswatchactive {	
	cursor: pointer;
	margin-right: 3px;
}

.rubberswatch { 
	border: none;
}

.rubberswatch:hover { 
	border: none;
}

.rubberswatchactive { 
	border: none;
	cursor: pointer;
	margin-right: 3px;
}
#rubberpricecart {
	position: absolute;
	left: 489px;
	top: 450px;
	z-index: 2000;
}
#rubberpricecontainer { 
	font-style: italic;
	color: #c4151b;
	font-size: 14px;
	position: absolute;
	top: 5px;
	width: 150px;
}
#rubberpricecontainer img { 
	vertical-align: middle;
	padding-bottom: 5px;
}
#rubber4x4 {
	position: absolute;
	top: 320px;
	left: 840px;
}
#gallerybar {
	width: 910px;
	height: 49px;
	margin-top: 39px;
	margin-left: 25px;
}
.colors_4month {
	float: right;
	margin-top: 14px;
	margin-right: 30px;
}
.find_nearby_shop {
	float: left;
	margin-top: 14px;
	margin-left: 81px;
}
#gallery_bar_title {
	float: left;
	margin-left: 19px;
	margin-top: 20px;
	margin-right: 18px;
}
.gallery_bar_img {
	float: left;
	margin-top: 8px;
	margin-right: 12px;
	cursor: pointer;
}
.calender_item {
	margin-bottom: 24px;
}
#prevbutton {
	position: absolute;
	top: 70px;
	left: 0px;
	cursor: pointer;
}
#nextbutton {
	position: absolute;
	top: 70px;
	left: 718px;
	cursor: pointer;
}
#rubberfeatureicons { 
	height: 58px;
	position: absolute;
	left: 290px;
	top: 460px;
	font-size: 11px;
	font-style: italic;
	width: 300px;
	z-index: 2000;
}

#proddetail #rubberfeatureicons { 
	width: 300px;
}
.altdetail #rubberfeatureicons { 
	height: auto !important;
	padding-bottom: 30px !important;
}
.rubber_calendar {
	float: left;
	margin: 33px 0 0 40px;
}

.rubber_trans {
	filter:alpha(opacity=0);
	-moz-opacity:0.00;
	opacity:0.00;
}

.rubbertext {
	float: left;
	font-size: 13px;
	line-height: 18px;
	padding: 6px 0 0 52px;
	width: 665px;
}

#productdetailtitleline {
	border-top: 1px solid #a7a9ac;
	height: 1px;
}

/* Project Blue */

#projectblue {
	position: absolute;
	left: 240px;
	top: 440px;
	z-index: 501;
}