/* CSS for BOE Systems */

body {background: url(../images/structure/mainblue_bg.jpg) top center repeat-x #fff; padding: 0 0 0 2px; margin: 0 auto; font: 0.75em tahoma, arial, helvetica, sans-serif; color: #4D5D61; width: 800px; float: left; position: relative;}
html>body {background: url(../images/structure/mainblue_bg.jpg) top center repeat-x #fff; padding: 0; float: none; color: #4D5D61; width: 800px;}

a, a:visited {color: #3399CC;}
a:hover {color: #333366; text-decoration: none;}

.mainspan {width: 800px; float: left; position: relative; background: url(../images/structure/mainwhite_bg.gif) top center repeat-y transparent;}
html>body .mainspan {width: 800px; float: left; position: relative; background: url(../images/structure/mainwhite_bg.gif) top center repeat-y transparent;}
.content {width: 740px; float: left; position: relative; padding: 5px 15px 15px 15px;}
.footer {width: 740px; float: left; position: relative; padding: 15px;}
.footer {font-size: 0.9em; color: #7B8486; text-align: center; border-top: 1px solid #eee;}


.title {margin-left: 5px; width: 749px; height: 36px; float: left;padding: 15px 15px 0 15px; background: url(../images/structure/title_bg.gif) top center repeat-x #fff;}
html>body .title {margin-left: 9px; width: 749px; height: 36px; float: left; padding: 15px 15px 0 15px; background: url(../images/structure/title_bg.gif) top center repeat-x #fff;}


.grey {margin-left: 9px;}


/* content width divs */
.rightsixty {float: right; position: relative; width: 400px; margin: 10px 0 15px 0; height: 250px;}
html>body .rightsixty {float: right; position: relative; width: 400px; margin: 10px 0 15px 0; height: auto; min-height: 250px;}
.leftforty {float: left; position: relative; width: 275px; margin: 10px 0 15px 5px; background-color: #f6f6f6; border: 1px solid #dcdbe0; padding: 5px 15px 15px 15px; height: 250px;}
html>body .leftforty {float: left; position: relative; width: 275px; margin: 10px 0 15px 9px; background-color: #f6f6f6; border: 1px solid #dcdbe0; padding: 5px 15px 15px 15px; height: auto; min-height: 250px;}
.fullwidth {width: 750px; float: left; position: relative; margin: 5px; height: 250px;}
html>body .fullwidth {width: 750px; float: left; position: relative; margin: 5px; height: auto; min-height: 250px;}

.leftsixty {float: left; width: 400px; margin: 10px 0 15px 5px; height: 250px;}
html>body .leftsixty {float: left; width: 400px; margin: 10px 0 15px 9px; height: auto; min-height: 250px;}
.rightforty {float: right; width: 275px; margin: 10px 0 15px 0; background-color: #f6f6f6; border: 1px solid #dcdbe0; padding: 5px 15px 15px 15px; height: 250px;}
html>body .rightforty {float: right; width: 275px; margin: 10px 0 15px 0; background-color: #f6f6f6; border: 1px solid #dcdbe0; padding: 5px 15px 15px 15px; height: auto; min-height: 250px;}

.rightfortyplain {float: right; width: 275px; margin: 10px 0 15px 0; background-color: #fff; padding: 5px 15px 15px 15px; height: 250px; text-align: center;}
html>body .rightfortyplain {float: right; width: 275px; margin: 10px 0 15px 0; background-color: #fff; padding: 5px 15px 15px 15px; height: auto; min-height: 250px; text-align: center;}

.terrier {background: url(../images/structure/terrier_back.gif) top center no-repeat #fff; width: 150px; height: 150px; margin: 0 auto; padding: 5px 5px 5px 5px; font-size: 0.85em;}
p.terrierp {float: left; position: relative; margin-bottom: 10px;}
span.terriers {width: 60px; float: left;}
span.terriersr {width: 90px; float: left;}
.terrier img {margin: 10px 0px 10px 22px;}

.imgcenter {margin: 0 auto; width: 160px; height: 120px;}

.leftforty p {padding: 0 5px 0 10px;}

ul#product li {margin-bottom: 5px;}
ul#boemore li {margin-bottom: 20px;}

table#boefeatures {margin-left: 100px; clear: both; border: 2px solid #000; width: 75%;}
table#boefeatures td {border-top: 1px solid #ccc; padding: 2px; margin: 2px; background: #eee;}
table#boefeatures thead tr th#desc {width: 350px;}
table#boefeatures thead tr th.feature {width: 80px; text-align: center; height: 15px; font-weight: normal;}
table#boefeatures tbody tr td.feature {text-align: center; background: #fff; border-left: 1px solid #ccc;}
table#boefeatures caption {display: none;}

/*
This menu was generated at http://www.13styles.com
code based on Stu Nicholls "ultimate dropdown menu"
http://www.cssplay.co.uk
*/
/*common styling*/
/*menu container*/
.menucontainer{background: #fff url(../images/bgOFF.gif) top left repeat-x;margin-left: 9px;}
/*basic menu styling*/
.menu {float:left;font-family: tahoma,arial,verdana,sans-serif;width:780px;position:relative;font-size:11px;font-weight:bold;
background:url(../images/bgOFF.gif) repeat-x; padding: 0; margin-bottom: -2px !important; z-index:5;}
html>body .menu {float:left;font-family: tahoma,arial,verdana,sans-serif;width:780px;position:relative;font-size:11px;font-weight:bold;
background:url(../images/bgOFF.gif) repeat-x; padding: 0; margin-bottom: 0;}
.menu ul {padding:0;margin:0;list-style-type:none;float:left;position:relative;}
.menu ul li {float:left;position:relative;display:inline;}
/*style of main items normal state*/
.menu ul li a, .menu ul li a:visited {float:left;display:block;text-decoration:none;color:#000;width:auto;color:#000;border:1px solid #fff;border-width:0 1px 0 0;padding:0px 16px 0px 16px;line-height:25px;}
* html .menu ul li a, .menu ul li a:visited {width:auto;width:auto;}
/*hide sub nav items*/
.menu ul li ul {display:none;}
/*style for table of sub nav items*/
table {margin:-1px;border-collapse:collapse;font-size:11px;}
/*specific to non IE browsers*/
/*main nav over state*/
.menu ul li:hover a {color:#fff;background:#ccc url(../images/bgON.gif) top left repeat-x;}
/*show drop-down list*/
.menu ul li:hover ul {display:block;position:absolute;top:24px;margin-top:1px;left:0;width:100%;border-top:1px solid #fff;}
/*drop-down on state*/
.menu ul li:hover ul li a {display:block;background:#A9A9A9;color:#000;height:auto;line-height:16px;padding:2px 16px 2px 16px;width:120px;}
/*sub drop-down over state*/
.menu ul li:hover ul li a:hover {background:#C3C969;color:#fff;}
/*
This menu was generated at http://www.13styles.com
code based on Stu Nicholls "ultimate dropdown menu"
http://www.cssplay.co.uk
*/
/*main nav over state*/
.menu ul li a:hover {color:#fff;background:#fff url(../images/bgON.gif) top left repeat-x;}
/*positioning for sub nav*/
.menu ul li a:hover ul {display:block;position:absolute;top:24px;left:0;background:#fff;margin-top:0;margin-top:1px;border-top:1px solid #fff;}
/*drop-down on state*/
.menu ul li a:hover ul li a {display:block;background:#A9A9A9;color:#000;height:auto;line-height:15px;padding:2px 16px 2px 16px;width:130px;width:120px;border-bottom:1px solid #fff;}
/*drop-down over state*/
.menu ul li a:hover ul li a:hover {background:#C3C969;color:#fff;}

#on, .on {color:#fff;background: url(../images/bgON.gif) top left repeat-x;}