body {
    margin: 0;
    padding: 0;
    background-color: #fff;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size : 90%;
    color: navy;
    width : 100%;
    font-weight : normal;
}
img {
    border : 0px;
}
form {
    margin: 0px;
}
checkbox, input, radio, select {
    font-family : Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight : normal;
}

table.categorytable {
    border : 1px solid #006;
    background-color : #fff;
    color : #000;
    margin : 0px;
    padding : 0px;
    width : 140px;
    font-weight : normal;
}
table.categorytable a { color : navy; text-decoration: none; }
table.categorytable a:visited { color : navy; text-decoration: none; }
table.categorytable a:hover { color : navy; text-decoration: underline; }
table.categorytable td.title {
   border-bottom : 1px solid #006;
   background-color : #F3E7F9;
   color : navy;
   vertical-align: center;
   text-align: center;
   padding : 1px 0px 1px 0px;
}

table.categorytable td.image {
   vertical-align: center;
   text-align: center;
   background-color : #fff;
   padding : 2px 0px 2px 0px;
}
table.categorytable td.text {
   border-top : 1px solid #006;
   background-color : #fff;
   color : navy;
   vertical-align: center;
   text-align: center;
   padding : 1px 0px 1px 0px;
}

table.box {
    border : 0px;
    margin : 0px;
    padding : 0px;
    width : 100%;
    font-weight : normal;
}
table.box td {
   vertical-align: center;
   text-align: left;
}
table.box td.selector {
   vertical-align: center;
   width : 20px
}
table.box td.title {
    background-color : #F3E7F9;
    color : navy;
    padding : 1px 0px 1px 5px;
    white-space: no-wrap;
    font-weight : bold;
}
table.box td.right {
    vertical-align: top;
    text-align: right;
}
table.box td.center {
    vertical-align: top;
    text-align: center;
}
table.box td.left {
    vertical-align: top;
    text-align: left;
}
table.box td.simage {
    width: 105px;
}
table.box td.bimage {
    width: 305px;
}

table.grid{
border-bottom: 1px solid threedlightshadow; border-right: 1px solid threedlightshadow; border-top: 1px solid threeddarkshadow; border-left: 1px solid threeddarkshadow; width: 100%; background-color: Window;
}
table.grid td.caption{
font-family: tahoma, verdana; font-size:8pt; background-color:buttonface; border-top:1px solid buttonhighlight; border-left:1px solid buttonhighlight; border-right:1px solid buttonshadow; border-bottom:1px solid buttonshadow; padding : 3px; height : 25px; white-space: nowrap; cursor:default;
}
table.grid td.column{
height: 22; font-family: tahoma, verdana; font-size:8pt; background-color : White; padding : 2px 2px 2px 5px; text-align : left; border-right : 1px solid silver; border-bottom : 1px solid silver;
}

p.head   {
	letter-spacing:1px;
	font-weight: bold;
	border-width:3px;
	border-bottom-style:double;
	filter:alpha(opacity=100, finishopacity=5, style=1)
        }

div {
    font-family : Arial, Helvetica, sans-serif;
/*    font-size : 90%; */
    padding: 0px;
}

div.page {
    position : absolute;
    width : 760px;
    margin-left : -380px;
    left : 50%;
}
div.pageheadertop {
    background-color: #fff;
    color: #006;
    border-bottom: 0px solid #006;
    margin: 0px;
    width : 100%;
    display: table;
}
div.pageheadertopcontainer { padding: 4px 0px 2px 5px; }

div.pageheader {
    background-color: #fff;
    color: #006;
    border-bottom: 0px solid #006;
    margin: 0px;
    width : 100%;
}

div.pageheadercontainer { padding: 0px 0px 0px 0px; border-bottom: 1px solid #006; }
div.pageheader div.headerleft { float : left ; width : 70%; text-transform: capitalize; text-align: left ; background-color : #fff; color : #000; }
div.pageheader div.headerimage { float : left ; width : 35px; text-transform: capitalize; text-align: left ; background-color : #fff; color : #000; }
div.pageheader div.headertext { text-transform: capitalize; text-align: left ; background-color : #fff; color : #000; }
div.pageheader div.headerright { margin: 0px 0px 0px 70%; text-transform: capitalize; text-align: right ; background-color : #fff; color : #000; }

div.mainpage {
    background-color : #fff;
    color : navy;
}

div.pagemenu {
    background-color : #fff;
    color : navy;
    font-weight : bold;
    width : 100%;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 2px 0px;
    border-bottom: 1px solid #006;
}
div.pagemenu div.menuleft { float : left ; width : 50%; text-transform: capitalize; text-align: left ;  }
div.pagemenu div.menuright { margin: 0px 0px 0px 50%; text-transform: capitalize; text-align: right ;  }
div.pagemenu a { color : navy; text-decoration: none; }
div.pagemenu a:visited { color : navy; text-decoration: none; }
div.pagemenu a:hover { color : navy; text-decoration: underline; }
div.pagemenucontainer { padding: 0px 5px 0px 5px; }

div.spacer{
  clear: both;
}

div.pageleft {
    width: 140px;
	float: left;
	margin-left: -1px;
	padding: 7px 0px 7px 7px;
        }
div.pagecontent {
	padding: 10px;
	margin-left: 150px;
	border-left: 1px solid #006;
	background-color: white;
	colour: navy;
        }
div.container {
        width: 99%;
        }

div.categorybox {
background-color:#F7EFC6;
  float: left;
  width: 150px;
  margin : 4px;
  }

div.categorybox p {
   text-align: center;
   }

div.categorybox a { color : navy; text-decoration: none; }
div.categorybox a:visited { color : navy; text-decoration: none; }
div.categorybox a:hover { color : navy; text-decoration: underline; }
div.categorybox div.title {
   background-color : #F3E7F9;
   color : navy;
   vertical-align: center;
    text-transform: capitalize;
   text-align: center;
   padding : 1px 0px 1px 0px;
   border-top    : 1px solid #006;
   border-left   : 1px solid #006;
   border-right  : 1px solid #006;
   border-bottom : 1px solid #006;
}

div.categorybox div.image {
   vertical-align: center;
   text-align: center;
   background-color : #fff;
   padding : 2px 0px 2px 0px;
   border-left   : 1px solid #006;
   border-right  : 1px solid #006;
   border-bottom : 1px solid #006;
}
div.categorybox div.text {
   background-color : #F7EFC6;
   color : navy;
   vertical-align: center;
   text-align: center;
   padding : 1px 0px 1px 0px;
   border-left   : 1px solid #006;
   border-right  : 1px solid #006;
   border-bottom : 1px solid #006;
}

div.cataloguebox {
    width : 96%;
    margin : 0px 0px 0px 0px;
    background-color : #F7EFC6;
    color : navy;
    text-transform: capitalize;
    font-weight : normal;
    display : table;
}
div.cataloguebox div.catalogueheader { border-bottom : 1px solid #006; display : block; color : navy; font-weight : bold; padding: 1px 5px 1px 10px; }
div.cataloguebox div.catalogueheader a { color: navy; text-decoration: none; }
div.cataloguebox div.catalogueheader a:visited { color: navy; text-decoration: none; }
div.cataloguebox div.catalogueheader a:hover { color: navy; text-decoration: underline; }
div.cataloguebox div.cataloguelink { display : block; padding: 1px 5px 1px 10px; color : #navy; }
div.cataloguebox div.cataloguelink a { color: navy; text-decoration: none; font-weight : bold; }
div.cataloguebox div.cataloguelink a:visited { color: navy; text-decoration: none; font-weight : bold; }
div.cataloguebox div.cataloguelink a:hover { background-color : #fff; color: green; text-decoration: none; font-weight : bold;  }

div.loginbox {
    margin : 5px 3% 5px 3%;
    background-color : white;
    color : navy;
    text-transform: none;
    font-weight : normal;
    display : table;
}
div.loginbox div.loginheader { border-bottom : 1px solid #006; display : block; color : navy; font-weight : bold; padding: 1px 5px 1px 10px; }
div.loginbox div.logincontent { display : table; padding: 1px 5px 1px 10px; color : navy; }

table.specialsbox { width: 100%; }
table.specialsbox td.specialsheader { }
table.specialsbox td.specialscontent { }

div.productbox {
    width : 98%;
    border : 1px solid #006;
    background-color : #fff;
    color : navy;
    text-transform: none;
    font-weight : normal;
    margin: 0px 0px 4px 0px;
}
div.productbox div.productheader { padding: 1px 5px 1px 10px; border-bottom : 1px solid #006; font-weight : bold; background-color: #F3E7F9; color: navy; }
div.productbox div.productheader a  { color: navy; text-decoration: none; }
div.productbox div.productheader a:visited { color: navy; text-decoration: none; }
div.productbox div.productheader a:hover { color: green; text-decoration: none; }
div.productbox div.productbar { width : 100%; border-bottom : 1px solid #006; border-top : 1px solid #006; background-color : #F3E7F9; color : navy; font-weight : bold; }
div.productbox div.productcontent { width: 100%; color : navy; }
div.productbox div.productimage { float : left ; width : 101px; }
div.productbox div.productimageL { float : left ; width : 301px; }
div.productbox div.producttext { margin: 0px 0px 0px 105px; padding: 1px 5px 1px 10px; text-align: left; color : navy; }
div.productbox div.producttextL { margin: 0px 0px 0px 305px; padding: 1px 5px 1px 10px; text-align: left; color : navy; }
div.productbox div.productfooter { text-align: center; width : 100%; border-top : 1px solid #006; color : navy; font-weight : bold; }

div.orderbox{
    width : 98%;
    margin : 10px 0px 0px 0px;
    padding : 0px;
    border : 1px solid #CCCCCC;
    background-color : #E4EFE5;
    color : #000;
    text-transform: capitalize;
    font-weight : normal;
    display : table;
}
div.orderbox div.orderheader { width : 100%; border-bottom : 1px solid #CCCCCC; display : block; background-color : #CCD8C0; color : #000; font-weight : bold; padding: 1px 5px 1px 0px; }
div.orderbox div.orderheader a { color: #000; text-decoration: none; }
div.orderbox div.orderheader a:visited { color: #000; text-decoration: none; }
div.orderbox div.orderheader a:hover { color: #000; text-decoration: underline; }
div.orderbox div.ordercontent { width : 100%; display : table; padding: 1px 0px 1px 0px; color : #000; }

div.receiptbox{
    width : 98%;
    margin : 10px 0px 0px 0px;
    padding : 0px;
    border : 1px solid #CCCCCC;
    background-color : #E4EFE5;
    color : #000;
    text-transform: capitalize;
    font-weight : normal;
    display : table;
}
div.receiptbox div.receiptheader { width : 100%; border-bottom : 1px solid #CCCCCC; display : block; background-color : #CCD8C0; color : #000; font-weight : bold; padding: 1px 5px 1px 0px; }
div.receiptbox div.receiptheader a { color: #000; text-decoration: none; }
div.receiptbox div.receiptheader a:visited { color: #000; text-decoration: none; }
div.receiptbox div.receiptheader a:hover { color: #000; text-decoration: underline; }
div.receiptbox div.receiptcontent { width : 100%; display : table; padding: 1px 0px 1px 0px; color : #000; }

div.errorbox {
    width : 94%;
    margin : 5px 3% 5px 3%;
    border : 1px solid #ff0000;
    background-color :#F4E2DE;
    color : #000;
    text-transform: capitalize;
    text-decoration: bold;
    text-align: center;
}
div.errorbox div.errorheader { text-align: left; border-bottom : 1px solid #ff0000; background-color : #F4E2DE; color : #000; font-weight : bold; padding: 1px 5px 1px 10px; }
div.errorbox div.errorcontent { width : 94%; }

div.pagefooter {
    background-color : #fff;
    color : navy;
    width : 100%;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 5px 0px;
    clear: both;
    border-top: 1px solid #006;
    text-align: center ;
}
div.pagefootercontainer { padding: 5px 5px 0px 5px; }
div.pagefooter div.footerleft { float : left ; width : 50%; text-align: left ;  }
div.pagefooter div.footerright { margin: 0px 0px 0px 50%; text-align: right ;  }

.smalltext {
	font-size: x-small;
	}
.smalltext a:link {
	color: blue;
	text-decoration: none;
}
.smalltext a:visited {
	color: #708090;
	text-decoration: none;
}
.smalltext a:hover {
	text-decoration: underline;
}
.bolden{
		font-weight: bold;
	}
.quotation{
	padding-left: 20px;
	font-style: italic;
}