/* 
========================================================================
TEMPLATE.CSS
========================================================================
*/



html,body
{
margin:0;
padding:0
}

body
{
font-family:"Trebuchet MS", "Verdana", "Tahoma", "Ariel", "sans-serif"; 
background-image: url(../templateimages/h_bg.gif);
background-repeat:no-repeat;
font-size:76%;
text-align:left;
}



/* standard paragraph formatting */

p

{
font-size:9pt;
color:#666666;
}	

/* Standard images */			


img 
{
border:none;
padding:1px;
}

/* HEADINGS */			

h1
 
{
text-transform:Uppercase;
font-size: 12pt;
font-weight: bold;
color: #FF9900;
margin-bottom: 5px;
margin-top: 5px;
padding-bottom:10px;
}


h2 
{
font-size: 10pt;
color: #FF6600;
margin-bottom: 5px;
margin-left: 0px;
}


h3 
{
font-size: 9pt;
color: #999999;
margin-bottom: 5px;
}

h4 
{
font-size: 11px;
color: #789297;
margin: 10px 0px 0px 0px;
padding: 0px 0px 4px 0px;
font-weight:bold;
}

h5 
{
margin: 10px 0px 5px 0px;
font-size: 11pt;
color: #666666;
text-transform: uppercase;
letter-spacing: -1px;
padding: 2px 2px 2px 0px;
text-align: left;
font-weight: bold; 
}	



/* --- Hide Heading (text) for example categories menu header -- */

.hidden
{
margin:0px;
padding:0px;
position:absolute;
left:0px;
top:-500px;
width:1px;
height:1px;
overflow:hidden;
}

/* STANDARD HYPERLINKS */

body a 
{
text-decoration: underline; 
font-size:11px;
color: #6666CC;
}

body a:visited 
{
text-decoration: underline; 
font-size:11px;
color: #6666CC;
}

body a:hover 
{
text-decoration: underline; 
color: #FF6600;
}

body a:active
{
text-decoration: underline; 
color: #6666CC;
}

/* STANDARD HYPERLINKS */


#header
{
position:relative;
height:117px;
}


#logo
{
margin-top:0px;
width:159px;
text-align:left;
padding-top:9px;
padding-left:15px;
width/**/:/**/ 144px;
}

#headhold
{
height:117px;
text-align:left;
width:699px;
position:absolute;
bottom:0px;
left:0px;
float:left;
margin:4px 0px 0px 159px;
padding:0px;
}

#submenu
{
text-align:right;
width:699px;
position:absolute;
top:0px;
right:0px;
float:left;
margin:10px 0px 0px 0px;
padding:0px;
}


#submenutel
{
height:21px;
width:167px;
float:right;
margin:5px 0px 0px 0px;
padding:0px;
clear:both;
background-image:url(../templateimages/telephone_08703307440.gif);
background-repeat:no-repeat;
}

#sublinks
{
margin:0 auto;
padding:0px;
}


#sublinks ul
{
margin:0;
padding: 0;
list-style: none;
display: inline;
}

#sublinks li
{
margin:0;
padding: 0px 0px 0px 5px;
display:inline;
} 

#sublinks a 
{
text-decoration: none; 
font-weight:normal;
font-family:Trebuchet MS, Verdana, Tahoma, Ariel, sans-serif; 
font-weight:bold;
color: #5C7478; 
font-size:10px;
padding:0px 0px 0px 0px;
margin:0;
}

#sublinks span
{
font-weight:bold;
color: #FF6600; 
}

#sublinks a span
{
color: #FF6600; 
}



	
#sublinks a:hover span
{
text-decoration:none;
color: #5C7478;
}


	
#sublinks a:hover 
{
text-decoration:none;
color: #FF6600;
}

#sublinks a:active, a.selected 
{
text-decoration:none;
color: #FF6600;
}


/* NAVIGATION BAR - Tabs & Link styling */

#navhold
{
text-align:left;
width:100%;
position:absolute;
bottom:0px;
left:0px;
margin:0 auto;
padding:0px;
}

#navtabs 
{
position:absolute;
bottom:0px;
left:0px;
font-weight:bold;
margin-left:12px;
float:left;
width:100%;
line-height:normal;
}


#navtabs ul
{
margin:0;
padding:0px 3px 0px 0px;
}

#navtabs li 
{
display:inline;
margin:0;
padding:0;
}

#navtabs a {

float:left;
background:url("../templateimages/r1_c1.gif") no-repeat left top;
margin:0;
padding:0 0 0 4px;
text-decoration:none;
font-size:11px;
}

#navtabs a span 
{
float:left;
display:block;
background:url("../templateimages/navtabright_r1_c2.gif") no-repeat right top;
padding:7px 25px 4px 7px;
color: #777777;

}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#navtabs a span 
{
float:none;
}

/* End IE5-Mac hack */

#navtabs a:hover span 
{
color:#000;
}

#navtabs a:hover 
{
background-position:0% -42px;
}
    
#navtabs a:hover span 
{
background-position:100% -42px;
}

#navtabs a.selected 
{
background-position:0% -88px;

}

#navtabs a.selected span
{
background-position:100% -88px;
}




#container
{
width:858px;
margin:0 auto;
overflow:hidden;
padding:0px;
}


#content
{
width:510px;
margin: 0px 119px 0px 159px;
padding: 20px 0px 20px 20px;
width/**/:/**/ 490px;
}



/* --- Wrap Category menu content area and right column --- */

#wrapper
{
float:left;
width:100%;
text-align:left;
}



/* --- Category menu ------------------------------------------------- */

#catmenu
{
width:159px;
margin: 10px 0px 10px 0px;
padding: 0px 0px 0px 0px;
float:left;
margin-left:-858px;
margin-bottom:20px;
height:auto;
}

#categorymenu
{
width:159px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
float:left;
}

#catheading

{
background-image: url(../templateimages/cat_menu/168/cat_master_r1_c1.jpg);
background-repeat:no-repeat;
margin: 0px 0px 0px 0px;
padding:0px 0px 0px 0px;
width:159px;
height:50px;
}

#cats
{
width:159px;
}

#catfooter

{
background-image: url(../templateimages/cat_menu/168/cat_master_r5_c1.jpg);
background-repeat:no-repeat;
margin: 0px 0px 10px 0px;
padding:0px 0px 0px 0px;
width:159px;
height:33px;
clear:left;
}



#categorymenu ul 
{
margin: 0px 0px 0px 0px;
padding: 0;
list-style: none;
}

#categorymenu ul li 
{
list-style: none;
float: none;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

#categorymenu ul li div 
{
font-size: 7.5pt;
}

#categorymenu ul li div a 
{
font-size: 7.5pt;
display: block;
padding: 2px 5px 2px 22px;
color: #826644;
background-image: url(../templateimages/cat_menu/168/cat_master_r3_c1.jpg);
background-repeat:repeat-y;
text-decoration:none;
}

.categoryitem 
{
border-bottom: 1px dotted #777777;
}

#categorymenu ul li div a:hover 
{
background-image: url(../templateimages/cat_menu/168/catmenu_master_hover.jpg);
color: #826644;
}

#categorymenu ul ul li div
{
font-weight: normal;
}

#categorymenu ul ul li div a 
{
font-weight: normal;
color: #826644;
padding-left: 36px;
}

#categorymenu ul ul ul li div a 
{
padding-left: 20px;
}

#categorymenu ul ul ul ul li div a 
{
padding-left: 20px;
}

#categorymenu ul ul ul ul ul li div a 
{
padding-left: 20px;
}

#categorymenu ul ul ul ul ul ul li div a 
{
padding-left: 20px;
}	


/* --- RIGHT column - currency / search / shopping  ---- */

#extra
{
float:left;
width:159px;
margin-left:-159px;
}

/* ----- Shopping Basket Box */

#shopping_head
{
background-image: url(../templateimages/basket/159/search_cut_r1_c1.jpg);
background-repeat:no-repeat;
width:159px;
height:50px;
margin:10px 0px 0px 0px;
padding:0px;
}


#shopping
{
background-image: url(../templateimages/basket/159/search_cut_r3_c1.jpg);
background-repeat: repeat-y;
width:159px;
margin:0px 0px 0px 0px;
padding:10px 10px 0px 0px;
text-align:center;
width/**/:/**/ 149px;
}



#shop h4 
{
font-size: 8pt;
color: #4488AA;
margin: 10px 0px 0px 0px;
padding: 0px 0px 4px 0px;
border-top:1px dotted #777777;
}

#shopping_foot
{
background-image: url(../templateimages/basket/159/search_cut_r5_c1.jpg);
background-repeat:no-repeat;
width:159px;
height:16px;
margin:0px 0px 0px 0px;
padding:0px
}

/* ------------ Mini-basket ------------------------------------------ */

#currencymenu form select
{
width: 1px;
margin: 3px 8px 4px 10px;
padding: 3px 0px 4px 0px;
width/**/:/**/ 66px;
}

#currencymenu h4 
{
font-size: 8pt;
color: #6666CC;
margin: 5px 0px 0px 0px;
padding: 3px 6px 4px 10px;
border-top: 1px dotted #777777;
}

/* ------------ Basket Box Specific styles ------------------------------------------ */


#basketlines a:link 
{
display: block;
text-decoration: none;  
color:#6666CC;
padding: 1px 2px 2px 0px;
text-align:left;
}

#basketlines a:active 
{
display: block;
text-decoration: none;  
color:#6666CC;
padding: 1px 2px 2px 0px;
text-align:left;
}

#basketlines a:hover 
{
display: block;
text-decoration: none;  
color:#ff9900;
padding: 1px 2px 2px 0px;
text-align:left;
}

#basketlines a:visited 
{
display: block;
text-decoration: none;  
color:#6666CC;
padding: 1px 2px 2px 0px;
text-align:left;
}


#baskettotals 
{
font-size:10px;
color: #333333;
font-weight: bold;
border-bottom:1px dotted #777777;
margin: 3px 0px 4px 0px;
padding: 3px 6px 4px 15px;
text-align:left;
}

#baskettotals p 
{
color: #FF3300;
font-weight: bold;
text-align: left;
font-size:12px;
text-align:left;
}

#basketempty, #baskethidden 
{
font-style: italic;
font-size:10px;
color: #FF6600;
margin-left:10px;
}	


#basketlines li 
{
margin: 3px 0px 4px 0px;
padding: 3px 6px 4px 15px;
background-position: top left;
background-repeat: repeat-x;
border-bottom: dotted 1px #777777;
text-align:left;
}

#basketlines li.alt 
{
background-position: top left;
background-repeat: repeat-x;
}



#basketlinks a:link 
{
display: block;
text-decoration: none;  
color:#6666CC;
padding: 1px 2px 2px 0px;
text-align:left;
}

#basketlinks a:active 
{
display: block;
text-decoration: none;  
color:#6666CC;
padding: 1px 2px 2px 0px;
text-align:left;
}

#basketlinks a:hover 
{
display: block;
text-decoration: none;  
color:#ff9900;
padding: 1px 2px 2px 0px;
text-align:left;
}

#basketlinks a:visited 
{
display: block;
text-decoration: none;  
color:#6666CC;
padding: 1px 2px 2px 0px;
text-align:left;
}



#numberofitems 
{
font-size: 9pt;
color:#666666;
font-weight:bold;
margin: 3px 0px 4px 0px;
padding: 3px 6px 4px 15px;
border-bottom: 1px dotted #777777;
border-top: 1px dotted #777777;
}

#numberofitems em 
{
font-style: normal;
font-weight: bold;
color:#ff6600;
font-size:12px;
}

/* Lines of the basket */

#basketlines 
{
padding: 0;
margin: 0;
}

#basketlines li 
{
list-style: none;
font-size: 7.5pt;
clear: both;
}

#basketlines em 
{
font-style: normal;
}

#baskettotals p em 
{
margin-left: 0px;

}

#baskettotals em 
{
font-style: normal;
font-size:12px;
color:#ff6600;
font-weight:bold;
margin-left:3px;
margin-right:3px;
}

#baskettotals #textexception 
{
font-weight: normal;
font-size:9px;
color:#333333;
font-style:italic;
}

#basketlinks 
{
margin: 3px 0px 0px 0px;
padding: 3px 6px 4px 6px;
}

#basketlinks li 
{
list-style: none;
}

#basketlinks img 
{
border: 0;
vertical-align: middle;
margin: 0px 3px 0px 0px;
}

#basketempty, #baskethidden 
{
font-size: 10px;
margin: 3px 0px 4px 0px;
padding: 3px 6px 4px 15px;
border-bottom: 1px dotted #777777;
}	

#baskettotals p 
{
padding: 0px 0px 0px 3px;
margin: 0;
font-size: 12px;
color: #333333;
font-weight:bold;
}


/* ------------ PAYMENT RELATED IMAGES ---------------------- */


#payment
{
text-align:center;
width:190px;
margin:10px 0px 10px 0px;
padding:0;
}

/* ------------ MAILING LIST ---------------------- */

#mailinghead
{
background-image: url(../templateimages/mailinglist/search_cut_r1_c1.jpg);
background-repeat:no-repeat;
width:159px;
height:50px;
margin:10px 0px 0px 0px;
padding:0px;
}

#mailinglist
{
background-image: url(../templateimages/mailinglist/search_cut_r3_c1.jpg);
background-repeat: repeat-y;
width:159px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 10px;
width/**/:/**/ 149px;
}

.mailinglister
{
margin:0px 0px 0px 0px;
padding:0px 10px 0px 0px;
}

.mailinglister input 
{
width:89px;
margin:0px 0px 0px 0px;
padding: 3px 2px 2px 3px;
}

.mailinglist h4 
{
font-size: 8px;
color: #6666CC;
margin: 5px 8px 0px 0px;
padding: 5px 6px 4px 0px;

}

.mailinglister input.submit 
{
font-family:"Trebuchet MS", "Verdana", "Tahoma", "Ariel", "sans-serif"; 
background-color: #FF6600;
color: white;
font-weight: bold;
font-size: 8pt;
border-style: outset;
border-left: solid 1px #FF3300;
border-top: solid 1px #FF3300;
border-right: solid  1px #FF3300;
border-bottom: solid  1px #FF3300;
margin: 0px 0px 0px 0px;
padding: 0px 2px 0px 2px;
width: auto;
}

.mailinglister label 
{
font-size: 8px;
color: #789297;
margin: 10px 0px 0px 0px;
padding: 0px 0px 4px 0px;
font-weight:bold;
}


.mailinglister p
{
font-size:10px;
color: #666666;
margin-bottom:3px;
}

#mailingfoot
{
background-image: url(../templateimages/mailinglist/search_cut_r5_c1.jpg);
background-repeat:no-repeat;
width:159px;
height:16px;
margin:0px 0px 20px 0px;
padding:0px
}


/* ------ Quick Search Box -----*/

#searchhead
{
width: 159px;
height:50px;
background-image: url(../templateimages/search/159/search_cut_r1_c1.jpg);
background-repeat:no-repeat;
padding:0px 0px 0px 0px;
margin-top:15px;
}

.searchmid
{
width: 159px;
background-image: url(../templateimages/search/159/search_cut_r3_c1.jpg);
background-repeat:repeat-y;
padding:0px 0px 0px 10px;
margin-top:0px;
width/**/:/**/ 149px;
}


.searchmid input 
{
width:99px;
margin:0px 0px 0px 0px;
padding: 2px 2px 2px 2px;
width/**/:/**/ 95px;
}

.searchmid input.submit 
{
font-family:"Trebuchet MS", "Verdana", "Tahoma", "Ariel", "sans-serif"; 
background-color: #FF9900;
color: white;
font-weight: bold;
font-size: 8pt;
border-style: outset;
border-left: solid 1px #BBBBBB;
border-top: solid 1px #BBBBBB;
border-right: solid  1px #BBBBBB;
border-bottom: solid  1px #BBBBBB;
margin: 0px 0px 0px 0px;
padding: 0px 2px 0px 2px;
width: auto;
}

.advs
{
width: 159px;
padding:10px 0px 0px 5px;
margin-top:0px;
width/**/:/**/ 144px;
}

.searchmid a
{
background-image:none;
font-size:10px;
text-decoration:none;
padding-right:10px;
}

.searchmid a:active
{
font-size:10px;
text-decoration:none;
padding-right:10px;
}

.searchmid a:hover
{
font-size:10px;
text-decoration:none;
padding-right:10px;
}

.searchmid a:visited
{
font-size:10px;
text-decoration:none;
padding-right:10px;
}





#searchfoot
{
width: 159px;
height:16px;
background-image: url(../templateimages/search/159/search_cut_r5_c1.jpg);
background-repeat:no-repeat;
padding:0px 0px 0px 0px;
margin-top:0px;
}


		

/* START FOOTER SECTION */


.footer_text

{
margin:0 auto;
padding:0px;
text-align: center;
}


.footer_text p

{
font-size:8pt;
}	

#footerlinks ul
{
margin:0;
padding: 0;
list-style-image:url(../templateimages/navigation_bar/wee_blue_arrow.gif);
display:inline;
}


#footerlinks li
{
margin:0;
padding: 0;
list-style-image:url(../templateimages/navigation_bar/wee_blue_arrow.gif);
display:inline;
} 

#footerlinks a 
{
text-decoration:none;
font-weight:normal;
font-family:Trebuchet MS, Verdana, Tahoma, Ariel, sans-serif; 
color: #003366; 
font-size:9px;
padding:0px 0px 0px 0px;
margin:0;
}
	
#footerlinks a:hover 
{
text-decoration:none;
color: #FF6600;
}

#footerlinks a:active, .footerlinks a.selected 
{
text-decoration:none;
color: #FF6600;
}



/* Dynamic page content section of page body */

#newsitems
{
margin:0px;
padding:0px;
} 

#pagecontent 
{	
padding: 0;
	margin: 0;
	float: left;
		}

#pagecontent_pad {
margin: 0;
	padding: 0px 0px 0px 0px;
}


/*  mailinglist form  */
#quicksearch form 
{
display: block;
}

#mailinglist label#email 
{
display: block;
margin: 0px 0px 2px 0px;
}

#mailinglist label#htmlemail 
{
display: block;
margin: 2px 0px 2px 0px;
}






/* Breadcrumb trail  */

.breadcrumbtrail 
{
color: #999999;
text-decoration:none;
}

.breadcrumbtrail 
{
text-transform: capitalize;
font-size:11px;
padding: 3px 3px 3px 0px;
margin-bottom: 10px;
margin-top: 10px;
}

.breadcrumbtrail ul 
{
margin-left: 0;
padding-left: 0;
display: inline;
border: none;
} 

.breadcrumbtrail ul li 

{
margin-left: 0;
border: none;
list-style: none;
display: inline;
}

.breadcrumbtrail a
{
font-size:11px;
color: #999999;
text-decoration:none;
}

.first a:link
{
font-size:11px;
color: #999999;
text-decoration:none;
}

.first a:active
{
font-size:11px;
color: #999999;
text-decoration:none;
}

.first a:hover
{
font-size:11px;
color: #999999;
text-decoration:none;
}

.first a:visited
{
font-size:11px;
color: #999999;
text-decoration:none;
}


.breadcrumbtrail a:hover, a:selected
{
font-size:11px;
color: #999999;
text-decoration:none;
}


/* Pagination */

.paging 
{ 
margin: 8px 0 8px 0;
}

.paging a 
{ 
font-weight: normal;
}

.paging_footer 
{
font-size:11px;
text-align: right;
margin-top:15px;
border:1px dotted #cccccc;
}

.paging_header 
{
font-size:11px;
text-align: left;
margin-bottom:15px;
border:1px dotted #cccccc;
padding:5px;
}


.reviews

{

}

/* --- language, currency menu and search box ------------------------ */
#languagemenu form select

{
width: 160px;
margin: 5px 0px 5px 0px;
padding: 0;
}


#prodtypemenuform select {
width: 160px;
margin: 5px 0px 5px 0px;
padding: 0;
}




/* ------------ Standard Forms ------------------------------------------------ */
select, input, textarea 
{
font-weight: normal;
color: #666666;
background-color: #DCE4E9;
border-color: #FF9900;
border-style: solid;
border-width: 1px;
margin-bottom: 0px;
padding:4px;
background-image:none;
}

select:focus,  textarea:focus 
{
font-weight: normal;
color: #666666;
background-color:#DCE4E9;
border-color: #FF9900;
border-style: solid;
border-width: 1px;
margin-bottom: 0px;
background-image:none;
}

input:focus
{
font-weight: normal;
color: #666666;
background-color:#DCE4E9;
border-color: #FF9900;
border-style: solid;
border-width: 1px;
margin-bottom: 0px;
background-image:none;
}

submit:focus
{
font-weight: normal;
color: #666666;
background-color:#DCE4E9;
border-color: #FF9900;
border-style: solid;
border-width: 1px;
margin-bottom: 0px;
}

input.submit 
{
font-family:"Trebuchet MS", "Verdana", "Tahoma", "Ariel", "sans-serif"; 
background-color: #FF9900;
color: white;
font-weight: bold;
font-size: 8pt;
border-style: outset;
border-left: solid 1px #BBBBBB;
border-top: solid 1px #BBBBBB;
border-right: solid  1px #BBBBBB;
border-bottom: solid  1px #BBBBBB;
margin: 0px 0px 0px 1px;
padding: 1px;
width: auto;
}

input.smallsubmit
{
display: in-line;
margin: 0;
font-size: 7.5pt;
text-decoration: none; 
color: #EE6600;
font-weight: bold;
padding: 0px 2px 0px 2px;
text-align: left;
font-weight: bold; 
background-color: transparent;
border: none;
}

/* form error messages */
.errors 
{
display: block;
width: 94%;
color: #666666;
background-color: #F5F5F5;
border: dotted 1px #cccccc;
margin: 10px 0px 10px 0px;
padding: 12px;
font-size:12px;
font-weight:bold;
}

.errors label 
{
border-bottom: dotted 1px orange;
}


.shippingtable table 
{
text-align:center;
width: 100%;
border-color:#ff9900;
margin: 0 auto;
}

.shippingtable tr
{
text-align:center;
width: 100%;
margin: 0 auto;
color:#ffffff;
}

.shippingtable td
{
font-weight:bold;
text-align: center;
padding: 3px;
border-color:#cccccc;
background-color:#ffffff;
}

.shippingtable th 
{
text-align: center;
padding: 3px;
border-color:#ff9900;
}

.zone
{
background-color:#ff9900;
font-size:13px;
color:ffffff;
}









#container
{
width:858px;
margin:0 auto;
text-align-left;
}

#header
{
position:relative
}

#wrapper
{
float:left;
width:100%
}



#catmenu
{
float:left;
width:159px;
margin-left:-858px
}

#extra
{
float:left;
width:159px;
margin-left:-159px
}



#footer
{
margin:0 auto;
padding:0px;
clear:both;
width:100%;
text-align: center;
padding: 10px 0px 0px 0px;
background: #efefef;
border-top:1px solid #cccccc;
}


.footer_text

{
margin:0 auto;
padding:0px 0px 1px 0px;
text-align: center;
line-height:0px;

}


.footer_text p

{
font-size:9pt;
text-align:center;
}	

#footerlinks ul
{
margin:0;
padding: 0;
display:inline;
}


#footerlinks li
{
margin:0;
padding: 0;
display:inline;
} 


#footerlinks a 
{
text-decoration: none; 
font-weight:normal;
font-family:Trebuchet MS, Verdana, Tahoma, Ariel, sans-serif; 
font-weight:bold;
color: #5C7478; 
font-size:10px;
padding:5px 0px 0px 0px;
margin:0;
}

#footerlinks span
{
font-weight:bold;
color: #FF6600; 
}

#footerlinks a span
{
color: #FF6600; 
}

#footerlinks a:hover span
{
text-decoration:none;
color: #5C7478;
}

#footerlinks a:hover 
{
text-decoration:none;
color: #FF6600;
}


#homegraph
{
width:510px;
height:350px;
margin:0px 0px 0px 0px;
padding:0px;
}

#boba
{
width:510px;
margin:0 auto;
padding-left:0px;
}