body { font-family: arial, sans-serif; font-size: 11px; }
h1, h2, h3, h4 { font-family: 'Trebuchet MS', arial, sans-serif; padding: 0px 0px 0px 5px;}
h2 {font-size: 14px; }
#content { margin-top:1em;}

a { color: #3300CC; text-decoration: none;}
	a:hover { background: #ECEDFF; }
	a img { border: none; }

button { font-family: 'Trebuchet MS', arial, sans-serif; font-size: 11px; font-weight: bold; }

.converted { margin-left: 5px; color: #999; }
.australiaOnly { cursor: help; background:url(/images/16_australia.gif) no-repeat 0px 50%; padding-left: 21px; color: #ffcc00; }


.imageborder {border-width: thin; padding: none; border-style: solid; border-color: #eee; }

.category { padding: 3px 10px 3px 15px; background: #eee; position: relative; white-space: nowrap; margin: 2px 0px 5px 0px; display: block; float: left; }
.category a { color: #000; text-decoration: none; }
.category:hover a { color: #000; text-decoration: none; background: transparent; }
.category:hover { background: #ddd; }
.category .start { height: 100%; background: url(../images/arrow_head.gif) no-repeat 0px 50%; width: 10px; overflow: hidden; position: absolute; left:0px; top: 0px; }
.category .end { height: 100%; background: url(../images/arrow_tail.gif) no-repeat 100% 50%; width: 10px; overflow: hidden; position: absolute; right:0px; top: 0px; }

.categoryR { padding: 3px 10px 3px 15px; background: #eee; position: relative; white-space: nowrap; margin: 2px 0px 5px 0px; display: block; float: left; }
.categoryR a { color: #fff; text-decoration: none; }
.categoryR:hover a { color: #000; text-decoration: none; background: transparent; }
.categoryR:hover { background: #ddd; }
.categoryR .start { height: 100%; background: url(../images/arrow_head.gif) no-repeat 0px 50%; width: 10px; overflow: hidden; position: absolute; left:0px; top: 0px; }
.categoryR .end { height: 100%; background: url(../images/arrow_tail.gif) no-repeat 100% 50%; width: 10px; overflow: hidden; position: absolute; right:0px; top: 0px; }

.notice { min-height: 25px; color: #4A7AC9; border: solid 1px #4A7AC9; background: #FFFFFF; margin: 1em 0em 1em 0em; padding: 1em 1em 1em 55px; max-width: 700px; background-image: url(../images/warning_icon.gif); background-repeat: no-repeat; background-position: 10px 10px; }
	.notice h2 { margin-top:0px; }

	/********* Navigation menu ***********/
	#nav { position: absolute; left: 0px; right:0px;}
		#nav ul { position:absolute; list-style-type: none; margin: 0px; padding: 0px; }
			#nav ul li { position:relative; display: inline; }
				#nav ul li a { color: #000; text-decoration: none; padding: 5px 10px 5px 10px; }
					#nav ul a:hover { color: #000; }
	#nav2 { position: absolute; left: 0px; right:0px;}
		#nav2 ul { position:absolute; list-style-type: none; margin: 0px; padding: 0px; }
			#nav2 ul li { position:relative; display: inline; }
				#nav2 ul li a { color: #000; text-decoration: none; padding: 5px 10px 5px 10px; }
					#nav2 ul a:hover { color: #000; }	
								
		ul#navLeft { left:0px; valign:top;}
			ul#navLeft li { margin-right: 2px; }
				ul#navLeft a { background-color: #eeedb9; }
		ul#navRight { right:0px; valign:bottom;}
			ul#navRight li { margin-left: 2px; }
				ul#navRight a { background-color: #CFE8AF; }
				
	/********* TEMP Navigation menu ***********/
		ul#navLeft2 { left:0px; top: 10px; }
			ul#navLeft2 li { margin-right: 2px; margin-bottom: 1em; }
				ul#navLeft2 li a { color: #ffffff; background-color: #0095d8; }
		ul#navLeft3 { left:0px; top: 40px; }
			ul#navLeft3 li { margin-right: 2px; margin-bottom: 1em; }
				ul#navLeft3 a { background-color: #B1C2FE; }
		ul#navRight2 { right:0px; top: 10px; }
			ul#navRight2 li { margin-left: 2px; }
				ul#navRight2 a {  }
				
	#header { width: 1000px; margin-left: auto; margin-right: auto; position: relative; height: 195px; }
	#header	.script {min-height: 190px;}	
	
	#innerContainer { width: 1000px; margin-left: auto; margin-right: auto; position: relative; margin-bottom: 2em; }
				
	#footer	{ width: 1000px; font-family: Arial; font-size: 10px; color: #999999; margin-left: auto; margin-right: auto; }	
		#footer	.input { font-family: Arial; font-size: 10px; color: #999999; background-color: #EBEBEB;}	
		#footer ul.links li { border-left: solid 1px #000; padding-left: 1em; margin-left: 1em; }	
		#footer a { color: #999; }	
		#footer ul.links li.first { border-left: none; padding-left: 0px; margin-left: 0px; }
		
	ul.links { margin: 0px; list-style-type: none; padding: 0px }
		ul.links li { display: inline; margin: 0px; padding: 0px; }	
		
				
	.NarrowPage { font-family: Arial; font-size: 11px; }
	.NarrowPage td, .NarrowPage th { padding: 3px; }
	.NarrowPage th { white-space: nowrap; text-decoration: none; font-weight: normal; }
		.NarrowPage #subheader { font-size: 15px;  text-decoration: none; }
			.NarrowPage #suiteheader { font-size: 10px;  text-decoration: none; text-transform: uppercase; }
						.NarrowPage #similarheader { font-size: 10px;  text-decoration: none; text-transform: uppercase; }
		.NarrowPage #dropmenu { font-size: 10px;  text-decoration: none; }
				.NarrowPage a { font-size: 11px;  color: #384389; text-decoration: none; }
			.NarrowPage th a:hover { font-weight: bold; color: #900; text-decoration: underline; }
	.NarrowPage .odd { background-color: #fff; }
	.NarrowPage .even { background-color: #eee; }
	.NarrowPage .input { text-decoration: none; font-size: 9px; background-color:#EBEBEB;}
	.NarrowPage .button { text-decoration: none; font-size: 10px; }
	.NarrowPage .help {font-weight: oblique; color: #999999; text-decoration: none;}
	.NarrowPage .pagerStyle { background: #666; color: #fff; font-weight: bold; }
		.NarrowPage .pagerStyle a, .ProductPage .pagerStyle a:hover { color: #fff; font-weight: bold; }
			.NarrowPage .insert { color: #fff;  width: 110px; }
		
#dropmenu { font-size: 10px;  text-decoration: none; display:block; line-height:normal;}		
				
.retailPrice { min-height: 25px; color: #4A7AC9; margin: 1em 0em 1em 0em; padding: 1em 1em 1em 5px; background: #FFF;; border: solid 1px #72A2EE; }
	.retailPrice a { color: #4A7AC9; } 
	.retailPrice h2 { margin-top:0px; }	
	.gridP { width: 900px; }
	.gridP td, .gridP th { padding: 3px; }
	.gridP th { background: #666; color: #fff; font-weight: bold; border-bottom: solid 1px #000; }
		.gridP th a { font-weight: bold; color: #000; text-decoration: none; }
			.gridP th a:hover { font-weight: bold; color: #900; text-decoration: underline; }
	.gridP .oddP { background-color: #fff; }
	.gridP .evenP { background-color: #eee; }
	.gridP .helpP {font-weight: oblique; color: #999999; text-decoration: none;}
	.gridP .dmxP {font-family: 'Gil Sans', Arial, sans-serif; font-size: 11px;}
	.gridP .pagerStyle { background: #666; color: #fff; font-weight: bold; }
		.gridP .pagerStyle a, .gridP .pagerStyle a:hover { color: #fff; font-weight: bold; }
		
		.gridX { width: 500px; }
	.gridX td, .gridX th { padding: 3px; }
	.gridX th { background: #666; color: #fff; font-weight: bold; border-bottom: solid 1px #000; }
		.gridX th a { font-weight: bold; color: #000; text-decoration: none; }
			.gridX th a:hover { font-weight: bold; color: #900; text-decoration: underline; }
	.gridX .oddX { background-color: #fff; }
	.gridX .evenX { background-color: #eee; }
	.gridX .oddY { background-color: #fff; }
	.gridX .evenY { background-color: #eee; }
	.gridX .helpX {font-weight: oblique; color: #999999; text-decoration: none;}
	.gridX .dmxX {font-family: 'Gil Sans', Arial, sans-serif; font-size: 11px;}
	.gridX .pagerStyle { background: #666; color: #fff; font-weight: bold; }
		.gridX .pagerStyle a, .gridX .pagerStyle a:hover { color: #fff; font-weight: bold; }	
/*******************
login page
*******************/
#login { }
	#login .section {  margin-bottom: 1em; padding: 10px; position: relative; }
		#login .section h2 { margin-top: 0px; font-weight: normal; margin-bottom: 7px; }
		#login .section .submit { position: absolute; right: 10px; bottom: 10px; }
		#login .section p { margin-right: 120px; margin-top: 7px; }
		#login .section td { padding: 4px 10px 4px 0px; }
		#login .section th { width: 100px; font-weight: normal; text-align: left; }
		
/*******************
advert
*******************/

	div#special {  margin-bottom: 1em;  position: relative; }
		div#special h2 { font-family: 'Trebuchet MS', arial, sans-serif; font-size: 12px; color: #000000; text-decoration: none; font-weight: bold; }
		div#special p {  font-family: Arial; font-size: 11px; color: #000000; text-decoration: none;   font-weight: normal; }
		div#special td {  font-family: Arial; font-size: 11px; color: #000000; text-decoration: none;  font-weight: normal; padding: 0px 10px 0px 10px;}
		div#special th { font-family: 'Trebuchet MS', arial, sans-serif; font-size: 11px; color: #FF0000; text-decoration: none; font-weight: bold;}
		div#special a {font-family: Arial; font-size: 10px; color: #3300CC; text-decoration: none;    }
		
/*******************
public grids 
(cart, wishlist etc)
********************/
.publicGrid { width: 100%; }
	.publicGrid td, .publicGrid th { padding: 8px; vertical-align: top; }
	.publicGrid thead th { font-weight: bold; text-align: left; }
	.publicGrid tr.odd td { background: #f8f8f8; }
	.publicGrid tr.even td { background: #eee; }
	.publicGrid tr.oddError td { background: #fff6f6; }
	.publicGrid tr.evenError td { background: #f7e8e8; }
	.publicGrid .explanatory { font-weight: normal; display: block; }
	
/********************
next & previous buttons
*********************/
.nextPrevious { position: relative; height: 25px; margin-top: 1em; margin-bottom: 2em; }
div.previous { position: absolute; left: 20px; height: 25px; overflow: hidden; background: url(../images/next_previous_bg.gif) no-repeat left center; vertical-align: middle; text-align: center; }
	div.previous:hover { background: url(../images/next_previous_bg_over.gif) no-repeat left center; } 
	div.previous .cap { position: absolute; right: 0px; width: 12px; height: 25px; background: url(../images/next_previous_bg.gif) no-repeat left top; } 
		div.previous:hover .cap { background: url(../images/next_previous_bg_over.gif) no-repeat left top; } 
	.previous a, .next a { font-weight: bold; color: #fff; text-decoration: none; margin-left: auto; margin-right: auto; display: block; margin-top: 4px; }
		div.previous:hover a, div.next:hover a, div.previous a:hover, div.next a:hover { background: transparent; }
div.next { position: absolute; right: 20px; height: 25px; overflow: hidden; background: url(../images/next_previous_bg.gif) no-repeat right bottom; text-align: center;vertical-align: middle; }
	div.next:hover { background: url(../images/next_previous_bg_over.gif) no-repeat right bottom; }
	div.next .cap { position: absolute; left: 0px; width: 12px; height: 25px; background: url(../images/next_previous_bg.gif) no-repeat right top; } 
		div.next:hover .cap { background: url(../images/next_previous_bg_over.gif) no-repeat right top; } 
	
/*****************
currencies
******************/
.money { display: block; }
	.money .currency { font-weight: normal; text-transform: uppercase; }
	.money .amount {}
	.money .USD { padding-left: 20px; background: url(../images/famfamfam_flag_icons/us.png) no-repeat left center; color: #0000cc; }
	.money .EUR { padding-left: 20px; background: url(../images/famfamfam_flag_icons/europeanunion.png) no-repeat left center; color: #0000cc; }
	.money .GBP { padding-left: 20px; background: url(../images/famfamfam_flag_icons/gb.png) no-repeat left center; color: #0000cc; }
	.money .JPY { padding-left: 20px; background: url(../images/famfamfam_flag_icons/jp.png) no-repeat left center; color: #0000cc; }
	.money .AUD { padding-left: 20px; background: url(../images/famfamfam_flag_icons/au.png) no-repeat left center; }
	.money .CAD { padding-left: 20px; background: url(../images/famfamfam_flag_icons/ca.png) no-repeat left center; color: #0000cc; }
	.money .CHF { padding-left: 20px; background: url(../images/famfamfam_flag_icons/ch.png) no-repeat left center; color: #0000cc; }
	.money .DKK { padding-left: 20px; background: url(../images/famfamfam_flag_icons/dk.png) no-repeat left center; color: #0000cc; }
	.money .HKD { padding-left: 20px; background: url(../images/famfamfam_flag_icons/hk.png) no-repeat left center; color: #0000cc; }
	.money .NZD { padding-left: 20px; background: url(../images/famfamfam_flag_icons/nz.png) no-repeat left center; color: #0000cc; }
	.money .SGD { padding-left: 20px; background: url(../images/famfamfam_flag_icons/sg.png) no-repeat left center; color: #0000cc; }
	.money .ZAR { padding-left: 20px; background: url(../images/famfamfam_flag_icons/za.png) no-repeat left center; color: #0000cc; }
	.money .ARS { padding-left: 20px; background: url(../images/famfamfam_flag_icons/ar.png) no-repeat left center; color: #0000cc; }
	.money .BRL { padding-left: 20px; background: url(../images/famfamfam_flag_icons/br.png) no-repeat left center; color: #0000cc; }
	.money .CLP { padding-left: 20px; background: url(../images/famfamfam_flag_icons/cl.png) no-repeat left center; color: #0000cc; }
	.money .CNY { padding-left: 20px; background: url(../images/famfamfam_flag_icons/cn.png) no-repeat left center; color: #0000cc; }
	.money .HUF { padding-left: 20px; background: url(../images/famfamfam_flag_icons/hu.png) no-repeat left center; color: #0000cc; }
	.money .ISK { padding-left: 20px; background: url(../images/famfamfam_flag_icons/is.png) no-repeat left center; color: #0000cc; }
	.money .INR { padding-left: 20px; background: url(../images/famfamfam_flag_icons/in.png) no-repeat left center; color: #0000cc; }
	.money .IDR { padding-left: 20px; background: url(../images/famfamfam_flag_icons/id.png) no-repeat left center; color: #0000cc; }
	.money .ILS { padding-left: 20px; background: url(../images/famfamfam_flag_icons/il.png) no-repeat left center; color: #0000cc; }
	.money .JMD { padding-left: 20px; background: url(../images/famfamfam_flag_icons/jm.png) no-repeat left center; color: #0000cc; }
	.money .JOD { padding-left: 20px; background: url(../images/famfamfam_flag_icons/jo.png) no-repeat left center; color: #0000cc; }
	.money .KRW { padding-left: 20px; background: url(../images/famfamfam_flag_icons/kr.png) no-repeat left center; color: #0000cc; }
	.money .MYR { padding-left: 20px; background: url(../images/famfamfam_flag_icons/my.png) no-repeat left center; color: #0000cc; }
	.money .MXP { padding-left: 20px; background: url(../images/famfamfam_flag_icons/mx.png) no-repeat left center; color: #0000cc; }
	.money .NOK { padding-left: 20px; background: url(../images/famfamfam_flag_icons/no.png) no-repeat left center; color: #0000cc; }
	.money .PKR { padding-left: 20px; background: url(../images/famfamfam_flag_icons/pk.png) no-repeat left center; color: #0000cc; }
	.money .PHP { padding-left: 20px; background: url(../images/famfamfam_flag_icons/ph.png) no-repeat left center; color: #0000cc; }
	.money .PLZ { padding-left: 20px; background: url(../images/famfamfam_flag_icons/pl.png) no-repeat left center; color: #0000cc; }
	.money .RUB { padding-left: 20px; background: url(../images/famfamfam_flag_icons/ru.png) no-repeat left center; color: #0000cc; }
	.money .SAR { padding-left: 20px; background: url(../images/famfamfam_flag_icons/sa.png) no-repeat left center; color: #0000cc; }
	.money .SDD { padding-left: 20px; background: url(../images/famfamfam_flag_icons/sd.png) no-repeat left center; color: #0000cc; }
	.money .SEK { padding-left: 20px; background: url(../images/famfamfam_flag_icons/se.png) no-repeat left center; color: #0000cc; }
	.money .TWD { padding-left: 20px; background: url(../images/famfamfam_flag_icons/tw.png) no-repeat left center; color: #0000cc; }
	.money .THB { padding-left: 20px; background: url(../images/famfamfam_flag_icons/th.png) no-repeat left center; color: #0000cc; }
	.money .NGN { padding-left: 20px; background: url(../images/famfamfam_flag_icons/ng.png) no-repeat left center; color: #0000cc; }
	.money .XOF { padding-left: 20px; background: url(../images/famfamfam_flag_icons/cf.png) no-repeat left center; color: #0000cc; }
	.money .CZK { padding-left: 20px; background: url(../images/famfamfam_flag_icons/cz.png) no-repeat left center; color: #0000cc; }
	.money .CYP { padding-left: 20px; background: url(../images/famfamfam_flag_icons/cy.png) no-repeat left center; color: #0000cc; }

/*********************
thumbnail grids
*********************/

.thumb { float:left;width:100px;text-align:center;margin: 0px 5px 0px 5px; height: 167px; }
	.thumb .image { background-position:50% 50%; background-repeat:no-repeat; display:block; height:100px; text-decoration:none; width:100px; }
		.cell .image a { background: none; }
	.thumb .caption { margin-top: 2px; }
	


}
	.viewOrder th { background: #666; color: #fff; font-weight: bold; border-bottom: solid 1px #000; }
		.viewOrder th a { font-weight: bold; color: #000; text-decoration: none; }
			.viewOrder th a:hover { font-weight: bold; color: #900; text-decoration: underline; }
	.viewOrder .odd { background-color: #fff; }
	.viewOrder .even { background-color: #eee; }
	.viewOrder .help {font-weight: oblique; color: #999999; text-decoration: none;}
	.viewOrder .dmx {font-family: 'Gil Sans', Arial, sans-serif; font-size: 11px;}
	.viewOrder .pagerStyle { background: #666; color: #fff; font-weight: bold; }
		.viewOrder .pagerStyle a, .viewOrder .pagerStyle a:hover { color: #fff; font-weight: bold; }
#orderNumber {width:200px}
#orderProduct {width:200px}