/* ----------------------- SPECIAL FONTS -----------------------------*/
@font-face {   font-family: 'Skia-Reg'; src: url('type/skiaregu.eot'); src: local('skia'), url('type/skiaregu.ttf') format('truetype');   }
@font-face {   font-family: 'Bask-Reg'; src: url('type/newbaskervillestd_roman.eot'); src: local('new baskerville roman'), url('type/newbaskervillestd_roman.ttf') format('truetype');   }
@font-face {   font-family: 'Bask-Bold'; src: url('type/newbaskervillestd_bold.eot'); src: local('new baskerville bold'), url('type/newbaskervillestd_bold.ttf') format('truetype');   }
@font-face {   font-family: 'Zap-Reg'; src: url('type/zapfino.eot'); src: local('Zapfino'), url('type/zapfino.ttf') format('truetype');   }
@font-face {   font-family: "myr_reg-reg"; src: url("type/MyriadPro-Regular.eot"); src: local("Myriad Pro Regular"),  url("type/MyriadPro-Regular.ttf")  format("truetype");   }
@font-face {   font-family: "myr_reg-cond"; src: url("type/MyriadPro-Cond.eot"); src: local("Myriad Pro Condensed"),  url("type/MyriadPro-Cond.otf")  format("opentype");   }
@font-face {   font-family: "myr_bold-reg"; src: url("type/MyriadPro-Bold.eot"); src: local("Myriad Pro Bold"),  url("type/MyriadPro-Bold.otf")  format("opentype");   }
@font-face {   font-family: "myr_semi-cond"; src: url("type/MyriadPro-SemiboldCond.eot"); src: local("Myriad Pro Semibold Condensed"),  url("type/MyriadPro-SemiboldCond.otf")  format("opentype");   }


/* ----------------------- LAYOUT -----------------------------*/
html, body {   margin:0; padding:0; height:100%; width: 100%; font-family:Arial, sans-serif; font-size:10px; line-height:12px; color:#f4f8fc;   }
#shadow {   width:100%; padding: 0; margin: 0; background-color: #f4f8fc; background-image: url(images/shadow_02.jpg); background-repeat: repeat-y; background-position: center; font-family:Arial, sans-serif;   }
#top_image {   background: url(images/shadow_01.jpg) no-repeat center top; width: 100%; height:100%; padding:0; margin:0; display:table;   }
#top_image-home {   width: 100%; height:700px; display: table; background-image: url(images/home-bg.jpg); background-repeat: no-repeat; background-position: center top;   }
#top_image-flash {   width: 100%; height:700px; display: table; background-image: url(images/flash-bg.jpg); background-repeat: no-repeat; background-position: center top;   }
#footer {   text-align: left; color: #666; font-size: 10px; padding: 2px; height: 50px; vertical-align: middle; text-decoration: none; float: left; line-height: 50px;   }
#footer a {   color: #666; text-decoration: none; font-weight:bold;   }
a {   color:inherit;   }
a:hover {   border-top-style: none; border-right-style: none; border-left-style: none; border-bottom-width: 0px; border-bottom-style: solid; border-bottom-color: inherit; text-decoration:none;   }
a:visited {   color:#003;   }
a.ie_quick {   font-family: Arial, sans-serif; font-size: 9px; line-height: 10px; font-weight: normal; text-transform: capitalize; color: #FFF; text-decoration: none; text-align: center; width:100%; margin:2px;   }
a.ie_quick:hover {   font-family: Arial, sans-serif; font-size: 9px; line-height: 10px; font-weight: normal; text-transform: capitalize; color: #666; text-decoration: none; text-align: center; width:100%; border:0px; margin:2px;   }


/* ----------------------- TEXT -----------------------------*/
td, input, select, textarea {   font-size: 10pt; font-weight: normal; color: #2a3b6f;   }
sup {   vertical-align: baseline; font-size: 0.8em; position: relative; top: -0.4em; margin-right: 0.125em;   }
sub {   vertical-align: baseline; font-size: 0.8em; position: relative; bottom: -0.4em; margin-right: 0.125em;   }
p {   font-family: Arial, sans-serif; font-size: 14px; line-height: 18px; font-weight: normal; color: #666; text-align: justify; width:100%; margin:2px; padding: 4px 0 0 0;   }
.reg_bullets {   font-family:Arial, sans-serif; margin:2px; padding:5px; color:#333;   }
ul.reg_bullets li {   padding: 2px 0px 2px 10px; list-style-type: none; font-size: 13px; line-height: 18px; background-image: url(images/fly.png); background-repeat: no-repeat; background-position: left top;   }
ol.reg_bullets li {   padding: 2px 4px 2px 4px; list-style-type: decimal; font-size: 13px; line-height: 18px; list-style-position: inside;   }
h1 {   font-family: Arial, sans-serif; font-size: 20px; line-height: 26px; font-weight: bold; color: #fb8d34; text-align: left; width:100%; margin:2px; text-transform:uppercase;   }
h2 {   font-family: Arial, sans-serif; font-size: 16px; line-height: 18px; font-weight: bold; color: #2a3b6f; text-align: left; width:100%; margin:0; padding:12px 0 0 0;   }
h4 {   font-family: Arial, sans-serif; font-size: 16px; line-height: 18px; font-weight: bold; color: #fb8d34; text-align: left; width:100%; margin:0; padding:12px 0 0 0;   }
h3 {   font-family: 'Zap-Reg', Arial, sans-serif; color:#fb8d34; font-size:18px; height:14px; line-height:18px; z-index:100; display:block; padding-top:25px;   }
h6 {   font-family: Arial, sans-serif; font-size: 11px; line-height: 14px; font-weight: normal; color: #333; text-align: left; width:100%; margin:2px; padding-top: 4px;   }
#frame {   background-color:#FFF;   }
#frame .tt {   background-image:url(images/box_02.jpg); background-repeat:repeat-x; background-position:bottom;   }
#frame .tb {   background-image:url(images/box_08.jpg); background-repeat:repeat-x; background-position:top;   }
#frame .tl {   background-image:url(images/box_04.jpg); background-repeat:repeat-y; background-position:right;   }
#frame .tr {   background-image:url(images/box_06.jpg); background-repeat:repeat-y; background-position:left;   }
.tableHead {   font-size: 10px; color: #FFF; background-color: #333; font-weight: bold; text-align: center; font-family:Arial, sans-serif; white-space:nowrap;   }
.tableQty {   font-size: 12px; color: #000; text-align: center; border:1px solid #ddd; font-family:Arial, sans-serif; white-space:nowrap;   }
.tableDesc {   font-size: 12px; color: #000; border:1px solid #ddd; font-family:Arial, sans-serif; white-space:nowrap;   }
.tableValue {   font-size: 12px; color: #000; text-align: right; border:1px solid #ddd; font-family:Arial, sans-serif; white-space:nowrap;   }
.begin {   font-weight:bold; text-transform:uppercase;   }
.section_title {   font-size: 12px; text-transform: uppercase; color: #91bed4; margin-top: 10px; margin-bottom: 4px; font-family: 'Skia-Reg', Arial, sans-serif;   }
.section_title a {   text-decoration: none; color: #2a3b6f;   }
.dropdown {   font-size: 11pt; font-weight: normal; font-style: normal; color: #999999; text-decoration:none;   }
#logo a:hover {   border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px;   }
.brandTitle {   font-family:myr_reg-cond, Arial; font-size:38px; color:#000;padding-bottom: 10px;   }
.brandSub {   font-family:myr_reg-cond, Arial; font-size:16px; line-height:22px; color:#2a3b6f;   }
.brandBody {   font-size:12px; line-height:15px; color:#000; padding:0px;   }
.brandBody em {   font-weight:bold; text-transform:uppercase; font-style:normal;   }


/* ----------------------- CSS SAVES -----------------------------*/
#saves_money {   margin-top:15px; background-image:url(images/saves_01.png); background-position:top center; background-repeat:no-repeat; width:375px; height:30px; text-align:center; font-family: Arial, sans-serif; font-size:25px; line-height:30px; font-weight:bold; color:#ba5b49;   }
#saves_money .pad {   padding-left:68px;   }
#saves_env .pad {   padding-right:120px;   }
#saves_env {   margin-bottom:15px; background-image:url(images/saves_02.png); background-position:top center; background-repeat:no-repeat; width:375px; height:30px; text-align:center; font-family: Arial, sans-serif; font-size:25px; line-height:30px; font-weight:bold; color:#ba5b49;   }


/* ----------------------- TABLES -----------------------------*/
.table_head {   font-family: Arial, sans-serif; font-size:10px; line-height:13px; font-weight:bold; color:#2a3b6f; background-color:#91bed4; text-align: center;   }
.table_body {   font-family: Arial, sans-serif; font-size:10px; line-height:15px; font-weight:normal; color:#333;   }
.table_body-left {   font-family: Arial, sans-serif; font-size:10px; line-height:13px; font-weight:normal; color:#333; text-align:right;   }
.table_body-right {   font-family: Arial, sans-serif; font-size:11px; line-height:13px; font-weight:bold; color:#2a3b6f; text-align:left;   }


/* ----------------------- CSS BUTTONS -----------------------------*/
#blue-btn100 { background-image: url(images/button-blue_02.jpg); background-repeat: repeat-x; background-position: center center; text-align: center; font-size: 16px; font-weight:bold; line-height: 30px; color: #FFF; margin-right: 6px; margin-left: 6px; width: 100px;   }
#blue-btn100 a {   text-decoration:none; color:#FFF;   }
#blue-btn100 .left_side {   background-image: url(images/button-blue_01.jpg); background-repeat: no-repeat; background-position: left; width:5px; float:left;   }
#blue-btn100 .right_side {   background-image: url(images/button-blue_03.jpg); background-repeat: no-repeat; background-position: right; width:5px; float:right;   }
.self_registration{float:right;display:block;position:absolute;margin-left: 500px;margin-top:20px; }
.btnlogin{float:left;display:block;position:absolute;margin-left:200px;margin-top:20px; }


#sky-btn100 {   background-image: url(images/button-sky_02.jpg); background-repeat: repeat-x; background-position: center center; text-align: center; font-size: 14px; font-weight:normal; line-height: 30px; color: #FFF; margin-right: 6px; margin-left: 6px; width: 100px;   }
#sky-btn100 a {   text-decoration:none; color:#2a3b6f;   }
#sky-btn100 .left_side {   background-image: url(images/button-sky_01.jpg); background-repeat: no-repeat; background-position: left; width:5px; float:left;   }
#sky-btn100 .right_side {   background-image: url(images/button-sky_03.jpg); background-repeat: no-repeat; background-position: right; width:5px; float:right;   }


/* -----------------------  FORMATTING -----------------------------*/
#top-menu {   height: 24px; margin-top: 10px; margin-bottom: 10px; vertical-align: middle; text-align: left; color: #fb8d34; font-size: 11px; text-transform: uppercase; line-height: 24px; border-bottom: 0px solid #ccc; padding-left: 160px; overflow: hidden; padding-top: 3px; padding-right: 3px; padding-bottom: 3px;   }
#top-menu a {   color: #fb8d34;   }
#cart {   float:right; text-align: right;   }
#cart a {   color: #fb8d34;   }
#product-detail-area {   width:100%; background-image:url(images/horiz_blue.png); background-repeat: no-repeat; background-position: center 100px; height: 270px;   }
.product-photo {   margin: 5px; width: 260px; float: left; font-size: 10px; text-align: center; line-height: 10px; color: #000; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; height: 270px; padding-left: 30px;   }
.product-photo img:hover {   border-bottom-style: none; font-weight:bold;   }
.product-photo a {   color:#2a3b6f;   }
#product-info {   margin-top: 5px; height: 270px; margin-bottom: 5px; margin-left: 1px;   }
.product-title {   color: #000; font-size: 24px; font-family: Arial, sans-serif; padding-bottom:10px;   }
.product-sub {   color: #000; font-size: 14px; font-weight: bold;   }
.product-item {   color: #666; font-size: 11px; padding-top: 2px; padding-bottom: 5px;   }
.product-msds {   padding-top: 0px; font-size: 10px; color: #000;   }
.product-msds a {   font-size: 20px; color: #C00; font-weight: bold; text-decoration: none;   }
#shopping-info {   color: #333; float: right; height: 200px; font-size: 16px; width: 170px; margin-right: 35px;   }
#shopping-info td.green {   padding:3px; background: url(images/green_grad.jpg) repeat-y top right;   }
#suggestions-area table tr td a:hover {   border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none;   }
#shopping-info td.red {   padding:3px; background: url(images/red_grad.jpg) repeat-y top right;   }
#tab-area {   }
.js1 {   background-image: url(images/info-tabs_white.png); color:#2a3b6f;   }
.js2, .js3, .js4, .js5 {   background-image: url(images/info-tabs_blue.png); color:#fff;   }
#tab-area .js1, .js2, .js3, .js4, .js5 {   background-repeat: no-repeat; background-position: right top; padding-right: 5px; padding-left: 20px; text-transform: uppercase; height:30px; line-height:30px; text-align:center; font-size: 12px;   }
#tab-area a {   text-decoration:none;   }
#tab-area .text {   border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-right-color: #2a3b6f; border-bottom-color: #2a3b6f; border-left-color: #2a3b6f; padding:5px;   }
.iframe {   }
#suggestions-area {   }
.thumb_title {   padding:4px; line-height:12px; margin:0; font-weight:bold; vertical-align: middle;
*/; text-align: center;   }
.thumb_title a {   text-align: center; color: #2a3b6f; font-size: 11px; text-align: center; text-decoration: none;   }
.thumb_title a:hover {   text-decoration: none; border:none;   }
.thumb_item {   font-size: 10px; color: #2a3b6f; text-align: center; vertical-align: top; padding: 1px;   }
.thumb_desc {   font-size: 10px; color: #000; text-align: center; padding-bottom: 3px; font-weight:normal;   }
.thumb_price {   font-size: 10px; font-weight:bold; /*	color: #fb8d34;
*/	color: #000; text-align: center; padding-bottom: 3px;   }
.thumb_detail {   font-size: 10px; color: #000; text-align: center; background-color:#dddddd; padding:1px; font-weight:normal; line-height: 14px;   }
.thumb_add {   padding-top:2px;   }
.thumb_add a {   font-size: 9px; color: #666; text-align: center; font-weight:normal; text-decoration:none; line-height:11px;   }
.item_detail {   font-size: 9px; color: #333; background-color: #CCC; text-align: center; padding: 1px; line-height:11px; border-top-width: 1px; border-top-style: solid; border-top-color: #FFF;   }
#category_area {   border: 1px none #91bed4;   }
#category_menu ul {   margin: 0px; padding: 2px;   }
#category_menu ul li {   font-size: 11px; line-height: 14px; color: #fb8d34; list-style-position: inside; list-style-image: none; list-style-type: none; padding: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 2px;/*	list-style-type: circle; list-style-position: inside; list-style-image: url(images/red_bullet.png);*/}
#category_menu a {   text-decoration:none;   }
#category_menu ul li ul .gray a {   color: #333; list-style-image: none; list-style:none; list-style-type:none; margin-left: 8px;   }
#category_menu ul li a {   color: #2a3b6f;   }
.menu-section_title {   font-size: 11px; text-transform: uppercase; color: #2a3b6f; margin-top: 3px; font-weight: bold; text-decoration: none; border:0px;   }
.menu-section_title a {   text-decoration: none; color: #333;   }
.category_header {   margin-right: 4px; margin-bottom: 10px; margin-left: 4px;   }
.category_page-nav {   font-size:12px; text-decoration:none; font-weight:normal; color:#CCC; text-align:center;   }
.category_page-nav a {   font-size:12px; text-decoration:none; font-weight:bold; color:#999; text-align:center; font-family: 'Skia-Reg', Arial, sans-serif;   }
.category_page-nav a:hover {   font-size:12px; text-decoration:none; font-weight:bold; color:#000; text-align:center;   }
a.thumb_hidden {   text-decoration:none; border:0px;   }
a.thumb_hidden div {   /*	color: #fff; font-size:11px; font-weight:bold; line-height:14px; text-decoration:none; border:0px; */	visibility:hidden;   }
a.thumb_hidden:hover div {   /*	background-color:#fb8d34; color: #fff; font-size:11px; font-weight:bold; line-height:14px; text-decoration:none; border:0px; */	position:relative; bottom:60px; visibility:visible;   }
a.middle_nav {   font-size:12px; color:#2a3b6f; text-decoration:none;   }
a.middle_nav_ {   font-size:10px; color:#2a3b6f; text-decoration:none;   }