/* 
MODAL WINDOW 620x546 
	#modal 				margin-top:	11px;
	#modal .content		height: 	468px;
	#modal #nav			height:		56px;
	#modal .bottom		height: 	11px;
						total: 		546px
*/

#modal{
	font-family: arial, verdana, sans-serif;	
	width:624px;		
	font-size:12px;		
	margin-top:11px;
}

#modal h1{
	font-size:22px;
	font-weight:normal;
	margin-bottom:13px;
}

#modal p{
	margin-bottom:12px;
}

#modal a{
	text-decoration:none;
}

#modal img{
	border:0px;	
}

#modal .shade-content{
	background: no-repeat bottom right url(/Templates/images/resources/modal-right.png);
	float:right;
	width:9px;	
	height:449px;
	margin-top:19px;
}

#modal .content{	
	position:relative;
	text-align:left;
	width:615px;
	float:left;
	height:468px;
	z-index:5;
}

#modal #image{
	z-index:3;
	position:absolute;
	margin-top:-4px;
	margin-left:;
}

#modal #image-cover{
	z-index:2;
	position:absolute;
	height:10px;
	width:589px;
	margin-top:-4px;
	margin-left:11px;
}

#modal #info{
	z-index:4;
	position:absolute;
	height:448px;
	width:200px;
	margin-left:385px;	
}

#modal #close{
	height:31px;
	width:29px;
	left:auto;
	position:absolute;
	right:1px;
	top:1px;
	z-index:7;
	margin-top:-13px;
	margin-right:-14px;
	_margin-right:-15px;
}


/* NAV */

#modal #nav{;
	float:left;
	width:615px;
	height:56px;
}

#modal #nav a{
	height:18px;
	line-height:18px;
	margin:20px;
	margin-bottom:15px;
}

#modal #nav #prev a{
	float:left;
	padding-left:20px;	
}

#modal #nav #next a{
	float:right;
	padding-right:20px;
}

#modal .shade-nav{
	background: no-repeat bottom right url(/Templates/images/resources/modal-right.png);
	float:right;
	width:9px;	
	height:56px;
}

/* FORM */ 

#modal #info span.col1{
	width:100px;
	float:left;
	display:block;
}

#modal #info span.price{
	font-weight:bold;
}

#modal #info span.amount{
	font-weight:bold;
}

#modal #info form{
	margin-bottom:12px;
}

#modal #info input{
	color:#666666;
}

#modal #info input.amount{
	width: 25px;
	background: repeat-x scroll top left url(/Templates/images/resources/input-text-background.gif);
	border:1px solid #bebebe;
	margin-right:5px;
}

#modal #info input.submit{
	width: 50px;
	background: repeat-x scroll top left url(/Templates/images/resources/input-submit-background.gif);
	border:1px solid #bebebe;
	text-transform: uppercase;
}

/* ROUND CORNERS */


#modal .bottom{
	position:relative;
	height:5px;	
	clear:both;
	width:622px;
}

#modal .bottom .left {
	height:11px;
	left:0;
	position:absolute;
	width:11px;
}

#modal .bottom .middle {
	height:11px;
	left:11px;
	position:absolute;
	right:11px;
	width:600px;
}

#modal .bottom .right {
	height:11px;
	left:auto;
	position:absolute;
	right:0;
	top:0;
	width:11px;
}

/* WHITE */	
#modal.white #info {	color:#666666; }
#modal.white a{ color:#ffffff; }
#modal.white #image-cover{ background-color: #ffffff; }
#modal.white #close { background: transparent no-repeat scroll right top url(/Templates/images/resources/modal-white-close.png); }
#modal.white .content { background-color: #ffffff; }
#modal.white .bottom .left { background: top left no-repeat url(/Templates/images/resources/modal-white-bl.png); }	
#modal.white .bottom .middle { background: top left no-repeat url(/Templates/images/resources/modal-white-b.png); }
#modal.white .bottom .right {	background: top left no-repeat url(/Templates/images/resources/modal-white-br.png); }
#modal.white #nav{ background-color:#a6a6a6; }
#modal.white #nav #prev a{ background: transparent no-repeat scroll top left url(/Templates/images/resources/arrow-white-l.gif); }
#modal.white #nav #next a{ background: transparent no-repeat scroll top right url(/Templates/images/resources/arrow-white-r.gif); }
	
/* RED */	
#modal.red #info{ color:#ffffff; }
#modal.red a{ color:#ffffff; }
#modal.red #image-cover{ background-color: #a91600; }
#modal.red #close { background: transparent no-repeat scroll right top url(/Templates/images/resources/modal-red-close.png); }
#modal.red .content { background-color: #a91600; }
#modal.red .bottom .left { background: top left no-repeat url(/Templates/images/resources/modal-red-bl.png); }	
#modal.red .bottom .middle { background: top left no-repeat url(/Templates/images/resources/modal-red-b.png); }
#modal.red .bottom .right {	background: top left no-repeat url(/Templates/images/resources/modal-red-br.png); }
#modal.red #nav{ background-color:#7f1000; }
#modal.red #nav #prev a{ background: transparent no-repeat scroll top left url(/Templates/images/resources/arrow-white-l.gif); }
#modal.red #nav #next a{ background: transparent no-repeat scroll top right url(/Templates/images/resources/arrow-white-r.gif); }

/* GREY */	
#modal.grey #info{ color:#ffffff; }
#modal.grey a{ color:#ffffff; }
#modal.grey #image-cover{ background-color: #717a7d; }
#modal.grey #close { background: transparent no-repeat scroll right top url(/Templates/images/resources/modal-grey-close.png); }
#modal.grey .content { background-color: #717a7d; }
#modal.grey .bottom .left { background: top left no-repeat url(/Templates/images/resources/modal-grey-bl.png); }	
#modal.grey .bottom .middle { background: top left no-repeat url(/Templates/images/resources/modal-grey-b.png); }
#modal.grey .bottom .right {	background: top left no-repeat url(/Templates/images/resources/modal-grey-br.png); }
#modal.grey #nav{ background-color:#4f5457; }
#modal.grey #nav #prev a{ background: transparent no-repeat scroll top left url(/Templates/images/resources/arrow-white-l.gif); }
#modal.grey #nav #next a{ background: transparent no-repeat scroll top right url(/Templates/images/resources/arrow-white-r.gif); }

/* BLUE */	
#modal.blue #info{ color:#ffffff; }
#modal.blue a{ color:#ffffff; }
#modal.blue #image-cover{ background-color: #0066a8; }
#modal.blue #close { background: transparent no-repeat scroll right top url(/Templates/images/resources/modal-blue-close.png); }
#modal.blue .content { background-color: #0066a8; }
#modal.blue .bottom .left { background: top left no-repeat url(/Templates/images/resources/modal-blue-bl.png); }	
#modal.blue .bottom .middle { background: top left no-repeat url(/Templates/images/resources/modal-blue-b.png); }
#modal.blue .bottom .right {	background: top left no-repeat url(/Templates/images/resources/modal-blue-br.png); }
#modal.blue #nav{ background-color:#004675; }
#modal.blue #nav #prev a{ background: transparent no-repeat scroll top left url(/Templates/images/resources/arrow-white-l.gif); }
#modal.blue #nav #next a{ background: transparent no-repeat scroll top right url(/Templates/images/resources/arrow-white-r.gif); }

/* TURQUOISE */	
#modal.turquoise #info{ color:#ffffff; }
#modal.turquoise a{ color:#ffffff; }
#modal.turquoise #image-cover{ background-color: #94dfee; }
#modal.turquoise #close { background: transparent no-repeat scroll right top url(/Templates/images/resources/modal-turquoise-close.png); }
#modal.turquoise .content { background-color: #94dfee; }
#modal.turquoise .bottom .left { background: top left no-repeat url(/Templates/images/resources/modal-turquoise-bl.png); }	
#modal.turquoise .bottom .middle { background: top left no-repeat url(/Templates/images/resources/modal-turquoise-b.png); }
#modal.turquoise .bottom .right {	background: top left no-repeat url(/Templates/images/resources/modal-turquoise-br.png); }
#modal.turquoise #nav{ background-color:#679ea8; }
#modal.turquoise #nav #prev a{ background: transparent no-repeat scroll top left url(/Templates/images/resources/arrow-white-l.gif); }
#modal.turquoise #nav #next a{ background: transparent no-repeat scroll top right url(/Templates/images/resources/arrow-white-r.gif); }