/* body
----------------------------------------------- */
body {margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; background-color: #eae9e5; font-size: 100%; font-family: verdana, arial, helvetica, sans-serif;}
h1 {color: #000000; margin-top: 8px; margin-bottom: 0px; font-family: verdana, arial, helvetica, sans-serif; font-size: 120%; font-weight: bold;}
h2 {color: #000000; margin-top: 0px; margin-bottom: 0px; font-family: verdana, arial, helvetica, sans-serif; font-size: 100%; font-weight: bold;}
h3 {color: #000000; margin-top: 0px; margin-bottom: 0px; font-family: verdana, arial, helvetica, sans-serif; font-size: 10px; font-weight: bold;}
h4 {margin-top:0;margin-bottom:0; font-size:14px;}
h5 {color: #000000; margin-top: 0px; margin-bottom: 0px; font-family: verdana, arial, helvetica, sans-serif; font-size: 80%; font-weight: bold;}

/* header
----------------------------------------------- */
.navwrap {background: #999; border: 0; margin: 0; padding: 0; width: 100%;}
.navwrap th {background: #333;}
.navwrap tr {border: 0; margin: 0; padding: 0;}
.navwrap td {border: 0; margin: 0; padding: 0;}
.navwrap_top {vertical-align: top; width: 100%;}
td.navwrap_special {padding-left: 33px; color: #FFF; font-size: 120%; font-weight: bold; width: 100%;}
.navwrap_bottom {vertical-align: bottom; width: 100%;}
.sectionwrap {border: 0; margin: 0; padding: 0; width: 100%;}
.sectionwrap th {background: #333; width: 100%; height: 15px;}
.sectionwrap td.pad {padding: 4px;}
.sectionwrap td.pad_search {padding: 4px 5px 4px 4px;}
.sectionwrap td.pad_content {background: #EAE9E5; padding: 4px 7px 4px 7px;}
.menu_wrap {border: 0; margin: 0; padding: 0px;}
.menu_wrap td {padding: 3px;}
.search_wrap {border: 0; padding: 0px;}

/* structure
----------------------------------------------- */
div.homerotate {margin-left: 14px; width: 374px;}
table#main_feature {width: 100%; margin-top: 5px; height: 250px;}
table#main_feature td#image {width: 50%;}
table#main_feature td#info {padding: 0 12px 0 16px; width: 50%;}
/*  table.feature {background: #eae9e5; border-right: 2px solid #fff; border-bottom: 2px solid #fff; border-left: 4px solid #fff; font-family: verdana, arial, helvetica, sans-serif; font-size: 10px; margin: 0; padding: 0; width: 100%; height: 90px;} */
table.feature {border: 1px solid #eae9e5; font-family: verdana, arial, helvetica, sans-serif; font-size: 10px; margin-right: 4px; margin-bottom: 2px; margin-left: 4px; padding: 0; width: 276px;}
td.feature_image {background: #FFF; width: 85px;}
td.feature_info {background: #eae9e5; vertical-align: middle; padding: 1px 2px 2px 10px;}
table.newprodtable {margin-left:4px; width: 100%;}
td.newprod {background: #eae9e5; vertical-align: top; font-size: 10px;}
div.newproddiv {padding: 10px;}
td.newimage {width:199px;}

/* structure (product page - overall structure) */
table.product_wrap {width: 760px;}
table.product_wrap a:link {padding: 0;}
table.product_wrap a:visited {padding: 0;}
table.product_wrap a:hover {padding: 0;}
td.midcol {background: #FFF; padding: 0px 10px 10px 10px;}
td.sidecol {vertical-align: top; background: #FFF; width: 234px;}

/* structure (product page - product specifications) */
.detail_imgnav {background: #eae9e5; border-top: 1px solid #acacac; border-right: 1px solid #acacac; border-left: 1px solid #acacac; margin-bottom: 2px; color: black; font-family: verdana, arial, helvetica, sans-serif; font-size: 10px; font-weight: normal; width: 100%;}
.detail_imgnav td {padding: 6px;}
.detail_imgprod {background: #FFF; padding: 0px; border-right: 1px solid #eae9e5; border-bottom: 2px solid #FFF; border-left: 1px solid #eae9e5; width: 100%;}
.detail_imghead {background: #eae9e5; width: 100%;}
.detail_imghead td {padding-top: 18px; padding-bottom: 12px;}
.detail_prodtitle {background: #eae9e5; color: black; font-family: verdana, arial, helvetica, sans-serif; font-size: 10px; font-weight: normal; width: 100%;}
.detail_prodtitle td {padding: 6px 6px 0px 6px;}
.detail_prodspec {background: #eae9e5; border-bottom: 10px solid #eae9e5; color: black; font-family: verdana, arial, helvetica, sans-serif; font-size: 10px; font-weight: normal; width: 100%;}
.detail_prodspec td {padding: 0px 6px 0px 6px;}

/* structure (listing products) */
.product_header {background: #eae9e5; border-top: 1px solid #acacac; border-right: 1px solid #acacac; border-left: 1px solid #acacac; margin-bottom: 2px; font-family: verdana, arial, helvetica, sans-serif; font-size: 10px; font-weight: bold; width: 100%;}
.product_header td {padding: 6px;}
td#sidespace {width: 160px;}
#result {background: #fff; margin-bottom: 4px;}
td.list_desc {padding: 12px;}
td.list_spec {padding: 12px; width: 200px;}
td.list_mid_desc {padding: 12px; width: 380px;}
table.odd {background: #eae9e5; vertical-align: middle; padding: 0px; border: 1px solid #eae9e5; margin-bottom: 2px;}
table.even {background: #eae9e5 url(../graphics/45.gif) repeat; vertical-align: middle; padding: 0px;  border: 1px solid #eae9e5; margin-bottom: 2px;}
td.list_cost {text-align: right; font-weight: bold; padding: 12px;}
td.list_image {background: #fff; vertical-align: middle; text-align: center; width: 85px; height: 85px;}
td.side {width: 230px;}
table.odd {background: #eae9e5; vertical-align: middle; padding: 0px; font-size: 65%; border: 1px solid #eae9e5; margin-bottom: 2px; width: 100%;}
table.even {background: #eae9e5 url(../graphics/45.gif) repeat; vertical-align: middle; padding: 0px; font-size: 65%; border: 1px solid #eae9e5; margin-bottom: 2px; width: 100%;}
td.list_desc {padding: 12px;}
table.odd_designer {background: #eae9e5; padding: 0px; font-size: 65%; border: 1px solid #eae9e5; margin-bottom: 2px; width: 100%;}
table.even_designer {background: #eae9e5 url(../graphics/45.gif) repeat; padding: 0px; font-size: 65%; border: 1px solid #eae9e5; margin-bottom: 2px; width: 100%;}
td.image_designer {width: 90px;}
td.name_designer {padding: 12px; width: 120px;}
td.info_designer {padding: 12px;}
td.related_info {padding: 8px; color: black; font-family: verdana, arial, helvetica, sans-serif; font-size: 10px; font-weight: normal;}

/* structure (results list) */
td.itemlist_img {background: #FFF; vertical-align: middle; padding: 0px; width: 85px;}
td.itemlist_design {vertical-align: top; padding: 12px 12px 12px 15px; width: 180px;}
td.itemlist_desc {vertical-align: top; padding: 12px;}
td.itemlist_price {vertical-align: top; text-align: right; padding: 12px; font-weight: bold; color: #b72929; width: 80px;}

/* presentation lines
----------------------------------------------- */
hr {display: inline; border: 0; width: 100%;}
div.hr {background: url(../graphics/h_dot.gif) repeat-x scroll center; margin-top: 8px; margin-bottom: 8px; height: 1px; width: 100%;}
div.hr hr {display: none;}

/* system pages
----------------------------------------------- */
table.system {background: #eae9e5 url(../graphics/45.gif) repeat; margin-bottom: 5px; border: 0px; width: 100%;}
table.system tr.header td {padding: 12px 33px 4px 33px; color: #000; font-size: 120%; font-weight: bold;}
table.system td {padding: 8px 33px 8px 33px; color: black; font-family: verdana, arial, helvetica, sans-serif; font-size: 10px; font-weight: bold;}
table.system td.col_l {vertical-align: top; padding: 8px 0px 8px 33px; color: black; font-family: verdana, arial, helvetica, sans-serif; font-size: 10px; font-weight: normal;}
table.system td.col_r {padding: 8px 0px 8px 0px; color: black; font-family: verdana, arial, helvetica, sans-serif; font-size: 10px; font-weight: normal;}
table.system td.col_r_header {padding: 12px 0px 4px 0px; color: black; font-family: verdana, arial, helvetica, sans-serif; font-size: 120%; font-weight: bold;}
table.system td.col_r_footer {padding: 12px 0px 16px 0px; color: black; font-family: verdana, arial, helvetica, sans-serif; font-size: 10px; font-weight: normal;}
table.system td.left {padding: 4px 0px 4px 33px; color: black; font-family: verdana, arial, helvetica, sans-serif; font-size: 10px; font-weight: normal; width: 162px;}
table.system td.right {padding: 4px 33px 4px 6px; color: black; font-family: verdana, arial, helvetica, sans-serif; font-size: 10px; font-weight: normal;}
table.system td.full {padding: 4px 33px 4px 33px; color: black; font-family: verdana, arial, helvetica, sans-serif; font-size: 10px; font-weight: normal;}
table.system td.across {padding: 4px 33px 4px 0px; color: black; font-family: verdana, arial, helvetica, sans-serif; font-size: 10px; font-weight: normal;}
table.system tr.footer td.left {padding: 4px 0px 16px 33px; color: black; font-family: verdana, arial, helvetica, sans-serif; font-size: 10px; font-weight: normal; width: 162px;}
table.system tr.footer td.right {padding: 4px 33px 16px 6px; color: black; font-family: verdana, arial, helvetica, sans-serif; font-size: 10px; font-weight: normal;}
table.system tr.footer td.full {padding: 4px 33px 16px 33px; color: black; font-family: verdana, arial, helvetica, sans-serif; font-size: 10px; font-weight: normal;}
table.system input {font-size: 10px; border: 1px solid #999; margin-right: 2px; margin-left: 2px; background-color: #eae9e5;}
table.system input.white {border: 1px solid #3d3d3d; padding: 2px 4px 2px 4px; background-color: #FFF;}
table.system textarea {font-size:12px; border: 1px solid #999; margin-right: 2px; margin-left: 2px; background-color: #eae9e5;}
table.system ul {margin-left: 14px; margin-top: 2px; margin-bottom: 2px; margin-right: 14px; padding-left: 0px; list-style: square; list-style-position: outside; font-weight: regular; font-size: 100%;}
table.basket {background: #eae9e5 url(../graphics/45.gif) repeat; width: 100%;}
table.basket td {color: #000; font-family: verdana, arial, helvetica, sans-serif; font-size: 10px; font-weight: normal;}
table.basket tr.header td {padding: 12px 33px 4px 33px; font-size: 120%; font-weight: bold; width: 100%;}
table.basket tr.subheader td {padding: 8px 33px 8px 33px;}
table.basket tr.nav td.n_left {padding: 8px 8px 8px 33px; width: 40%;}
table.basket tr.nav td.n_mid {padding: 8px;}
table.basket tr.nav td.n_right {text-align: right; padding: 8px 33px 8px 8px;}
table.basket tr.title td.t_left {padding: 8px 8px 8px 33px; font-weight: bold;}
table.basket tr.title td.t_prod {padding: 8px 14px 8px 14px; font-weight: bold; width: 35%;}
table.basket tr.title td.t_mid {padding: 8px 14px 8px 14px; font-weight: bold;}
table.basket tr.title td.t_right {text-align: right; padding: 8px 33px 8px 8px; font-weight: bold;}
table.basket tr.item {background: #eae9e5;}
table.basket tr.item td.i_left {padding: 8px 8px 8px 33px;}
table.basket tr.item td.i_prod {padding: 8px 14px 8px 14px; width: 35%;}
table.basket tr.item td.i_mid {padding: 8px 14px 8px 14px;}
table.basket tr.item td.i_right {text-align: right; padding: 8px 33px 8px 8px;}
table.basket tr.cost td {background: #d2d1ce; text-align: right; padding: 8px 33px 4px 33px;}
table.basket tr.footer td {background: #d2d1ce; text-align: right; padding: 4px 33px 16px 33px;}
table.basket tr.empty td {padding: 16px 8px 16px 33px; font-weight: bold;}
table.basket input {font-size: 10px; border: 1px solid #999; margin-right: 2px; margin-left: 2px; background-color: #eae9e5;}
table.basket input.white {border: 1px solid #3d3d3d; padding: 2px 4px 2px 4px; background-color: #FFF;}
table.basket textarea {font-size:10px; border:1px solid #999; margin-right: 2px; margin-left: 2px; background-color: #eae9e5;}

/* text styles
----------------------------------------------- */
p {text-size: 100%; margin: 0px;}
.error {color: red; font-family: verdana, arial, helvetica, sans-serif; font-size: 10px; font-weight: bold;}
.cstext {color: #99ccff; font-family: verdana, arial, sans-serif; font-size: 10px; font-weight: bold; text-align: left;}
.price {font-weight: bold; color: #b72929; font-family: verdana, arial, helvetica, sans-serif; font-size: 10px;}
.title {color: #000000; margin-top: 8px; margin-bottom: 0px; font-family: verdana, arial, helvetica, sans-serif; font-size: 120%; font-weight: bold;}
.brandtitle {color: #000000; margin-top: 0px; margin-bottom: 0px; font-family: verdana, arial, helvetica, sans-serif; font-size: 100%; font-weight: bold;}
.dob {color: #000000; margin-top: 8px; font-family: verdana, arial, helvetica, sans-serif; font-size: 90%; font-weight: bold;}
.competition {color: #808080; font-family: verdana, arial, helvetica, sans-serif; font-size: 14px; font-weight: bold; text-align: justify;}
.ctext {color: #99ccff; font-family: verdana, arial, helvetica, sans-serif; font-size: 10px; font-weight: bold; text-align: left;}
.faq {color: #003399; font-family: verdana, arial, helvetica, sans-serif; font-size: 14px; font-weight: bold; text-align: left;}
.content {color: black; font-family: verdana, arial, helvetica, sans-serif; font-size: 10px; font-weight: normal;}
.footer {color: black; font-family: verdana, arial, helvetica, sans-serif; font-size: 10px; font-weight: normal;}
.desc {color: black; font-family: verdana, arial, helvetica, sans-serif; font-size: 10px; font-weight: normal;}
.on {color: #999999; font-family: verdana, arial, helvetica, sans-serif; font-size: 13px; font-weight: bold;}
.off {color: #cccccc; font-family: verdana, arial, helvetica, sans-serif; font-size: 13px; font-weight: bold;}
.heading {color: red; font-family: verdana, arial, helvetica, sans-serif; font-size: 13px; font-weight: bold;}
.wtext {color: #ffffff; font-family: verdana, arial, helvetica, sans-serif; font-size: 10px; font-weight: normal;}
#result_nav {font-size: 65%; padding: 7px 0 8px 12px; font-weight: bold; width: 100%;}
#result_filter {background: #eae9e5; padding: 5px 0 5px 12px; font-weight: bold; width: 100%;}
/* Frank's additional text styles */
.click_here {font-weight: bold; color: #b72929; font-family: verdana, arial, helvetica, sans-serif; font-size: 10px;}
tr.website {display: none;}

/* lists
----------------------------------------------- */	
ul {margin-left: 14px; margin-top: 3px; margin-bottom: 3px; padding-left: 0; list-style-type: disc; font-family: verdana, arial, helvetica, sans-serif; font-weight: normal; font-size: 100%; line-height: 120%;}
ul.spacing li {margin-bottom: 5px;}

/* forms
----------------------------------------------- */
form {margin-bottom: 0px; border:0px solid #99cc99;}
input {font-size:10px; border:1px solid #3D3D3D; margin-right: 2px; margin-left: 2px; background-color: #eae9e5;}
select {font-size:10px;	border:1px solid #3D3D3D;}
textarea {font-size:10px; border:1px solid #000; margin-right: 2px; margin-left: 2px; background-color: #eae9e5;}
textarea.fixedwidth { width:300px; }
input.fixedwidth { width:300px; }

/* links
----------------------------------------------- */
a:link {color: #3d3d3d; padding: 0; font-size: 100%; text-decoration: none;}
a:visited {color: #3d3d3d; padding: 0; font-size: 100%; text-decoration: none;}
a:hover {color: #eae9e5; background: #3d3d3d; padding: 0; font-size: 100%; text-decoration: none;}
.heading a:link {color: #3d3d3d; text-decoration: none;}
.heading a:active {color: #3d3d3d; text-decoration: none;}
.heading a:visited {color: #3d3d3d; text-decoration: none;}
.heading a:hover {color: #eae9e5; background: #3d3d3d; font-family: verdana, arial, helvetica, sans-serif; font-weight: bold; text-decoration: underline;}
.desc a:link {color: #3d3d3d; text-decoration: none;}
.desc a:active {color: #3d3d3d; text-decoration: none;}
.desc a:visited {color: #3d3d3d; text-decoration: none;}
.desc a:hover {color: #eae9e5; background: #3d3d3d; text-decoration: none;}
.wtext a:link {color: #fff; font-family: verdana, arial, helvetica, sans-serif; font-size: 10px; text-decoration: none;}
.wtext a:active {color: #fff; text-decoration: none;}
.wtext a:visited {color: #fff; text-decoration: none;}
.wtext a:hover {color: #fff; background: #999; text-decoration: underline;}
#result_nav a:link {padding: 0;}
#result_nav a:visited {padding: 0;}
#result_nav a:hover {padding: 0;}
a.continue:link {color: #000; border:1px solid #3D3D3D; background: #FFF; padding: 2px 4px 2px 4px; font-weight: normal; font-size: 100%; text-decoration: none;}
a.continue:visited {color: #000; border:1px solid #3D3D3D; background: #FFF; padding: 2px 4px 2px 4px; font-weight: normal; font-size: 100%; text-decoration: none;}
a.continue:hover {color: #000; border:1px solid #3D3D3D; background: #eae9e5; padding: 2px 4px 2px 4px; font-weight: normal; font-size: 100%; text-decoration: none;}
.itemlist_price a:link {color: #b72929; text-decoration: none;}
.itemlist_price a:active {color: #b72929; text-decoration: none;}
.itemlist_price a:visited {color: #b72929; text-decoration: none;}
.itemlist_price a:hover {color: #eae9e5; background: #3d3d3d; font-family: verdana, arial, helvetica, sans-serif; font-weight: bold; text-decoration: underline;}
a.learnmore:link { color: #0023A0; background-color:#FFF; text-decoration: none; font-size:9px; line-height:9px;}
a.learnmore:active { color: #0023A0; background-color:#FFF; text-decoration: none; font-size:9px; line-height:9px;}
a.learnmore:visited { color: #0023A0; background-color:#FFF; text-decoration: none; font-size:9px; line-height:9px;}
a.learnmore:hover { color: #0023A0; background-color:#FFF; text-decoration: none; font-size:9px; line-height:9px;}
a.sys:link { color: #0023A0; background:none; text-decoration: none; font-size:9px; line-height:9px;}
a.sys:active { color: #0023A0; background:none; text-decoration: none; font-size:9px; line-height:9px;}
a.sys:visited { color: #0023A0; background:none; text-decoration: none; font-size:9px; line-height:9px;}
a.sys:hover { color: #0023A0; background:none; text-decoration: none; font-size:9px; line-height:9px;}

/* trade
----------------------------------------------- */
table.project {background: #FFF; padding: 0; margin-bottom: 20px; text-align: left; width: 100%; height: 255px;}
table.project td.pic-l {padding: 0; width: 316px;}
table.project td.pic-r {padding: 0; width: 100%;}

/* misc
----------------------------------------------- */
.note {margin-bottom: 4px;}
.note_top {background: #eae9e5; vertical-align: middle; border-top: 1px solid #acacac; border-right: 1px solid #acacac; border-left: 1px solid #acacac; font-size: 65%; text-align: center; padding: 4px; width: 160px;}
.note_bottom {background: #fff; vertical-align: middle; border-right: 1px solid #acacac; border-left: 1px solid #acacac; border-bottom: 1px solid #acacac; font-size: 65%; text-align: center; padding: 7px 0 7px 0; width: 160px;}
.noteboth {background: #fff; vertical-align: middle; text-align:center; padding: 2px 0 0 0;}
.noteboth3 {background: #fff; vertical-align: middle; text-align:center; padding: 2px 0 0 0;}
.noteLM {background: #fff; vertical-align: middle; text-align:center; padding: 0 0 3px 0;}
table.noteboth2 {background: #fff; vertical-align: middle; border-top: 1px solid #acacac; border-right: 1px solid #acacac; border-left: 1px solid #acacac; border-bottom: 1px solid #acacac; font-size: 65%; text-align: center; padding: 7px 0 7px 0; width: 100%;}

.snoteboth {background: #eae9e5 url(../graphics/45.gif); vertical-align: middle; text-align:center; padding: 0px; width:70px;}
.snoteboth3 {background: #eae9e5 url(../graphics/45.gif); vertical-align: middle; text-align:center; padding: 0ox; width:70px;}
.snoteLM {background: #eae9e5 url(../graphics/45.gif); vertical-align: middle; text-align:center; padding: 0px;}
table.snoteboth2 {background: #eae9e5 url(../graphics/45.gif); padding:0px ; width: 160px;}
.sysright {text-align:right; vertical-align:top; width:160px;}

td#christmas {background: url(../images/christmas-header.gif); color: #FFF; padding:7px 15px 7px 15px; font-size: 10px;}
td#christmas p.bold {color:#FFF;font-size:15px;font-weight:bold;}

div.div404 {background: #333; color: #FFF; font-size: 11px; padding: 4px 0 14px 14px; margin: 0 0 5px 0;}
div.div404 h1 {color: #FFF;}

/* Review CSS */
td.greybg {background-color:#eae9e5; padding: 6px; font-family: verdana, arial, helvetica, sans-serif; font-size: 10px;}
td.whitebg {background-color:#FFFFFF; border:1px solid #eae9e5; padding: 6px; font-family: verdana, arial, helvetica, sans-serif; font-size: 10px;}