/* set default formatting */
div,p,h1,h2,h3,h4,h5,h6,ul,ol,li,form,img { margin: 0; padding: 0; border:0; text-align:left;}
body { font: 0.725em  Verdana, Arial, Helvetica, sans-serif; color: #666; margin: 0; padding: 0; text-align: center; background: #fff; }

a { color: #666; text-decoration: none; font-weight:bold; }
a:hover { color: #333; text-decoration: underline; }
a:active, a:focus { outline: 0; }

/* General Classes */
h2.title { padding: 10px 10px 15px 0; width:420px; }
p { padding: 0; line-height: 150%; margin:0 0 15px 0; }
ul { margin: 0 0 10px 15px; }
ol { margin: 0 0 0 15px; }
img { margin:5px 10px 5px 5px ; }

h1 { font: 220% Verdanna, Arial, Helvetica, sans-serif; color: #666; letter-spacing: 0; margin: 0; font-weight:bold; }
h2 { font: 200% Verdanna, Arial, Helvetica, sans-serif; color: #666; letter-spacing: 0; margin: 0; font-weight:bold; }
h3 { font: 150% Verdanna, Arial, Helvetica, sans-serif; color: #666; letter-spacing: 0; margin: 0; font-weight:bold; }
h4 { font: 100% Verdanna, Arial, Helvetica, sans-serif; color: #666; letter-spacing: 0; margin: 0; font-weight:bold; }
h5 { font: 75% Verdanna, Arial, Helvetica, sans-serif; color: #666; letter-spacing: 0; margin: 0; font-weight:bold; }
h6 { font: 50% Verdanna, Arial, Helvetica, sans-serif; color: #666; letter-spacing: 0; margin: 0; font-weight:bold; }

.hide { display: none; visibility: hidden; }
.clr { clear: both; height:0; font-size:0; line-height:0; overflow:hidden; }

#wrapper { background: #FFFFFF; width:760px; margin:auto; padding:0; }
#header { width:760px; margin: 0; }
#logo { float:left; width:235px; background: transparent; margin:10px 0 10px 0; padding: 0; }
#contact { padding:30px 0 0 0; float:right; }
#contact p { padding: 0 0 10px 0; margin:0; text-align:right; }
#flash { margin: 0 0 10px 0; }
#established { float:right; margin-top: 3px; }

/*Navigation */
#nav { width: 100%; float: left; background: url(/images/nav.jpg) no-repeat top left #A5CC1B; list-style: none; margin: 0; padding: 0;}
#nav li { display:block; float:left; width: auto; padding: 0; position: relative; z-index: 9999; font-weight: normal; font-size:95%; list-style:none; background:url("/images/nav_spacer.jpg") no-repeat right;}
#nav ul { display:block;  margin:0; }
#nav ul.drop { background: #A5CC1B url("/images/nav_drop_bg.jpg") repeat-x; }
#nav li a { display: block;  color: #000; text-decoration: none; padding: 12px 10px 12px 10px; margin: 0; background: url(/images/spacer.gif) right no-repeat; font-weight:normal; }
#nav li a:hover { display: block; color: #000033; }
#nav li:hover a, #nav li.over a { display: block; color: #000033; background: #C4DD69; }
#nav li a.active, #nav li a:hover.active { display:block; color: #000; font-weight:bold; }
#nav li .drop { display: none; }
#nav li:hover .drop, #nav li.over .drop { display: block; position: absolute; z-index: 9999; top: 36px; left: -2px; width: 170px; border-bottom: 2px solid #7B9522; border-left:#7B9522 2px solid; border-right:#7B9522 2px solid; float: left; padding: 0; margin: 0; list-style: none; }
#nav li .drop li { width: 168px; height: auto; border: 0; margin: 0; border: 0; background:transparent; }
#nav li .drop li a { width: 165px; font-weight: normal; color: #111; text-decoration: none; background: transparent; padding: 5px 0 5px 5px; margin: 0; }
#nav li .drop li a:hover { width: 165px; color: #000033; background: #C4DD69; padding: 5px 0 5px 5px; margin: 0; }
#nav li .drop li:hover a, #nav li .drop li.over a { width: 165px; padding: 5px 0 5px 5px; margin: 0; color: #000033; background: #C4DD69; }
#nav li .drop li .drop { display: none; }
#nav li .drop li:hover .drop, #nav li .drop li.over .drop { display: block; position: absolute; z-index: 9999; width: 170px; left: 170px; top: 0; margin: 0; padding: 0; }
#nav li .drop li .drop li a { width: 165px; border: 0; display: block; font-weight: normal; color: #111; text-decoration: none; background: transparent; padding: 5px 0 5px 5px; margin: 0; }
#nav li .drop li .drop li a:hover { width: 165px; color: #000033; background: #C4DD69; padding: 5px 0 5px 5px; margin: 0; }
#nav li .drop li .drop li .drop { display: none; }
#nav li .drop li .drop li:hover .drop, #nav li .drop li .drop li.over .drop { display: block; position: absolute; z-index: 9999; width: 170px; left: 169px; top: 0; margin: 0; padding: 0 0 17px 0; }

.tip { list-style:none; }
.tip a:hover {}
.tip-show { list-style:none; visibility:hidden; display:none; position:absolute; z-index: 10; width:350px; background:#fff; padding:5px; border:1px solid #ccc; }
.tip li:hover ul, .tip li.over ul { visibility:visible; display:inline; top:225px;}
/*#quoteHover li:hover, #quoteHover li.over { display: block; color: #000033; background: #C4DD69; }
#quoteHover li:hover .tip-show, #quoteHover li.over .tip-show { display: block; position: absolute; z-index: 9999; top: 36px; left: -2px; width: 170px; border-bottom: 2px solid #7B9522; border-left:#7B9522 2px solid; border-right:#7B9522 2px solid; float: left; padding: 0; margin: 0; list-style: none; }
#quoteHover li .tip-show li:hover a, #nav li .tip-show li.over a { width: 165px; padding: 5px 0 5px 5px; margin: 0; color: #000033; background: #C4DD69; }
*/
#submenu { border-bottom: 3px solid #A5CC1B; clear:both; background: #FAFAFA; padding: 0 0 10px 0; }
#submenu ul { list-style:none; }
#submenu li { display:block; margin: 10px 30px 0px 0; float:left; }
#submenu li a { font-weight:normal; color:#000; margin:0; }
#submenu li a.active { font-weight:bold; }

#archive { float:right; clear:right; margin: 10px 0 0 0; width:200px;  }
.rightnav { margin:0; }
.rightnav li { list-style:none; border-bottom:1px solid #999; background:url("/images/archive_nav.gif") #D7D5C8;}
.rightnav li a { display:block; padding:5px; }

#toggle { float:right; margin: -16px 10px 0 0; background:url("/images/nav_more.gif") no-repeat right; padding: 3px 20px 3px 0; } 
#toggle:hover { background:url("/images/nav_more_hover.gif")no-repeat right; }

#breadcrumb { background: url("/images/breadcrumb.jpg") repeat-x #F3F3F3; float:left; width:755px; padding:0 0 0 5px; margin:0; }
#breadcrumb li { list-style:none; float:left; padding: 8px 0 8px 5px; }

#homebox { width: 760px; margin: 0; background: #fff; }
#homebox img { margin:0; }
#homebox .panelImage { float: left; width: 374px; height: 275px; margin: 0 15px 0 10px; padding: 5px 0 0 5px; background: transparent; }
#homebox .panelImage img { display: block; width: 370px; border: 2px solid #666; background: #A5CC1B; text-align: center; }
#homebox #homeitems { float: left; width: 760px; height: 300px; margin: 0 0 0 0; padding: 0; overflow: hidden; background: #A5CC1B url("/images/homeboxItems.jpg") 0 0 repeat-x; }
#homebox #slider { float: left; width: 4560px; margin: 0; padding: 0; background: transparent; }
#homebox .block { float: left!important; clear: none!important; width: 760px; height: 300px; margin: 0; padding: 0; background: transparent; }
#homebox .block h1 { margin: 10px 15px 5px 15px!important; padding: 0!important; font-size: 300%!important;}
#homebox .block h1 a { color: #4D4D4D; }
#homebox .block h1 a:hover { color: #000; text-decoration: none; }
#homebox .block p { margin: 0 15px 5px 15px!important; padding: 0!important; font-size: 110%; color: #666; line-height: 1.5em; font-weight: bold;}
#homebox .block p a { color: #4D4D4D; }
#homebox .block ul { margin: 0 0 0 420px; font-size:150%; }
#homebox .items { float: left; clear: both; width: 760px; margin: 0!important; padding: 0; list-style: none; }
#homebox .items li { float: left; width: 189px; margin: 0 1px 2px 0; padding: 0; line-height: normal; background:url("/images/homebox.jpg") #EDF4D1; }
#homebox .items li a { display: block; width: 169px; height: 45px; padding: 5px 10px 5px 10px; margin: 0; color: #000; font-weight: bold; font-size: 110%; }
#homebox .items li a:hover { color: #fff; text-decoration: none; background:url("/images/homebox_hover.jpg") #329FE9; }
#homebox .items li a.current, #homebox .items li a:hover.current { color: #fff; background:url("/images/homebox_current.jpg") #C4DC6A; }
#slider li { padding: 10px 0 0 0; }

#quicklinks { clear:both; width:190px; float:left; margin: 20px 0 0 0; }
#quicklinks ul { list-style:none; margin:0; }
#quicklinks li { float:left; margin: 0 0 10px 0; }
#quicklinks img { margin:0; }
#quicklinks .easyquote { margin: 10px 0 10px 0; clear:both; }
img.easyquote2 { margin:10px 0 10px 290px; }

#topLinks { float:right; }
#topLinks ul { list-style:none; margin: 10px 0 0 0; }
#topLinks li { background:transparent; margin: 0 10px 0 0; float:left; width:auto; }
#topLinks li.end { margin:0; }
#topLinks li a { font-weight:normal; font-size:95%; color:#fff; text-align:center; display:block; }
#topLinks img {margin:0; }
#topLinks li a:hover { text-decoration: none; color:#666; }

#content { width: 340px; float:left; padding: 20px 20px 0 20px }

/* Home Page News Items */
#right { padding: 20px 0 0 0; float:left; width:190px;}
#right ul { list-style:none; color:#fff; clear:both; width:40px; float:left; margin:0; }
#right li.homeMonth { background:url("/images/date_home_top.gif") no-repeat #B2D43D; width:40px; text-align:center; padding: 3px 0 3px 0; font-size:0.95em; }
#right li.homeDay { background:url("/images/date_home_bottom.gif") no-repeat #A5CC1B bottom; width:40px; text-align:center; padding: 3px 0 3px 0; font-weight:bold; }
.homeNewsItem { padding:10px 0 0 0; clear:both; margin:0; overflow:hidden; }
.homeNews { width:140px; float:left; padding: 0 0 0 10px; }
p.news { padding: 0; margin:0; float:left; width:auto; }
img.homeNewsImage { padding:0; margin:0; }

/* Section Page 3 columns */
.item { width:240px; float:left; margin: 0 20px 20px 0; background:#D8D6C9; }
#sections img { margin:0; padding:0; }
#sections img a { margin:0; padding:0; }
.itemSummary { background:url("/images/item_bg.jpg") no-repeat #D7D5C8; padding:10px; margin:0;}
.itemSummary h3 { font-size:1em; }
.itemSummary h3 a { font-size:1em; font-weight:bold; color:#000; }
.itemSummary p { margin:0; height:55px; }
.itemend { width:240px; float:left; margin: 0 0 20px 0; background:#D8D6C9; }

/* Section Page 2 columns */
#twoColumnSections .item { width:370px; float:left; margin: 0 20px 20px 0; clear:both; }
#twoColumnSections .itemSummary { background:url("/images/item_twocol_bg.jpg") no-repeat #D7D5C8; padding:10px; }
#twoColumnSections .itemend { width:370px; float:left; margin: 0 0 20px 0; }
#twoColumnSections img { margin:0; }

/* News Items */
.news-item { margin: 10px 0 0 0; padding: 0 0 10px 0; border-bottom: solid 1px #ccc; }
.news-item ul { list-style:none; color:#fff; width:55px; float:left; margin: 0 10px 0 0; }
.news-item li { text-align:center; padding: 6px 0 7px 0; font-size: 1.2em; }
li.date-month { background: url("/images/date_top.gif") no-repeat #B2D43D; }
li.date-day { background: url("/images/date_bottom.gif") no-repeat bottom #A5CC1B; }
.news-item-end { margin: 10px 0 0 0; }
.news-item-end ul { list-style:none; color:#fff; width:55px; float:left; margin: 0 10px 0 0; }
.news-item-end li { text-align:center; padding: 6px 0 7px 0; font-size: 1.2em; }
.news-content { width:470px; float:left;}
#results { width:540px; }

.news-date-page { margin: 10px 10px 0 0; padding: 0; width:55px; list-style:none; float:left; }
.news-date-page ul { color:#fff; width:55px; float:left; margin: 0 10px 0 0; }
.news-date-page li { text-align:center; padding: 6px 0 7px 0; font-size: 1.2em; }

/* FAQ */
#questions { margin: 0 0 20px 15px; }
#questions li.quetitle { list-style:none; padding: 0 0 5px 0; font-size:120%; }
hr { color:#A5CC1B; clear:both; background:url("/images/dotted_hr.gif") repeat-x bottom left; border:0;  }
a.right { float:right;  }

/* Gallery */
.gallery-left {margin: 0 0 20px 0; float:left; clear:both; }
.gallery-right { margin: 0 0 20px 0; float:right; }

/* Tables */
table { margin: 10px 0 10px 0; }
table img { margin:0 0 20px 0; }

/* Files */
#file_wrap { float:right; width: 150px; background:url("/images/download_bg.gif") repeat-x; border: 1px #E5E5E5 solid; padding:10px; margin:0 0 10px 10px; }
#file p { margin:0; }
#file a { margin:0 0 10px 0; display:block;  }

#file h3 a { margin:0; }
#file a.end { margin:0; }

#file_wrap_quote { background:url("/images/download_bg.gif") repeat-x; border: 1px #E5E5E5 solid; padding:10px; width:300px; margin: 20px auto 10px auto; }


.border { border-bottom:1px solid #ccc; border-left:1px solid #ccc; }
.border td { border-top:1px solid #ccc; border-right:1px solid #ccc; margin:0; padding:0;  }

#file_quote { float:left; width:150px;  }

/* Paging */
.paging ul { list-style:none; margin: 0 0 10px 0!important; margin: 5px 0 10px 0; float:right; padding:6px 0 6px 0; }
.paging li { display:inline; }
#document .paging li { padding:0; margin:0; }
.paging p { float:left; }
.paging a:hover{ background:#ccc; text-decoration:none; }
.paging a { border: 1px solid #cccccc; background:#F4F4F4; padding: 5px; }
.paging li strong { padding: 5px; border: 1px solid #cccccc; background:#F0F0F0; }
.paging li:hover strong { background:#F0F0F0; }

/* Sitemap */
#azindex { width:570px; margin:0; }
#azindex li {list-style:none; float:left; border:solid 1px #ccc; margin: 2px; display:block; background:#fff; width:25px; height:25px; text-align:center; font-size:150%; padding: 5px 0 0 0 ; color:#ccc; }
#azindex li a { padding:15px; }
#azindex li a { font-weight:normal; color:#000; display:block; padding:0 5px 0 5px; }
.matching { clear:both; padding: 20px 0 0 0; }

/*Forms */
select { color: #5F5C5C; border: 1px solid #999; margin:0; text-align:left; }
input, textarea { padding: 1px 3px 1px 3px; width:339px; color: #5F5C5C; background: url("/images/form_bg.gif") #FFFFFF; border: 1px solid #999; margin: 1px 0 1px 0; overflow:auto; font-family: Verdanna; }
.formError { clear: both; margin: 0 0 0 100px; vertical-align: middle; color: #DE0082; }
.formInfo { clear: both; margin: 0 0 0 130px; padding: 10px 0; vertical-align: middle; }
fieldset { border: 1px solid #cccccc; margin:0; padding:9px 9px 12px 9px!important; width:500px; margin: 0 auto 10px auto;  }
form label {  vertical-align: top; padding:0 20px 0 0; text-align:left; width:130px; display:block; clear:both; float:left; color:#333333; }
.button { cursor:pointer; width:auto; font-size:1.5em; color: #000; background:url("/images/form_button_bg.gif") #A5CC1B top repeat-x; border:0; padding: 5px 10px 5px 10px; margin:5px 2px 0 130px; float:right; }
.button a:hover { color:green; }
.date { width:302px; vertical-align:top; float:left; margin:4px 0 0 0; }
.cal_icon { float:left;  }
.checkbox { background:transparent; border: 0; width:auto; padding:0; }
.select { padding:0; margin:1px; text-align:center; }
input.radio { float:left; width:auto; padding:0; margin:2px 5px 0 0; border:0; vertical-align:bottom; background:transparent; }
.radio-div { width:340px; float:left; margin:0 0 10px 0; padding:0;}
.select_label_token { float:left; clear:right; padding:0; margin:2px 10px 7px 0; width:137px; }
.select_label { float:left; }
.file { width:326px; }
.clear { height:2px; margin:0; border:0; padding:0; clear:both; }
form h3 { margin:1px 0 1px 0; font-weight:bold; }
p.fieldSummary {padding:0; margin:0 15px 0 150px; font-size:90%; font-style:italic; color:#333333; }
.line { width:auto; }
p.lbl {margin: 2px 0 2px 0; padding:0; }
/* div.radio { width: 350px; float:left; overflow:auto; background:red;}*/
input.image { width:auto; border:0; margin:10px 0 10px 10px; padding:0; float:right; }
a.print img { float:right; margin:10px 0 10px 10px; border:0; padding:0;  }
#region { float:left; }
#locator input.image { width:auto; float:left; margin:0 0 0 10px; }

/* Quote Form */
.quote_flat_form fieldset { width:740px; margin:0 0 20px 0; padding:0; clear:both; }
.quote_flat_form legend { font-size:125%; font-weight:bold; color: #666; }
.quote_flat_form div { width:auto; float:left; text-align:center; }
.quote_flat_form select { clear:left; display:block; margin:0; z-index:-1;}
.quote_flat_form input, .quote_flat_form textarea { clear:both; display:block; padding: 1px 3px 1px 3px; width:63px; color: #5F5C5C; margin:0; background: url("/images/form_bg_small.jpg") #FFFFFF; }
.quote_flat_form label { clear:none; width:auto; text-align:left; width:auto; display:block; padding:0; margin:0; height:3em; }
.quote_flat_form .small { width:26px; text-align:center; }
.quote_flat_form .medium {width:75px; }
.quote_flat_form .large { width:100px; }
.quote_flat_form .product { width:400px; text-align:left; }
.quote_flat_form .size { width:285px; text-align:left; }
.quote_flat_form .quantity { width:45px; text-align:center; }
.quote_flat_form .products-bg { background: #EFEFEF; width:730px; }
.quote_flat_form .products .small{ margin:0; }
.quote_flat_form a img { margin:10px 5px 0 0; }
.quote_flat_form a { text-decoration:none; color:#666; }
.quote_flat_form .button { width:auto; padding: 5px; color:#000; background:url("/images/form_button_bg.gif") #A5CC1B top repeat-x; }
.quote_flat_form p { padding: 5px 5px 0 5px; margin:0; }
.quote_flat_form .button { margin: 0 0 10px 0;  }
.quote_flat_form .qty { width:20px; text-align:center; }
.quote_flat_form .height, .quote_flat_form .width { width:30px; }
.quote_flat_form table { margin:0; }
.quote_flat_form table th { font-size:90%; }
.quote_flat_form table td { padding:2px; }


/* Quote Tool Slider */
.marginbottom { margin: 0 0 10px 0; }
#edge_codes, #front_faces { border:1px solid #ccc; width:758px; margin: 0 0 1px 0; }
#edge_codes a img, #front_faces a img { margin: 0 10px 10px 10px; float:right;  }
#edge_codes p, #front_faces p { margin:0; padding:0; font-size:75%; }

#quote-results { font-size:95%; }
#quote-results table { border: 1px solid #ccc; text-align:center; }
#quote-results th { padding: 2px; }
#quote-results td { padding: 2px; color:#000; }
#quote-results .odd { background:#ccc; }
#quote-results .even { background:#EFEFEF; }
#quote-results td.total-row { font-weight:bold; }

table.totals { float:left; width: 270px; margin: 10px 0 10px 0; border-bottom:1px solid #ccc; }
table.totals td { border-top:1px solid #ccc; border-right:1px solid #ccc; border-left:1px solid #ccc; }
.totals-name { text-align:right; padding: 3px; }
.address { width:300px; float:right; }

/* Store Locator */
#locator fieldset { margin:0; border:0; background:url("/images/uk.gif") no-repeat right; padding: 10px 0 65px 0!important; width:400px; }
#locator fieldset legend { display:none; }
#locator label { width:50px; }
.store p { margin:0; padding:0; }
.store-end p { margin:0; padding:0; }
.store-front { float:right; margin: 0; }
.store-left { clear:both; float:left; padding:0; margin: 20px 0 0 0; }
.store-right { float:right; margin: 20px 0 0 0; }
.find { clear:both; padding: 20px 0 0 0; }
img.button { float:left; padding:0; margin:10px 20px 0 0; background:transparent; }
.store { border-bottom:1px dashed #ccc; margin:0 0 20px; padding: 0 0 20px 0; }
.store h3 { clear:left;  }
#store-page p { margin:0; }
#store-page img { margin: 10px 0 10px 0; }

/* Date Picker*/
.dpTable { background: #F7F7F7; border: 1px solid #333; color:#333333; }
.dpButton {width:15px; background:transparent; border: 1px solid #333; color: #666; }
.dpTitleTR {}
.dpTitleText { font-size:120%; text-align:center; color:#666; }
.dpDayTD { border-bottom: solid 1px #333; }
.dpTR {}
.dpTD { width:30px; }
.dpTodayButtonTR { text-align:center; }
.dpTodayButtonTD {}
.d pTodayButton { background:transparent; border: 1px solid #333; color: #ccc; margin: 0 2px 0 2px;}

/* Send to a friend */
#main { margin: 10px; }

/* footer */
#footer { clear: both; color: #666666; background: url(/images/footer.gif) repeat-x #E8E8E8; padding: 0; margin:0 0 0 0; }
#footer p { padding: 6px 0 6px 10px; margin: 0; font-size: 90%; color:#999; }
#footer a { color:#999; font-weight:normal; }
#footer p.c8 { color:#999999; float:right; padding: 6px 10px 6px 0; }
#footer p.c8 a { color:#999999; }

/* messages */
.message_container { clear:both; } 
p.message { background: transparent url("/images/icon_ok.jpg") 0 50% no-repeat; padding: 25px 5px 25px 35px; }
p.error { background: transparent url("/images/icon_error.jpg") 10px 70% no-repeat; color: #D50000; padding: 10px 5px 10px 45px; margin: 0; }
p.info { background: transparent url("/images/icon_info.jpg") 10px 50% no-repeat; color: #003399; padding:0; margin:0;  padding: 10px 5px 10px 45px; }
p.ok { background: transparent url("/images/icon_ok.jpg") 0 0 no-repeat; padding: 5px 0 20px 40px; margin: 0; color:#009933; }
.error_text { color: #D50000; font-size: 100%; text-align:left; padding:0; margin:0 5px 0 150px;  }

/* Tool Tips*/
.custom-tip { color: #000; width: 151px; z-index: 13000; }
.custom-title { font-weight: bold;	font-size: 11px; margin: 0;	color: #3E4F14;	padding: 8px 8px 4px; background: #C3DF7D; border-bottom: 1px solid #B5CF74; }
.custom-text { font-size: 11px;	padding: 4px 8px 8px; background: #CFDFA7; }

.cpd { margin: 20px 0 0 45px; clear:both; }
