/************************************  GLOBAL RESET  ************************************/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; font-size: 100%; line-height:normal; text-align: left; vertical-align: baseline; list-style:none;}
a img, :link img, :visited img {border: 0;}
table {border-collapse: collapse; border-spacing: 0;}
q:before, q:after,
blockquote:before, blockquote:after {content: "";}

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

/* Color Scheme:

Really dar blue #006
Dark Blue: #039
Light Blue: #e6f1f2
Yellow: #fc0
White: #fff
Red: #c00

*/

html, body {margin:0 auto;}
body {font-size:62.5%; font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;}
a {color: #039;}
a:hover {text-decoration:none;}
.punch {font-weight:bold; color:#900; font-size:110%;}
.rightalign {float:right; margin:5px 0 5px 5px;}
.leftalign {float:left; margin:5px 5px 5px 0;}
.cleardiv {clear:both;}

#container {background:#fff; border:1px solid #006; border-width:0 1px; width: 930px; margin:0 auto; overflow:auto;}

/******* global form fields *******/
.form-field, .form-fieldnumber, .form-fieldzip {height:14px; font-size:1.1em; margin-right:2px; border:1px solid #999; 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 */
#header {background:url(/images/content/flag.jpg) no-repeat; width:930px; margin:0;}

#toplogo {margin:5px 10px 0 10px; float:left;}

#headercenter {width:280px; float:left; margin:4px 0 0 10px;}
#headercenter h5 {font-size:2em; color:#039; line-height:.9em; text-align:center; text-transform:uppercase;}
#headercenter h6 {font-size:2em; color:#c00; text-align:center; text-transform:uppercase;}
#headercenter p {text-align:center;}

#headercart {width: 300px; float:right; padding:3px 5px 5px 0; font-size:1em;}
#headercart h6 {font-size:1.2em; color:#000; text-align:center;}
#headercart p {text-align:center; vertical-align:middle;}
#headercart p img {vertical-align:middle; margin:3px;}

/* tabs */
.tabs {position: relative; width: 731px; height: 31px; margin: 0 auto; clear:both;}
.tabs .tabnav {position: absolute; top: 0px; left: 0px; list-style: none; height: 31px; display: inline; overflow: hidden; width: 731px;}	
.tabnav li {display: inline; list-style-type: none;}
.tabnav a {float: left; padding: 31px 0 0 0; overflow: hidden;height: 0px !important; height /**/:31px; /* for IE5/Win */}	
.tabnav a:hover {background-position: 0 -31px;}
	
.tb-business a  {width: 112px; background: url(/images/content/tabs-business.gif) top left no-repeat;}
.tb-govt a  {width: 107px; background: url(/images/content/tabs-govt.gif) top left no-repeat;}
.tb-intl a  {width: 136px; background: url(/images/content/tabs-intl.gif) top left no-repeat;}
.tb-local a  {width: 154px; background: url(/images/content/tabs-local.gif) top left no-repeat;}
.tb-religious a  {width: 115px; background: url(/images/content/tabs-religious.gif) top left no-repeat;}
.tb-school a  {width: 107px; background: url(/images/content/tabs-school.gif) top left no-repeat;}


/* action bar */
.actionbar {background:#006 url(/images/content/actionbar.gif) repeat-x; border:1px solid #006; border-width:1px 0; padding:10px 5px 4px 5px; font-size:1.2em}
.actionbar p {margin:2px; text-align:center; color:#fff;}
.actionbar a {color:#fff; margin:0 10px; text-transform:uppercase; text-decoration:none;}
.actionbar a:hover {text-decoration:underline;}

/* PS bar */
#psbar {margin:5px 0; padding:3px 0; width:600px; background:#e6f1f2;}
#psbar label {vertical-align:middle; font-size:.9em; margin:5px 5px 0 25px; text-transform:uppercase; font-weight:bold}



/********* LEFT COLUMN *********/
#left {margin: 5px 0 10px 5px; width:145px; clear:both; float: left; display:inline;}
#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;}
#email p, #search p, #quickorder p, #refer p {padding:0 5px; font-size:.9em; margin-top:4px;}

#email {background: #e6f1f2;}

#search {background:#ffc;}

#search .go-button {margin-bottom:0;}
#search p {margin:4px 2px 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;}


/* Left sections */
.sections  {background:#e6f1f2; padding-bottom:10px;}
.sections h6 {font-size:1.4em; text-transform:uppercase; color:#c00; padding:4px 5px 0 5px;}

.sections ul {line-height:13px; display:block;}
.sections ul li a {font-size: 1.1em; font-weight:bold; padding:2px 4px 1px 6px; display:block;}
.sections .lastitem a {border-bottom:none;}
.sections ul li a:hover {background: #039; color: #fff; text-decoration:none;}

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

/* Expanded Region */
.sections ul.selected a, #left .sections ul li.selected a {background:#fff;}
.sections .selected #current a {background:#fff; color:#000; font-style:italic;}

#leftplugs {width:145px; text-align:center; margin:5px 0;}


/********* RIGHT COLUMN *********/
#right {width:145px; margin:5px 0 10px 0; float: left; overflow:auto; display:inline;}

#date {margin-bottom:2px; font-size:1.1em; color: #c00; font-weight:bold; text-transform:uppercase; text-align:center}

/*  Bestsellers */
#bestsellers {border:1px solid #006; margin-bottom:5px; font-size:1em; color:#039}
#bestsellers ol {margin:5px 0 5px 20px; padding:0 3px;}
#bestsellers ol li {padding:0 0 3px 0; list-style-type:decimal;}

#recentlyviewed {border:1px solid #006; margin-bottom:5px; font-size:1em; color:#039}
#recentlyviewed h5 {background:#900; color:#fff; text-align:center; font: bold 1.4em Georgia, "Times New Roman", Times, serif; padding:3px;}
#recentlyviewed ul {margin:5px 0 5px 20px; padding:0 3px;}
#recentlyviewed ul li {padding:0 0 3px 0; list-style-type:disc;}

/*  Quickfacts */
#quickfacts {margin-bottom:5px; font-size:1em; background:#ffc; color:#039}
#quickfacts ul {margin:2px 0 5px 20px; padding:0 3px 3px;}
#quickfacts ul li {padding:0 0 3px 0; list-style-type:disc;}


.plug-image {width:145px; margin-bottom:5px; text-align:center}


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

#footer-left {float:left; width:270px; margin-right:10px;}
#footer-left p {text-align:center; margin:0;}

#footer-center {float:left; width:340px; text-align:center;}
#footer-center p {text-align:center;}

#footerrcart {width: 300px; float:right; padding:0 5px 5px 0; font-size:1em;}
#footercart h6 {font-size:1.2em; color:#000; text-align:center;}
#footercart p {text-align:center; vertical-align:middle; margin:0; padding:0; font-size:.9em;}
#footercart p img {vertical-align:middle; margin:3px;}



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

/*  CENTER CONTENT */
#content {font-size:1.2em; width:600px; float:left; display:inline; margin:0 15px 10px 15px;}

.centerbanner {margin-bottom:10px; padding-left:2px;}
#breadcrumbs p {margin:5px 0; font-size:.9em;}

/*  CATEGORY/PRODUCTLINE DISPLAY  */
#category-top {margin-bottom:5px;}
#category-top h1 {font-size:2.2em;}
#category-top h2 {font-size:1.4em; font-style:italic;}
#category-top h2.personalize {font-size:1.2em; margin-bottom:0; padding:0; }

/*  Category/Cross-Sell thumbnail diplay  */
#cat h1 {font-size:1em; padding: 5px 5px 2px 5px; text-align:center;}
#cat h2 {font-size:1.2em; padding:5px 5px; text-align:center; background:#e6f1f2}
#cat h2 a {}
#cat h2 a:hover {}
#cat h3 {text-align:center;}
#cat h3 a {color:#c00;}
#cat h5 {background:#006; font-size:1.4em; padding:8px; color:#fff;}
#cat p {margin:0 ; font-size:.9em; text-align:center;}
#cat img {margin:5px 0;}
#cat p.buttons {font-size:.9em;}
#cat .buttons img {vertical-align:middle; margin-left:3px}
#cat .punch {font-weight:bold; color:#c00; font-size:1.2em; text-transform:uppercase;}

#cat {clear:both; overflow:auto;}
#cat .catItem, #cat .catItem-first {float:left; display:inline; width:190px; margin:0 0 10px 15px; text-align:center;}
#cat .catItem-first {clear:both; margin-left:0;}

/*  productline bar  */
.prodline ul {font-size:.9em; overflow:auto; margin-bottom:10px; background:#006;}
.prodline li {height:28px; background:#006; color:#fff; width:300px; float:left; display:inline; padding:6px 15px 0 15px; vertical-align:middle;}
.prodline li.pbar-pages {font-weight:normal; width:240px; color:#fff; text-align:right;}
.prodline li label {display:block; float:left; margin:4px 10px 0 0;}
.prodline li.pbar-pages label {float:right; margin-right:0;}
.prodline a {color:#fff}

.prodline ul.sortbar {font-size:.9em; margin-bottom:10px; overflow:auto; background:#fff; color:#000;}
.prodline ul.sortbar li {background:#fff; width:300px; float:left; display:inline; padding:0 15px 0 15px; vertical-align:middle;}
.prodline ul.sortbar li label {color:#000; margin:4px 10px 0 0;}
.prodline ul.sortbar li.pbar-sort {font-weight:normal; width:240px; text-align:right;}
.prodline ul.sortbar li.pbar-sort select, .prodline ul.sortbar li.pbar-sort label {float:right;}

/************  PRODUCT PAGE  ************/

#product-top {padding-bottom:10px;}
#product-top h1 {font-size:2em;}
#product-top h2 {font-size:1.4em; font-style:italic;}

#productphotos {width:300px; float:left; display:inline; text-align:center; margin-bottom:10px;}
#productphotos #producthero {margin-bottom:10px; text-align:center;}
#productphotos .thumbs1, #productphotos .thumbs2 {float:left; display:inline; text-align:center; font-size:.9em;}
#productphotos .thumbs1 {width:90px; margin:0px 5px 10px 5px;}
#productphotos .thumbs2 {width:20px; margin:0px 2px 10px 3px;}

#productphotos  h6 {font-size:.8em; margin-bottom:3px; font-weight:normal;}
#productphotos  h6 strong {font-size:1.2em;}


#productinfo {width:290px; float:left; margin:0 0 10px 10px;}
#productinfo h1 {font-size:1.4em; padding:2px 0; color:#006;}
#productinfo h4 {font-size:1.4em; margin:5px 0; font-style:italic; color:#900;}
#productinfo h5 {font-size:1.2em; padding:2px 0; color:#900; text-align:center;}
#productinfo h6 {font-size:1.1em; margin:5px 0;}
#productinfo p {margin-bottom:5px; clear:left; font-size:.9em}
#productinfo p.clearance-oldprice, #productinfo p.skunumber {line-height:normal; margin-bottom:0;}


#productinfo #options-table {width:290px; margin-bottom:5px}
#productinfo #options-table td, #productinfo #options-table th {padding:4px 2px; width:50%; font-size:.9em; vertical-align:middle;}
#productinfo #options-table td {text-align:right; padding-right:5px;}
#productinfo #options-table th {}
#productinfo select, #productinfo input {width:100px;}
#productinfo input.form-fieldnumber {width:16px; margin-right:80px; font-size:.9em}
#productinfo ul {margin-bottom:10px;}
#productinfo ul li {list-style:disc; margin-left:15px; font-weight:bold; font-style:italic;}


.pricing-table-vert, .pricing-table-clearvert {width:290px; margin-bottom:10px; border-left:1px solid #036; border-top:1px solid #036; font-size:.8em; background:#fff;}
.pricing-table-vert th, .pricing-table-clearvert th {padding:3px 5px; width:50%; border-right:1px solid #036; border-bottom:1px solid #036; background:#e6f1f2; color:#036;}
.pricing-table-vert td, .pricing-table-clearvert td {padding:3px 5px; width:50%; border-right:1px solid #036; border-bottom:1px solid #036}
.pricing-table-clearvert td.pricetd {font-weight:bold; color:#900; font-style:italic;}
#prod-children .pricing-table-vert, #prod-children .pricing-table-clearvert {margin:5px 0;}

/******* info tabs *******/
/* main tab style */
#infotabs {font-size:1em; float:left;}
#infotabs li {float: left; margin-right:4px;}
#infotabs li a {display:block; float: left; border:1px solid #999; border-bottom:none; text-decoration:none; line-height:20px; background:#666; padding:2px 10px 3px 10px; color:#fff;}
#infotabs li a:hover {background:#999;}
#infotabs li a.selected-tab {position: relative; top:1px; color:#666; background:#f5f5f5; font-weight:bold;}
#infotabs li a.selected-tab:hover {background:#f5f5f5;}


/******* product children *******/
#prod-children {background: #f5f5f5; overflow:auto; clear:both; margin-bottom:10px; padding-bottom:5px; border:1px solid #999; font-size:.9em; line-height: 1.4em;}

#prod-children .prod-child {width:585px; margin:5px 5px 0; overflow:auto; clear:both;}
#prod-children .child-separator {clear:both; border-bottom:1px solid #ccc; margin:0 10px 5px 10px; padding-top:4px;}
#prod-children .prod-child label, #prod-children .prod-child input {font-size:.9em;}

#prod-children .prod-child-left {width:280px; float:left; margin-left:5px;}
#prod-children .prod-child-left h2 {margin-top:3px;}
#prod-children .prod-child-left img {margin-right:10px;}
#prod-children .prod-child-left img.leftalign {margin-right:10px; border:1px solid #ccc;}
#prod-children .prod-child-left p {margin-bottom:3px; font-size:.9em}
#prod-children .prod-child-left p.punch {font-size:1.2em; margin-bottom:5px; font-style:italic;}

#prod-children .prod-child-right {width:290px; float:left; margin-left:5px}
#prod-children .prod-child-right h5 {margin:3px 0; font-size:1.2em; text-align:center;}
#prod-children .prod-child-right h6 {font-size:.9em; text-align:right; margin:0 10px 0 0}
#prod-children .prod-child-right img {margin-right:10px;}
#prod-children .prod-child-right label, #prod-children .prod-child-right input {width:100px; margin-bottom:5px}
#prod-children .prod-child-right select, #prod-children .prod-child-right input {margin-right:10px}
#prod-children .prod-child-right select {width:auto;}
#prod-children .prod-child-right input.form-fieldnumber {width:30px;}
#prod-children .prod-child-right label {width:145px; margin-left:20px; font-weight:bold;}
#prod-children .prod-child-right p {margin-left:20px; font-size:.9em}
#prod-children .prod-child-right input {width:15px;}
#prod-children .prod-child-right .addtocart img {float:right;}

#prod-children .bottom-buttons img {float:right; margin:5px 10px;}


/******************************* GLOBAL BOTTOM AREA *******************************/
/*  SEO Bottom Box  */
#questionbox {padding:10px 20px; clear:left; border:1px solid #ccc; background:#ffc;}
#questionbox h2 {color:#006; font-size:1.6em; text-align:center;}
#questionbox p {margin:6px 0; text-align:center;}