/******************************* GLOBAL *******************************/

/* Color Scheme:
	Light Blue: #004e9b
	Dark Blue: #003366
	Dark Red #9c0b0f
	Light Red #bd1318
*/
body {font-size:62.5%; font-family: Arial, SunSans-Regular, Sans-Serif; color:#000; background: #004e9b url(/files/imagesTrigger/global/bkgds/background-shim.gif) repeat-x;}
a {color: #004e9b;}
a:hover {text-decoration:none;}
.punch {font-weight:bold; color:#c00; font-size:110%;}
.rightalign {float:right; margin:5px 0 5px 5px;}
.leftalign {float:left; margin:5px 5px 5px 0;}
.smalltext {font-size:.9em}
.cleardiv {clear:both;}
.red {color:#900;}

#container {background:url(/files/imagesTrigger/global/bkgds/shim-horizontal.png) repeat-y;}

/******* global form fields *******/
.form-field, .form-fieldnumber, .form-fieldzip {height:14px; font-size:1em; margin-right:2px; border:1px solid #ccc; padding:3px; color:#333; vertical-align:middle;}
.form-fieldnumber {width:16px;}
.form-fieldzip {width:100px;}
.form-drop {font-size:1em; border:1px solid #ccc; padding:3px; vertical-align:middle;}


/********* HEADER *********/
/* logo area */
.toplogo {margin:0 5px; padding-bottom:5px;}

#headercenter {width:600px; float:left; margin:25px 0 0 40px; font-size:2.2em; text-align:center; color:#036;}
#headercenter strong {color:#9c0b0f;}
#headercenter h1 {text-align:center}

/* tabs */
.tabs {}
.tabs ul {padding: 5px 0 5px; font: bold 1.6em "Trebuchet MS", Arial, Helvetica, sans-serif;}
.tabs ul li a {padding: 5px 0 5px;background: url(/files/imagesTrigger/global/bkgds/tab-right.gif) no-repeat 100% 0;  color: #fff; text-decoration: none;}
.tabs ul li a span {padding: 5px 1em 5px; background: url(/files/imagesTrigger/global/bkgds/tab-left.gif) no-repeat;}
.tabs ul li a:hover {background: url(/files/imagesTrigger/global/bkgds/tab-right2.gif) no-repeat 100% 0; color: #f5f5f5;}
.tabs ul li a:hover span {background: url(/files/imagesTrigger/global/bkgds/tab-left2.gif) no-repeat;}
.tabs ul li {margin-right: .15em;}
.tabs ul li.last {margin-right: 0;}

.tabs ul li.alttab a {background: url(/files/imagesTrigger/global/bkgds/tab-rightalt.gif) no-repeat 100% 0; color: #333;}
.tabs ul li.alttab a span {background: url(/files/imagesTrigger/global/bkgds/tab-leftalt.gif) no-repeat;}
.tabs ul li.alttab a:hover {background: url(/files/imagesTrigger/global/bkgds/tab-right2.gif) no-repeat 100% 0; color: #f5f5f5;}
.tabs ul li.alttab a:hover span {background: url(/files/imagesTrigger/global/bkgds/tab-left2.gif) no-repeat;}

/* action bar */
.actionbar {background:#666 url(/files/imagesTrigger/global/bkgds/actionbar-shim.gif) repeat-x;}
.actionbar ul li.first {border-left:1px solid #ccc; border-width:0;}
.actionbar ul li.last {border-right:1px solid #333; border-width:0;}
.actionbar ul li a {font-size:1.3em; padding:5px 2em; color:#036; text-decoration:none; border:1px solid #333; border-width:0; line-height:1.6em; font-weight:bold; line-height:22px;}
.actionbar ul li a:hover {background:#036 url(/files/imagesTrigger/global/bkgds/actionbar-shim2.gif) repeat-x; color:#fff;}


/********* LEFT COLUMN *********/
#left {margin: 5px 0 10px 5px; width:145px;}
#left .form-field {width:90px;}
#left .form-drop {width:120px; margin-left:8px;}
#left .go-button img {vertical-align:middle; margin-left:2px;}

/* Email and Search Box */
#email, #search, #quickorder, #refer {margin-bottom:5px; padding-bottom:5px; border:1px solid #036; border-width:1px;}
#email p, #search p, #quickorder p, #refer p {padding:0 5px; font-size:.9em; margin-top:2px;}

#email {background: #f2f2f2;}
#email h6 {background:#036; color:#fff; font-size:1.6em; padding:5px; margin-bottom:5px;}

#search {background:#ccc;}
#search h6 {background: #ccc; color:#000; font-size:1.6em; padding:2px 5px 0 8px;}
#search .form-field, #search .form-drop {border-color:#999;}

#search .go-button {margin-bottom:0;}
#search p {margin:2px; padding-top:0}

.left-drop {padding-left:5px;}
.left-drop2 {font-size:10px;}

#quickorder {background: #fff;}
#quickorder h6 {background:#333; color:#fff; font-size:1.1em; padding:5px; margin-bottom:5px;}

/* Refer-A-Friend */
#refer {background:#ccc; padding-bottom:0;}
#refer h6 {font-size:1.5em; padding:2px 5px; color:#fff; background:#333; text-align:center;}
#refer a {color:#333;}
#refer .form-field, #refer img {border-color:#999; margin-bottom:5px;}

/* Left sections 
.sections {border:1px solid #036; border-width:1px 1px 0 1px; margin:0;}
.sections h5 {font:bold 1.4em "Trebuchet MS", Arial, Helvetica, sans-serif; background:#900 url(/files/imagesTrigger/global/bkgds/lefthead-shimred.gif) repeat-x; border-bottom:1px solid #036; color:#fff; padding:4px 5px;}

.sections ul {line-height:13px;}
.sections ul li a {background:#f2f2f2; font-size: 1.1em; color:#036; font-weight:bold; padding:4px 4px 3px 6px; text-decoration:none; border-bottom:1px solid #ccc;}
.sections .lastitem a {border-bottom:none;}
.sections ul li a:hover {background: #004e9b; color: #fff; text-decoration:none;}

.sections ul ul li a {padding-left:10px; font-weight:normal;}  */

.sections {margin:5px 0;}
.sections ul li {background:#900 url(/files/imagesTrigger/global/bkgds/lefthead-shimred.gif) repeat-x; color:#fff;}
.sections ul li a {font:bold 1.4em "Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff; font-weight:bold; text-transform:uppercase; text-decoration:none; margin:0 10px; padding:4px 0;}
.sections ul li a:hover {color:#ffc; text-decoration:underline;}
.sections ul ul li {background:#f2f2f2; border:none; padding:0;}
.sections ul ul li a {background:#f2f2f2; font-size: 1em; margin:0; color:#036; font-weight:bold; padding:4px 10px 3px 10px; text-decoration:none; border-bottom:1px solid #ccc; text-transform:none;}
.sections ul ul li a:hover {color:#666; text-decoration:underline;}
.sections ul ul li a strong {color:#900; font-weight:bold !important; font-style: italic; font-size:1.2em}


/********* RIGHT COLUMN *********/
#right {float: left; width:145px; margin:5px 0 10px 0; overflow:hidden;}
#right img {margin-bottom:5px;}

#date {margin-bottom:2px; font:bold 1.2em "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; text-align:center}
#bookmark {text-align:center; margin-bottom:6px; font-size:1em}


/********* FOOTER *********/
#footer {padding-top:10px; font-size: 1.1em;}
#footer a {margin:0 5px;}
#footer p {text-align:center; margin-bottom:15px;}
#footer img {margin-bottom:5px;}


/******************************* CENTER COLUMN *******************************/

/*  CENTER CONTENT */
#content {font-size:1.2em; padding-top:10px;}

.centerbanner {margin-bottom:10px;}
#breadcrumbs p {margin:0 0 5px 0; font-size:.9em;}
 
/*  CATEGORY/PRODUCTLINE DISPLAY  */
#category-top h1 {font:bold 2.2em "Trebuchet MS", Arial, Helvetica, sans-serif; color:#036; margin-top:5px;}
#category-top h2 {font-size:1.6em; font-style:italic;}
#category-top p {margin:4px 0 0;}

/*  Category/Cross-Sell thumbnail diplay  */
#cat h1 {font:1.6em "Trebuchet MS", Arial, Helvetica, sans-serif; background:#f5f5f5; border:1px solid #ccc; border-width:1px 1px 0;  padding: 5px 5px 0 5px; text-align:center;}
#cat h1 a {color:#004e9b;}
#cat h2 {font-size:1.1em; padding:5px 0 0; color:#036;}
#cat h2 a {color:#333; text-decoration:none;}
#cat h2 a:hover {text-decoration:underline;}
#cat h3 {text-align:center; padding: 0 5px 5px 5px; background:#f5f5f5; border:1px solid #ccc; border-width:0 1px 1px; }
#cat h5 {background:#333; font-size:1.4em; padding:8px; color:#fff;}
#cat h5 strong {font-size:1.4em;}
#cat p {margin-bottom:5px ; font-size:.9em;}
#cat img {margin:0 0 5px 0;}
#cat .buttons {font-size:.9em; margin-left:5px;}
#cat .buttons img {vertical-align:middle;}
#cat .buttons img.quote-button {margin-left:5px;}


/************  GENERAL PAGES  ************/
#general-top {margin:5px 0;}
#general-top h1 {font:bold 2.2em "Trebuchet MS", Arial, Helvetica, sans-serif; color:#036;}
#general-top h2 {font-size:1.6em}
#general-top p.required {font-size:.9em; font-style:italic; font-weight:bold;}

#general-body {margin:0 0 10px; clear:both;}
#productphotos {float:right; display:inline; text-align:center; margin: 0 15px 0 10px;}
#productphotos img {border:1px solid #ccc; padding:3px;}
#general-body h2 {font-size:1.4em; font-weight:bold; color:#900; font-style:italic}
#general-body h3 {font: bold 1.1em "Trebuchet MS", Arial, Helvetica, sans-serif; font-style:italic; margin-bottom:5px;}
#general-body h4 {clear: both;font: bold 2em "Trebuchet MS", Arial, Helvetica, sans-serif; background: url(/files/imagesTrigger/global/bkgds/lefthead-shimblue.gif) repeat-x; color:#fff; padding:5px 10px; font-style:italic; margin:15px 0 5px; text-align:center;}
#general-body h4 em {font-size:.7em; color:#ffc;}
#general-body h5 {font-size:1.4em; font-weight:bold; color:#036;}
#general-body h6 {font: bold 1.4em "Trebuchet MS", Arial, Helvetica, sans-serif; font-style:italic; text-align:center; margin:5px 0;}

#general-body .client-boxes {margin-top:5px; clear:both; border-top:1px solid #ccc; padding-top:10px;}
#general-body .client-boxes h5 {background:none; font-weight:normal; color:#039; font-size:14px; text-align:left; clear:none; margin:0 0 4px; padding:0;}
#general-body .client-boxes h5 strong {font-weight:bold;}
#general-body .client-boxes img {border:1px solid #ccc; margin-bottom:20px;}

#general-body .client-boxes.last-box {border-bottom:1px solid #ccc; margin-bottom:10px;}

#general-body p {margin:0 0 10px 0; line-height:16px;}
#general-body p.top-paragraph {font-weight:bold; font-size:1.1em; margin-top:10px;}
#general-body p.quote-button {text-align:center; margin:5px 0;}
#general-body ul {margin:5px 0 10px 10px;}
#general-body li {background:url(/files/imagesTrigger/global/bkgds/bullet-check.gif) no-repeat left 2px; list-style-type:none; padding:3px 26px; font-weight:bold; font-style:italic; color:#036;}
#general-body li a {font-weight:bold;}

#general-body #bottominfo {background: url(/files/imagesTrigger/global/bkgds/grey-shim.gif) repeat-x; overflow:auto; margin:5px 0;}
#general-body #bottominfo h6 {font: bold 1.6em "Trebuchet MS", Arial, Helvetica, sans-serif; background: url(/files/imagesTrigger/global/bkgds/lefthead-shimblue.gif) repeat-x; color:#fff; padding:5px 10px; font-style:italic; margin:0;}
#general-body #bottominfo ul {width:240px; float:left; margin:5px 10px 10px 40px;}
#general-body #bottominfo li {font-size:1.1em;}

#general-body .faqs h2 {border-top:1px solid #ccc; font-size:14px; color:#333; padding-top:10px;}
#general-body .testimonials p {border-top:1px solid #ccc; font-size:12px; color:#333; padding-top:10px; margin-bottom:3px; font-style:italic;}
#general-body .testimonials h5 {text-align:right; margin:0 5px 10px 0; color:#666;}



/*  Email/Catalog Signup forms */
#forms {clear:both; margin:15px 0 10px 0; font-size:12px; border:1px solid #ccc;}
* html #forms {\width: 580px; w\idth:590px;}
*:first-child+html #forms {width:590px;}
#forms h3  {background:#036; font-size:1em; color:#fff; padding:8px; line-height:normal; font-weight:normal;}
#forms p {padding:5px 0;}
#forms img {margin:0; float:none;}
#forms table {margin:0; width:100%; background:#f5f5f5;}
#forms table td, #forms table th {padding:2px 5px; vertical-align:middle; font-size:.9em;}
#forms table th {text-align:right; font-weight:normal; width:200px;}
#forms table th#checkbox-th {padding:3px 2px 0 0; vertical-align:top;}
* html #forms table th#checkbox-th {width:216px; padding-top:10px;}
*:first-child+html #forms table th#checkbox-th {width:216px; padding-top:10px;}

#content .quote-list {border:1px solid #ccc; background:#f5f5f5; clear:both; width:598px; margin:0 auto 10px auto;}
#content .quote-list label, #content .quote-list input {display:block; float:left;} 
#content .quote-list label {margin:5px 0 10px 10px; width:550px;}
*html #content .quote-list label {width:530px; margin-top:10px;}
#content .quote-list label img {float:right; border:1px solid #ccc; margin:5px 0 0 5px;}
#content .quote-list input {margin:8px 0 0 10px; width:auto; clear:left;}
#content .quote-list label strong {font-size:16px;}

*:first-child+html #content .quote-list input {margin:5px 0 0 10px;}

#content .quote-list ul {margin:0; padding:0; float:left; width:270px;}
#content .quote-list li {clear:left; padding:0 0 15px 0; margin-bottom:10px; list-style-type:none; background:none;}
#content .quote-list li input {float:none; display: inline; margin:0; padding:0; vertical-align:middle;}
#content .quote-list li input.radio {width: auto; display:block; float:left; margin:0 5px 0 10px; vertical-align:middle;}
#content .quote-list li label {width:220px; vertical-align:middle; margin:0;}
#content .quote-list li.other label {margin-top:-3px;}

*:first-child+html #content .quote-list li label {margin-top:4px;}
*:first-child+html #content .quote-list li.other label {margin-top:-3px;}
*:first-child+html #content .quote-list li {padding:0 0 5px 0;}

#forms input, #forms select {width:200px; height:16px; margin:2px 0; border:1px solid #ccc; padding:3px; margin:5px 0; color:#333 ;}
#forms select {width:auto;}
#forms input.checkbox {width:auto; padding:0; border:none; margin:0;}

#forms p.smalltext-email {font-size:11px; margin:0 0 5px 0; padding:0;}
#forms .smalltext-email strong {font-size:14px; font-style:italic; color:#000}


/*  THANK YOU PAGES  */
#thankyou-top {margin:10px;}
#thankyou-top h1 {font:36px Georgia, "Times New Roman", Times, serif; color:#333; font-weight:normal; margin-bottom:20px; text-align:center}
#thankyou-top p {margin:0 0 10px 0; line-height:16px;}


/******************************* GLOBAL CENTER BANNERS *******************************/
/*  SEO Bottom Box  */
#questionbox {padding:10px 20px; border:1px solid #ccc; background:#f2f2f2;}
#questionbox h1 {color:#333; font-size:2.2em; text-align:center;}
#questionbox p {margin:6px 0;}