/* blue: #005d96 */
/* red: #ee0000 */
/* grey: #818286 */
/* light blue #bfd6f0 */
/* lighter blue #dfe9f3 */
/* lightest blue #ebf3fb */
body {
	background: #015f93 url('../images/bg_fade.jpg') top left repeat-x;
	font-size: medium;
	color: #000000;
	font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
	margin: 0;
}

.noscreen {display: none;}
.floatright {float: right;}
.floatleft {float: left;}

.main {background: #ffffff; width: 970px; border: 3px solid #005d96; margin: 10px auto; padding: 7px;}

.header {background: #ffffff; width: 100%; border: 0 none; margin: 0 0 6px 0;}

.logo {float: left; margin: 0 0 0 9px; display: block;}

.headingpanel {float: right; width: 560px; margin: 0; display: block;}

.mainimage {position: relative; width: 800px; height: 150px; float: right; text-align: right; border: 1px solid #005d96; background: #ffffff; margin: 0; padding: 0;}

ul.gallery {float: left; height: 150px; margin: 0; padding: 0; list-style-type: none; overflow: hidden;}
#gallery li {list-style-type: none; margin: 0; padding: 0;}

.strap {position: absolute; z-index: 4; bottom: 0; right: 0; width: 800px; height: 40px; margin: 0; padding: 0; background: #005d96; filter:alpha(opacity=20); -moz-opacity:20%; opacity: 0.20;}
.strapcontent {position: absolute; z-index: 5; bottom: 5px; right: 9px; width: 760px; font-size: 1.5em; font-weight: normal; font-style: italic; color: #ffffff; text-align: right; margin: 0; padding: 0;}

.tabbedmenupanel {z-index: 5; position: absolute; top: 0; left: 0; padding: 0; margin: 0;}

ul.tabbedmenu {float: left; text-align: left; padding: 0; margin: 0 0 0 0px; font-size: 0.8em; list-style-type: none;}

li.tabbedmenu {background: transparent url('images/tab.png') top center no-repeat; width: 133px; height: 29px; color: #00476a; padding: 6px 0 0 0; margin: 0; text-align: center;}
li.tabbedmenu:hover {background: transparent url('images/tab_hover.png') top center no-repeat;}

li.tabbedmenu a {text-decoration: none; color: #00476a; font-weight: bold; margin: 0;}
li.tabbedmenu a:visited {text-decoration: none; color: #00476a;}
li.tabbedmenu a:hover {text-decoration: none; color: #0093d9;}
li.tabbedmenu a:active {text-decoration: none; color: #00476a;}

li.tabbedmenuthis a:link {text-decoration: none; color: #0093d9; font-weight: bold; margin: 0;}
li.tabbedmenuthis a:visited {text-decoration: none; color: #0093d9;}
li.tabbedmenuthis a:hover {text-decoration: none; color: #00476a;}
li.tabbedmenuthis a:active {text-decoration: none; color: #0093d9;}

.maincontent {float: right; width: 800px; margin: 0; padding: 0; display: inline;}

.pagecontent {float: left; width: 630px; margin: 0; padding: 0; font-size: 0.8em; display: inline;}

.rightcontent {float: right; width: 160px; margin: 0; padding: 0; font-size: 0.8em; display: inline;}

.leftpanel {float: left; width: 160px; margin: 0; font-size: 0.8em; display: inline;}

.footer {font-size: 0.8em; color: #ffffff; border: 0 none; padding: 0; margin: 3px 0;}
.footermenu {float: right; font-size: 0.8em; color: #ffffff; border: 0 none; padding: 0; margin: 3px 0;}

.quicksearch {width: 275px; float: right; text-align: right; margin: 2px 0 0 9px; font-size: 0.8em; position: relative;}
.searchlabel {font-size: 0.9em; color: #ffffff; display: none;}
.radiolabel {font-size: 0.9em; color: #ffffff;}
.advancedsearchbox {width: 100%; margin: 0; background: #005d96 url('../images/panel_bg_fade.jpg') top left repeat-x; position: absolute; bottom: 30px; right: -15px; z-index: 5;}
.advancedsearchbox_content {padding: 5px; color: #ffffff;}
.advancedsearchbox_content h6 {margin: 0; padding: 0; text-align: left; color: #ffffff;}
.advsrchshow {float: right; margin: 0 0 2px 2px; cursor: pointer;}

.rhpromo {float: right; width: 150px; text-align: center; margin: 0; border: 0 none;}
.rhpromo h2 {margin: 5px 0;}
.rhpromo p {margin: 5px 0;}

.lhpromo {text-align: center; margin: 5px 0;}
.paymentlogos {margin: 0; text-align: center;}
.paymentlogos img {margin: 0 1px 2px 0;}

.col2left {float:left; width: 45%;}
.col2right {float:right; width: 45%;}
.col2leftctr {float:left; width: 49%; text-align: center;}
.col2rightctr {float:right; width: 49%; text-align: center;}

.content {}

.highlightpanel {background: #ffff80; margin: 2px 0; padding: 3px; border: 1px solid #005d96;}

.calltoaction {margin: 30px 0 15px 0; text-align: center;}

.address {font-size: 0.8em; color: #005d96; padding: 0; margin: 0;}

.copyrightpanel {width: 980px; border: 0 none ; margin: 0 auto; padding: 0; color: #ffffff; text-align: right; font-size: 0.7em; }
.webmaster {float: left; margin: 0; padding: 0;}

img {border: 0 none;}
image {border: 0 none;}

.plaintext {border: 0 none;}
.plaintextcurrency {border: 0 none; color: #005d96;}

.button {font-weight: bold; cursor: pointer;}
.s_button {font-size: 0.95em; cursor: pointer; margin: 0;}
.smallbutton {font-size: 0.9em; cursor: pointer; margin: 0;}

.textbox {background: #dfe9f3; border: 1px solid #808080;}
.plaintextboxblue {border: 0 none; background: #ebf3fb;}
.plaintextbox {border: 0 none; font-weight: bold;}
.smalltextbox {background: #dfe9f3; margin: 0 0 2px 0; padding: 1px; font-size: 0.8em; border: 1px solid #808080;}
.smalltextboxbold {margin: 0; font-size: 0.8em; background: #dfe9f3; border: 1px solid #808080; font-weight: bold;}
.searchtextbox{margin: 0; padding: 2px; font-size: 0.8em; border: 1px solid #808080;}

.smallselect {font-size: 0.8em;}

h1 {font-size: 1.3em; color: #005d96; margin: 5px 0;}
h2 {font-size: 1.3em; color: #005d96;}
h3 {font-size: 1.2em; color: #005d96;}
h4 {font-size: 1.1em; color: #005d96;}
h5 {font-size: 1em; color: #005d96;}
h6 {font-size: 1em; color: #005d96; font-style: italic;}

.spacer {clear: both; height: 5px; margin: 0px;}
.separator {clear: both; height: 1px; margin: 0px; font-size: 0.1em;}
.verticalseparator {float: left; width: 1px; margin: 5px; height: 150px; display: inline; background: #82b5d6;}

.topind {margin: 0 3px; display: none;}
.topindon {display: inline; font-weight: bold; margin: 0 3px;}

.phone {float: left; width: 160px; text-align: left; font-weight: bold; font-size: 0.95em; color: #ffffff; padding: 0; margin: 3px 0 0 3px; letter-spacing: 2px;}

ul.topmenu {text-align: left; margin: 3px; padding: 0; font-size: 0.8em;}

.topmenuli {display: inline; color: #ffffff; margin: 0; padding: 0;}
.topmenuli a:link {text-decoration: none; color: #ffffff; font-weight: bold;}
.topmenuli a:visited {text-decoration: none; color: #ffffff; font-weight: bold;}
.topmenuli a:hover {text-decoration: underline; color: #ffffff; font-weight: bold;}
.topmenuli a:active {text-decoration: none; color: #ffffff; font-weight: bold;}

.topmenulithis {display: inline; color: #ffffff; margin: 0; padding: 0;}
.topmenulithis a:link {text-decoration: underline; color: #ffffff; font-weight: bold;}
.topmenulithis a:visited {text-decoration: underline; color: #ffffff; font-weight: bold;}
.topmenulithis a:hover {text-decoration: none; color: #ffffff; font-weight: bold;}
.topmenulithis a:active {text-decoration: underline; color: #ffffff; font-weight: bold;}

ul.menu {font-weight: normal; margin: 0;}

li.menu {color: #000000; padding: 0; margin: 0;}
li.menu a {text-decoration: none; color: #000000;}
li.menu a:visited {text-decoration: none; color: #000000;}
li.menu a:hover {text-decoration: underline; color: #005d96;}
li.menu a:active {text-decoration: none; color: #000000;}

li.menuthis {color: #005d96; padding: 0; margin: 0;}
li.menuthis a {text-decoration: none; color: #005d96;}
li.menuthis a:visited {text-decoration: none; color: #005d96;}
li.menuthis a:hover {text-decoration: underline; color: #000000;}
li.menuthis a:active {text-decoration: none; color: #005d96;}

.house {color: #005d96; font-weight: bold;}
.larger {font-size: 1.2em;}
.smaller {font-size: 0.8em;}
.centered {text-align: center;}
.quote {font-size: 0.7em; margin: 10px; font-style: italic;}
.underlined {text-decoration: underline;}
.context {font-size: 0.85em;}
.clickable {cursor: pointer;}
.righttext {text-align: right;}
.blue {color: #005d96;}
.blacktext {color: #000000;}
.blackbold {color: #000000; font-weight: bold;}

hr {clear: both; height: 0px; color: #ffffff; background: #ffffff; border: 0 none; border-bottom: 1px solid #005d96; margin: 10px 0;}

a:link {color: #005d96; text-decoration:underline;} 
a:visited {color: #005d96; text-decoration:underline;} 
a:hover {color: #000000; text-decoration:none;}
a:active {color: #005d96; text-decoration:underline;}

a.boldlink:link {color: #005d96; text-decoration:underline; font-weight: bold;} 
a.boldlink:visited {color: #005d96; text-decoration:underline; font-weight: bold;} 
a.boldlink:hover {color: #ee0000; text-decoration:none; font-weight: bold;}
a.boldlink:active {color: #005d96; text-decoration:underline; font-weight: bold;}

a.antilink:link {color: #005d96; text-decoration:none;} 
a.antilink:visited {color: #005d96; text-decoration:none;} 
a.antilink:hover {color: #ee0000; text-decoration:underline;}
a.antilink:active {color: #005d96; text-decoration:none;}

a.boldantilink:link {color: #005d96; text-decoration:none; font-weight: bold;} 
a.boldantilink:visited {color: #005d96; text-decoration:none; font-weight: bold;} 
a.boldantilink:hover {color: #ee0000; text-decoration:underline; font-weight: bold;}
a.boldantilink:active {color: #005d96; text-decoration:none; font-weight: bold;}

a.webmasterlink:link {color: #ffffff; text-decoration:none;} 
a.webmasterlink:visited {color: #ffffff; text-decoration:none;} 
a.webmasterlink:hover {color: #ffffff; text-decoration:underline;}
a.webmasterlink:active {color: #ffffff; text-decoration:none;}

a.quicklink:link {color: #000000; text-decoration:none;} 
a.quicklink:visited {color: #000000; text-decoration:none;} 
a.quicklink:hover {color: #000000; text-decoration:underline;}
a.quicklink:active {color: #000000; text-decoration:none;}

a.footerlink:link {color: #ffffff; text-decoration:none;} 
a.footerlink:visited {color: #ffffff; text-decoration:none;} 
a.footerlink:hover {color: #ffffff; text-decoration:underline;}
a.footerlink:active {color: #ffffff; text-decoration:none;}

/* catalogue styles... */

.noscreen {display: none;}

.homebody {margin: 0 15px 0 0;}
.currency {margin: 15px 0 10px 0; font-size: 0.9em; float: right;}
.crumbtrail {margin: 15px 0 10px 0; font-size: 0.9em; float: left;}
.viewbasket {float: right; text-align: right; font-size: 0.9em; margin: 15px 0 0 15px;}
.basketstatus {font-size: 0.9em; margin: 0;}
.calltoaction {text-align: center;}
.currencydisplay {color: #005d96;}
.cartshade {margin: 5px; padding: 5px; background: #dfe9f3; border: 0 none;}
.cartright {text-align: right; margin: 0 20px 5px 0;}
.catbrowse {font-size: 1.1em; }
.navtext {margin: 0 0 0 10px; text-indent: -9px; font-size: 0.85em;}
.menutext {margin: 0; text-indent: 0; font-size: 0.9em;}
.submenutext {margin: 5px 0 5px 10px; font-size: 1em;}
.subnavtext {margin: 5px 0 5px 5px; font-size: 1em;}
.menubullet {vertical-align: middle; margin: 0 3px 0 0; padding: 0;}
.menuli {font-weight: bold;}
.menuli a {text-decoration: none;}
.submenuli {margin-left: 15px;}
.submenuli a {text-decoration: none;}
.subsubmenuli {margin-left: 30px;}
.subsubmenuli a {text-decoration: none;}
.menuarrow {vertical-align: middle; margin: 0 3px 0 0; padding: 0;}
.number {font-weight: bold; margin: 5px 0 0 0;}
.counter {width: 50px; float: left; text-align: right; font-weight: bold;}

.listimage {max-width: 110px; width: expression(this.width > 110 ? 110 : true);}

.prodcount {color: #bfd6f0;}

.prodlistimagediv {float: left; width: 130px;}
.prodlistimage {max-width: 125px; width: expression(this.width > 125 ? 125 : true);}
.prodlistdetails {float: right; width: 475px;}
.prodlistdetails p {margin: 0 0 5px 0;}
.prodlistdescription {padding: 0 0 5px 0; margin: 0 0 5px 0; border: 0 none; border-bottom: 1px solid #82b5d6;}
.prodcode {}

.product_details {width: 620px;}
.prodsummary {margin: 5px 5px 5px 50px;}
.prodimagediv {float: left; display: block; margin: 3px 20px 10px 0;}
.prodimage {position: relative; display: block;}
.productimage {max-width: 200px; width: expression(this.width > 200 ? 200 : true); padding: 2px; border: 1px solid #005d96; background: #ffffff;}
.proddetails {width: 375px; float: right; display: block;}
.prodlabel {font-weight: bold;}
.vatexnote {font-size: 0.8em; background: #ebfff5; padding: 10px;}
.fullimage {}

.buy_line {width: 100%; background: #ebf3fb; margin: 5px 0; padding: 2px 0; display: block;}

.leftcolbuy {float: left; background: #ebf3fb; text-align: left; width: 55%; margin: 0 3px;}
.rightcolbuy {float: right; background: #ebf3fb; text-align: right; width: 35%; margin: 0 3px;}
.leftcolbuy p {margin: 0;}

.leftcolbuyc {float: left; background: #ebf3fb; text-align: left; width: 55%; margin: 5px 0 0 3px;}
.rightcolbuyc {float: right; background: #ebf3fb; text-align: right; width: 35%; margin: 5px 3px 0 0;}
.leftcolbuyc p {margin: 0;}

.leftcolpack {float: left; background: #dfe9f3; text-align: left; width: 55%; margin: 0 3px;}
.rightcolpack {float: right; background: #dfe9f3; text-align: right; width: 35%; margin: 0 3px;}
.leftcolpack p {margin: 0;}

.add_button {margin: 0 0 -3px 3px;}

.shopping_basket {width: 100%; background: #ebf3fb; margin: 5px 0; padding: 5px 0 5px 5px; display: block;}
.delivery_costs {}

.leftcolcart {width: 66%; float: left;}
.rightcolcart {width: 33%; float: right; text-align: left;}

.floatcheck {width: 33%; float: left;}

.floatedimage {float: left; margin: 0 5px 5px 0;}

.floatedboxes {margin: 0 0 0 0;}
.floatedbox {float: left; width: 100px; min-height: 180px; margin: 0 5px 5px 0; border: 0 none;}
.boxcontent {text-align: center; padding: 0; font-size: 0.8em;}

.floatedbox150 {float: left; width: 150px; min-height: 160px; margin: 0 5px 5px 0; border: 0 none;}
.boxcontent150 {padding: 0; font-size: 0.85em;}
.boxcontent150 h5 {padding: 0; margin: 0;}
.boxcontent150 ul {padding: 0; margin: 10px 5px 10px 15px;}

.floatedbox200 {float: left; width: 200px; min-height: 160px; margin: 0 5px 5px 0; border: 0 none;}
.boxcontent200 {padding: 0; font-size: 0.85em;}
.boxcontent200 h5 {padding: 0; margin: 0;}
.boxcontent200 ul {padding: 0; margin: 10px 5px 10px 15px;}

.floatedbox250 {float: left; width: 250px; min-height: 160px; margin: 0 5px 5px 0; border: 0 none;}
.boxcontent250 {padding: 0; font-size: 0.85em;}
.boxcontent250 h5 {padding: 0; margin: 0;}
.boxcontent250 ul {padding: 0; margin: 10px 5px 10px 15px;}

.minigallery {float: left; width: 200px; margin: 0 0 0 1px; font-size: 0.75em; font-style: italic;}
.minigalleryimage {float: left; margin: 3px 0 0 3px; border: 1px dotted #82b5d6;}

a.linkedtitle {height: 80px; font-size: 10pt; color: #ffffff; background: #005d96; margin: 5px; padding: 2px 5px; display: block; font-weight: normal; text-decoration:none; text-transform: capitalize;} /* #005d96 */
a.linkedtitle:hover {color: #ffffff; background: #ee0000; text-decoration:none;}
a.smalllinkedtitle {height: 50px; font-size: 10pt; color: #ffffff; background: #005d96; margin: 5px; padding: 2px 5px; display: block; font-weight: normal; text-decoration:none;} /* #005d96 */
a.smalllinkedtitle:hover {color: #ffffff; background: #ee0000; text-decoration:none;} /* now green - was blue #bfd6f0 */

.bodytext_products {}
a.bodytext_products:link {color: #005d96; text-decoration:none; font-weight: bold;} 
a.bodytext_products:visited {color: #005d96; text-decoration:none; font-weight: bold;} 
a.bodytext_products:hover {color: #ee0000; text-decoration:none; font-weight: bold;}
a.bodytext_products:active {color: #005d96; text-decoration:none; font-weight: bold;}

.catmenu {margin: 0 0 5px 0; background: transparent;}
.menuheading {color: #ffffff;}

a.navlink:link {color: #005d96; text-decoration:none; font-weight: normal;} 
a.navlink:visited {color: #005d96; text-decoration:none; font-weight: normal;} 
a.navlink:hover {color: #ee0000; text-decoration:underline; font-weight: normal;}
a.navlink:active {color: #818286; text-decoration:none; font-weight: normal;}

.subnav {
	font-size: 0.9em;
	color: #000000;
	width: 130px;
}

a.subnav:link {color: #005d96; text-decoration:none; font-weight: normal;} 
a.subnav:visited {color: #005d96; text-decoration:none; font-weight: normal;} 
a.subnav:hover {color: #ee0000; text-decoration:underline; font-weight: normal;}
a.subnav:active {color: #005d96; text-decoration:none; font-weight: normal;}

.subnavthis {
	font-size: 0.9em;
	color: #000000;
	width: 130px;
}

a.subnavthis:link {color: #ee0000; text-decoration:none; font-weight: normal;} 
a.font-family:visited {color: #ee0000; text-decoration:none; font-weight: normal;} 
a.font-family:hover {color: #005d96; text-decoration:underline; font-weight: normal;}
a.font-family:active {color: #ee0000; text-decoration:none; font-weight: normal;}

.adminwelcome {float: left; margin: 0; padding: 0; font-size: 0.8em;}

.supplierscroller {background-color: #005d96; margin: 0 0 6px 0; padding: 3px; text-align: left; width: 150px; height: 160px; float: right; overflow: auto;}

.stockmessage {margin: 0 3px; padding: 0; font-size: 0.85em;}

.tighter {margin: 3px 0; padding: 0;}
.tight {margin: 0; padding: 0;}

.righttext {text-align: right;}

.righttextsmallsmall {font-size: 0.8em; text-align: right;}

.smaller {font-size: 0.85em;}

.larger {font-size: 1.2em;}

.caption {font-size: 0.6em; line-height: 1em;}
.caption a {text-decoration: none;}

.centered {text-align: center;}

.maintext {margin: 0px; padding: 0px;}

.maintext li{line-height: 2em;}

.indentedtext {margin: 0 0 3px 25px; padding: 0px;}

.centeredtext {text-align: center; margin: 0; padding: 0;}

.righttextsmall {text-align: right; margin: 0; padding: 0;}

.warningtext {color: #dd0000; font-size: 0.6em; text-align: center;}

.button {cursor: pointer;}

.smallbutton {font-size: 0.8em; cursor: pointer;}

.select {border: 1px solid #808080; cursor: pointer;}

.smallselect {font-size: 0.8em; border: 1px solid #808080; cursor: pointer;}

.submit {font-weight: bold; cursor: pointer;}

.s_submit {font-size: 0.8em; cursor: pointer;}

.nav_button {font-size: 0.8em; cursor: pointer; width: 150px; margin: 2px 0px 3px 0px;}

.boldbutton {font-weight: bold; margin: 5px; cursor: pointer;}

.highlighted {color: #005d96; font-weight: bold;}

.pricestyle {font-size: 1.2em;}

.bluebordered {float: right; font-size: 0.9em; margin: 5px; padding: 0; background: #ebf3fb; border: 1px solid #999999;}
.font-family p {margin: 3px 6px;}

form {margin: 0; padding: 0;}
#enquiryform {width: 98%; margin: 0 auto;}
.formfield {width: 100%; font-weight: bold; float: left; clear: both; margin: 2px 0;}
.formlabel {width: 250px; float: left; margin: 0 10px 0 0;}
.formlabel30 {width: 30%; float: left; margin: 0 10px 0 0;}
.formlabel50 {width: 50%; float: left; margin: 0 10px 0 0;}
.formlabel60 {width: 60%; float: left; margin: 0 10px 0 0;}
.font-family {width: 75%; float: left; margin: 0 10px 0 0;}
.formlabelwide {width: 75%; float: left; font-weight: bold; margin: 2px 10px;}
.rightformlabel {width: 35%; float: left; font-weight: bold; margin: 0 5px 0 5px; text-align: right;}

.font-family {text-decoration: underline;}

a.smallboxlink{color: #005d96; text-decoration: none; font-weight: bold; font-size: 1.1em; text-transform: capitalize;}
a.font-family:visited{text-decoration: none;}
a.smallboxlink:hover{text-decoration: underline;}
a.smallboxlink:active{text-decoration: none;}

.menubullet {margin: 0 3px 0 0;}

.submenubullet {margin: 0 3px 0 20px;}

.setparams {margin: 10px 0; padding: 5px; border-top: 1px solid #005d96;}

.prevnext {font-size: 0.9em; float: right; width: 280px; text-align: right;}
.sortorderform {float: right; margin: 0 0 0 15px;}
.sortorderselect {margin: 0 3px; background: #dfe9f3; border: 1px solid #808080; font-size: 0.9em;}
.currencyform {float: right; margin: 0 15px 0 0; display: block;}
.currencyselect {margin: 0 3px 4px 3px; background: #dfe9f3; border: 1px solid #808080; font-size: 0.9em;}

li.pdf {margin: 0 15px; padding: 0 0 5px 5px; list-style-image: url('images/pdf.gif')}
li.ppt {margin: 0 15px; padding: 0 0 5px 5px; list-style-image: url('images/ppt.gif')}
li.doc {margin: 0 15px; padding: 0 0 5px 5px; list-style-image: url('images/doc.gif')}
li.xls {margin: 0 15px; padding: 0 0 5px 5px; list-style-image: url('images/xls.gif')}
li.web {margin: 0 15px; padding: 0 0 5px 5px; list-style-image: url('images/web.gif')}
li.install {margin: 0 15px; padding: 0 0 5px 5px; list-style-image: url('images/install.gif')}
li.nobull {margin: 0 20px; padding: 0 0 5px 0; list-style: none;}

.underlined {text-decoration: underline;}
.indented {margin-left: 25px;}
.warning {color: #dd0000; font-weight: bold;}

.picright {float: right; text-align: center; padding: 0 0 10px 10px; color: #005d96; font-size: 0.85em;}
.picleft {float: left; text-align: center; padding: 0 10px 10px 0; color: #005d96; font-size: 0.85em;}

.topsearchbox {width: 100%; background: #ffffff url('catalog/icons/top_nav_bg.jpg') top left repeat-x; margin: 0; border: 0 none; margin: 5px 0; padding: 5px; display: block;}

.topmenubox {width: 100%; margin: 0; background: #005d96 url('../images/top_menu_bg.jpg') center left repeat-x;}
.topmenuboxcontent {padding: 3px 9px;}

.fullbox {width: 100%; margin: 0 0 10px 0; background: #ebf3fb;}
.fullboxcontent {padding: 5px;}

.prodlistbox {width: 100%; margin: 0 0 10px 0; background: #ebf3fb; display: block;}
.prodlistboxcontent {padding: 5px;}

.packlistbox {width: 100%; margin: 0 0 10px 0; background: #dfe9f3;}
.packlistboxcontent {padding: 5px;}

.quicklinksbox {width: 100%; background: #dfe9f3; margin: 0;}
.quicklinksboxcontent {font-size: 0.8em; padding: 3px 9px;}

.footerbox {width: 100%; margin: 0; background: #005d96 url('../images/footer_box_bg.jpg') bottom left repeat-x;}
.footerboxcontent {padding: 3px 9px;}

.box {width: 200px; float: left; margin: 0 10px 10px 0; background: #bfd6f0;}
.box_right {width: 150px; float: right; margin: 0; font-size: 0.9em; background: #37a6c1;}
.box_right_basket {width: 150px; float: right; margin: 0; font-size: 0.9em; background: #edea03 url('../images/panel_yellow_bg_fade.jpg') top left repeat-x;}
.box_content {padding: 5px; color: #000000;}
.box_content h4 {margin: 0; padding: 0; color: #000000;}
.box_content a {color: #000000;}

.imageflowbox {width: 620px; margin: 0; background: #005d96 url('../images/panel_bg_fade.jpg') top left repeat-x;}

.box_blue {width: 200px; float: left; margin: 0 10px 10px 0; background: #005d96 url('../images/panel_bg_fade.jpg') top left repeat-x;}
.box_right_blue {width: 150px; float: right; margin: 5px 0; font-size: 0.9em; background: #005d96 url('../images/panel_bg_fade.jpg') top left repeat-x;}
.box_blue_content {padding: 5px; color: #ffffff;}
.box_blue_content h4 {margin: 0; padding: 0; color: #ffffff;}
.box_blue_content a {color: #ffffff; text-decoration: none;}
.box_blue_content a:hover {color: #ffffff; text-decoration: underline;}

.box_section {width: 120px; float: left; margin: 0 5px 5px 0; font-size: 0.9em; background: #005d96 url('../images/panel_bg_fade.jpg') top left repeat-x;}
.box_section_image {width: 110px; height: 120px; margin: 0 0 3px 0; overflow: hidden;}
.box_section_content {height: 180px; overflow: hidden; padding: 5px; color: #ffffff; text-align: center;}
.box_section_content a {color: #ffffff; text-decoration: none;}
.box_section_content a:hover {color: #ffffff; text-decoration: underline;}

.box_top_section_content {height: 150px; overflow: hidden; padding: 5px; color: #ffffff; text-align: center;}
.box_top_section_content a {color: #ffffff; text-decoration: none;}
.box_top_section_content a:hover {color: #ffffff; text-decoration: underline;}

.box_promo_1 {width: 120px; float: left; margin: 0 5px 5px 0; font-size: 0.9em; background: #005d96 url('../images/panel_bg_fade.jpg') top left repeat-x;}
.box_promo_2 {width: 245px; float: left; margin: 0 5px 5px 0; font-size: 0.9em; background: #005d96 url('../images/panel_bg_fade.jpg') top left repeat-x;}
.box_promo_3 {width: 370px; float: left; margin: 0 5px 5px 0; font-size: 0.9em; background: #005d96 url('../images/panel_bg_fade.jpg') top left repeat-x;}
.box_promo_y_1 {width: 120px; float: left; margin: 0 5px 5px 0; font-size: 0.9em; background: #edea03 url('../images/panel_yellow_bg_fade.jpg') top left repeat-x;}
.box_promo_y_2 {width: 245px; float: left; margin: 0 5px 5px 0; font-size: 0.9em; background: #edea03 url('../images/panel_yellow_bg_fade.jpg') top left repeat-x;}
.box_promo_y_3 {width: 370px; float: left; margin: 0 5px 5px 0; font-size: 0.9em; background: #edea03 url('../images/panel_yellow_bg_fade.jpg') top left repeat-x;}
.box_promo_g_1 {width: 120px; float: left; margin: 0 5px 5px 0; font-size: 0.9em; background: #008000 url('../images/panel_green_bg_fade.jpg') top left repeat-x;}
.box_promo_g_2 {width: 245px; float: left; margin: 0 5px 5px 0; font-size: 0.9em; background: #008000 url('../images/panel_green_bg_fade.jpg') top left repeat-x;}
.box_promo_g_3 {width: 370px; float: left; margin: 0 5px 5px 0; font-size: 0.9em; background: #008000 url('../images/panel_green_bg_fade.jpg') top left repeat-x;}
.box_promo_image {float: left; width: 110px; height: 120px; margin: 0 0 3px 0; overflow: hidden;}
.box_promo_content {height: 180px; overflow: hidden; padding: 5px; color: #ffffff; text-align: center;}
.box_promo_content a {color: #ffffff; text-decoration: none;}
.box_promo_content a:hover {color: #ffffff; text-decoration: underline;}
.box_promo_y_content {height: 180px; overflow: hidden; padding: 5px; color: #000000; text-align: center;}
.box_promo_y_content a {color: #000000; text-decoration: none;}
.box_promo_y_content a:hover {color: #000000; text-decoration: underline;}
.box_promo_g_content {height: 180px; overflow: hidden; padding: 5px; color: #ffffff; text-align: center;}
.box_promo_g_content a {color: #ffffff; text-decoration: none;}
.box_promo_g_content a:hover {color: #ffffff; text-decoration: underline;}

.ledge {background-position: left top; background-image: url('../images/l.gif'); background-repeat: repeat-y;}
.uedge {background-position: right top; background-image: url("../images/t.gif"); background-repeat: repeat-x;}
.redge {background-position: right top; background-image: url("../images/r.gif"); background-repeat: repeat-y;}
.bedge {background-position: left bottom; background-image: url("../images/b.gif"); background-repeat: repeat-x;}
.ulcorner {background-position: left top; background-image: url("../images/tl.gif"); background-repeat: no-repeat;}
.urcorner {background-position: right top; background-image: url("../images/tr.gif"); background-repeat: no-repeat;}
.blcorner {background-position: left bottom; background-image: url("../images/bl.gif"); background-repeat: no-repeat;}
.brcorner {background-position: right bottom; background-image: url("../images/br.gif"); background-repeat: no-repeat;}

th {text-align: left;}