body { margin:0; padding:0; background-color: #70a7df; background-image:url(images/bg-body.jpg); background-repeat:no-repeat; background-position:50% 0; font-family: Arial, Verdana, Helvetica, Sans-Serif; font-size: 13px; color: #666666; }

#wrapper { width:900px; margin: 50px auto 20px auto; background-color:#fff;}
#outer { width: 880px;  margin: 0 auto; padding:10px 0;  }

h1 { font-size: 18px; line-height:18px; margin:0; padding:5px 0 10px 0; color: #990000;font-weight:normal; }
h2 { font-size: 13px; line-height:13px; margin:0; padding:5px 0 10px 0; color: #47ab45; font-weight:bold; }
h3 { font-size: 13px; line-height:13px; margin:0; padding:5px 0 10px 0; color: #990000; }
h4 { font-size: 12px; line-height:12px; margin:0; padding:5px 0 10px 0; color: #990000; }
h5 { font-size: 11px; line-height:11px; margin:0; padding:5px 0 10px 0; color: #990000; }

th { text-align:right; }

.textbox-small { width: 100px;  color:#666666; border:solid 1px #999999; }
.textbox-medium { width: 200px; color:#666666; border:solid 1px #999999; }
.textbox-large { width: 400px;  color:#666666; border:solid 1px #999999; }
.textbox-super-large {width: 600px; color:#666666; border:solid 1px #999999;  }
.listbox { width:12em; }

a, a:visited { color: #c74c55; text-decoration: underline; }
a:hover { color: #990000; }

#header { background-image: url('images/banner.jpg'); background-repeat: no-repeat; min-height: 200px;border:solid 1px #e4e4e4; border-bottom:none;  }
#header a { text-decoration:none; }
#header a:hover { text-decoration:underline; }

#menu { border:solid 1px #e0e2dd; border-bottom:none; }

ul.top-nav { margin: 0 0 0 0; padding: 0 0 0 0; list-style: none; height: 97px;  }
ul.top-nav li { margin: 0; padding: 0; list-style: none; display: block; float: left; }
ul.top-nav li a { margin: 0; padding: 0; display: block; background-image: url(images/menu.jpg); text-decoration: none; height: 97px; }
ul.top-nav li a:hover { background-image: url(images/menu-sel.jpg); display: block; }
ul.top-nav li.sel a { background-image: url(images/menu-sel.jpg); display: block; }
ul.top-nav li a span { visibility:hidden; }

ul.top-nav li.home a { background-position: 0 0; width: 119px; }
ul.top-nav li.about-us a { background-position: -119px 0; width: 112px; margin-left: 0; }
ul.top-nav li.donate a { background-position: -231px 0; width: 113px; margin-left: 0; }
ul.top-nav li.shop a { background-position: -344px 0; width: 111px; margin-left: 0; }
ul.top-nav li.schools a { background-position: -455px 0; width: 92px; margin-left: 0; }
ul.top-nav li.resources a { background-position: -547px 0; width: 111px; margin-left: 0; }
ul.top-nav li.funding a { background-position: -658px 0; width: 104px; margin-left: 0; }
ul.top-nav li.news a { background-position: -762px 0; width: 116px; margin-left: 0; }

.searchbox { margin:26px auto 0 auto; width:160px; height:25px; background-image:url(images/bg-searchbox.jpg); background-repeat:no-repeat;}
.textbox-search { color:#990000; border:none; width:127px; float:left; margin:5px 0 0 3px; padding:0; background:none; }

#col1 .cmscontent { margin:32px auto 0 auto; width:160px; }

#container2 {border:solid 1px #e4e4e4;position:relative;clear:left;float:left;width:878px;overflow:hidden;background:white; /* column 2 background colour */}
#container1 {border-right:solid 1px #e0e2dd;min-height: 520px;float:left;width:100%;position:relative;right:678px;background:white; /* column 1 background colour */}
#col1 {float:left;width:23%;position:relative;left:77%;overflow:hidden;}
#col2 {float:left;width:77%;position:relative;left:77%;overflow:hidden;}

.content {padding:26px;}
.content p { margin:0; padding:0 0 7px 0; line-height:20px; }

.content ul { padding:10px 0; margin:0 20px;}
.content li { padding:3px 0; margin:0;}

#footer { height: 68px; width: 900px; margin: 0 auto; color:#990000; text-align:center; }
#footer a {color:#990000; text-decoration:none;}
#footer .copyright {color:#333333; padding:15px 0 0 0}

#minicart {  }
.myaccountlink { }
.registerlink { text-align:right; margin-top:-55px;  }

.categorydescription { padding:0 20px 20px 0;}
.categorydescription p { margin:0; padding:0 0 7px 0; line-height:20px; }

#productlist {margin: 0; padding: 0;width:635px; }
#productlist .productimage { margin: 0 20px 20px 0; width:180px; height:150px; float:left;border:solid 1px Transparent; }
#productlist .productimage:hover { }
#productlist .productimage a {color: #c74c55; text-decoration: underline; }
#productlist .productimage .image { text-align:center; vertical-align:middle;border:solid 1px #cccccc;}
#productlist .productimage .image:hover {border:solid 1px #666666;}
#productlist .productimage .productname a { margin:10px auto; width:180px; text-align:center;  display:block; }
#productlist .productimage .productname a:hover { text-decoration: none;}

#categorylist-sub {margin: 0; padding: 0;width:635px; }
#categorylist-sub .categoryimage-sub { margin: 0 20px 20px 0; font-size: 11px; float:left; }
#categorylist-sub .categoryimage-sub .image {border:solid 1px #cccccc; display:block;}
#categorylist-sub .categoryimage-sub .image:hover {border:solid 1px #666666; } 

#categorylist { width: 635px; }
#categorylist .categoryimage { float:left; margin:0 35px 40px 0;border:solid 1px Transparent;  }
#categorylist .categoryimage .image { border:solid 1px #cccccc; display:block;}
#categorylist .categoryimage .image:hover {border:solid 1px #666666; } 

.categoryname { width:168px; text-align:center; padding-top:10px;  }
.categoryname a { text-decoration: underline;}
.categoryname a:hover { text-decoration: none;}

#store-breadcrumb  { font-family:Verdana;margin: 75px 0 0 10px; list-style-type: none; height: 16px; padding: 0;font-size: 10px; }
#store-breadcrumb  li { margin: 0; padding: 0; list-style: none; height: 16px; line-height: 16px; float: left; }
#store-breadcrumb  li a, #store-breadcrumb li a:visited { color: #666666; line-height: 16px; }
#store-breadcrumb  li a:hover { color: #666666; }
#store-breadcrumb  li.seperator { padding: 0 4px; font-size: 7px; line-height: 16px;}
#store-breadcrumb .item {  }
#store-breadcrumb .last a{ text-decoration:none; }

#productdetail { margin:0 10px; }
#productdetail #productimage { float:left;border:solid 1px #cccccc; margin:20px 0 0 0;}
#productdetail .details { margin-left:370px; padding:20px 0 0 0;}
#productdetail .details .description { line-height:16px; font-size:13px; }
#productdetail .details .price { font-weight:bold; font-size:13px; line-height:20px; padding-bottom:15px; }
#productdetail .details .oldprice { text-decoration:line-through;line-height:20px;  }
#productdetail .details .exclusiveprice { font-weight:bold; font-size:13px; color:Red; line-height:20px; }
#productdetail .details .size  { line-height:20px; font-size:13px; padding-bottom:12px; }
#productdetail .details .noofitems { font-size:13px;}
#productdetail .details .addtocart { padding:35px 0 15px 0;  }
.textbox-tiny-black { width:32px; background-color:Black; color:White; border:solid 1px #666666; }
#productdetail .cart-msg { border:solid 1px #c74c55; background-color:#fff6e0; padding:8px; }

#productdetail label {color:#c74c55;}

#productdetail .subscribe {display:block; line-height:25px;}
#productdetail .subscribe input { padding:5px; margin:0;  }
#productdetail .subscribe label {color:#666666; padding:0 0 10px 0; margin:0;}

.descriptionDonationLabel { line-height:16px; font-size:13px; padding:20px 0; }

.colourselection { padding:10px 0 15px 0;  }
.optionlabel { line-height:20px; font-size:12px; padding:0; }

.clear { clear:both; line-height:1px; }

.maincart { padding:10px; color:#666666; min-height:400px; width:605px; }
.maincart .itemcount {padding: 10px 0; }

table.cartgrid { border-collapse: collapse; width:605px;}
table.cartgrid tr th { font-weight: bold; background-color: #ccc; padding: 4px 5px 2px 5px; vertical-align: bottom; color: #666666; font-size: 120%; }
table.cartgrid tr td { padding: 2px 8px; vertical-align:middle; text-align:left; }
table.cartgrid tr td.center { text-align: center; }
table.cartgrid tr td.productname { width:180px; }
table.cartgrid tr.alt td {  }
table.cartgrid tr.highlight td { background-color: #3399FF; color: #666666; font-weight: bold; }
table.cartgrid tr.firstrow td { font-weight: bold; border-bottom:solid 1px #666666; text-align:left; padding:5px;  }

.textbox-tiny { width:32px; color:#666666; border:solid 1px #999999; }

.maincart .subtotal {padding: 10px 0 30px 0; text-align:right;border-top:solid 1px #666666; width:605px;}
.maincart .actionbuttons {padding: 10px 0 10px 0; text-align:center; width:805px; vertical-align:bottom;}

#accountinner {padding:0 10px 10px 10px; }
#accountinner .backlink { line-height:30px; border:solid 1px #666666; margin:10px 0; width:250px; text-align:center;}
#accountinner .backlink a{ text-decoration:none; font-weight:bold; display:block;}
#accountinner .intro { padding:10px 0;}

table.orderhistrygrid { border-collapse: collapse; width:605px; }
table.orderhistrygrid tr th { font-weight: bold; background-color: #ccc; padding: 4px 5px 2px 5px; vertical-align: bottom; color: #666666; font-size: 120%; }
table.orderhistrygrid tr td { padding: 4px 8px; vertical-align:middle; text-align:center; }
table.orderhistrygrid tr td.center { text-align: center; }
table.orderhistrygrid tr td.productname { width:220px; }
table.orderhistrygrid tr.alt td { background-color:#666; color:#fff;  }
table.orderhistrygrid tr.highlight td { background-color: #3399FF; color: #666666; font-weight: bold; }
table.orderhistrygrid tr.firstrow td { font-weight: bold; border-bottom:solid 1px #666666; text-align:center; padding:5px;  }

table.addressgrid { border: solid 1px #666666; border-collapse: collapse;  width:605px;}
table.addressgrid tr th { font-weight: bold; background-color: #fff6e0; border-bottom: solid 2px #666666; padding: 8px 15px 6px 15px; vertical-align: bottom; color: #666666; font-size: 100%; }
table.addressgrid tr td { padding: 8px 16px; vertical-align: top; border-left: solid 1px #666666; border-right: solid 1px #666666; }
table.addressgrid tr td.center { text-align: center; }
table.addressgrid tr.alt td { background-color: #000; }
table.addressgrid tr.highlight td { background-color: #3399FF; color: #666666; font-weight: bold; }

table.addressform { margin:10px 0 0 0; border-collapse: collapse; width:625px; }
table.addressform tr th { font-weight: bold; text-align: right; padding: 2px 10px 0 4px; vertical-align: top; color: #666666; line-height: 22px; }
table.addressform tr td { padding: 2px 4px 2px 0; vertical-align:bottom; line-height: 22px; }
table.addressform tr.header td { text-align: center; padding: 4px 0; font-weight: bold; background-color: #fff6e0; border: solid 2px #fff; }
table.addressform tr.footer td { text-align: right; padding: 0 4px 4px 4px; }


.accountmenuitems { font-size:11px; padding:10px 0; }

#accountinner .address { width:50%; float:left; min-height:100px; }
#accountinner .address .label { padding:5px 0 5px 0; font-weight:bold; }
#accountinner .address .input { padding:5px 0 5px 10px; }

#accountinner .accountinfo .item { padding:5px 0 10px 0; }

#accountinner .subtotal {padding: 10px 0; text-align:right;border-top:solid 1px #666666; width:605px;}
#accountinner .actionbuttons {padding: 10px 0 10px 0; text-align:center; width:605px; vertical-align:bottom;}

#accountinner .comments { padding: 10px 0 10px 0; }

#accountinner .orderinfo {padding:10px 0 10px 0; width:100%;  }
#accountinner .orderinfo .item { padding:5px 0 5px 0; }
#accountinner .orderinfo .itemaddress { padding:5px 0 5px 0; width:50%; float:left; }
#accountinner .intro { padding:10px 0 10px 0; }

/*Login*/
#login { padding: 10px 10px 30px 105px; min-height: 428px; color:#666666; }
/*#login .newcustomerlink { padding:15px 0 0 0; }
#login .newcustomerlink a,#login .newcustomerlink a:visited {color: #999999; text-decoration:underline; }
#login .newcustomerlink a:hover { text-decoration:none; }*/

#login td { padding:2px 0; }

.login {width:605px;padding: 10px 10px 30px 75px;}
.login td { padding:2px 0; }
/*End of login*/

.form td { padding:2px 0; }


#enquiry { margin-left:108px; }

/* News Viewer */
.news-viewer { padding:10px 0; }
.news-viewer .news-list .item { padding-bottom: 20px; }
.news-viewer .news-list .item .title { font-size: 13px; line-height:13px; margin:0; padding:5px 0 10px 0; color: #47ab45; font-weight:bold;  }
.news-viewer .news-list .item .date { color: #656565; font-size: 11px; font-style:italic; padding:5px 0; }
.news-viewer .news-list .item .summary { color: #656565; padding:0 0 5px 0;  }
.news-viewer .news-list .item .more-link a{ color:#c74c55; text-decoration:underline;}

.news-viewer .detail { }
.news-viewer .detail .back-link{ padding-bottom: 20px;}
.news-viewer .detail .back-link a  {color:#c74c55; text-decoration:underline;}
.news-viewer .detail .title { font-size: 13px; line-height:13px; margin:0; padding:5px 0 10px 0; color: #47ab45; font-weight:bold; }
.news-viewer .detail .date { color: #656565; font-size: 11px; font-style:italic; padding-bottom:10px;  }
/* End News Viewer */


.categorynav {margin:0 auto; padding-bottom:24px;  width:160px; text-align:right; }

#nav {margin: 0; padding-top:20px; font-size:13px; font-weight:bold;}
#nav .menuitems { line-height:30px;}
#nav .menuitems a { padding:0; }
#nav  a {color: #333333; text-decoration: none; }
#nav  a:hover {color:#990000; }
#nav .unselected {  }
#nav a.selected	{color:#990000;  }

#subnav {margin: 0; padding: 0;font-size:13px; font-weight:normal; }
#subnav .menuitems {line-height:24px;}
#subnav a {color: #333333; text-decoration: none;   }
#subnav  a:hover {color:#990000; }
#subnav .unselected {   text-decoration:none;  }
#subnav a.selected  {  color:#990000;  }


ul.submenu { margin:30px auto 10px auto; width:120px; text-align:right; *padding-left:25px; }
ul.submenu a, .submenu a:visited { text-decoration:none; font-weight:bold;color: #333333; }
ul.submenu a:hover { text-decoration:underline;color:#990000; }

ul.submenu ul { padding:0; margin:0; list-style:none; }
ul.submenu li { padding:0; margin:0 0 10px 0; list-style:none; }
ul.submenu ul li {padding:0; *margin:10px 0 0 0; list-style:none;}
ul.submenu .sel a {color:#990000;}
ul.submenu li .sel a {color:#990000;}
ul.submenu ul .sel a {color:#990000;}

ul.submenu .thirdlevel a { text-decoration:none; font-weight:normal;color: #333333; font-size:12px; }

.outcome { padding:10px 0; color:#990000; }

.photolist { width:500px; padding:10px; margin:0 auto; }
.photolist img{ border:none; }
.photolist .photodiv { float:left; width:230px; height:230px; border:solid 1px #666666; margin:0 10px 10px 0; }
.photolist .photo { width:230px; height:230px; }
.photolist .photo td { vertical-align:middle; text-align:center; }

.gallerylist {}
.gallerylist .galleryitem { padding:0 0 20px 0; }

table.resulttable  {border-collapse: collapse; width:600px; }
table.resulttable tr.row { padding:5px 0 15px 0; line-height:20px;}
table.resulttable tr.row td.first { font-weight:bold; }

div.form { width:400px; }
div.form label{ font-weight:bold; width:90px; display:block; float:left;}
div.form .field { padding:0 0 10px 0}

.videos { padding:10px 0 0 0; margin:0; width: 610px; }
.video { float:left; padding:0 30px 40px 0;border:solid 1px Transparent; width:168px; height:123px;   }
.video img {border:solid 1px #Transparent; }
.video .videotitle { text-align:center; }