						
.clear				{	clear: both; font-size: 0px; height: 0px;	}

img					{	border: none; 	}

h1					{	margin: 10px; letter-spacing: 0.1em;
						font-size: 14px; border: 1px solid rgb(100,100,100); line-height: 30px; text-indent: 10px; background: url("../files/css/header_back.gif") left top repeat; font-family: arial; color: rgb(100,175,120);	}

h2					{	margin: 10px;
						  font-size: 14px; font-family: verdana;	}
						
#right h2		{	margin: 0px 10px 0px 10px; 
							font-size: 12px; line-height: 22px; text-indent: 5px; letter-spacing: 0.1em;
							text-transform: capitalize;
							font-family: arial;
							color: rgb(100,175,120);
							clear: both;	}
							
#footer #footer_ul		{	margin: 0px; list-style-type: none; padding: 0px;
                        float: left; display: block; clear: both;	}
                        
#footer #footer_ul_nav		
                {	margin: 0px; list-style-type: none; padding: 0px;
                        float: left; display: block; clear: both;	}


#footer #footer_ul li		
              {	line-height: 15px; text-indent: 20px;
								font-family: verdana; font-size: 12px;
								color: rgb(0,0,0);
        				margin-right: 10px;
        				display: block;
				        background: tranparent /*url("http://www.rjhdirector.co.uk/aa_shared//files/icons/arrow_right.gif") center left no-repeat;*/	} 
				        
#footer #footer_ul li.business_footer
              { font-size: 14px;  }
									
#footer #footer_ul li a   { color: rgb(200,50,50) ; text-decoration: underline;}

#footer .footer_strap
          { margin-top: 70px; }
						
p					{	margin: 10px;
						line-height: 20px; letter-spacing: 0.1em;
						color: rgb(100,100,100); font-size: 12px; font-family: candara,cambria,calibri,arial,verdana;
						font-weight: normal;	}
						
a					{	color: rgb(100,175,120); text-decoration: underline;	}
	
a:hover				{	color: rgb(211,65,253); text-decoration: underline;	}	

.gallery_preview
          { float: left; display: inline; clear: both; margin: 0px; padding-bottom: 10px;  }	
          
#picture_gallery  { margin: 10px; padding: 0px;
            float: left; display: inline; clear: none;  }	
          
#image_details
          { position: absolute; top: 10px; left: 10px; margin: 0px; padding: 0px;
            visibility: hidden;
            border: 1px solid;
            width: 540px; }	
            
.top_bar  { width: 540px; margin: 0px; padding: 0px; height: 20px;
            float: left; display: inline; clear: none;  
            border-bottom: 1px solid;
            background: rgb(180,180,180); }

.main_body  
          { width: 540px; margin: 0px; padding: 0px;
            float: left; display: inline; clear: both;  
            background: rgb(210,210,210); }
          
p.top_bar_p
          { line-height: 20px; margin: 0px 10px;
            float: left; display: inline; clear: none;
            color: rgb(50,50,100);
            font-size: 10px; }
             
.edit_image_ta
          { width: 508px; height: 100px; margin: 10px; padding: 0px;
            float: left; display: inline; clear: both;  }
            
img.latestImg
						{	margin: 0px 10px;  width: 140px;
							float: left; display: inline; clear: both;
							border: 1px solid rgb(0,0,0);
							width: 138px;	}
							
#container p.add_toL, #container p.view_bagL
						{	line-height: 42px; font-size: 12px; margin: 0px 10px; widht: auto;
							font-weight: bolder; color: rgb(50,50,200);
							float: left; display: inline; clear: none;	}
							
#container p.view_bag a, #container #right p.view_bag a, #container p.view_bagL a, #container #right p.view_bagL a
						{	padding-left: 30px; margin: 0px;
							line-height: 42px; float: left; display: block;
							font-weight: bolder; color: rgb(50,50,200);
							background: url("http://www.rjhdirector.co.uk/aa_shared//files/icons/zoom.gif") center left no-repeat;	}
							
#container p.add_to a, #container #right p.add_to a, #container p.add_toL a, #container #right p.add_toL a
						{	padding-left: 30px; margin: 0px; width: auto;
							line-height: 42px; float: left; display: inline;
							font-weight: bolder; color: rgb(50,50,200);
							background: url("../files/css/add2.gif") center left no-repeat;	}
							
#container p.add_to, #container p.view_bag
						{	line-height: 42px; font-size: 12px; margin: 0px 10px;
							font-weight: bolder; color: rgb(50,50,200);
							float: right; display: inline; clear: none;	}
							
#right p		{	margin: 5px 10px;
							font-size: 10px; line-height: 16px;		}

#right p.h_name	
						{	font-weight: bolder;	}
						
#right p.h_price	
						{	font-weight: bolder;
							color: rgb(200,50,50);	}

#right p.h_desc	
						{	font-weight: bolder; font-size: 10px;
							font-family: sans-serif;
							font-style: italic;	}
								
/***UL CLASSES**/

#content ul.article_list
            { margin: 10px; padding: 0px 0px 10px 0px; width: auto;
              color: rgb(100,100,100); list-style-type: none; 
              float: left; display: inline; clear: both;
              font-family: candara,cambria,calibri,arial,verdana; font-size: 12px;  }
              
#content ul.article_list ul
            { margin: 10px; width: auto; padding: 0px;
              float: left; display: inline; clear: both;
              list-style-type: none;  }
              
#content ul.article_list li
            { width: auto;
              float: left; display: inline; clear: both;  }
              
#content ul.article_list li.article
            { margin: 10px 10px 10px 0px; font-size: 12px;}
  
#content ul.article_list li.fb_name
            { margin: 10px 0px 0px 0px; width: 250px;}
                   
#content ul.article_list li.preview
            { margin: 5px 10px 5px 0px; font-size: 12px; letter-spacing: 0.1em; }

#content ul.article_list li.article_date
            { margin: 5px 10px 5px 0px; font-size: 12px;}
            
#content ul.article_list a
            { width: auto;  }

/*PARAGRAPH CLASSES*/

p.cat_description
            { }
            
#content ul.umbrella_ul, #content ul.umbrella_ul ul
            { list-style-type: none;  }

#content p .price_word	{	font-size: 12px;	}

#content p .new_price	{	color: rgb(126,79,0);	}

#footer ul				{	list-style-type: none;
							margin: 0px; padding: 0px;	}
							
#footer ul li			{	display: inline; margin: 10px;	}

img.main			{	border: 1px solid rgb(40,75,54);	}

img.gall_thumb	{	width: 100px; margin: 10px 10px 10px 0px;
                  border: 1px solid rgb(40,75,54);
                  float: left; display: inline; clear: none;	}
								              
#scrollup {
  position: relative;
  overflow: hidden;
  background: transparent;
  margin: 10px 0px;
  height: 200px;
  width: 200px;
  border-top: none;
  border-right: ;
  border-bottom: none;
  border-left: ;
  padding: 0px 0px 10px 0px;
}
.headline {
  position: absolute;
  top: 210px;
  left: 0px;
  height: 195px;
  width:190px;
}

#latest_pic   { width: 200px; padding: 0px 0px 20px 0px; margin: 10px 0px 0px 0px;
                float: left; display: inline; clear: both; }
             
#latest_pic img.new_img
              { width: 138px; margin: 0px 10px; border: 1px solid rgb(100,175,120);
                float: left; display: inline; clear: both; }
              
#right #gallOuter, #right #gallCatOuter, #right #gallBrandOuter	
              {	width: 170px; margin: 0px; padding: 0px; height: 120px; overflow: hidden;
                      list-style-type: none;
							        float: left; display: inline; clear: both;	}

#right #gallOuter img.gallImg, #right #gallCatOuter img.gallImg, #right #gallBrandOuter img.gallImg
						{	position:relative; left:0px; top:0px; width: 140px;
							/*border: 1px solid rgb(100,175,120);*/
								}

#right p.h_desc    
            { 
              font-style: italic;  }

#right ul.month_list
            { margin: 0px 10px; padding: 0px;
              list-style-type: none;  }
              
#right p.year
            { font-weight: bolder;  }

#left #feedback_ul
            { width: 160px; margin: 10px; padding: 0px; color: rgb(100,100,100);
              font-family: candara,cambria,calibri,arial,verdana; font-size: 12px;
              list-style-type: none; letter-spacing: 0.1em;
							float: left; display: inline; clear: both; }

#left #feedback_ul ul
            { width: 180px; margin: 0px; padding: 0px;
              list-style-type: none;
              color: rgb(100,100,100);
              font-family: candara,cambria,calibri,arial,verdana; font-size: FONT_SIZE;
							float: left; display: inline; clear: both; }
													
#left #feedback_ul li, #left #feedback_ul li ul li 
            { margin: 0px; padding: 0px; width: 180px;
              line-height: 1.5em;
              float: left; display: inline; clear: both;  }
              
#featured_article
            { margin: 10px; width: auto;
              border: 1px dotted rgb(180,180,180); background: transparent;  
              float: left; display: inline; clear: both;}

/******************************************************************************/									
																					
#content ul.root_ul		{	margin: 10px 10px 10px 0px; padding: 0px 0px 10px 0px; width: 90%;
							list-style-type: none;
							font-size: 12px; font-family: verdana;
							float: left; display: inline; clear: both;	}
							
#content ul.cm_root_ul	{	margin: 20px; padding: 0px; width: 300px;
							list-style-type: none;
							font-size: 12px;
							float: left; display: inline; clear: both;	}
							
#content ul.root_ul li, #content ul.cm_root_ul li
						{	text-indent: 15px; margin-right: 10px;
							background: url("http://www.rjhdirector.co.uk/aa_shared//files/icons/arrow_right.gif") center left no-repeat;
							float: left; display: inline;	}

/**********PRODUCTS*********/

.prod_list				{	width: 660px; margin: 0px 10px; padding: 0px 0px 20px 0px;	
							float: left; display: inline; clear: both;	}
							
.left_outer				{	float: left; display: inline; clear: none;	}
							
.prod_list_top			{	width: 460px; margin: 0px; padding: 0px;
							float: left; display: inline; clear: none;	}
							
.prod_list_left			{	width: 160px; margin: 0px; padding: 0px;
							float: left; display: inline; clear: left;	}
							
.prod_list_center		{	width: 300px; margin: 0px; padding: 0px;
							float: left; display: inline; clear: none;	}

.prod_list_right		{	width: 200px; margin: 0px; padding: 0px;
							float: right; display: inline; clear: none;	}
							
#content .prod_list_center p, #content .prod_list_right p		
						{	margin: 0px 10px 10px 0px;	}
						
#content .prod_list_top p.artist_name
						{	margin: 0px 0px 5px 0px;
							font-weight: bolder; color: rgb(50,50,200);	}
							
#gallery				{	width: 152px; margin: 10px; padding: 0px;
							text-align: left;
							overflow: hidden;
							float: left; display: inline; clear: both;	}
					
#content #gallery img		{	border: /*1px solid rgb(0,0,0)*/ none; margin: 1px; width: 150px;	}

#prod_left				{	width: 325px; margin: 10px 0px; padding: 0px;
							float: left; display: inline; clear: none;	}
							
#prod_right				{	width: 458px; margin: 0px 0px; padding: 0px;
							float: left; display: inline; clear: none;	}
							
.catColRow				{	width: 650px; margin: 0px; padding: 0px;
							float: left; display: inline; clear: both;	}
							
#inner_gallery			{	width: 152px; margin: 0px; padding: 0px;
							float: left; display: inline; clear: both;	}

.list_item				{	width: 315px; margin: 10px 0px 0px 0px; padding: 0px 0px 20px 0px;
							      float: left; display: inline; clear: none;	}
							
.list_item_top			{	width: 315px; margin: 0px; padding: 0px;	}
							
.list_item_left			{	width: 150px; margin: 0px; padding: 0px;
							float: left; display: inline; clear: none;	}

.list_item_right		{	width: 165px; margin: 0px; padding: 0px;
							float: left; display: inline; clear: none;	}
							
#content p.list_title		{	font-size: 18px; line-height: 32px; margin: 0px; color: rgb(0,0,0);
							font-family: bookman, serif;	}
							
#content p.list_title a		{	color: rgb(0,0,0);	}

#content p a.artist_link	{	color: rgb(50,50,200);	}
							
#content p.list_desc		{	margin: 0px;
							font-size: 11px; line-height: 19px;
							font-style: italic;	}
							
#content p.col_desc		{	font-size: 12px; line-height: 20px;
							          font-style: italic;	
                        float: left; display: inline; clear: both; }
							
#content p.price			{	font-size: 12px; line-height: 20px;
							          color: rgb(255,140,114);
							          font-weight: bolder;	}
							
#content p.price_added	{	font-size: 12px; line-height: 20px; padding-left: 20px;
							background: url("http://www.rjhdirector.co.uk/aa_shared//files/icons/tick.gif") center left;
							color: rgb(255,140,114);
							font-weight: bolder;	}
							
#content span.view_item	{	padding-left: 20px;
							background: url("http://www.rjhdirector.co.uk/aa_shared//files/icons/zoom.gif") center left no-repeat;
							font-size: 12px; 	
							color: rgb(220,165,255);	}
							
#content img.list_img	{		width: 150px; margin: 0px 10px 10px 0px;
							border: /*1px solid rgb(0,0,0)*/ none;
							float: left; display: inline; clear: both;	}
							
.priceDiv				{	width: 438px; margin: 0px 10px 10px 10px; padding: 0px; height: 42px;
							overflow: hidden;
							border: 1px solid rgb(0,0,0);
							background: rgb(255,250,250) /*url("../files/css/priceDiv.gif")*/ center center no-repeat; 
							float: left; display: inline; clear: both;	} 
							
p.prod_price			{	line-height: 42px; font-size: 16px; margin: 0px 10px;
							font-weight: bolder; color: rgb(126,79,0);
							float: left; display: inline; clear: none;	}

p .prev_price			{	text-decoration: line-through; font-size: 14px;
							color: rgb(140,100,100);	}
							
#content img.st_img
						{	margin: 5px 10px;  width: 140px;
							float: left; display: inline; clear: none;
							border: /*1px solid rgb(0,0,0)*/ none;
							width: 138px;	}
							

		
/**********BASKET***********/


#show_basket			{	width: 438px; margin: 10px; padding: 0px;
							      overflow: hidden;
      							float: left; display: inline; clear: both;	}

#show_basket .main_prod	{	width: 418px; margin: 0px 10px 0px 10px; padding: 0px; height: 30px;
							background: rgb(255,197,196) url("../files/css/prod_name.gif") center center no-repeat;
							float: left; display: inline; clear: both;	}

#show_basket .prod_totals	
						{	width: 418px; margin: 0px 10px 0px 10px; padding: 0px; height: 30px;
							background: rgb(255,197,196) url("../files/css/prod_totals.gif") center center no-repeat;
							float: left; display: inline; clear: both;	}

#show_basket .sub_prod	{	width: 418px; margin: 0px 10px 0px 10px; padding: 10px 0px 10px 0px;
							background: rgb(255,240,234) url("../files/css/prod_back.gif") center top repeat-y;
							float: left; display: inline; clear: both;	}

#container #show_basket p	
						{	margin: 0px 5px;
							float: left; display: inline; clear: none;	}

#show_basket p.prod_num	{	width: 20px;	}

#show_basket p.prod_name	{	width: 210px;
							font-weight: bolder;	}

#show_basket p.mProd_name	
						{	width: 210px; line-height: 30px;
							font-weight: bolder;	}

#show_basket p.prod_det	{	width: 210px;	}

#show_basket p.mProd_num
						{	width: 43px; line-height: 30px;	}

#show_basket p.del_prod
						{	width: 18px; line-height: 30px;	}

#show_basket p.prod_unit_price
						{	width: 43px;	}

#show_basket p.prod_qty
						{	width: 43px;	}

#show_basket p.prod_total	
						{	width: 43px;	}

/*BASKET OVERVIEW*/

#basket_overview		{	width: 200px; margin: 30px 0px 0px 0px; height: 120px;
							float: right; display: inline; clear: both;	}

.overview_left			{	width: 100px; margin: 0px; height: 80px;
							        text-align: center;
							        float: left; display: inline; clear: none;	}
							
.overview_right			{	width: 100px; margin: 0px; height: 100px;
							float: left; display: inline; clear: none;	}
							
#basket_overview p		{	margin: 2px;
							font-weight: bolder; font-size: 10px;  line-height: 14px;
							font-family: verdana; color: rgb(253,221,22);}
							
#basket_overview a		{	color: rgb(253,221,22); text-decoration: underline;	}
							
#basket_overview p.ov_h	{	font-size: 12px; line-height: 18px;	}

#basket_overview p.ov_empty
						{	font-size: 11px; line-height: 15px; color: rgb(255,50,50);	}