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


td p {
font-family:"Tahoma"; 
font-size: 12px;
color:#b697ad; 
}

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

.tblbody {
font-family:"Tahoma"; 
font-size: 100%; 
background-color: #FFFFFF; 
color:##b697ad;
font-weight:bold; 
text-align:left;  
}


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


.bold {
	font-size: 13px;
	COLOR: #b697ad; 
	font-family:"Tahoma"; 
	font-weight:bold;
}

.boldb	{
font-size:13px;
color:#b697ad;
font-family:"Tahoma";
font-weight:700;
}

.boldp18px	{
font-size:18px;
color:#b697ad;
font-family:"Tahoma";
font-weight:bold;
}

.bold16px {
	font-size: 16px;
	COLOR: #7C5C73; 
	font-family:"Tahoma"; 
	font-weight:bold;
}

.bold12px {
	font-size: 12px;
	COLOR: #7C5C73; 
	font-family:"Tahoma"; 
	font-weight:bold;
}

.boldw16px {
	font-size: 16px;
	COLOR: #7C5C73; 
	font-family:"Tahoma"; 
	font-weight:bold;
	color:#FFFFFF;
	line-height:24px;
}

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

.bold16gpx {
	font-size: 16px;
	COLOR: #7C5C73; 
	font-family:"Tahoma"; 
	font-weight:bold;
}

.bold16gpx {
	font-size: 16px;
	COLOR: #7C5C73; 
	font-family:"Tahoma"; 
	font-weight:bold;
}

.med14gpx {
	font-size: 14px;
	COLOR: #7C5C73; 
	font-family:"Tahoma"; 
	font-weight:normal;
}

.std12gpx {
	font-size: 12px;
	COLOR: #7C5C73; 
	font-family:"Tahoma"; 
	font-weight:normal;
}


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


.img	{
border:1px solid #1F2472;
}


.footer {
	font-size: 11px; 
	COLOR: #0074F4; 
	font-family:"Tahoma" ; 
	font-weight:normal; 
	line-height:16px; 
	padding-top:3px;
	padding-left:3px;
	padding-right:3px;
	padding-bottom:3px; 
	text-align:center; 
	
}

.quotesml	{
font-size:10px;
color:#ACC8CB;
}

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

.select {  
font-family:  "Tahoma"; 
font-size: 12px; 
background-color: #FFFFFF; 
text-align: left; 
border: 1px solid #b697ad; 
height: 22px; 
width: 180px;
color: #b697ad;
margin:2px;
padding:2px;  
}

.selectvar {  
font-family:  "Tahoma"; 
font-size: 10px; 
background-color: #FFFFFF; 
text-align: left; 
border: 1px solid #b697ad; 
height: 18px; 
width: 100px;
color: #b697ad;
margin:5px 0px;
padding:2px;  
}

.capitalise	{
text-transform:capitalize;
}

.var	{
text-transform:capitalize;
font-size:10px;
font-weight:normal;
}


.txtboxbtn	{
width:60px;
margin:2px;
padding:2px;
color: #7C5C73;
border: 1px #D231A2 solid; 
height:18px;
font-family:  "Tahoma"; 
font-size: 12px; 
}

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

.fontpurplestd	{
color:#7C5C73;
}


a:link {
	font-family:"Tahoma";
	font-size: 12px;
	font-style: normal;
	text-decoration: underline;
	color:#7C5C73;
}
a:visited {
	font-family:"Tahoma";
	font-size: 12px;
	font-style: underline;
	text-decoration: none;
	color:#7C5C73;
}
a:hover {
	font-family:"Tahoma";
	font-size: 12px;
	font-style: normal;
	text-decoration: none;
	color:#7C5C73;
}
a:active {
	font-family:"Tahoma";
	font-size: 12px;
	font-style: normal;
	text-decoration: underline;
	color:#7C5C73;
}

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

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

#centre	{
margin-top:20px 0px; 
text-align:center; 
padding:0px;
}

#taddress	{
text-align:center; 
padding:0px; 
margin:0px auto; 
width:900px;
font-family:"Tahoma";
font-size:11px;
}


#sidetext	{
background-color:#7C5C73; 
width:150px; 
padding:4px; 
margin:0px 10px; 
text-align:center; 
float:left;
margin-bottom:10px;
}

#toptext	{
width:500px; float:left; height:auto; text-align:center; font-weight:bold;
}


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

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

#borderproduct	{
border: 1px dotted #7C5C73; padding: 4px; height:288px; width:160px;
}

#subcat	{
border: 1px dotted #7C5C73; padding: 4px; height:190px; width:160px;
}

.producttext	{
font-size:11px;
}

.producttextstock	{
font-size:11px;
color:#FF0000;
}

.price	{
padding-top:5px; 
color:#FFFFFF;
font-size:11px;
text-align:center;
}

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

#ticker	{
border:1px dotted #7C5C73;
height:190px;
width:180px;
clear:right;
}

#ticketproduct	{
background-image:url(../images/ticket.gif); 
width:50px; 
height:27px;
float:right;
}

#ticket	{
background-image:url(../images/ticket.gif); 
width:50px; 
height:27px;
text-align:center;
padding:0px;
margin:0px auto;
}


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

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

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

#containermiddle	{
width:700px;
float:left;
}

#innermiddle	{
margin:2px;
padding:2px;
}

#containerright	{
width:195px;
height:auto;
min-height:300px;
background-color:#FFFFFF;
float:right;
}

#innerright	{
margin:2px;
padding:2px;
}

#add	{
float:right; 
margin-right:10px; 
height:auto;
width:150px;
text-align:right;
margin-bottom:10px;
}

.total	{
font-size:9px;
}

#productinfo	{
float:left; 
width:320px; 
height:auto;
margin-bottom:10px;
}

#footer			{ 
width: 920px; 
height: 104px; 
background-position: center;
background-image:url(../images/footer.jpg);
background-repeat:no-repeat;
clear:both;
}

#footerright	{
float:right;
color:#FFFFFF;
margin-right:1px;
margin-top:85px;
text-transform:capitalize;
color: #7C5C73; 
}

#footerright a		{ 
color: #7C5C73; 
font-weight: normal; 
text-decoration: underline;
font-size:12px;
 }

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

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

#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: 1px 20px;
height:150px;
margin:10px 0px;
background:#7C5C73;
float:right;
text-align:center;
}

#basket	{
background-color:#7C5C73; 
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;
}

/* -------------------- Carousel gallery ---------------- */

.stepcarousel{
position: relative; /*leave this value alone*/
border: 10px solid #7C5C73;
overflow: scroll; /*leave this value alone*/
width: 470px; /*Width of Carousel Viewer itself*/
height: 400px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0px;
top: 0px;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 10px; /*margin around each panel*/
width: 450px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}




/* --------------------- 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: 920px; 
height:auto;
min-height:500px; 
margin: 10px auto;
/*margin: 10px auto;*/ 
text-align: justify; 
border: 1px solid #7C5C73; 
background-color: #FFFFFF; 
margin-bottom: 0px; 
}

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

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

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

#modernbricksmenu ul{
font: normal 11px "Tahoma";
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: #7C5C73; /*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: #b697ad; /*pink color theme*/ 
border-color: #FFFFFF; /*Black color theme*/ 
}

#modernbricksmenuline{
clear: both;
padding: 0;
width: 100%;
height: 5px;
line-height: 5px;
background: #b697ad; /*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 "Tahoma" ;
}

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

#clearright	{
clear:right;
}

#clear	{
clear:both;
}

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

#blueblock{
width: 190px;
border-right: 1px solid #b697ad;
padding: 0 0 1em 0;
margin-bottom: 10px;
font-family: "tahoma", Verdana, Arial ;
font-size: 90%;
text-transform: uppercase;
background-color: #b697ad;
color: #FFFFFF;
float:right;
}

* html #blueblock{ /*IE 6 only */
w\idth: 192px; /*Box model bug: 180px minus all left and right paddings for #blueblock */
}

#blueblock ul{
list-style: none;
margin: 0;
padding: 0;
border: none;
}

#blueblock li {
border-bottom: 1px solid #7C5C73;
margin: 0;
}

#blueblock li a{
display: block;
padding: 5px 5px 5px 8px;
border-left: 10px solid #7C5C73;
border-right: 10px solid #7C5C73;
border-bottom:1px solid #7C5C73;
background-color: #b697ad;
color: #FFFFFF;
text-decoration: none;
width: 100%;
text-align:left;
}

html>body #blueblock li a{ /*Non IE6 width*/
width: auto;
}

#blueblock li a:hover{
border-left: 10px solid #b697ad;
border-right: 10px solid #b697ad;
border-bottom:1px solid #b697ad;
background-color: #7C5C73;
color: #FFFFFF;
text-decoration: underline;
}