* { padding:0; margin:0;}
body { background-color: #FFFF99; font-family:Arial, Helvetica, sans-serif; font-size:62.5%;}

#topnav { position:absolute; right: 10px; top: 10px;}
#frame 		{ position:relative;}
#sidebar 	{ position : relative;  width: 200px; height: auto; left: 20px; top: 40px; padding-bottom: 250px; float: left;}
#sidepanel 	{ position : relative; background-image:url(../images/page_design/sidebar_bg.gif); background-repeat:no-repeat; 
						background-position:left bottom; width: 200px; height: auto; left: 20px; top: 40px; padding-bottom: 250px;}

#sponsors 			{ position: relative; top:50px; left:30px; width: 170px; text-align:center; }
#sponsors img		{ margin:5px auto;}
#sponsors h2		{ margin: 10px 15px; text-align:left;font-size: 1.4em;}
#sponsors ul 		{ text-align:left; margin-left:30px;}
#sponsors li		{ font-size:1.1em; font-weight:bold;}
	
#goldleaf { position : absolute; background-image:url(../images/page_design/gold_leaf.png); width: 417px; height:330px;
						left: 0; top: 0px; z-index:1000;}
#header 	{ position: absolute; background-image:url(../images/page_design/topbar_bg.gif); width: 968px; height: 165px;
						left: 50px;top: 10px;}
						
#title { position:absolute; left: 443px ; top: 25px;}
#monkey { position:absolute; left: 330px ; top: 20px;}						
						
#nav 						{ position: relative; top: 200px; list-style:none; padding:0; margin:0 0 0 40px;}
#nav li  				{ list-style:none;}
#nav li h2			{ color: #fff; font-weight:bold; font-size: 14px; line-height:36px; margin: 0 0 0 10px;}
#nav li a 			{ display:block; background-image:url(../images/button_normal.png); width: 156px; height: 36px; 
									line-height:32px; color:#333; text-decoration:none;
									font-size:14px; text-align:left; font-weight:bold; font-style:italic;  text-indent: 20px;}
#nav li a:hover { display:block; background-image:url(../images/button_over.png);}						
.monkey_pointer { position:absolute; left: 150px; top: 42px;}

#pagenav 						{ position: relative; list-style:none; padding:0; margin:0 0 0 40px;}
#pagenav li  				{ list-style:none; float: left;}
#pagenav li a 			{ display:block;  width: 156px; height: 36px; 
									line-height:32px; color:#333; text-decoration:none;
									font-size:14px; text-align:left; font-weight:bold; font-style:italic;  text-indent: 20px;}
#pagenav li a:hover { display:block; }	

#float_content			{ margin: 20px 40px;}
#float_content h1 { margin: 5px auto 20px; color:#FF9900; text-align:center;}
#float_content p  { margin: 5px auto 25px; color:#333; text-align:left; font-size:1.1em;}
#float_content ul { padding: 5p 40px 5px!important; list-style: square outside;font-size:1.1em; }
#float_content ol { padding: 5p 40px 5px!important; list-style: decimal inside; }
#float_content li { margin: 5px 40px 10px!important; color: #333; }

.testimonial 		 { text-align:center; margin: auto 11px; }
.testimonial img { float: right; border: 2px solid #000; margin-left: 20px; }

#page_content   { position:relative; margin-top: 200px; left: 100px; width: 690px; 
									font-size: 1.2em; line-height:1.8em; z-index:0; float: left;}
#page_content h1 { margin: 5px auto 10px; color:#FF9900; text-align:center; font-family: Alor, "Comic Sans MS", "Helvetica 65 Medium", "Arial Black"; line-height:1.4em;}

#page_content p  { margin: 5px auto 25px; color:#333; text-align:left; font-size:1.1em;}
#page_content ol { padding: 5p 40px 5px!important; list-style: decimal inside; }
#page_content li { margin: 5px 40px 5px!important; }



#footer 				{ width: 960px; background: url(../images/page_design/footer.jpg) no-repeat center; text-align: center;  margin: 25px auto 0 auto; }
#footer p 				{ font-size: 1.1em; color: #333; margin:0; padding: 0; }
#botbar					  { height: 20px; width: 100%; padding: 40px 0 0 0;}
#copyright 				{ float: left; margin-left: 10px; padding-top: 2px;}
#designedby 			{ float: right;  margin-right: 10px; padding-top: 2px;}

/* helper styles */
.clear			{ clear:both;}
.clearleft	{ clear:left;}
.clearright	{ clear:right;}
.floatnone	{ float:none;}
.floatleft	{ float:left; }
.floatright	{ float:right; }
.italic { font-style:italic!important;}
.offers 		{ font-weight:bold; color:#000;}
.center     { text-align:center!important; margin: auto!important; float: none!important; }
.left       { text-align:left!important;  }
.right      { text-align:right!important;  }

a { color:#000; font-weight:bold;}
a:hover { color:#FF9900;}

blockquote { margin-left: 40px;}

/* Styling for forms */
form 						{ margin: 15px auto; }
#enquiry fieldset 			{ width:auto; 	padding:10px; border:1px solid #FFFF99; margin:0 0 10px 0; 
							  background-color:#FFFF99; position:relative; }
#enquiry legend 			{ padding:4px 10px ; border:1px solid #FFFF99; background-color:#FFFF99; font-size:1.2em; 
							  font-weight:bold; color:#000; margin: 0; }
#enquiry legend 			{ position: absolute; left: 5px; top: -14px; } /* required for ie compatibility */
						  
#enquiry li 				{ padding:5px 0 5px 5px; border-bottom: #FFFF66 solid 1px; 
							  list-style:none; list-style-image:none; }
#enquiry ul 				{ padding:0; margin:0; }
#enquiry label 				{ width:160px; float:left; font-size:1em; font-weight:bold; padding:2px 10px 0 0; 
							  text-align:right; }
#enquiry .required 			{ color:red; }
#enquiry input.quicksubmit 	{ border: none; float: none!important; }
#enquiry input, 
#enquiry select,
#enquiry textarea 			{ display:block; margin:0 0 0 10px; border: 1px solid #FFFF666; float: left;}
.textfieldwidth 			{ width:335px; }

#enquiry .checks 			{ font-size:1em; margin:0 0 10px 10px; float: left; }
#enquiry .checks input 		{ margin:0 5px 0 0; float:left; }
.ddfmerrors					{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 1.4em; font-weight:bold;
							  color: #f00;}
.errorlist					{ padding: 5px 30px; color:#900; font-size: 1.2em;}	

/* ====================================================================================*/
/* product styles */
.product_selection			{ width: 140px; text-align:center; position:absolute; left: -390px; top: 100px; }
.product_selection img		{ margin: 5px 0px;}
.product_summary			{ margin: 2px 0 0 0; float:left; width:670px; background:url(../images/panel/purple_panel.gif) top; }
.product_summary form		{ margin: 15px; padding: 0;}
.product_title				{ color:#fff; float:left; font-size:1.2em; margin:0 0 0 0px; font-weight:bold;}
.product_price				{ float: right; font-size: 1.4em; color:#000; padding: 0 0 0 5px; font-weight:bold; color:#fff;}
.product_price input		{ border: none; font-size: 1.0em; color:#fff; width: 60px; text-align:right; background:none; font-weight:bold;}
.product_image				{ float: left; margin: 0px 10px 0 0; min-width: 80px; min-height: 80px; border: 1px solid #896EB2; background:#6A4799; text-align: center;}
.product_description		{ text-align:left; font-size:1.0em; color:#333; width: 199px; float: left; color:#fff;}
.product_description p { margin: 5px 5px 0 0!important;  line-height: 1.1em!important; color:#eee!important; font-size: 0.9em!important;}
.product_options			{ float: left; width: 160px; margin: 5px auto;}
.product_select				{ cursor: pointer; }
.product_options select {width: 160px;background:#fefefe;color:#333;}
.product_quantity			{ float: left; width: 160px; display:block; font-size: 1.2em; color:#FFF; padding: 0; margin: 10px auto 0;}
.product_quantity input		{ font-size: 1.0em; color:#333; width: 118px; text-align:right; 
							  border: none;  }
.product_buynow				{ cursor:pointer; display:block; float:left; text-align:center; width:160px; margin: 0;}
.product_buynow input		{ cursor: pointer ; background:url(../images/panel/purple/buynow.jpg); width: 160px; border: none; height: 34px;}
.product_controls			{  margin: 0 5px 0 0 ; float: left; width: 160px;}
.product_titlestrip			{  float:left; margin:0px 5px 0 0; width:359px; }
.product_footer					{ margin: 0 0 2px 0; width:670px; background: transparent url(../images/panel/purple_panel.gif) bottom; height: 20px; clear: both;}

/* ====================================================================================*/
/* product styles - black*/
.bproduct_selection			{ width: 140px; text-align:center; position:absolute; left: -390px; top: 100px; }
.bproduct_selection img		{ margin: 5px 0px;}
.bproduct_summary			{ margin: 2px 0 0 0; float:left; width:670px; background:url(../images/panel/black_panel.gif) top; }
.bproduct_summary form		{ margin: 15px; padding: 0;}
.bproduct_title				{ color:#fff; float:left; font-size:1.2em; margin:0 0 0 0px; font-weight:bold;}
.bproduct_price				{ float: right; font-size: 1.4em; color:#000; padding: 0 0 0 5px; font-weight:bold; color:#fff;}
.bproduct_price input		{ border: none; font-size: 1.0em; color:#fff; width: 60px; text-align:right; background:none; font-weight:bold;}
.bproduct_image				{ float: left; margin: 0 10px 0 0; min-width: 80px; min-height: 80px; border: 1px solid #333; background:#161616; text-align: center;}
.bproduct_description		{ text-align:left; font-size:1.0em; color:#333; width: 199px; float: left; color:#fff;}
.bproduct_description p { margin: 5px 5px 0 0!important; line-height: 1.1em!important; color:#eee!important; font-size: 0.9em!important;}
.bproduct_options			{ float: left; width: 160px; margin: 5px auto;}
.bproduct_select				{ cursor: pointer; }
.bproduct_options select {width: 160px;background:#fefefe;color:#333;}
.bproduct_quantity			{ float: left; width: 160px; display:block; font-size: 1.2em; color:#FFF; padding: 0; margin: 10px auto 0;}
.bproduct_quantity input		{ font-size: 1.0em; color:#333; width: 118px; text-align:right; 
							  border: none;  }
.bproduct_buynow				{ cursor:pointer; display:block; float:left; text-align:center; width:160px; margin: 0}
.bproduct_buynow input		{ cursor: pointer ; background:url(../images/panel/purple/blackbuynow.jpg); width: 160px; border: none; height: 34px;}
.bproduct_controls			{  margin: 0 5px 0 0 ; float: left; width: 160px;}
.bproduct_titlestrip			{  float:left; margin:0px 5px 0 0; width:359px; }
.bproduct_footer					{ margin: 0 0 2px 0; width:670px; background: transparent url(../images/panel/black_panel.gif) bottom; height: 20px; clear: both;}


/* ====================================================================================*/
/* designform form */
#designform fieldset 		{ width:650px; 	padding:0px; border:1px solid #FFFF99; margin:10px auto 10px auto; 
							   position:relative; }
#designform legend 			{ padding:4px 10px ; border-bottom:2px solid #FF9900; background-color:#FFFF99; font-size:1.2em; 
							  font-weight:bold; color:#000; margin: 0; display : none; }
#designform legend 			{ position: absolute; left: 5px; top: -14px; } /* required for ie compatibility */
						  
#designform li 				{ padding:0; 
							  list-style:none; list-style-image:none; margin: 0!important; }

#designform p 				{ padding:2px 0 4px 5px; font-size:1.0em; text-align:center; margin: 5px auto; }

#designpreview { margin: 8px auto; border:1px solid #333;}
#designform ul 				{ padding:0!important; margin:0!important; list-style:none; }
#designform label 			{ width:auto; font-size:1em; font-weight:bold; margin:2px 10px 0 0; }
#designform .required 			{ color:red; }
#designform input.quicksubmit 	{ border: none; margin: 0;}
#designform input, 
#designform select, 
#designform textarea 		{ display:block; margin:0 0 0 0px;  padding: 0; }
#designform input.wide 		{ width:370px;}
#designform input.nobreak 	{  margin: 0;}
.textfieldwidth 			{ width:235px; }

.quicksubmit { background-image:url(../images/button_over.gif); width: 156px; color:#000; text-transform: uppercase; font-weight: bold; padding: 6px 0 10px !important; margin: 10px auto 0 !important;}

h2 { margin: 5px auto 5px;}

/* ====================================================================================*/
/* how we do it */
td p { padding: 2px;}
/* ====================================================================================*/
/* Shopping Cart */
.bignote  { background-color:#FFFF99; color:#000000; font-weight:normal; margin:10px 0; text-align:center;}
.cartbase { background-color:#FFFF99; color:#000000; font-size:1.1em; font-weight:bold; padding:5px 10px 2px 0 !important;}

.vendorcode { background-image:url(../spacer.php?w=690&h=30&r=10&t=0&bg=FFFF99&fg=FFCC00&f=1&o=0&h1=1); color:#000; font-size:1.1em; padding: 5px 10px 2px 0!important; font-weight: bold;}
#shopcart form, #checkoutpage form		{ margin : 0; padding: 0;}
.cart 									{ font-size: 1.0em; }
p.cart 									{ float:right; margin:0 0 0 0; font-weight:bold; }
#checkoutpage td.cart p 				{ font-size:1.0em; }
#shopcart td.cart p, 
#shopcart td.cart 						{ font-size: 1.0em; }
#addresscontrols 						{ width: auto; padding: 15px 0; text-align:center; background-color:#FAF9CB;}

#delivery_zone { visibility:hidden;}

#left_column_text .add-to-cart, 
#checkoutpage .add-to-cart 		{ border:none; color:#FFF; 
								background: #FAF9CB url(../spacer.php?w=175&h=22&r=5&t=2&bg=FAF9CB&fg=FF9900&f=1&o=FF6600&h1=0); 
								width: 175px; font-weight: bold;
							  padding: 0; padding: 3px 0 4px; cursor:pointer;	font-size:0.9em; }
#left_column_text p 
#checkoutpage 
#left_column_text .products 			{ margin: 10px 10px 20px 0; }
#left_column_text .product_description  { margin: 0; }
#checkoutpage 							{ width: 100%; }
#checkoutpage li						{ margin: auto!important;}
#checkoutpage tbody					{ background-color:#FAF9CB;}
#checkoutpage td p 						{ font-size: 0.9em!important; margin: auto!important; }
#checkoutpage th 						{ font-weight: bold; border-bottom: 5px solid #FF9900; background-color:#FFCC00; padding: 0 12px;}
#checkoutpage td 						{ padding:3px; color: #111; }
#checkoutpage td.cart 			{ border-bottom: 1px dotted #FF9900; }
td .highlight 							{ color: #900; font-weight:bold; }
#billing ul 							{ list-style:none; }
#billing li 							{ margin: 0; padding:5px 0; font-size:1.0em; list-style:none; }
#delivery ul 							{ list-style:none; }
#delivery li 							{ margin: 0; padding:5px 0; font-size:1.0em; list-style:none; }

#billingstage 			{ width: 95%; margin: 20px auto; 
										  background-repeat:repeat-x; text-align:center; padding: 0 0 0 0;
										  font-weight:bold; font-size: 1.1em; height: 36px; }
#billingstage1 				{ width: 33%; float: left; text-align:left; margin: 0 auto;}
#billingstage2 				{ width: 33%; float: left; text-align:center;margin: 0 auto; }
#billingstage3 				{ width: 33%; float: left; text-align:right; margin: 0 auto;}

 p.off 	{ width: 144px;	text-align:center!important;
				  background-image:url(../spacer.php?w=144&h=32&r=10&t=3&bg=FFFF99&fg=990000&f=1&o=FFFFFF&h1=0);
				  color: #fff!important; padding: 5px 0 6px; margin:auto!important;  }
 p.on 	{ width: 144px; text-align:center!important; 
				  background-image:url(../spacer.php?w=144&h=32&r=10&t=3&bg=FFFF99&fg=009900&f=1&o=FFFFFF&h1=0);
				  color: #fff!important; padding: 5px 0 6px; margin:auto!important;  }


#billing_summary, #delivery_summary		{ width: 49%; float: left; font-size: 1.0em; text-align:center; }
#billing_summary ul, 
#delivery_summary ul, 
#delivery ul 							{ list-style:none }
#delivery_summary 						{ width: 49%; float: right; font-size: 1.0em; text-align:center; }
#checkoutpage fieldset 					{ margin: 1.5em 0 0 0; padding: 0; font-size: 1.0em; }
#checkoutpage legend 					{ margin-left: 1em; color: #000000; font-weight: bold; }
#checkoutpage fieldset ol, 
#checkout fieldset ul 					{ padding: 1em 1em 0 1em; list-style: none; }
#checkoutpage fieldset li 				{ padding-bottom: .5em; }
#checkout fieldset.submit 				{ border-style: none; }
#checkoutpage label 					{ float: left; width: 7em; margin-right: 1em; 
										  text-align: left; font-weight:normal;}
#checkoutpage fieldset li 				{ float: left; clear: left; width: 100%; padding-bottom: .1em;
										  text-align: left; font-weight:bold; }
#checkoutpage fieldset 					{ float: left; clear: left; width: 100%; margin: 0 0 1.5em 0; 
										  padding: 0; border: none; }

#currency_exchange 				{ font-size: 1.4em; text-align:center; color: #099; padding: 10px 0; }


#termsandconditions { border: 2px dotted #FF0000; margin: 20px auto;}
#confirmation { margin: 20px!important;}
#iagree { float: left; margin: 5px;}

/* additional styles */
.green 							{ color:#900; font-weight: bold; }
.cart_qty 						{ width: 20px; color:#333; border: 1px solid #ff9900; padding: 1px 0 0 0; float: left; }
.btn_updatecart { font-size:0.8em; padding: 0;  color:#FFF; font-weight: bold;
									background-image:url(../spacer.php?w=50&h=20&r=5&t=2&bg=FAF9CB&fg=FF9900&f=1&o=FF6600&h1=0); 
									border: none; width: 50px ; padding: 1px 0 3px;
								  margin: 0px auto 0; cursor:pointer; }
								  
.url							{ font-size: 4.0em; font-family:"Arial Black"; color:#1F2279; text-transform:uppercase;
								  padding: 2px 0 0 0; margin: 0; position:relative; top: -5px;}
.highlight						{ color:#CC6600;}			
.Error					{ color:#fff!important; background-color:#FF0000; font-size:0.9em;}

td > img { border: 1px solid #333;}
td > img.noborder { border: none;}

/* ===========================================*/
.search_content	select {  visibility: hidden; }
    select.replaced {
      width: 1px;
      position: absolute;
      left: -999em;
    }
    ul.selectReplacement {
			display: block;
      background-color:#000;
      padding: 0;
			margin: 0;
      height: 17px;
      width: 130px;
      position: relative;      
			float: left;			
    }
    ul.selectFocused {
      background-color:#666;
    }
    ul.selectReplacement li {
      background: #333;
      color: #fff;
      cursor: pointer;
      display: none;
      font-size: 140%;      
      list-style: none;
      margin: 0;
      padding: 0px;
      width: 128px;
			height: 17px;
			text-align:left;
    }
* html ul.selectReplacement li {
			width: 130px;
		}		
    ul.selectOpen li {
      display: block;
			padding: 0 0 0 2px!important;
			background: #003366;
    }
		
    ul.selectReplacement li.selected {
      background: #333;
      color: #CCC;
      display: block;
			padding: 0 0 0 2px!important;
			height: 17px;
    }
    ul.selectOpen li.selected {
      background: #003366;
      border: 0;
      display: block;
			height: 17px;
    }

		ul.selectReplacement li:hover,
    ul.selectOpen li.hover,
    ul.selectOpen li.selected:hover {
      background: #E7E7CF ;
      color: #333;			
			height: 17px;
    }

#product_selection {  overflow:auto;  /* cater to the older browsers */
overflow: -moz-scrollbars-horizontal; /* for FF */
overflow-x:scroll; /* scroll horizontal */
overflow-y:hidden; /* Hide vertical*/
width: auto; position: relative; margin: 10px auto 20px; height: 200px; background:#fff;}

#product_selection img { border: none;}
#product_selection a { margin: 5px; border: 4px solid #eee; float: left; display: inline; position:absolute; left: 0px; top:0px;
 }
#product_selection a.active { border: 4px solid #900;}

#product_selection {
color:
scrollbar-arrow-color: #000;
scrollbar-face-color: #ffff66;
scrollbar-shadow-color: #ff9900;
scrollbar-base-color: #ffff99;
scrollbar-track-color: #ffffcc;
scrollbar-highlight-color: #FFCC00;
scrollbar-3dlight-color: #ffffff;

}

#striping p { text-align:center!important;}

#striping td { }

#div_fg_colour,
#div_bg_colour,
#div_fx_colour,
#div_ol_colour { text-align:left!important;}

#gf_panel_top { background:url(../images/panel/black_panel.gif) top; width: 670px; margin: 2px 0 0 0;}
#gf_panel_bottom { background:url(../images/panel/black_panel.gif) bottom; width: 670px; margin: 0 0 2px 0 ; height: 20px;}
.gf_intro { width: 300px; margin: 0 15px; float: left; }
.gf_intro p { color:#eee!important; font-size: 0.9em!important; line-height: 1.3em!important; margin: 10px auto!important;}
.gf_intro_img { float:left;}

.color { border: 1px solid #111; width: 21px; height:15px; display:block; margin: 1px; float: left; }
.picked { border: 1px solid #111; }

.lightdir { width: 10px; height: 10px; display:block; float:left; border: 1px solid #000; background:#fff; margin:1px;}
.lightoff { width: 10px; height: 10px; display:block; float:left; border: 1px solid #000; background:#ff9; margin:1px;}
.shadow {background:#111!important;}

#div_fg_colour { height: 60px;}
#div_bg_colour { height: 60px;}
#div_fx_colour { height: 60px;}
#div_ol_colour { height: 60px;}
#div_fg_colour input[type="text"] { background:#f90; border: 1px solid #ffc; text-align:right; padding: 2px;}
#div_bg_colour input[type="text"] { background:#f90; border: 1px solid #ffc; text-align:right; padding: 2px;}
#div_fx_colour input[type="text"] { background:#f90; border: 1px solid #ffc; text-align:right; padding: 2px;}
#div_ol_colour input[type="text"] { background:#f90; border: 1px solid #ffc; text-align:right; padding: 2px;}


#toolTipLayer {   position:absolute; background-image:url(../images/comment_bg.png); width: 355px; height: 100px;}
#toolTipLayer div { margin: 15px auto auto 85px; width: 185px; height: 45px; Font-size: 1.2em; text-align:left; color:#fff; }

.sotto { font-size:0.9em!important; font-weight: normal!important; margin: 0!important;}

#sponsored_logos { width: 650px; margin: 15px auto!important; text-align:center;}

#sponsored_logos a { margin: 10px 5px;}