/*
  $Id: stylesheet.css 1739 2007-12-20 00:52:16Z hpdl $

  osCommerce, Open Source E-Commerce Solutions
  http://www.oscommerce.com

  Copyright (c) 2003 osCommerce

  Released under the GNU General Public License
*/

.boxText { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.errorBox { font-family : Verdana, Arial, sans-serif; font-size : 10px; background: #ffb3b5; font-weight: bold; }
.stockWarning { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #cc0033; }
.productsNotifications { background: #f2fff7; }
.orderEdit { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #70d250; text-decoration: underline; }

body {
		
		padding:0;
		border:0;			/* This removes the border around the viewport in old versions of IE */
		width:60.94em;
		margin: 30px auto;
		background:#f8f8f9;
			/* Minimum width of layout - remove line if not required */
						/* The min-width property does not work in old versions of Internet Explorer */
		font-size:100%;
	}
	
	a.body { color: #acacac; font-weight: bold; text-decoration: none; font-family:tahoma; text-weight:normal; border-width: 0px; padding:0em 0em 0em 0em;}
	a.body:visited { color: #acacac; }
	a.body:hover { color: #0066cc;}
		
	a.more { color: #003399; font-weight: bold; text-decoration: none; font-family:tahoma; text-weight:normal; text-align:center; border-width: 0px; padding:0em 0em 0em 0em; float:right; clear:both;}
	a.more:visited { color: #003399; }
	a.more:hover { color: #0066cc;}
	
	a.style { color: #000000; font-size:0.7em; font-weight: bold; text-decoration: none; font-family:tahoma; text-weight:normal; border-width: 0px; padding:0em 0em 0em 0em;}
	a.style:visited { color: #000000; }
	a.style:hover { color: #0066cc;}
	
	a.style2 { color: #000000; font-size:0.7em; font-weight: bold; text-decoration: none; font-family:tahoma; border-width: 0px; padding:0em 0em 0em 0em; float:left;}
	a.style2:visited { color: #000000; }
	a.style2:hover { color: #0066cc;}
	
	a.styleprice { color: red; font-size:0.7em; font-weight: normal; text-decoration: none; font-family:tahoma; text-weight:normal; border-width: 0px; padding:0em 0em 0em 0em; float:left;}
	a.styleprice:visited { color: red; }
	a.styleprice:hover { color: #0066cc;}
	
	a.footer { color: #000000; font-weight: bold; text-decoration: none; font-family:tahoma; text-weight:normal; border-width: 0px; padding:0em 0em 0em 0em;}
	a.footer:visited { color: #000000; }
	a.footer:hover { color: #0066cc;}
	
	a.subtitle{ color: #acacac; font-weight: bold; text-decoration: none; font-family:tahoma; border-width: 0px; padding:0em 0em 0em 0em;}
	a.subtitle:visited { color: #acacac; }
	a.subtitle:hover { color: #0066cc;}
	
	a.accountdetails{ color: #000000; font-weight: normal; text-decoration: none; font-family:tahoma; text-align:right; border-width: 0px; padding:0em 0em 0em 0em;}
	a.accountdetails:visited { color: #000000; }
	a.accountdetails:hover { color: #acacac;}
	
	
	/* Header styles */
	#header {
		clear:both;
		float:left;
		width:60.94em;
		margin: auto;
		border-left:2px solid #acacac;
		border-right:2px solid #acacac;
		
	}
	
	h1
		{ 
		color:#000000; 
		text-decoration: underline;
		font-family:tahoma;
		font-size:0.9em;
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		clear:both;
		text-align:center;
		
		}
		
		
	h2
		{ 
		color:#000000; 
		text-decoration: none;
		font-family:tahoma;
		font-size:.8em;
		margin: 0 0 0 0;
		padding: 0 0 0em 0;
		clear:both;
		text-align:left;
		
		}
		
	font.store_info_price_red
		{ 
		color:#f8941d; 
		text-decoration: none;
		font-weight:bold;
		font-family:tahoma;
		font-size:.8em;
		margin: 0 0 0 0;
		padding: 0 0 0em 0;
		
		float:left;
		
		}
	
	p
		{ 
		color:#000000; 
		text-decoration: none;
		font-family:tahoma;
		font-size:0.7em;
		margin: 0 0 0 0;
		padding: 0.7em 0 0 0;
		clear:both;
		text-align:left;
		
		}
		
		p.red
		{ 
		color:red; 
		font-weight: bold;
		text-decoration: none;
		font-family:tahoma;
		font-size:0.7em;
		margin: 0 0 0 0;
		padding: 0.7em 0 0 0;
		clear:both;
		text-align:left;
		
		}
		
		p.right
		{ 
		color:#000000; 
		text-decoration: none;
		font-family:tahoma;
		font-size:0.7em;
		margin: 0 0 0 0;
		padding: 0.7em 30px 0 0;
		clear:both;
		text-align:right;
		
		}
	
	p.bold
		{ 
		color:#000000; 
		font-weight: bold;
		font-family:tahoma;
		font-size:0.7em;
		margin: 0 0 0 0;
		padding: 0em 0 0 0;
		clear:both;
		text-align:left;
		
		}
		
		
		
	p.postlink
		{ 
		color:#000000; 
		text-decoration: none;
		font-family:tahoma;
		font-size:0.7em;
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		clear:both;
		text-align:left;
		
		}
	
	/* Footer styles */
	#footer {
		clear:both;
		float:left;
		width:100%;
		height: 14em;
		border-left:2px solid #acacac;
		border-right:2px solid #acacac;
		border-bottom:2px solid #acacac;
		position: relative;
		}
		
	
	
		
	#footer p {
		padding:15px;
		margin:0;
	}
	
	#footertwo {
		background-color: #acacac;
		clear:both;
		float:left;
		width:100%;
		
		border-left:2px solid #acacac;
		border-right:2px solid #acacac;
		border-bottom:2px solid #acacac;
		position: relative;
		}
		
	#footertwo p
		{ 
		color:#000000; 
		text-decoration: none;
		font-family:tahoma;
		font-size:0.7em;
		margin: 0 0 0 0;
		padding: 0.2em .5em 0.2em 0;
		clear:both;
		text-align:right;
		
		
		}
		
		#footerthree {
		background-color: #ffffff;
		clear:both;
		height:2em;
		float:left;
		width:100%;
		position: relative;
		}








	#orangerow
	{
	width:60.94em;
	height: .8em;
	color: #333;
	background-color: #f8f8f9;
	overflow:hidden;

	}
	
		#orangebar {
		background-color: #f8941d;
		text-align:right;
		
		float: left;
		width: 100%;
		vertical-align: middle;
		
		
		}
		
			
			#orangebar font {
			background-color: #f8f8f9;
			color: black; 
			text-decoration: none;
			font-family:tahoma;
			font-size:0.7em;
			float:right; /* I have a float without a width. Without this on IE the text drops down. If worst comes to the worst could create a second 
								white div for the text, but would have to be fixed length -so not random*/
			padding:0em 1em;
			
			
			
			}




	#titlerow  /*the height of this changes the height of the enclosing header div, although the contents dont*/
	{
	width:60.94em;
	height: 4.5em;
	background-color: #ffffff;
	text-align: left;
	position: relative;
	clear:both;
	overflow:visible;
	
	}
	
	
		#headerlogo {
		height: 3em;
		width: 5em;
		background-color: #ffffff;
		text-align:left;
		float: left;
		overflow:visible;
	
		
		}
		
			
			
			img.logoie
			{
			position: absolute;
			left: -2em;
			top: -7em;
			z-index:100;}
	
		#headertitle {
		
		background-color: #ffffff;
		text-align:left;
		width: 18em;
		float: left;
		position: absolute;
		left: 6em;
		top: .5em;
		overflow:visible;
			
		}
		
		#headertitle img
			{
			border:0;}
		
		
		
		#headertext
		{
		height: 3em;
		background-color: #ffffff;
		text-align:left;
		float: left;
		width: 18em;
		position: absolute;
		left: 24em;
		top: .7em;
		vertical-align: middle;
		overflow:visible;
	}
	
		#headerpaypal
		{
		height: 3em;
		background-color: #ffffff;
		text-align:left;
		float: left;
		width: 6em;
		position: absolute;
		left: 45em;
		top: 1.0em;
		vertical-align: middle;
		overflow:visible;
	}
	
	#headerpaypal img
			{
			border:0;}
		
			#headertext font {
			float:left;
			width:100%;
			color: #707070; 
			text-decoration: none;
			font-family:tahoma;
			font-size:0.7em;
			
			vertical-align:middle;
			overflow:visible;
			}
			
		#headerbadge
		{
		height: 3em;
		background-color: #ffffff;
		text-align:left;
		float: left;
		width: 17em;
		position: absolute;
		left: 42em;
		top: .7em;
		vertical-align: middle;
		overflow:visible;
	}

			img.badge
			{
			position: absolute;
			left: 13em;
			top: 0em;
			z-index:100;}
	
			img.badgeie
			{
			position: absolute;
			left: 54em;
			top: -4em;
			z-index:100;}
	
	
	#bannerrow /*This changes the height of the enclosing title column. If smaller header column expnads to banner*/
	{
	width:60.94em;
	height:6.5em;
	background-color: #ffffff;
	text-align: left;
	clear:both;
	position:relative;
	z-index:1;
	
	}

	#banner
	{
	background-color: #acacac;
	text-align:left;
	height: 6.25em;
	float: left;
	width: 13.44em;
	
	
	}	
	
		#featuredpicture
		{
		text-align:left;
		height: 6.25em;
		float: left;
		width: 7em;
		position: absolute;
		top: .4em;
		left:.5em;
		
		}	
		
		#randomcontent group1
		{
		text-align:left;
		height: 6.25em;
		float: left;
		width: 7em;
		position: absolute;
		top: .4em;
		left:.5em;
		
		}	
		
		
		
			#featuredpicture img
			{
			border:0;}
			
			
			
			
		#featuredpicturetext
		{
		text-align:left;
		height: 6.25em;
		width: 7em;
		float: left;
		position: absolute;
		top: .4em;
		left:6.5em;
		
		
		
	}
		
			#featuredpicturetext a {
			
			color: #ffffff; 
			text-decoration: none;
			font-family:tahoma;
			font-size:0.8em;
			vertical-align:middle;
			}
			
			#featuredpicturetext a:visited {
			
			color: #ffffff; 
			text-decoration: none;
			font-family:tahoma;
			font-size:0.8em;
			vertical-align:middle;
			}
			
			#featuredpicturetext a:hover {
			
			color: #cccccc; 
			text-decoration: none;
			font-family:tahoma;
			font-size:0.8em;
			vertical-align:middle;
			}
			
			#featuredpicturetext a.medium {
			width: 100%;
			float:left;
			color: #ffffff; 
			text-decoration: none;
			font-family:tahoma;
			font-size:0.7em;
			padding-top:1em;
			}
			
			#featuredpicturetext a.medium:visited {
			width: 100%;
			float:left;
			color: #ffffff; 
			text-decoration: none;
			font-family:tahoma;
			font-size:0.7em;
			padding-top:1em;
			}
			
			#featuredpicturetext a.medium:hover {
			width: 100%;
			float:left;
			color: #cccccc; 
			text-decoration: none;
			font-family:tahoma;
			font-size:0.7em;
			padding-top:1em;
			}
			
			#featuredpicturetext a.small {
			width: 100%;
			float:left;
			color: #ffffff; 
			text-decoration: none;
			font-family:tahoma;
			font-size:0.6em;
			padding-top:1.5em;
			padding-left:2.5em;
			}
			
			#featuredpicturetext a.small:visited {
			width: 100%;
			float:left;
			color: #ffffff; 
			text-decoration: none;
			font-family:tahoma;
			font-size:0.6em;
			padding-top:1.5em;
			padding-left:2.5em;
			}
			
			#featuredpicturetext a.small:hover {
			width: 100%;
			float:left;
			color: #cccccc; 
			text-decoration: none;
			font-family:tahoma;
			font-size:0.6em;
			padding-top:1.5em;
			padding-left:2.5em;
			}
	
	#bannerdivide
	{
	background-color: #ffffff;
	text-align:left;
	height: 6.25em;
	float: left;
	width: 0.31em;
	}
	
	#bannertwo
	{
	background-color: #cccccc;
	text-align:left;
	height: 6.25em;
	float: left;
	width: 45.31em;
	position:relative;
	}
	
		#bannertwopicture
		{
		text-align:left;
		height: 6.25em;
		float: left;
		width: 42.19em;
		position:absolute;
		top: .75em; /*posiion of the banner*/
		left: 1.25em;
		
		
		}	
		
		#bannertwopicture img
			{
			border:0;}
	
	#linksrow
	{width:60.94em;
	height:1.46em;
	clear:both;
	position:relative;
	text-align: left;
	background-color: #ffffff;
	border-top: 1px solid #cdcdcd;
	overflow: hidden;

	}

		ul#linksbar
		{
		list-style-type: none;
		margin: 0;
		padding: 0;
		height:1.56em;
		float: left;
		width: 100%;
		background-color: #ffffff;
	
	
	
		}

		ul#linksbar li { display: inline; padding: 0; margin: 0; border-spacing:0; }

		ul#linksbar li a
		{
		float:left;
		height:1.56em;
		color: #898989;
		background-color: #ffffff;
		padding: 0.39em 1.8em 0.7em 1.8em;
		margin: 0;
		text-decoration: none;
		font-family:tahoma; 
		font-size:.7em;
		border-right: 1px solid #cccccc;
		}

		ul#linksbar li a:hover
		{
		background-color: #cdcdcd;
		color: #000000;
		}

			ul#linksbar li a.current
		{
		float:left;
		height:1.56em;
		color: #000000;
		background-color: #cdcdcd;
		padding: 0.39em 1.8em 0.7em 1.8em;
		margin: 0;
		text-decoration: none;
		font-family:tahoma; 
		font-size:.7em;
		border-right: 1px solid #cccccc;
		}

		ul#linksbar li a.current:hover
		{
		background-color: #cdcdcd;
		color: #000000;
		}


	#sublinks
	{width:60.94em;
	height:1.26em;
	clear:both;
	position:relative;
	text-align: left;
	background-color: #cdcdcd;
	overflow: hidden;
	
	
	}
	
		#sublinks a{ color: #ffffff; font-weight: bold; text-decoration: none; font-family:tahoma; font-size:.7em; border-width: 0px; padding:0em 0em 0em 4em;}
		#sublinks a:visited { color: #ffffff; }
		#sublinks a:hover { color: #0066cc;}
	
	
	
		
	#topgap
	{
	width:60.94em;
	height:.5em;
	clear:both;
	position:relative;
	text-align: left;
	background-color: #ffffff;
	overflow: hidden;
	}
	
	
	#topgapstore
	{
	width:60.94em;
	height:1.8em;
	clear:both;
	position:relative;
	text-align: right;
	background-color: #ffffff;
	overflow: hidden;

	}



	#topgapstore a
		{
		float:right;
		height:1.56em;
		color: #898989;
		background-color: #ffffff;
		padding: 0.39em 1.8em 0.7em 1.8em;
		margin: 0;
		text-decoration: none;
		font-family:tahoma; 
		font-size:.7em;
		
		}

		#topgapstore a:visited { color: #898989; }
		#topgapstore a:hover
		{
		background-color: #ffffff;
		color: #0066ff;
		}
	




		
		
						
				img.titles
				{
				float: left;
				margin: 0;
				padding: 0;
				}
			
					img.titlesstore
				{
				float: left;
				margin: 0;
				padding: .1em 0 0 1em;
				
				}
				
							
			
				
				
		
				
		
					
	

	
	img.link
			{
			border:0;}

	

	
			
				
				
				
				
				font.numbers
				{ 
				color:#000000; 
				text-decoration: none;
				font-family:tahoma;
				font-size:0.7em;
				float:left;
				margin: 0;
				
		
				}
				
							
				
				
				

				
				
		
			
		
	
		


/*ALL THIS IS THE MAIN PAGE SHAZAM */



.colmask {
		position:relative;	/* This fixes the IE7 overflow hidden bug */
		clear:both;
		float:left;
		width:100%;			/* width of whole page */
		overflow:hidden;		/* This chops off any overhanging divs */
	}
	/* common column settings */
	.colright,
	.colmid,
	.colleft {
		float:left;
		width:100%;
		position:relative;
	}
	.col1,
	.col2,
	.col3 {
		float:left;
		position:relative;
		padding:0 0 1em 0;
		overflow:hidden;
		
	}
	/* 2 Column (right menu) settings */
	.rightmenu {
	margin: auto;
	width:60.94em;
		background:#ffffff;
		padding: 0 0 0 0em;
border-left: 2px solid #acacac;
border-right: 2px solid #acacac;
border-bottom: 2px solid #acacac;			/* right column background colour */
	}
	.rightmenu .colleft {
		right:10.94em;			/* right column width */
		background:#fff;	
			border-right: 1px solid #acacac;/* left column background colour */
	}
	.rightmenu .col1 {
		width:48em;			/* left column content width (left column width minus left and right padding) */
		left:11.94em;			/* (right column width) plus (left column left padding) */
	}
	.rightmenu .col2 {
		width:9.94em;	
		/* right column content width (right column width minus left and right padding) */
		left:13.44em;
		
		/* (right column width) plus (left column left and right padding) plus (right column left padding) */
	}
	
	
	
				
		
				
	
#storeright{
float:left;
position:relative;
width:13.94em;
height:15em;
		background:#acacac;
border-left: 2px solid #acacac;
border-right: 2px solid #acacac;
border-bottom: 2px solid #acacac;	
	}

	
			img.moreinfo
			{
			border:0;
			float:right;}	
				
			img.moreinfoleft
			{
			border:0;
			float:left;
			padding: 0 .5em;}		
				
				
				img.orderthisstyle
			{
			position: absolute;
			left: 1em;
			top: -.8em;
			z-index:100;}
				
			
				
				
				
#main_image{margin:0 0 0 0;height:280px;width:240px;background:#f8f8f9;}
	#main_image img{margin-bottom:10px;}		
	
	
	
	
	


/*This is the layout for the product info page*/


#browseleftcolumn2
				{
						
				width:22em;
				float:left;
				clear:both;
				
				position: relative;
				overflow:visible;
				padding: 0 0 0 3em;
				
				/*border: 1px solid #acacac;*/
				
				}
				
				
	
				#browserightcolumn2
				{
						
				width:270px; /*make bigger to move picture left*/
				float:right;
			
				position: relative;
				overflow:visible;
				padding: 50px 0 0 0;
			
				}
	
	
	
	
	#stylesrowtitle2
				{
				width:21em;
				float:left;
				margin: 0;
				border-bottom:1px dashed black;
				clear:both;
				padding: 0.25em 0em 1em 0em;
				
								
				}
	
	#stylesrow2
				{
				width:21em;
				float:left;
				margin: 0;
				border-bottom:1px dashed black;
				clear:both;
				padding: 0.35em 0em .35em 0em;
				
								
				}
	
		#stylesrow2b
				{
				width:21em;
				float:left;
				margin: 0;
				
				clear:both;
				padding: 0.35em 0em .35em 0em;
				
								
				}
	
	#stylescolumnone2
				{
				width:5em;
				float:left;
				margin: 0;
			
				clear:both;
				
								
				}
				
				#stylescolumntwo2
				{
				width:15.3em;
				float:right;
				
				margin: 0;
				text-align: left;
				
				
				}
				
		
				#orderthisstyle
				{
						
				width:35em;
				height: 6em;
				float:left;
				clear:both;
				background-color: #ffffff;
				border: 1px solid #acacac;
				
				position: relative;
				overflow:visible;
				padding: 0 0 0 3em;
				
				/*border: 1px solid #acacac;*/
				
				}
				
	




/*END This is the layout for the product info page*/















	
	
	
	
	
	
	
	



FORM {
	display: inline;
}

TR.header {
  background: #ffffff;
}

TR.headerNavigation {
  background: #bbc3d3;
}

TD.headerNavigation {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #bbc3d3;
  color: #ffffff;
  font-weight : bold;
}

A.headerNavigation { 
  color: #FFFFFF; 
}

A.headerNavigation:hover {
  color: #ffffff;
}

TR.headerError {
  background: #ff0000;
}

TD.headerError {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #ff0000;
  color: #ffffff;
  font-weight : bold;
  text-align : center;
}

TR.headerInfo {
  background: #00ff00;
}

TD.headerInfo {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #00ff00;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}

TR.footer {
  background: #bbc3d3;
}

TD.footer {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #bbc3d3;
  color: #ffffff;
  font-weight: bold;
}

.infoBox {
  background: #b6b7cb;
}

.infoBoxContents {
  background: #f8f8f9;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

.infoBoxNotice {
  background: #FF8E90;
}

.infoBoxNoticeContents {
  background: #FFE6E6;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

TD.infoBoxHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  background: #bbc3d3;
  color: #ffffff;
}

TD.infoBox, SPAN.infoBox {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd {
  background: #f8f8f9;
}

TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {
  background: #f8f8f9;
}

TABLE.productListing {
  border: 1px;
  border-style: solid;
  border-color: #b6b7cb;
  border-spacing: 1px;
}

.productListing-heading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #b6b7cb;
  color: #FFFFFF;
  font-weight: bold;
}

TD.productListing-data {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

A.pageResults {
  color: #0000FF;
}

A.pageResults:hover {
  color: #0000FF;
  background: #FFFF33;
}

TD.pageHeading, DIV.pageHeading {
width: 100%;
  color:#000000; 
		text-decoration: none;
		font-family:tahoma;
		font-size:1em;
		font-weight: bold;
		margin: 0 0 0 0;
		padding: 0 0 0em 0;
		clear:both;
		text-align:left;
		
}

TR.subBar {
  background: #f4f7fd;
}

TD.subBar {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #000000;
}

TD.main, P.main {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  line-height: 1.5;
}

TD.mainproductdetails, P.mainproductdetails {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 0.7em;
  line-height: 1.5;
}

TD.smallText, SPAN.smallText, P.smallText {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

TD.accountCategory {
  font-family: Verdana, Arial, sans-serif;
  font-size: 13px;
  color: #aabbdd;
}

TD.fieldKey {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

TD.fieldValue {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
}

TD.tableHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

SPAN.newItemInCart {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #ff0000;
}

CHECKBOX, INPUT, RADIO, SELECT {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
}

TEXTAREA {
  width: 100%;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
}

SPAN.greetUser {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #f0a480;
  font-weight: bold;
}

td.storeborderright {
height:100%;
width:10.94em;

padding: 0 .5em;
  background: #ffffff;
  border-left:1px solid #acacac;
}

TABLE.formArea {
  background: #f1f9fe;
  border-color: #7b9ebd;
  border-style: solid;
  border-width: 1px;
}

TD.formAreaTitle {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

SPAN.markProductOutOfStock {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #c76170;
  font-weight: bold;
}

SPAN.productSpecialPrice {
  font-family: Verdana, Arial, sans-serif;
  color: #ff0000;
}

SPAN.errorText {
  font-family: Verdana, Arial, sans-serif;
  color: #ff0000;
}

.moduleRow { }
.moduleRowOver { background-color: #D7E9F7; cursor: pointer; cursor: hand; }
.moduleRowSelected { background-color: #E9F4FC; }

.checkoutBarFrom, .checkoutBarTo { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #8c8c8c; }
.checkoutBarCurrent { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; }

/* message box */

.messageBox { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.messageStackError, .messageStackWarning { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #ffb3b5; }
.messageStackSuccess { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #99ff00; }

/* input requirement */

.inputRequirement { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ff0000; }


/*BOF - Zappo - Option Types v2 - Progress Bar */
.progress{
  width: 1px;
  height: 12px;
  color: grey;
  font-size: 10px;
  /*overflow: hidden;*/
  background-color: #bbc3d3;
  padding-left: 3px;
}
.bar{
  border-style: dotted;
  border-width: 1px;
  border-color: red;
}
/*EOF - Zappo - Option Types v2 - Progress Bar */

/*BOF - Zappo - Option Types v2 - ONE LINE - Preload Option Type Images */
div#ImagePreload { display: none; }

img.linkpad
			{
			border:0;
			padding:0 .25em 0 0;}
			

td.infoboxheading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  background: #bbc3d3;
  color: #ffffff;
}
	
.infobox {
  background: #b6b7cb;
}
	
.infoboxcontents {
  background: #f8f8f9;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

.boxtext { font-family: Verdana, Arial, sans-serif; font-size: 10px; }

#rightcolumncenteredimage
    {
    text-align:center;
    margin-top:0px;
    margin-bottom:0px;
    padding:1em 0em 1em 0em;
    }				
	#orderpageoutline{				background-color: #ffffff;		text-align:left;		width: 692px;		margin-left:auto;		margin-right:auto;		overflow:visible;						}		
#orderpageoutlineheader{						text-align:left;		width: 100%;		height:77px;		float:left;		padding:0 0 0 0;		overflow:visible;				}		
	#orderpageoutlineheader1{						text-align:left;		width: 102px;		height:77px;		float:left;		padding:0 0 0 0;				}
	#orderpageoutlineheader2{						text-align:left;		width: 164px;		height:77px;		float:left;		padding:0 0 0 0;				}
	#orderpageoutlineheader3{						text-align:left;		width: 5px;		height:77px;		float:left;		padding:0 0 0 0;				}
	#orderpageoutlineheader4{						text-align:left;		width: 155px;		height:77px;		float:left;		padding:0 0 0 0;				}		
	#orderpageoutlineheader5{						text-align:left;		width: 263px;		height:77px;		float:left;		padding:0 0 0 0;					}											
	#orderpageoutlinebody{				background-color: #f8f8f9;		text-align:left;		width: 100%;				float:left;				border-left:2px solid #bbc3d3;		border-right:2px solid #bbc3d3;		border-bottom:2px solid #bbc3d3;		}				
	#padding{				background-color: #f8f8f9;		text-align:left;		width: 90%;				margin-left:auto;		margin-right:auto;		clear:both;			}				
	#paddingleft{				background-color: #f8f8f9;		text-align:left;		width: 50%;				float:left;						}				
	#paddingright{				background-color: #f8f8f9;		text-align:left;		width: 45%;				float:right;					}	
	#orderpageoutlinebodyleft{				background-color: #f8f8f9;		text-align:left;		width: 132px;		float:left;		padding: 20px 10px 0 30px;		clear: both;				}			
	#orderpageoutlinebodyleft2{				background-color: #f8f8f9;		text-align:left;		width: 200px;		float:right;		padding: 170px 10px 0 40px;								}				font.titleblack		{ 		color:#000000; 		text-decoration: none;				font-family:tahoma, verdana;		font-size:1.4em;		margin: 0 0 0 0;		padding: .3em 0 0 0;		clear:none;				}		font.titleorange		{ 		color:#f8941d; 		text-decoration: none;				font-family:tahoma, verdana;		font-size:1.4em;		margin: 0 0 0 0;		padding: .3em 0 0 0;		clear:none;				}		#orderpageoutlinebodyright{				background-color: #f8f8f9;		text-align:right;		width: 500px;		float:right;		padding: 1em 0 0 0;				}		#orderpageoutlinebodyright2{				background-color: #f8f8f9;		text-align:left;		width: 200px;		float:left;		padding: 1.5em 0 0 2em;									}
#stylestylesx {				background-color: #f8f8f9;		text-align:left;		width: 110px;		float: left;		overflow:visible;		/*border:1px solid green;*/		padding: 0em 8px 5px 0em; /*this is the padding for inside the polaroid*/		margin: 0em 0em .5em .3em;						}			font.mimicp		{ 		color:#000000; 		text-decoration: none;		font-family:tahoma;		font-size:0.7em;				}