/*
Style Sheet for Rijo Design
Copyright (c) 2009-10, Mike Evans. All rights reserved.
Last modified on 15th September 2010
*/

body {
		 background-color: #ffffff;
		 color: #969696;
		 font-family: Arial, Helvetica, sans-serif;
		 font-size: 11px;
		 font-weight: normal;
		 text-decoration: none;
		 }

a {
	color: #969696;
	text-decoration: none;
	}
a:hover {
	color: #cb2323;
	text-decoration: none;
	}
a.bold {
	color: #585858;
	text-decoration: none;
	font-weight: bold;
	}
a.bold:hover {
	color: #cb2323;
	text-decoration: none;
	font-weight: bold;
	}
a.red {
	color: #b31d1d;
	text-decoration: underline;
	font-weight: bold;
	}
a.red:hover {
	color: #585858;
	text-decoration: none;
	font-weight: bold;
	}

input { padding: 2px; }

p {	margin: 2px 0px 2px 0px; }
p.center { text-align: center; }
p.right { text-align: right; }
p.user {
			 float: right;
			 font-size: 10px;
			 }

span.bold { font-weight: bold; }
span.heading {
						 font-weight: bold;
						 color: #585858;
						 }
span.normal { font-weight: normal; }
span.small { font-size: 11px; }

td {
	 padding: 2px;
	 vertical-align: top;
	 }

#container {
					 	margin: auto;
						margin-top: 6px;
						width: 985px;
						border: none;
						background-color: #ffffff;
						position: relative;
						}

#copytext {
					margin: auto;
					padding: 5px;
					}
#copytext p {
					font-size: 10px;
					color: #969696;
					text-align: center;
					}

#header {
				width: 985px;
				height: 78px;
				position: relative;
				}
#header img {
				width: 985px;
				height: 78px;
				}

#leftmenu {
				 	width: 195px;
					min-height: 150px;
					background-color: transparent;
				 	background-image: url(/bin/images/leftmenutop.jpg);
				 	background-position: top left;
				 	background-repeat: no-repeat;
				 	text-align: left;
					position: absolute;
					top: 0px;
					left: 0px;
				 	}
#leftmenu ul.menu {
					position: relative;
					top: 15px;
					left: 18px;
					list-style-type: none;
					}
#leftmenu ul.menu li {
					height: 16px;
					}
#leftmenu ul.menu li.heading {
					height: 22px;
					font-weight: bold;
					font-size: 13px;
					text-decoration: underline;
					color: #585858;
					}
#leftmenu ul.menu li.iconlink {
					margin-top: 6px;
					}
#leftmenu ul.menu li.subheading {
					height: 18px;
					font-size: 12px;
					text-decoration: underline;
					color: #646464;
					margin-top: 4px;
					}

#pagebody {
					width: 985px;
					min-height: 650px;
					background-image: url(/bin/images/leftmenubtm.jpg);
					background-position: bottom left;
					background-repeat: no-repeat;
					position: relative;
					}

#pagecontent {
						 width: 780px;
						 position: relative;
						 top: 0px;
						 left: 200px;
						 padding-top: 4px;
						 }
#pagecontent.iframe {
						 width: 780px;
						 top: 0px;
						 left: 0px;
						 padding-top: 4px;
						 }
#pagecontent div.info {
						 width: 280px;
						 float: left;
						 margin: 0px 20px 5px 0px;
						 }
#pagecontent div.spacer {
						 clear: both;
						 width: 780px;
						 padding: 5px 0px 5px 0px;
						 }
#pagecontent div.spacer img {
						 width: 780px;
						 height: 1px;
						 padding: 0px;
						 }
#pagecontent div.specs {
						 width: 120px;
						 float: right;
						 text-align: center;
						 }
#pagecontent h1 {
						 font-size: 14px;
						 font-weight: bold;
						 text-decoration: underline;
						 color: #585858;
						 margin: 0px 0px 6px 0px;
						 }
#pagecontent h1.homepage {
						 font-size: 14px;
						 font-weight: bold;
						 text-decoration: underline;
						 color: #585858;
						 }
#pagecontent h2 {
						 font-size: 12px;
						 font-weight: bold;
						 color: #585858;
						 }
#pagecontent img.content {
						 margin-bottom: 5px;
						 }
#pagecontent img.right {
						 float: right;
						 margin-bottom: 5px;
						 }
#pagecontent img.liquid {
						 float: right;
						 margin: 0px 0px 0px 275px;
						 }
#pagecontent ul.detail {
						 margin: 2px 0px 2px 10px;
						 list-style-position: inside;
						 list-style-type: square;
						 }
#pagecontent ul.menu {
				 		 position: relative;
				 		 }
#pagecontent ul.menu li {
				 		 float: left;
				 		 background-color: transparent;
				 		 }
#pagecontent ul.menu li.fitout {
				 		 padding: 10px 25px 15px 20px;
						 }
#pagecontent ul.menu li.furniture {
						 height: 220px;
						 width: 122px;
				 		 padding: 10px 16px 0px 16px;
						 }
#pagecontent ul.menu li.liqui {
						 height: 170px;
						 width: 122px;
				 		 padding: 10px 16px 0px 16px;
						 }
#pagecontent ul.menu li.products {
						 height: 150px;
				 		 padding: 10px 10px 0px 10px;
						 }
#pagecontent ul.menu li.solutions {
						 height: 180px;
				 		 padding: 10px 6px 0px 6px;
						 }
#pagecontent ul.menu li a:hover {
						 color: #585858;
						 }

#paymentgateway {
								width: 780px;
								height: 500px;
								border: 0px;
								}

#topmenu {
				 width: 985px;
			 	 height: 40px;
				 background-image: url(/bin/images/topmenubg.jpg);
				 background-position: top left;
				 background-repeat: no-repeat;
				 text-align: left;
				 position: relative;
				 }
#topmenu ul.menu {
				 position: relative;
				 top: 12px;
				 left: 20px;
				 }
#topmenu ul.menu li {
				 float: left;
				 background-color: transparent;
				 padding: 0px 4px 0px 4px;
				 font-weight: bold;
				 }
#topmenu #cartmenu {
				 float: right;
				 width: 218px;
				 }

/* SagePay Styles */

.subheader 
{
						 font-size: 14px;
						 font-weight: bold;
						 text-decoration: underline;
						 color: #585858;
						 margin: 0px 0px 6px 0px;
}

.errorheader
{
    background-image: url(/bin/images/redGrad.jpg);
    background-repeat: repeat-x;
    background-position: top left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-align: center;
    margin-top: 20px;
    padding: 12px;
    border: #daa7a6 1px solid;
}
.infoheader 
{
    background-image: url(/bin/images/greenGrad.jpg);
    background-repeat: repeat-x;
    background-position: top left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-align: center;
    margin-top: 20px;
    padding: 12px;
    border: #b1d0b1 1px solid;
}

.smalltext 
{
	font-family: Arial, Helvetica;
	font-size: 10px;
	color:  #666666;
}
.code 
{
	font-family: courier, Arial, Helvetica;
	font-size: 11px;
	color:  #666666;
}

.greybar 
{
	background-color:#eeeeee;
	background-position:center;
	width: 865px;
}
	
.greyBoxTop
{
    background: transparent url(/bin/images/greyBorderTop.gif);
    background-repeat: no-repeat;
    background-position: top left;
    padding-top: 5px;
    padding-bottom: 6px;
}
.greyBoxBottom
{
    background: transparent url(/bin/images/greyBorderBottom.gif);
    background-repeat: no-repeat;
    background-position: bottom left;
}
.greyBoxSides
{
    background: transparent url(/bin/images/greyBorderSides.gif);
    background-repeat: repeat-y;
    background-position: top left;
    width: 210px;
}

.resourcecontent
{
    width: 200px;
    font-family: Arial, Helvetica, sans-serif;
    color: #675C53;
    text-align: center;
}
.resourcecontent td
{
    padding: 15px;
    font-size: 11px;
}

.warning 
{
	list-style-image:url(/bin/images/form_bullet.gif);
	font-size: 12px;
	color: #CC0000;
}

.formTable
{
    width: 100%;
    border: 0px none;
	border-collapse: collapse;
}

.formTable td
{
	border: 0px none;
    padding: 3px 10px 6px 3px;
	vertical-align: top;
}

.formFooter
{
    margin: 12px 0px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}
.fieldLabel 
{
	font-family: Arial, Helvetica, sans-serif;
	color:#575C53;
	font-size:14px;
	font-weight:normal;
	text-align: right;
	width: 33%;
}	

.fieldData 
{
	width: 70%;
}

.inputBoxDisable
{
    background-color: #DDDDDD;
    border: 1px solid #999999;
}
.inputBoxEnable
{
    background-color: #FFFFFF;
    border: 1px solid #999999;
}

.greyHzShadeBar
{
    height: 20px;
    background-image: url(/bin/images/greyGrad.png);
    background-repeat: repeat-x;
    background-position: bottom left;
}