/* CSS Document */

/*-------------- Outer Frame-----------------------*/
DIV#outsidecontainer 
{
	padding:10px 0px 0px 0px;
	margin: 0px auto;
	width: 835px;
	background-color: #FFFFFF;
	border-bottom: #9C7E5F 2px solid;
	border-right: #9C7E5F 2px solid;
	border-left: #9C7E5F 2px solid;
}
DIV#outsidecontainercolour 
{
	padding:10px 10px 10px 10px; 
	float: left; 	 		
}
/*-------------- Top Bar-----------------------*/
DIV#topbar 
{
	float: left; 	
	width:815px;
	margin: 0px; 
	padding: 0px
}
DIV#topbar .topbar_logo 
{
	padding : 0px;
	float : left;
	margin: 0px;
}

DIV#topbar .topbar_logo2 
{
	padding: 4px 0px 10px 0px;
	float : left;
	margin: 0px;
	height: 35px;
	border-bottom: 5px solid #b40101; /*Brown color theme*/ 
}


DIV#topbar .text 
{
	padding : 0px 15px 0px 0px;	
	float: right; 	
}

/*-------------- Main Container----------------------*/

DIV#maincontainer 
{
	padding: 0px;
	float: left;  
	margin: 0px; 
	width: 815px;	
	background-color: #FFFFFF;	
	
}

DIV#maincontainer_inner 
{
	padding: 0px 0px 0px 0px;
	background: url(../images/template/main-bg-rounded-bottom.gif) no-repeat left top;
	float: left;
	margin: 0px;
	width: 815px;
}

/*-------------- Top Navigation and Form -----------------------*/
DIV#topnav 
{
	padding:0px;
			
}

/*URL: http://www.dynamicdrive.com/style/ */

DIV#topnav  #modernbricksmenu2
{
	padding: 0px;
	width: 100%;
	border-top: 5px solid #b40101; /*Brown color theme*/ 
	/*background: transparent;*/
	background: #f7f7f7 ;
}

DIV#topnav  #modernbricksmenu2 ul
{
	margin:0px;
	margin-left: 0px; /*margin between first menu item and left browser edge*/
	padding: 0px;
	list-style: none;
}

DIV#topnav #modernbricksmenu2 li
{
	display: inline;
	margin: 0px 2px 0px 0px;
	padding: 0px;
	text-transform:uppercase;
}

DIV#topnav  #modernbricksmenu2 a
{
    float: left;
    display: block;
    font: normal 11px Arial;
    color: white;
    text-decoration: none;
    margin: 0 1px 0 0; /*Margin between each menu item*/
    padding: 5px 10px;
    background-color:#d98128; /*Brown color theme*/ 
    border-top: 1px solid white;
}

DIV#topnav  #modernbricksmenu2 a:hover
{
    background-color: #995409; /*Brown color theme*/ 
    color: white;
}

DIV#topnav  #modernbricksmenu2 #current a
{ 
    /*currently selected tab*/
    background-color: #d98128; /*Brown color theme*/ 
    color: white;
    border-color: #d98128; /*Brown color theme*/ 
}

DIV#topnav #modernbricksmenu2 #myform
{
     /*CSS for sample search box. Remove if desired */
    text-align :center;
    margin: 3px 0px 0px 0px;
    padding:0px;
}




/*
DIV#topnav UL 
{
	padding: 0px 0px 0px 0px;
	margin: 0px;
	width: 100%;
	list-style-type:none;	
	background-color:#d98128;	
	color:#000000;
}

UL LI 
{

	clear: none; 		
	display: inline; 		
	float: left; 		
	margin: 0px; 
	padding: 5px 5px 0px 5px;
	text-decoration:none;
	color:#000000;
		
}
DIV#topnav UL LI A:link 
{
	display :block;
	padding: 5px 5px 0px 5px;
	text-decoration:none;
	color:#000000;
}

DIV#topnav UL LI A:visited 
{
	display :block;
	padding: 5px 5px 5px 5px;
	text-decoration:none;
	color:#000000;
}

DIV#topnav UL LI A:hover 
{
	display :block;
	padding: 5px 5px 5px 5px;
	color:#ffffff;
	text-decoration:none;
	
}
*/
/*-------------- Bread Crumbs-----------------------*/
DIV#breadcrumbs 
{
	float: left;
	/* margin: 0px 0px 27px 0px;*/
	margin: 0px 0px 0px 0px;
	padding : 7px 0px 7px 5px;
	background: url(../images/template/breadcrumbs-dottedline.gif) #f7f7f7 repeat-x left bottom;
	/*background: url(../images/template/top.gif) #f7f7f7 repeat-x left bottom;*/
	color: #9C7E5F;
	height:30px;
	width: 810px;
}

DIV#breadcrumbs UL
{
	margin:0;
	margin-left: 0px; /*margin between first menu item and left browser edge*/
	padding: 0;
	list-style: none;
}

DIV#breadcrumbs UL  li
{
	display: inline;
	margin: 0 2px 0 0;
	padding: 0;	
}
.Breadcrumbs
{
    text-decoration:none;	
    font-size:90%;
}

DIV#breadcrumbs  li a:link 
{
	text-decoration:none;	
}

DIV#breadcrumbs li a:hover 
{
	text-decoration:none;	
	
}

DIV#breadcrumbs li a:visited 
{
	text-decoration:none;	
}


/*-------------- Contents -----------------------*/
DIV#content_outer {
	float: left;
	margin: 17px 0px 10px 0px;
	width: 815px;
}

DIV#content_outer #content 
{
    text-align:left;
    padding-top:5px;
    padding-bottom:10px;
}

DIV#content_outer IMG
{
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}

/* Contents Left */
DIV#content_left 
{
	width: 193px;
	float: left;
	margin: 0px;
	padding : 0px 0px 0px 0px;
	background-color:#666;
}

DIV.leftmenu 
{
	float: left; 
	MARGIN-BOTTOM: 5px; 
	WIDTH: 193px;
}

DIV.leftmenu #header
{
	width:192; 
	background-color:#B40101; 
	color:#FFFFFF; 
	text-align:center; 
	height: 20px; 
	padding-top: 4px; 
	font-size:90%;
	font-weight:bold;
	
}


DIV.leftmenu H2 {
	float: left;
	margin: 0px;
	width: 193px;
	padding: 0px 0px 7px 8px;
	font-weight: bold;
	font-size: 90%;
}

UL.leftmenu 
{
	clear: both; 
	margin: 0px; 
	List-style-type: none; 
	padding:0px 0px 10px 0px;
	background-color:#FFEED5;
	border: #cccccc 1px solid; 	
}

UL.leftmenu LI 
{
	padding:0px 0px 5px 2px;
	FONT-SIZE: 85%;	
	background: url(../../images/blt.gif) no-repeat left 30%  ;	
}
	
UL.leftmenu LI A:link 
{
	display: block;
	color: #666666;
	padding: 5px 5px 5px 20px;
	text-decoration:none;	
}

UL.leftmenu LI A:visited 
{
	display: block;
	color: #666666;
	padding: 5px 5px 5px 20px;
	text-decoration:none;
}
UL.leftmenu LI A:hover 
{
	display: block;
	color: #666666;
	padding: 5px 5px 5px 20px;
	text-decoration:none;
	background-color:#ff9900;
}
UL.leftmenu LI A:focus 
{
	display: block;
	color: #666666;
	padding: 5px 5px 5px 20px;
	text-decoration:none;
}
UL.leftmenu LI#selected A:link 
{
	display: block;
	color: #FFFFFF;
	padding: 5px 5px 5px 20px;
	text-decoration:none;
	background-color:#995409;
}
UL.leftmenu LI#selected A:visited 
{
	display: block;
	color: #FFFFFF;
	padding: 5px 5px 5px 20px;
	text-decoration:none;
	background-color:#995409;
}
UL.leftmenu LI#topbar {
	TEXT-TRANSFORM: uppercase; 
	COLOR: #b40101; 
	BORDER-TOP-STYLE: none; 
	BORDER-RIGHT-STYLE: none; 
	BORDER-LEFT-STYLE: none; 
	BORDER-BOTTOM-STYLE: none
}

/* Contents Right*/

DIV#content_right 
{
	
	width: 762px; 
	float: right; 
	padding:0px 10px 10px 10px;
	border-bottom: #c1c1c1 1px solid;
	border-right: #c1c1c1 1px solid; 
	border-left: #c1c1c1 1px solid; 
}

DIV#category_content_right 
{
	float: right; 
	WIDTH: 562px; 
	padding : 0px 10px 10px 10px;
}

/*--------------Footer-----------------------*/
DIV#footer 
{
	float: left;
	margin: 0px 0px 10px 0px;
	width: 815px;
	padding: 0px 0px 0px 0px; 
	
}
DIV#footer  #footer_copyright
{
	font-size:9px;
	color:#b7b7b7;
	font-weight:bold;
	text-align: center;
	line-height: 20px;
}

DIV.footer_left {
	padding: 0px 0px 0px 0px; 
	FONT-WEIGHT: normal; 
	float: left; 	
	WIDTH: 100%; 
	color: #000000; 
}
DIV.footer_left P {
	padding: 0px 0px 0px 0px; 	
	margin: 0px; 
	color: #000000; 
	
}
DIV.footer_left UL 
{
	padding: 5px 0px 10px 10px; 	
	margin: 0px; 
	LIST-STYLE-TYPE: none
}
DIV.footer_left UL LI {
	padding: 0px 5px 0px 5px; 	
	display: inline; 	
	float: left; 	
	margin: 0px; 	
}
DIV.footer_left UL LI A:link 
{
	FONT-SIZE: 0.85em; 
	color: #000000; 
	TEXT-DECORATION: none
}
DIV.footer_left UL LI A:visited 
{
	FONT-SIZE: 0.85em; 
	color: #000000; 
	text-decoration: none;
}
DIV.footer_left UL LI A:hover 
{
	color: #E76F00;
	
}
DIV.footer_left UL LI A:focus 
{
	color: #E76F00; 
}

DIV.footer_left UL LI#selected A:link
{
	color: #E76F00;  
}

DIV.footer_left UL LI#selected A:visited
{
	color: #E76F00;  
}

DIV.footer_left UL LI#selected A:HOVER
{
	color: #E76F00; 
	text-decoration:underline;  
}


.topnav1 
{
	float: left; WIDTH: 140px; 	
}
.topnav2 {
	float: left; WIDTH: 143px
}
.topnav3 {
	float: left; WIDTH: 144px
}
.topnav4 {
	float: left; WIDTH: 143px
}
.topnav5 {
	float: left; WIDTH: 145px
}
.topnav6 {
	float: left; WIDTH: 145px
}
.topnav1_on {
	background-color: #b40101
}
.topnav2_on {
	background-color: #253b65
}
.topnav3_on {
	background-color: #4677d3
}
.topnav4_on {
	background-color: #d47011
}
.topnav5_on {
	background-color: #029680
}
.topnav6_on {
	background-color: #253b65
}

/*--------------------------------*/
.shadetabs{
/*border-bottom: 1px solid #a98e71;*/
/* width: 90%; width of menu. Uncomment to change to a specific width */
margin-bottom: 0em;
}

.shadetabs ul{
padding: 3px 0;
margin-left: 0;
margin-top: 0px;
margin-bottom: 0;
font: bold 12px Verdana;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
display: inline;
margin: 0;
border-bottom:1px solid #f5f2e5;/*border lined with page*/
}

.shadetabs li a{
text-decoration: none;
padding: 3px 7px;
margin-right: 1px;
border: 1px solid #a98e71;
color: #a98e71;
/*background: #f5f2e5 url(media/shade.gif) top left repeat-x;*/
}

.shadetabs li a:visited{
color: #a98e71;
}

.shadetabs li a:hover{
text-decoration: underline;
color: #a98e71;
}

.shadetabs li.selected
{
	position: relative;
	top: 0px;
	left:0px;
	text-decoration:none;
	color:#a98e71; 
}

.shadetabs li.selected a{ /*selected main tab style */
background-image: url(media/shadeactive.gif);

border-bottom-color:#f5f2e5;/*border lined with page*/

}


/*--------------------------- Forms ------------------------------ */

#category_content_right form 
{
	padding: 0px 0px 0px 0px;
	margin: 0px; 
		
}

#category_content_right  form fieldset 
{
	padding: 8px;
	margin: 0;
	border: solid #d98128 1px;
}

#category_content_right  form fieldset legend 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size:1.1em; 
	color: #995409;
}

#category_content_right  label {
	display: block;
	float: left;
	width: 30%;

}

#category_content_right  input, select  
{
	border: solid  #9B9B9B 1px;
	width:auto;
}

#category_content_right  checkbox, textarea
{
	border: solid  #9B9B9B 1px;
	
}

#category_content_right  input:focus,  checkbox:focus, textarea:focus {
	color: #D98128;
	background-color:#ffffff;	
}

#category_content_right  select:focus
{
	color: #D98128;
	background-color: #ffffff;	
}

#category_content_right  .button {
	margin-top: 3px;
	padding: 2px;
	background-color: #D98128;
	border: #995409  1px solid;	
	color: #FFFFFF;
	display:block;
}

#category_content_right  form  div 
{
	padding: 2px 0px 2px 0px;
	
	
}