body 				{ 
font-family:"trebuchet ms"; 
font-size: 12px; 
margin: 5px 0px 20px 5px; 
color: #7F7277; 
line-height: 130%; 
text-align:center;  
}


td p {
font-family:"trebuchet ms"; 
font-size: 12px;
color:#7F7277; 
}

.capitalise	{
text-transform:capitalize;
}

.outofstock	{
font-weight:normal;
font-size:11px;
color:#000000;
}

.txtmain	{
color:#4B2331;
font-size:13px;
}

.tblbody {
font-family:"trebuchet ms"; 
font-size: 100%; 
background-color: #7F7277; 
color:#FFF;
text-align:left;  
}


.button { 
font-family:"trebuchet ms"; 
font-size: 12px; 
color: #000066; 
background-color: #FFFFFF; 
text-align: center; 
border: 1px solid; 
border-color: #FFFFFF Black Black #FFFFFF; 
height: 22px;
}


.bold {
	font-size: 13px;
	COLOR: #7F7277; 
	font-family:"trebuchet ms"; 
	font-weight:bold;
}

.boldb	{
font-size:13px;
color:#7F7277;
font-family:"trebuchet ms";
font-weight:700;
}

.boldp18px	{
font-size:18px;
color:#7F7277;
font-family:"trebuchet ms";
font-weight:bold;
}

.bold16px {
	font-size: 16px;
	COLOR: #4B2331; 
	font-family:"trebuchet ms"; 
	font-weight:bold;
}

.boldw16px {
	font-size: 16px;
	COLOR: #4B2331; 
	font-family:"trebuchet ms"; 
	font-weight:bold;
	color:#FFFFFF;
	line-height:24px;
}

.boldw11px {
	font-size: 11px;
	COLOR: #FFFFFF; 
	font-family:"trebuchet ms"; 
	font-weight:bold;
}

.bold16gpx {
	font-size: 16px;
	COLOR: #4B2331; 
	font-family:"trebuchet ms"; 
	font-weight:bold;
}

.bold16gpx {
	font-size: 16px;
	COLOR: #4B2331; 
	font-family:"trebuchet ms"; 
	font-weight:bold;
}

.med14gpx {
	font-size: 14px;
	COLOR: #4B2331; 
	font-family:"trebuchet ms"; 
	font-weight:normal;
}

.std12gpx {
	font-size: 12px;
	COLOR: #4B2331; 
	font-family:"trebuchet ms"; 
	font-weight:normal;
}


.headertitle {
	font-size: 13px;
	COLOR: #020FCF; 
	LINE-HEIGHT: 14pt; 
	font-family:"trebuchet ms"; 
	font-weight:bold;
	text-transform:capitalize; 
}


.img	{
border:1px solid #4B2331;
margin:5px
}

#subcat	{
margin:5px 0px;
border-bottom:1px dotted #fff;
}

#footer			{ 
width: 900px; 
height: 50px;
background-image:url(../images/footer.jpg);
clear:both;
}

#footerright	{
float:right;
color:#FFFFFF;
margin-right:5px;
margin-top:25px;
text-transform:capitalize;
color: #4B2331; 
padding-bottom:6px;
}

#footerright a		{ 
color: #4B2331; 
font-weight: normal; 
text-decoration: underline;
font-size:18px;
 }

#footerright a:hover	{ 
text-decoration: none;
color:#FFFFFF;
}

.loginbox {
background:none;
border:none;
width:149px;
height:20px;
margin:0;
padding: 2px 7px 0px 3px;
font-size:14px;
color:#FFFFFF;
}

.textbox {  
font-family:  "trebuchet ms"; 
font-size: 12px; 
background-color: #FFFFFF; 
text-align: left; 
border: 1px #4B2331 solid; 
height: 18px; 
width: 180px;
color: #4B2331;
margin:2px;
padding:2px;  
}

.txtboxbtn	{
width:60px;
margin:2px;
padding:2px;
color: #4B2331;
border: 1px #4B2331 solid; 
height:20px;
font-family:  "trebuchet ms"; 
font-size: 12px; 
}

.textboxmulti { 
font-family:  "trebuchet ms"; 
font-size: 12px; 
color: #4B2331; 
background-color: #FFFFFF; 
text-align: left; 
border: 1px #4B2331 solid; 
width: 180px; 
height: 150px;
margin:2px;
padding:2px;  
 }

a:link {
	font-family:"trebuchet ms";
	font-size: 12px;
	font-style: normal;
	text-decoration: underline;
	color:#4B2331;
}
a:visited {
	font-family:"trebuchet ms";
	font-size: 12px;
	font-style: underline;
	text-decoration: none;
	color:#4B2331;
}
a:hover {
	font-family:"trebuchet ms";
	font-size: 12px;
	font-style: normal;
	text-decoration: none;
	color:#4B2331;
}
a:active {
	font-family:"trebuchet ms";
	font-size: 12px;
	font-style: normal;
	text-decoration: underline;
	color:#4B2331;
}

input				{ font-family:"trebuchet ms"; size: 100%; }
textarea			{ font-family:"trebuchet ms"; size: 100%; }
select				{ font-family:"trebuchet ms"; size: 100%; }

#split	{ 
border: 1px solid #020FCF;
clear:both;
}


#sidetext	{
background-color:#4B2331; width:150px; height:300px; padding:4px; margin:0px 10px; text-align:center; float:left;
}

#toptext	{
width:500px; 
height:auto; 
margin:4px 10px; 
float:left; 
font-size:18px;
text-align:left;
padding-top:7px
}

#toptext	a:link	{
font-size:18px;
}

#toptext	a:visited	{
font-size:18px;
}

#toptext	a:active	{
font-size:18px;
}

#toptext	a:hover	{
font-size:18px;
text-decoration:underline;
}

#imgheight	{
/*height:120px;*/
margin-bottom:5px;
/*overflow:hidden;*/
}

#header	{
float:left; 
width:500px; 
margin-top:30px; 
height:40px;
line-height:30px;
 }

#srch	{
float:right; 
width:350px; 
margin-right:5px; 
height:auto; 
margin:4px auto; 
font-size:18px;
}

#prodname	{
float:left; 
margin-left:10px; 
margin-top:30px; 
width:280px;
}

#srchshop	{
padding-top:7px;
}


#productsmain	{
width:500px; float:left; height:auto;
}

#contactmast	{
margin-left:90px; 
margin-top:5px;
}

#borderproduct	{
border: 1px dotted #4B2331; padding: 4px; margin: 5px 10px; height:auto; width:128px;
}

.producttext	{
font-size:11px;
color:#FFFFFF;
}


/*------------------------ Primary ---------------------- */

#line	{
border-top:1px dotted #4B2331;
width:470px; 
margin-top:10px;
margin-bottom:10px;
}

#linelrg	{
border-top:1px dotted #FFFFFF;
width:640px; 
margin-top:10px;
margin-bottom:10px;
clear:right;
}

#masthead			{ 
width: 900px; 
height: 132px; 
background-position: center;
background-image:url(../images/masthead.jpg);
background-repeat:no-repeat;
}

#signature	{
width:900px;
height: auto;
margin:0px auto;
padding:0px auto;
text-align:center;
color:#4B2331;
} 


.sig {
float:right; 
text-transform:none; 
font-size:11px;  
text-align:right;
color:#4B2331;
}

.sig a:link	{
font-size:11px;
}

.sig a:visited	{
font-size:11px;
}

.sig a:active	{
font-size:11px;
}

.sig a:hover	{
font-size:11px;
text-decoration:underline;
}

#containermiddle	{
width:900px;
height:auto;
float:left;
}

#catsmain	{
margin:10px 0px;
font-size:14px;
font-weight:bold;
margin-left:10px;
}

.cats	{
margin:10px 0px;
font-size:14px;
text-align:left;
}

.cats a:link	{
color:#FFFFFF;
font-size:14px;
text-decoration:none;
}

.cats a:visited	{
color:#FFFFFF;
font-size:14px;
text-decoration:none;
}

.cats a:active	{
color:#FFFFFF;
font-size:14px;
text-decoration:none;
}

.cats a:hover	{
color:#FFFFFF;
font-size:14px;
text-decoration:none;
}

.white	{
color:#FFFFFF;
}

#clearight	{
clear:right;
}


/* -------------------- main containers for the page ------------------------- */

h1,h2,p{margin: 0;padding: 0 10px}
p{padding: 0 10px 1em}
h1,h2{letter-spacing: -1px;font-weight:100;color: #FFF}
h1{font-size: 200%}
h2{font-size: 140%;line-height:1.05}

div#content{
float:right;
width:460px;
padding:10px;
background: #7F7277;
margin:0px 10px;
margin-right:15px;
margin-bottom:10px;
}

div#contentlrg{
float:right;
width:660px;
padding:10px;
background: #7F7277;
margin:0px 10px;
margin-right:15px;
margin-bottom:10px;
}

div#nav{
float:left;
width:175px;
padding:10px 0;
background:#4B2331;
margin-left:20px;
margin-bottom:10px;
}
 
div#right{
float:right;
width:170px;
padding:10px 0;
background:#4B2331; 
margin-right:25px; 
margin-bottom:10px;
}

#van	{
background-image:url(../images/van.png);
width:143px;
height:116px;
text-align:center;
padding:0px 5px;
margin:10px auto;
background-repeat:no-repeat;
}

#textrt	{
text-align:justify;
padding:0px 5px;
margin:10px auto;
}

.textrtint	{
font-size:11px;
color:#FFFFFF;
}

.textrtint a:link	{
color:#FFFFFF;
}

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

#txttop	{
padding-top:180px; 
text-align:center; 
color:#FFFFFF; 
font-size:12px; 
font-weight:normal;
float:left;
margin-left:20px;
}

#txttop a		{ 
color: #FFFFFF; 
font-weight: normal; 
text-decoration: underline;
font-size:12px; 
 }
 
#txttop a:hover	{ 
text-decoration: none;
font-size:12px; 
}

#txttopr	{
padding-top:5px;
padding-right:145px; 
float:right;
color:#FFFFFF; 
font-size:13px; 
font-weight:bold;
}

#txttopr a		{ 
color: #FFFFFF; 
font-weight: normal; 
text-decoration: none;
 }
 
#txttopr a:hover	{ 
text-decoration: underline;
}

#hpanel	{
height:10px;
clear:right;
}

#title	{
margin-left:7px;
margin-bottom:2px;
}

div#box{
width: 150px;
padding: 2px;
height:10px;
margin:2px 0px;
background:#7F7277;
color:#FFF; 
float:left;
text-align:center;
margin-right:10px;
}

div#cart{
width: 100%;
padding: 2px;
height:55px;
margin:2px 0px;
background:#FFF;
color:#4B2331; 
}

#basket	{
background-color:#4B2331; 
width:180px; 
height:80px;  
margin:10px auto; 
text-align:center;
clear:right;
float:left;
margin-left:2px;
}

#box a:link	{
color:#FFFFFF;
}

#box a:visited	{
color:#FFFFFF;
}

#box a:active	{
color:#FFFFFF;
}

#box a:hover	{
color:#FFFFFF;
text-decoration:underline;
}



/* --------------------- Sections --------------------- */


#nstxttopr	{
margin-top:15px;
margin-right:20px;
margin-bottom:10px;
float:right;
text-align:left;
font-size:15px;
color:#ACC8CB;
font-weight:bold;
width:286px;
}

#nstxttopr a		{ 
color: #000000; 
font-weight: normal; 
text-decoration: underline;
font-size:12px;
 }
 
#nstxttopr a:hover	{ 
text-decoration: none;
}


#wrapper 			{ 
width: 900px; 
height:auto;
min-height:500px; 
margin: 10px auto;
/*margin: 10px auto;*/ 
text-align: justify; 
border: 1px solid #4B2331; 
background-color: #FFFFFF; 
margin-bottom: 0px; 
}

#date	{
float:right; 
margin-right:180px; 
font-weight:bold; 
color:#7F7277; 
padding-bottom:1px; 
padding-top:4px;
}

/* ------ Menu ------- */

#modernbricksmenu{
padding: 0;
width: 100%;
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

#modernbricksmenu ul{
font: normal 11px "trebuchet ms";
margin:0;
margin-left: 0px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

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

#modernbricksmenu a{
float: left;
display: block;
color: white;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 3px;
text-decoration: none;
letter-spacing: 1px;
background-color: #4B2331; /*Default menu color*/
border-bottom: 1px solid white;
width:100px;
text-align:center;
}

#modernbricksmenu a:hover{
background-color: gray; /*Menu hover bgcolor*/
}

#modernbricksmenu #current a{ /*currently selected tab*/
background-color: #7F7277; /*pink color theme*/ 
border-color: #FFFFFF; /*Black color theme*/ 
}

#modernbricksmenuline{
clear: both;
padding: 0;
width: 100%;
height: 5px;
line-height: 5px;
background: #7F7277; /*blue color theme*/ 
}

#frm_srch{ /*CSS for sample search box. Remove if desired */
float: right;
margin: 0;
padding: 0;
margin-right:1px;
}

#frm_srch .textinput{
width: 150px;
border: 1px solid gray;
font: bold 11px "trebuchet ms" ;
}

#frm_srch .submit{
font: bold 11px "trebuchet ms" ;
height: 22px;
background-color: #FFFFFF;
padding-right:2px;
}

#clear	{
clear:both;
}

/* ------------ Horizontal Menu ------------- */

ul.postnav,ul.postnav li{
margin:0;
padding:8px;
list-style-type:none;
text-align:center;
}

ul.postnav li{
float:left;
width: 9em;
font-size:14px;
margin-right: 2px
}

ul.postnav a{
display:block;
width:9em;
padding:5px 0;
font: bold 100% "trebuchet ms"; 
text-transform:uppercase;
background: #4B2331;
color: #FFF;
text-decoration:none;text-align:center
}

ul.postnav a:hover{
background: #7F7277;
color:#4B2331;
}

ul.postnav li.selected a{
background: #7F7277;
color:#4B2331;
}