/******** palette ********
1a2073 dark blue
e3e4ed light blue-grey
f1f2f6 lightest blue-grey
bbbbbb mid grey
fffef2 light cream
dd2e27 bright red
2333c2 bright blue
b27b00 mustard
255c00 bright green
**************************/

img, div { behavior: url(lib/iepngfix/iepngfix.htc) } /* IE png fix */
html,body{ font-size: 12px ; font-family: arial, sans-serif ; }
a{ color: #1a2073 ; text-decoration: underline ; }
.page_content a:visited{ color: #6D1A74 ; }
h1,h2,h3,h4{ font-weight: bold ; }
h2,h3,h4{ margin: 10px 0 10px 0 ; }
h1{ font-size: 18px ; color: white ; margin: 0 0 6px 0 ; }
h2{ font-size: 16px ; }
h3{ font-size: 14px ; }
h4{ font-size: 12px ; }
p{ margin: 10px 0 ; }
table{ border-spacing: 0 ; border-collapse: collapse ; }
td.r,th.r{ text-align: right ; }
.chart{ border: 1px solid #ddd ; }
.chart tr.alt{ background-color: #F6F6F9 }
.chart th, .chart td{ padding: 5px ; border: 1px solid #bbb ; }
.chart th{ font-weight: bold ; background-color: #e3e4ed ; vertical-align: bottom ; }
a img{ border: none ; }

/******** layout ********/
html{ background: #ecece4 url(images/background-gradient.jpg) repeat-x top left ; }
body{ margin: 0 ; }
#layout_container{ width: 1000px ; margin: 0px auto ; background-image: url(images/background-shadow.png) ; overflow: hidden ; }
#layout{ background: url(images/layout.jpg) no-repeat top left ; }

#header{ position: relative ; height: 167px ; }
#header #header_info{ position: absolute ; top: 30px ; right: 15px ; }
#header #header_address{ color: #1a2073 ; font-weight: bold ; font-size: 14px ; }
#header #header_phone{ color: #dd2e27 ; font-weight: bold ; font-size: 28px ; }
#header #header_link{ position: absolute ; top: 30px ; left: 336px ; width: 332px ; height: 101px ; }
#header #product_search{ position: absolute ; bottom: 25px ; right: 15px ; }
#header #product_search input{ font-size: 90% ; }

#main{ overflow: hidden ; width: 100% ; }

#sidebar{ float: left ; margin: 10px 0 0 30px ; width: 211px ; padding-bottom: 100px ; display: inline ; /*ie6*/ }
#sidebar a{ border-bottom: 1px dotted #7f7f7f ; padding: 3px 0 3px 0 ; display: block ; padding: 6px 0 6px 17px ; font-weight: bold ; text-decoration: none ; zoom: 1 ; /*ie6*/ }
#sidebar a:hover{ color: #dd2e27 ; }
#sidebar .nav, #sidebar .nav ul, #sidebar .nav li{ list-style-type: none ; margin: 0 ; padding: 0 ; }
#sidebar .nav a.last{ border-bottom: none ; }
#sidebar .nav li li{ padding: 0 ; }
#sidebar .nav li li a{ padding: 3px 0 3px 32px ; font-weight: normal ; border: none ; }
#sidebar .nav a.current{ color: #dd2e27 ; background: transparent url(images/arrow.gif) no-repeat 2px 9px ; }
#sidebar .nav li li a.current{ background-position: 20px 6px ; }
#sidebar ul.catalog_nav{ margin-top: 15px ; }
#sidebar .sidebar_snippet{ padding: 15px ; }

.breadcrumbs{ margin: 0 0 15px 0 ; }
.breadcrumbs a:visited{ color: #1a2073 ; }

#content{ width: 715px ; padding: 0 0 25px 0 ; margin-right: 18px ; float: right ; display: inline ; /*ie6*/ }
.page_content{ padding: 15px ; background-color: white ; overflow: hidden ; zoom: 1 ; }

#footer{ clear: both ; margin: 35px 8px 0 8px ; background-color: #e3e4ed ; padding: 8px ; height: 38px ; }
#footer a{ text-decoration: none ; color: black ; }
#footer_links{ float: right ; }
#footer_copyright{ float: left ; }

/******** home ********/
.home{ background: url(images/home-blue-bar.gif) no-repeat 257px 275px ; }
                                                
.home h1{ margin: 0 ; }              
.home .breadcrumbs{ display: none ; }
.home .page_content{ padding: 0 ; background-color: transparent ; }

.home #tier1{ margin: 8px 0 0 0 ; overflow: hidden ; }
.home #tier1 .category{ width: 174px ; height: 227px ; background: transparent url(images/thumb-background.png) no-repeat ; float: left ; display: inline ; /*ie6*/ }
.home #tier1 .title{ display: block ; font-size: 14px ; font-weight: bold ; padding: 10px 15px 0 15px ; height: 18px ; }
.home #tier1 .description{ font-size: 10px ; margin: 0 0 0 15px ; width: 132px ; height: 32px ; }
.home #tier1 .piclink{ margin: 0px auto ; display: block ; width: 118px ; height: 135px ; background-color: white ; background-position: center center ; background-repeat: no-repeat ; }
.home #tier1 .click{ color: white ; text-decoration: none ; display: block ; margin-top: 6px ; height: 14px ; width: 72px ; padding-left: 4px ; font-size: 10px ; font-weight: bold ; background-color: transparent ; background-position: top left ; background-repeat: no-repeat ; }
.home #tier1 .cat1 .title{ color: #dd2e27 ; }
.home #tier1 .cat2 .title{ color: #2333c2 ; }
.home #tier1 .cat3 .title{ color: #b27b00 ; }
.home #tier1 .cat4 .title{ color: #255c00 ; }
.home #tier1 .cat1 .click{ background-image: url(images/click-here-red.png) ; }
.home #tier1 .cat2 .click{ background-image: url(images/click-here-blue.png) ; }
.home #tier1 .cat3 .click{ background-image: url(images/click-here-yellow.png) ; }
.home #tier1 .cat4 .click{ background-image: url(images/click-here-green.png) ; }

.home #tier2{ margin: 30px 0 0 0 ; overflow: hidden ; }
.home #tier2 h1{ margin-bottom: 8px ; }
.home #tier2 .category{ width: 174px ; height: 227px ; margin-right: 6px ; background: transparent url(images/thumb-background.png) no-repeat ; float: left ; display: inline ; /*ie6*/ }
.home #tier2 .piclink{ margin: 45px auto 0 auto ; display: block ; width: 130px ; height: 135px ; background-color: white ; background-position: center center ; background-repeat: no-repeat ; }

.home #tier3{ margin: 34px 0 0 0 ; overflow: hidden ; }
.home #tier3 .box1{ width: 248px ; height: 237px ; float: left ; display: inline ; /*ie6*/ }
.home #tier3 .box2{ width: 460px ; height: 237px ; float: left ; display: inline ; /*ie6*/ margin-left: 6px ; }
.home #tier3 .category .content{ padding: 10px ; }
.home #tier3 .home_gallery_frame{ height: 227px ; padding: 5px ; background-color: #1A2074 ; -moz-border-radius: 5px ; -webkit-border-radius: 5px ; border-radius: 5px ; behavior: url(/lib/ie-css3.htc) ; z-index: 999 ; position: relative ; }
.home #tier3 .home_gallery_snipper{ height: 227px ; overflow: hidden ; }

.home #tier4{ margin: 34px 0 0 0 ; overflow: hidden ; border: 1px solid black ; border-width: 1px 0 1px 0 ; padding: 15px ; }

/******** product view ********/

.product_view .col1{ width: 200px ; float: left ; padding-right: 20px ; }
.product_view .col2{ width: 400px ; float: left ; }
.product_view .description,
	.product_view .manufacturer,
	.product_view .title{ margin: 0 0 10px 0 ; }
.product_view .title{ font-weight: bold ; }
.product_view .ordering{ margin: 0 0 10px 0 ; padding: 6px ; border: 1px solid black ; background-color: #e4ffe0 ; }
.product_view .picframe{ width: 180px ; padding: 10px ; border: 1px solid #bbb ; text-align: center ; }
.product_view .picframe img{ display: block ; margin-top: 10px ; }
.product_view .picframe img.first{ margin-top: 0 ; }
.product_view .data_container{ width: 465 ; overflow: auto ; padding: 1px ; }

/******** product list ********/
#product_list em{ font-weight: normal ; background-color: #f3ffa0 ; }
#product_list a em{ text-decoration: underline ; }
#product_list a{ text-decoration: none ; }
#product_list .thumb{ display: block ; width: 50px ; height: 20px ; background-position: center center ; background-repeat: no-repeat ; border: 1px solid #BBBBBB ; }
#product_list .subcategory_list a{ display: block ; }
#product_list .subcategory_list a .product_count{ color: #bbb ; text-decoration: none ; }
#product_list .chart a:hover{ text-decoration: underline ; }
#product_list .subcategory_list a:hover .product_count{ color: black ; }

/******** chart display ********/
#chart_display .description{ margin: 10px 0 ; }
#chart_list td{ padding: 5px ; }
#chart_list td a{ text-decoration: none ; }

/******** quote request form ********/
.quote_request input[type=text]{ width: 300px ; }
.quote_request textarea{ width: 300px ; height: 150px ; }

/******** feedback ********/
.errors{   border: 2px solid red ; background-color: #fff ; color: red ; }
.messages{ border: 2px solid #209c1a ; background-color: #fff ; color: #209c1a ; }
.errors,.messages{ margin: 10px 0 ; padding: 6px 6px 6px 20px ; clear: both ; }
.errors li, .messages li{ list-style-type: disc ; margin: 0 ; padding: 0 0 0 0 ; background-image: none ; }