<!--

checkbox, input, radio, select {
    font-family : Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight : normal;
}

table.optionbox {
    border : 0px;
    margin : 0px;
    padding : 0px;
    width : 100%;
    font-weight : normal;
}
table.optionbox td{

}
table.optionbox tr.bar {
    border : 1px solid #000;
    background-color : #DADEEB;
}
table.optionbox tr.bar td {
    border-bottom : 1px solid #000;
}
table.optionbox td.leftoption{
    border : 1px solid #000;
    background-color : #DADEEB;
    color : navy;
    padding : 2px 2px 2px 5px;
   text-align: left;
}
table.optionbox td.rightoption{
    border : 1px solid #FFF;
    background-color : #DADEEB;
    color : navy;
    padding : 2px 5px 2px 0px;
   text-align: right;
}
table.optionbox td.right{
   text-align: right;
}
table.optionbox td.option{
    border : 1px solid #000;
    background-color : #DADEEB;
    color : navy;
    padding : 2px 2px 2px 5px;
   text-align: center;
}
table.optionbox td.title{
    border : 1px solid #fff;
    background-color: #039;
    color: white;
    padding : 2px 2px 2px 5px;
    font-weight: bold;
}

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 : #DADEEB;
   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 : #DADEEB;
    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.banner {
width: 740px;
height: 105px;
}

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 {
  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 : #DADEEB;
   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 : #fff;
   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 : #fff;
    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 {float: left; width: 582px; border: 1px solid #050D85; background-color: #fff;
	color: navy; text-transform: none; font-weight: normal; margin: 4px 4px 4px 3px;
}
div.small_productbox {float: left; width: 189px; border: 1px solid #050D85; background-color: #fff;
	color: navy; text-transform: none; font-weight: normal; margin: 4px 4px 4px 3px;
}
div.productheader {padding: 2px 3px 2px 3px; border-bottom : 1px solid #050D85; font-weight : bold;
	background-color: #D4DAE8; color: navy; font-size: 100%;
}
div.productbar {width : 100%; border-bottom : 1px solid #006; border-top : 1px solid #006;
	background-color: #F3E7F9; color: navy; font-weight: bold;
}
div.productcontent {width: 100%; color : navy; padding: 4px 4px 0px 4px;}
div.productimage {float: left; width: 101px;}
div.productimageL {float: left; width: 301px;}
div.producttext {margin: 0px 0px 0px 105px; padding: 1px 5px 1px 10px; text-align: left; color: navy;}
div.producttextL {margin: 0px 0px 0px 305px; padding: 1px 5px 1px 10px; text-align: left; color: navy;}
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;
}

-->