/*******************************************************************************
* BASIC STYLING AND REMOVE BROWSER STYLES
*******************************************************************************/

body {
	margin: 0;
	padding: 0;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	/*background: #ffffff url("http://p1.hostingprod.com/@tools-plus.com/solidcactus/images/snow-background.jpg") repeat-x fixed;*/
	background-color: #41405A; 
}
input {
	margin: 0;
	padding: 0;
}
form {
	margin: 0;
	padding: 0;
}
a img {
	border: none !important;
}

/* Generic styling for highlighting text */
.important {
	color: #FF0000;
}
.v-important {
	color: #FF0000;
	font-weight: bold;
}
/* indented bar-style blockquotes */
blockquote {
	border-left: 3px solid #CCCCCC;
	margin: 0;
	padding-left: 4px;
}

/* basic link styling */
a {
	color: #000000;
	text-decoration: none;
}
a:hover {
	color: #364F95;
	text-decoration: underline;
}



/*******************************************************************************
* BASIC STRUCTURE OF THE PAGE
*******************************************************************************/

div#overall {
	width: 911px;
	margin: 0 auto;
	text-align: left;
}
div#header {
	width: 911px;
	background: url(images/header-background.png) no-repeat 0 0;
	/*background: url(images/header-background-xmas.png) no-repeat 0 0;*/
	clear: both;
	float: left;
	height: 132px;
	position: relative;
}
div#container {
	width: 911px;
	background: white url(images/container-background.gif) repeat-y 0 0;
	clear: both;
	float: left;
}
div#footer {
	width: 911px;
	border-top: 3px #51507A solid;
	border-bottom: 3px #51507A solid;
	background-color: #FFFFFF;
	clear: both;
}



/*******************************************************************************
* HEADER
*******************************************************************************/

/* top-left corner image */
div#header a#logo-link {	
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	height: 132px;
	width: 150px;
}

/* this is for a promotional logo link */
div#header a#promo-link {	
	display: block;
	position: absolute;
	top: 0;
	left: 185px;
	height: 132px;
	width: 145px;
}

/* nav links at the top of the page */
div#header div#header-links {
	position: absolute;
	top: 3px;
	right: 4px;
}
div#header div#header-links span {
    color: #22224a;
	font-size:9px;
	font-weight:700;
	padding-left:3px;
	padding-right:1px;
}
div#header div#header-links a {
        padding: 0 4px;
        color: #ffffff;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
}
div#header div#header-links a.view-cart {
	background: url(images/header-cart-icon.gif) no-repeat 90px 0;
	padding-right: 18px;
}

/* banner text in the middle of the header */
div#header div#discount-tool-banner {
	font-weight: bold;
	font-style: italic;
	text-align: center;
	position: absolute;
	top: 37px;
	left: 265px;
	text-transform: uppercase;
}
div#header div#discount-tool-banner div.tag-line {
	font-size: 20px;
	color: #232249;
}
div#header div#discount-tool-banner div.phone-number {
	font-size: 16px;
	color: #364F95;
}

/* SC floating cart */
div#header div#floatingCart {
	width: 100px;
	color: #232249;
	font-size: 11px;
	position: absolute;
	top: 40px;
	left: 810px;
	text-align: center;
}
div#header div#floatingCart div.floatingCartTotalAmount {
	padding-top:5px;
}
div#header div#floatingCart div.floatingCartTotalAmount span {
	color:#365ECD;
	font-size: 11px;
	font-weight: bold;
}
div#header div#floatingCart div.floatingCartNoItems {
	text-align:center;
}

/* search box */
div#header div.shop-by-keyword {
	position: absolute;
	top: 95px;
	left: 574px;
}
div#header div.shop-by-keyword form * {
	vertical-align: middle;
}
div#header div.shop-by-keyword form input.search-input {
	font-size: 16px;
	font-weight: bold;
	width: 215px;
}



/*******************************************************************************
* CONTAINER / CONTENT
*******************************************************************************/

/* main wrapper for the actual page contents */
div#container div#content {
	float: right;
	width: 737px;
	overflow: hidden;
}

/* header banners for promos and stuff*/
div#content-header-banner {
	font-size: 0;

}
div#content-header-message {

}
div#content-header-message p {
	margin:  0;
	padding: 0;
	padding: 5px;
	background-color: #EFEFFF;
	font-size: 15px;
	font-weight: bold;
	color: #000000;
}



/*******************************************************************************
* CONTAINER / LEFTNAV
*******************************************************************************/

div#left-nav {
	width: 174px;
	float: left;
}
div#left-nav div.nav-spacer {
	font-size: 0; /* removes ~4px spacing for descenders on text */
}
div#left-nav div.left-nav-block {
	width: 170px;
	padding: 5px 0 10px 4px;
}
div#left-nav div.left-nav-block h4 {
	margin: 0;
	color: #FFFFFF;
	font-size: 15px;
	font-variant: small-caps;
}
div#left-nav div.left-nav-block div.blurb {
	width: 170px;
	color: #FFFFFF;
	font-size: 11px;
}
div#left-nav div.left-nav-block div.blurb p {
	margin: 0.3em 0;
	padding: 0;
}
div#left-nav div.left-nav-block div.mailinglistinput {
	width: 161px;
}
div#left-nav div.left-nav-block div.mailinglistinput form * {
	vertical-align: middle;
}
/* - - - ADxMenu: BASIC styles - - - */
/* taken from http://aplus.rs/adxmenu/examples/vlr/ on 2009-03-26 */
/* VERY IMPORTANT! Set this to appropriate value, either here on down in the design section */
div#left-nav ul.menu {
	width: 174px;
}
/* remove all list stylings */
div#left-nav ul.menu, div#left-nav ul.menu ul {
	margin: 0;
	padding: 0;
	border: 0;
	list-style-type: none;
	display: block;
}
div#left-nav ul.menu li {
	margin: 0;
	padding: 0;
	border: 0;
	display: block;
	position: relative;  /* position each LI, thus creating potential IE.win overlap problem */
	z-index: 5;          /* thus we need to apply explicit z-index here... */
}
div#left-nav ul.menu li:hover {
	z-index: 10000;      /* ...and here. this makes sure active item is always above anything else in the menu */
	white-space: normal; /* required to resolve IE7 :hover bug (z-index above is ignored if this is not present)
				see http://www.tanfa.co.uk/css/articles/pure-css-popups-bug.asp for other stuff that work */
}
div#left-nav ul.menu ul {
	visibility: hidden; /* initially hide all submenus. */
	position: absolute;
	z-index: 10;
	left: 0;  /* while hidden, always keep them at the top left corner, */
	top: 0;   /* to avoid scrollbars as much as possible */
}
div#left-nav ul.menu li:hover>div>ul {
	visibility: visible;  /* display submenu them on hover */
	left: 100%;           /* and move them to the right of the item */
}
/* -- float.clear -- force containment of floated LIs inside of UL */
div#left-nav ul.menu:after, div#left-nav ul.menu ul:after {
	content: ".";
	height: 0;
	display: block;
	visibility: hidden;
	overflow: hidden;
	clear: both;
}
/* IE7 float clear: */
div#left-nav ul.menu, div#left-nav ul.menu ul {
	min-height: 0;
}
/* -- float.clear.END --  */
/* sticky submenu: it should not disappear when your mouse moves a bit outside the submenu
   YOU SHOULD NOT STYLE the background of the "ul.menu UL" or this feature may not work properly!
   if you do it, make sure you 110% know what you do */
div#left-nav ul.menu ul {
	background-image: url(images/leftnav/empty.gif); /* required for sticky to work in IE6 and IE7 - due to their (different) hover bugs */
	padding: 30px 30px 30px 10px;
	margin: -30px 0 0 -10px;
	/* uncomment this if you want to see the "safe" area. you can also use to adjust the safe area to your requirement */
	/*background: #f00;*/
}
/* - - - ADxMenu: DESIGN styles - - - */
div#left-nav ul.menu, div#left-nav ul.menu ul li {
	color: #FFFFFF;
	background-color: #364F95;
	font-size: 12px;
	font-weight: bold;
}
div#left-nav span.highlight {
	font-size: 13px;
	color: #FFCC00;
}
div#left-nav ul.menu {
	width: 174px;
}
div#left-nav ul.menu ul {
	width: 204px;
}
div#left-nav ul.menu a {
	text-decoration: none;
	color: #FFFFFF;
	padding: 4px 4px 4px 7px;
	display: block;
	width: 163px;
}
div#left-nav ul.menu ul a {
	width: 193px;
}
div#left-nav ul.menu a:hover, div#left-nav ul.menu li:hover>a {
	color: #FFFFFF;
	background-color: #365ECD;
}
div#left-nav ul.menu li {
	border-top: 1px solid #777777;
}
div#left-nav ul.menu li li {
	border-left: 1px solid #777777;
	border-right: 1px solid #777777;
}
div#left-nav ul.menu li li.last {
	border-bottom: 1px solid #777777;
}



/*******************************************************************************
* FOOTER
*******************************************************************************/

/* navigation links bar at the beginning of the footer */
div#footer div.footer-nav {
	width: 911px;
	background-color: #efefff;
	font-size: 11px;
	font-weight: bold;
	color: #232249;
	text-align: center;
	padding: 5px 0;
}
div#footer div.footer-nav a {
	font-size: 11px;
	font-weight: bold;
	color: #232249;
	text-decoration: none;
}
div#footer div.footer-nav a:hover {
	text-decoration: underline;
}
div#footer div#footer-nav {
	background-color: #EFEFFF;
	width: 100%;
	padding: 12px 0;
	font-size: 12px;
}
div#footer div#footer-nav ul {
	list-style: none;
	margin:     0;
	padding:    0;
}
div#footer div#footer-nav ul li {
	margin:  0;
	padding: 0;
}
div#footer div#footer-nav ul li {
	float:   left;
	width:   21%;
	padding: 0 2% 0 2%;
}
div#footer div#footer-nav ul li ul li {
	float: none;
	width: auto;
}
div#footer div#footer-nav ul li ul li:first-child {
	font-weight: bold;
}

/* left side of the footer */
div#footer div.badges {
	width: 375px;
	border-right: 1px solid #D3D3DB;
	text-align: center;
	padding: 10px 40px;
	float: left;
}
div#footer div.badges img {
	padding-right: 15px;
	vertical-align: middle;
	padding-bottom: 10px;
}

/* right side of the footer */
div#footer div.copyright {
	width: 375px;
	padding: 10px 40px;
	float: left;
}

div#footer div.copyright table {
	font-size: 10px;
	color: #232249;
}

div#footer div.copyright a {
	font-size: 10px;
	color: #232249;
	text-decoration:none;
}
div#footer div.copyright a:hover {
	text-decoration:underline;
}



/*******************************************************************************
* GENERAL STYLES THAT APPEAR ON MOST PAGES
*******************************************************************************/

/* breadcrumbs */
div#breadcrumbs {
	font-size: 9px;
	color: #364F95;
	padding: 6px 0 10px 10px;
	background-color: #EFEFFF;
}
div#breadcrumbs p {
	margin: 0;
	padding: 0;
	color: #364F95;
}
div#breadcrumbs a {
	color: #364F95;
	text-decoration: none;
}

/* generic horizontal rule divider */
div.spacer-decor {
	background: url(images/spacer-decor.gif) repeat-x;
	height: 4px;
	font-size: 0;
	clear: both;
}


/* page name that appears near the top of the page (NOT the item name) */
div.pagename {
	background-color:#EFEFFF; 
	padding:10px 0 10px 10px; 
	color:#364F95; 
	font-size:14px; 
	font-weight:bold;
}

/* "where are we" bar for section pages */
div#custom-section-header {
	clear:both;
	background-color:#232249;
	color:#fff;
	font-size:14px;
	font-weight:normal;
	padding: 6px 6px 6px 10px;
	margin:0;
}
div#custom-section-header h1 {
	display: inline;
	margin: 0;
	padding-right: 1px;
	font-size: 14px;
}
div#custom-section-header span {
	font-weight: bold;
}

/* price styling for all prices printed through bsd-price-display */
div.pricedisplay {
	font-weight: bold;
	font-size:   15px;
	font-family: Comic Sans MS, Arial, sans-serif;
	color:       red;
}
span.price-style {
	color:       #FF0000;
	font-family: Comic Sans MS,Arial,sans-serif;
	font-weight: bold;
}

/* for general textual fields, captions, etc */
div.text-caption-area {
	font-size: 13px;
	padding: 0 12px;
	clear: both;
}
div.text-caption-area a {
	color: #364F95;
	font-weight: bold;
	text-decoration: underline;
}
div.text-caption-area a:hover {
	color: #365ECD;
}

/* major section separator */
div.general-section-header {
	background-image:  url(images/general-section-header.png);
	background-repeat: no-repeat;
	color:             #FFFFFF;
	font-size:         12px;
	font-weight:       bold;
	height:            26px;
	padding-left:      15px;
	padding-top:       5px;
	text-transform:    uppercase;
	clear:             both;
}
div.general-section-header a {
	color: #FFFFFF;
	text-decoration: underline;
}
div.general-section-header a:hover {
	color: #DDDDDD;
	text-decoration: none;
}


/* item grid (front page, accessories section) */
div.item-grid-container table {
	text-align: center;
	width: 737px;
	padding-bottom: 8px;
}
div.item-grid-container td.grid-item {
	vertical-align:top;
	width: 175px;
}
div.item-grid-container td.grid-item img {
	padding-bottom: 5px;
}
div.item-grid-container td.grid-item a {
	font-size: 13px;
	font-weight: bold;
	padding-bottom: 5px;
}
div.item-grid-container td.item-grid-hsep {
	background-image: url(images/item-grid-separator.gif);
	background-repeat: repeat-x;
	height: 1px;
}
div.item-grid-container td.item-grid-vsep {
	background-image: url(images/item-grid-separator.gif);
	background-repeat: repeat-y;
	width: 1px;
}

/* horizontal list */
ul.piped-list {
	text-align: center;
	margin: 0;
	padding: 0 0 12px 0;
}
ul.piped-list li {
	display:inline;
	border-left: solid 1px #777777;
	padding-left: 5px;
	padding-right: 5px;
	font-size: 12px;
}
ul.piped-list li.first {
	border-left: none;
}

/* testimonials section */
div#customer-testimonial-section {
	margin: 12px;
}
div#customer-testimonial-section h2 {
	font-size: 12px;
}

/* general container for page content */
div.layout-container {
	padding: 10px;
	clear: both;
}


/*******************************************************************************
* ITEM PAGES
*******************************************************************************/

/* product info table */
div.item-pit {
	float: left;
	width: 300px;
}
div.item-pit div.item-pit-toparea {
	height: 40px;
	margin-bottom: 10px;
}
div.item-pit div.item-pit-toparea span.manuf-logo {
	float: left;
}
div.item-pit div.item-pit-toparea span.manuf-recon-logo {
	float: left;
	padding-left: 5px;
}
div.item-pit div.item-pit-toparea span.page-feedback-link {
	float: right;
}
div.item-pit td.pit-label {
	background-color:#364F95;
	font-size:11px;
	color:#fff;
	font-weight:bold;
	border-bottom:1px solid #fff;
	padding:5px 0 5px 5px;
	width:80px;
}
div.item-pit td.pit-value {
	background-color:#E4E6F9;
	font-size:11px;
	color:#000;
	font-weight:normal;
	border-bottom:1px solid #fff;
	padding:5px 0 5px 10px;
}

/* styling for items w/ extended options (CAH, TPC) */
p.item-option {
	margin: 4px 0;
}
p.item-option select {
	font-size: 11px;
}

/* order buttons, first one is the regular form, second is the SC multi-add */
div.order-buttons-area {
	display: block;
	padding: 5px 0;
	text-align: center;
}
div.sc-ma-atc-bttn {
	float: right;
	margin: 4px 0;
}

/* item name in the middle of the page */
h2#item-full-name {
	color:        #364F95; 
	font-size:    16px; 
	font-weight:  bold;
	margin:       0.8em 5em;
	text-align:   center;
}

/* wrapper for the specs area for an item */
div#item-content-pane {
	font-size: 14px;
	padding:   0 8px;
}
div#item-content-pane a {
	font-weight: bold;
	color:       #364F95;
}
div#item-content-pane a:hover {
	color: #365ECD;
}
div#item-content-pane h3 {
	font-size:   16px;
	font-weight: bold;
}
div#item-content-pane div#item-specs-writeup {
	text-align: justify;
}
/* expired specials get greyed out */
div#item-content-pane div.expired-special {
	color:#555555;
}

/* tabstrip styling (some is also in the js) */
ul#tabstrip {
	list-style-type: none;
	margin:          0 0 0 8px;
	padding:         0;
}
ul#tabstrip li {
	display:          inline;
	background-color: #D7D7E5;
	border:           1px solid black;
	margin:           0 2px 0 0;
	padding:          2px 3px 0 3px;
	font-size:        13px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
}
ul#tabstrip li.highlight-tab {
	background-color: #FFCC00;
}
ul#tabstrip li.warn-tab {
	background-color: #FF0033;
}
ul#tabstrip li.warn-tab a {
	color: #FFFFFF;
}
ul#tabstrip li.warn-tab a:hover {
	color: #365ECD;
}
ul#tabstrip li.active-tab {
	background-color: #FFFFFF;
	border-bottom: 1px solid white;
}
ul#tabstrip li.active-tab a {
	color: #364F95;
	cursor: default;
}

p#tabs-expand, p#tabs-condense {
	margin: 7px 2px;
	display: none;
	text-align: right;
}
p#tabs-expand img, p#tabs-condense img {
	padding-right: 2px;
}

/* Extended specs inline floated images */
img.spec-image-left {
	margin-right:10px;
	float:left;
}
img.spec-image-right {
	margin-left:10px;
	float:right;
}

/* section links (cross sells) */
ul#related-sections {
	list-style: none;
	margin:     0;
	padding:    7px 0 14px 20px;
	font-size:  13px;
}

/* Easy2 demo CSS */
div#easy2Container_tpls_29 {
	padding-top: 10px;
}


/* item images */
div#item-image {
	float: left;
	/*width is specified as an inline style, probably 400px*/
	margin: 0 10px 0 10px;
	text-align: center;
}

/* item image rotator */
div#item-image div#item-image-glider {
	/*float: left;*/
}
div#item-image div.item-image-glider-vertical {
	float: left;
}
div#item-image div.item-image-glider-horizontal {
	/*nothing*/
}
div#item-image .glider-content-wrapper {
	position: relative;
	width: 325px;         /* overall width  */
	height: 325px;        /* overall height */
	overflow: hidden;
}
div#item-image .glider-content {
	position: absolute;
	background: #FFFFFF;
	visibility: hidden;
	width: 325px;         /* element width, should be same as wrapper */
	text-align: center;
}
div#item-image .glider-content-toggler {
	display: block;
	text-align: center;
	background: #FFFFFF;
}
div#item-image .glider-content-toggler-vertical {
	float: left;
	width: 64px;         /* button bar width, should be same as a tags + borders */
}
div#item-image .glider-content-toggler-horizontal {
	width: 325px;
}
div#item-image .glider-content-toggler a {
	display: block;
	float: left;
	width: 60px;         /* individual button width */
	margin: 0 auto;
	font-size: 0;
	border:solid 2px #FFFFFF;
}
div#item-image .glider-content-toggler a.selected {
	border:solid 2px #FFCC00;
}
div#item-image .glider-content-toggler a:hover {
	border:solid 2px #FFCC00;
}
/* item image lightbox/slimbox styling */
#lbOverlay {
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	cursor: pointer;
}
#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	overflow: hidden;
	background-color: #fff;
}
.lbLoading {
	background: #fff url(images/lightbox/loading.gif) no-repeat center;
}
#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}
#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}
#lbPrevLink {
	left: 0;
}
#lbPrevLink:hover {
	background: transparent url(images/lightbox/prevlabel.gif) no-repeat 0 15%;
}
#lbNextLink {
	right: 0;
}
#lbNextLink:hover {
	background: transparent url(images/lightbox/nextlabel.gif) no-repeat 100% 15%;
}
#lbBottom {
	font-size: 10px;
	color: #666666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #FFFFFF;
	border-top-style: none;
}
#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(images/lightbox/closelabel.gif) no-repeat center;
	margin: 5px 0;
	outline: none;
}
#lbCaption, #lbNumber {
	margin-right: 71px;
}
#lbCaption {
	font-weight: bold;
}



/* Item Group Selector */
table.item-group-selector {
	border: solid 1px black;
	background-color:#CCCCCC;
	margin-bottom: 10px;
	width: 380px;
	 cursor: pointer;
}
table.item-group-selector tr td.padder {
	width: 4px;
}
table.item-group-selector tr td.selimage {
	width: 14px;
	border-top: solid 1px black;
}
table.item-group-selector tr td.selimage img {
	display:none;
}
table.item-group-selector tr td.sku {
	font-size: 14px;
	font-weight: bold;
	color: #364F95;
	padding: 2px;
	border-top: solid 1px black;
	white-space: nowrap;
}
table.item-group-selector tr td.desc {
	font-size: 12px;
	padding: 2px;
	border-top: solid 1px black;
}

table.item-group-selector tr.first td {
	border-top: none;
}
table.item-group-selector tr.selected {
	background-color: #E4E6F9;
}
table.item-group-selector tr.selected td.selimage img {
	display: block;
}

table.item-group-selector tr.discontinued td.sku {
	text-decoration: line-through;
}
table.item-group-selector tr.discontinued td.desc {
	text-decoration: line-through;
}



/*******************************************************************************
* SECTION PAGES
*******************************************************************************/

/* Manufacturer page section logos and contact info */
div#section-header-image {
	float:  left;
	margin: 16px 0 16px 24px;
}
div#manuf-contact-info {
	float:  left;
	margin: 16px 0 16px 24px;
}
div#manuf-contact-info p {
	font-size: 11px;
	margin:    0;
}
div#manuf-contact-info a {
	font-weight: bold;
	color: #364F95;
}

/* :layout-section-alphabetical-list style, just the manuf list page */
ul.section-contents-list {
	font-size:        13px;
	color:            #000000;
	list-style-image: url(images/section-contents-list-arrow.gif);
	margin:           0;
	padding:          0 0 0 16px;
}
ul.section-contents-list li {
	padding: 1px 0;
}
ul.section-contents-list a {
	font-weight:     bold;
	color:           #364F95;   /* bsd 2010-06-07 */
	text-decoration: underline; /* bsd 2010-06-07 */
}

/* :layout-section-multi-section separator bars, rest is standard */
div.section-multi-section-header {
	background-image:  url(images/section-multi-section-header.png);
	background-repeat: no-repeat;
	color:             #FFFFFF;
	font-size:         13px;
	font-weight:       bold;
	height:            33px;
	padding-left:      15px;
	padding-top:       8px;
	text-transform:    uppercase;
	clear:             both;
	margin-top:        16px;
}
div.section-multi-section-header a {
	color: #FFFFFF;
	text-decoration: none;
}
div.section-multi-section-header a:hover {
	color: #DDDDDD;
	text-decoration: underline;
}

/* :layout-section-bubbles-4col formatting */
div.section-contents-block-row {
	clear: both;
}
div.section-contents-block {
	display: block;
	float:   left;
	padding: 0;
	margin:  16px 6px;
	width:   167px;
	text-align: center;
}
div.section-contents-block img {
	width: 140px;
	height: 140px;
	margin: 0 auto;
}
div.section-contents-block h2 {
	font-size: 15px;
	margin-bottom: 5px;
}
div.section-contents-block ul {
	text-align: left;
	font-size: 11px;
	margin: 0;
	padding: 0 5px 0 30px;
	list-style-image: url(images/section-contents-list-arrow.gif);
}
div.section-contents-block ul li h3 {
	font-size: 11px;
	font-weight: normal;
	padding: 0;
	margin: 0;
}
div.section-contents-block a {
	color: #364F95;             /* bsd 2010-06-07 */
	text-decoration: underline; /* bsd 2010-06-07 */
}

/* router bit sections */
div.routerbit-category-header {
	margin: 0;
	padding: 0 0 0 10px;
}
div.routerbit-category-header h2 {
	font-size: 14px;
	padding-left: 40px;
}
div.routerbit-category-header img {
	float: left;
}
div.routerbit-category-header p {
	font-size: 13px;
}
div.routerbit-category-table {
	clear:both;
}
div.routerbit-category-table table {
	text-align: center;
	font-size: 13px;
}
td.routerbit-availability {
	text-align: left;
	font-size: 12px;
}

/* :layout-items-standard-rectangle */
div.item-box-outer {
	padding: 5px 0;
	clear: both;
}
div.item-box-outer div.item-box-main {
	float:   left;
	width:   461px;
	padding: 2px;
}
div.item-box-outer div.item-box-main ul.specs-short-list {
	margin:  0;
	padding: 0 0 0 16px;
}
div.item-box-outer div.item-box-image {
	float:      left;
	width:      120px;
	padding:    2px 10px 2px 2px;
	text-align: center;
}
div.item-box-outer div.item-box-price {
	float:   left;
	width:   111px;
	padding: 2px;
}
div.item-box-outer div.clearer {
	clear: both;
}
div.item-box-outer div.item-box-main h2 {
	font-size: 13px;
	padding:   0;
	margin:    0;
}
div.item-box-outer a {
	color: #000000;
	text-decoration: underline;
}
div.item-box-outer a:hover {
	color: #364F95;
}
div.item-box-outer div.item-box-main {
	font-size: 12px;
	color:     #333333;
}
div.item-box-outer div.item-box-price {
	text-align: center;
}
div.item-box-outer div.item-box-price div.section-special {
	padding-top: 4px;
}


/* :layout-items-group-table */
div#groupitem-image {
	float: left;
	width: 300px;
	text-align: center;
}
div#groupitem-specs {
	float: left;
	width: 400px;
	font-size: 14px;
}
div#groupitem-writeup {
	clear: both;
	font-size: 14px;
	text-align: justify;
	padding: 0 8px;
} 
table#groupitem-container {
	margin: 0 auto 12px auto;
	width: 721px; /* 737 container, so 8px margin on each side */
	clear: both;
}
tr.groupitem-row {
	font-size: 15px;
	padding-bottom: 3px;
	margin-bottom: 6px;
}
tr.groupitem-header-row {
	border-bottom: solid 1px #000000;
	font-weight: bold;
	font-style: oblique;
	font-size: 17px;
}
table#groupitem-container tr th {
	border-bottom: solid 1px black;
	padding: 4px 3px 2px 3px;
	margin: 0 0 6px 0;
	text-align: inherit; /* http://haslayout.net/css/Non-Inherited-TH-Text-Align-Bug */
}
table#groupitem-container tr td {
	border-bottom: solid 1px black;
	border-right: dotted 1px #AAAAAA;
	padding: 4px 3px 2px 3px;
	margin: 0 0 6px 0;
}
table#groupitem-container .groupitem-itemnumber {
	/*width: 150px;*/
	white-space: nowrap;
}
table#groupitem-container td.groupitem-itemnumber {
	border-left: dotted 1px #AAAAAA;
}
table#groupitem-container .groupitem-itemnumber img {
	float: left;
}
table#groupitem-container .groupitem-itemnumber p {
	float: left;
	margin: 12px 0 10px 2px;
}
table#groupitem-container .groupitem-stockstatus {
	width: 98px; /* unless blown out by out of stock text */
}
table#groupitem-container .groupitem-stockstatus a {
	font-size: 11px;
	white-space: nowrap;
	text-decoration: underline;
}
table#groupitem-container .groupitem-price {
	width: 100px;
	padding-right: 30px;
	text-align: right;
}
table#groupitem-container .groupitem-quantity {
	width: 45px;
}
table#groupitem-container .groupitem-discontinued {
	text-align: center;
}
table#groupitem-container input {
	text-align: center;
}
table#groupitem-container .highlighted-groupitem-row {
	background-color: #CCFFFF;
}

/* p-i-t analogue for grouped template pages */
div#groupitem-top-seller-block {
	width: 300px;
	float: left;
}
div#groupitem-top-seller-block h3 {
	font-size: 16px;
	margin-bottom: 8px;
}
div#groupitem-top-seller-block div.groupitem-topseller {
	clear: both;
	padding: 5px 0;
	border-bottom: dotted 1px black;
}
div#groupitem-top-seller-block div.topsellers-image-area {
	width: 70px;
	float: left;
	margin-right: 5px;
}
div#groupitem-top-seller-block div.topsellers-attribute-area {
	width: 225px;
	float: left;
}
div#groupitem-top-seller-block div.topsellers-attribute-area p {
	margin: 0;
	padding: 0;
	font-size: 14px;
}
div#groupitem-top-seller-block div.pricedisplay {
	font-size: 14px;
}


/* section jump-to links */
div#section-jumpto-area {
	padding: 10px;
	clear: both;
}
div#section-jumpto-area div.section-jumpto-container {
	float: left;
	width: 172px;
	margin: 8px;
}
div#section-jumpto-area ul.section-jumpto-list {
	font-size:        11px;
	color:            #000000;
	list-style-image: url(images/section-contents-list-arrow.gif);
	margin:           0;
	padding:          0 0 0 20px;
}
div.section-jumpto-area div.section-jumpto-container {
	float: left;
	width: 221px;
	margin: 4px 8px 8px 8px;
}
div.section-jumpto-area ul.section-jumpto-list {
	font-size:        12px;
	list-style-image: url(images/section-contents-list-arrow.gif);
	margin:           0;
	padding:          0 0 0 20px;
}
div.section-jumpto-area a {
	/*color: #000000;
	text-decoration: none;*/
	color: #364F95;             /* bsd 2010-06-07 */
        text-decoration: underline; /* bsd 2010-06-07 */
	font-weight: normal;
}
div.section-jumpto-area a:hover {
	color: #364F95;
}
div.section-jumpto-area p {
	margin-bottom: 0;
	font-weight: bold;
}



/*******************************************************************************
* INFORMATION PAGES
*******************************************************************************/

/* basic formatting */
div#info-page-body {
	font-size: 12px;
	color:     #000;
	padding:   0 10px 10px 10px;
}
div#info-page-body a {
	font-weight: bold;
	color: #364F95;
}
div#info-page-body a:hover {
	color: #365ECD;
}
div#info-page-body ul.section-contents-list a {
	font-weight: bold;
}

/* About Us page */
div#aboutus img { 
	padding-bottom: 6px; 
}
div#aboutus img.left  { 
	float: left;
	padding-right: 6px; 
}
div#aboutus img.right { 
	float: right;
	padding-left: 6px; 
}

/* FAQ page */
ul#faqbody h3 {
	font-size: 14px;
	margin-bottom: 2px;
}
ul#faqbody {
	list-style:  none;
	margin-left: 0;
	padding-left: 0;
}
ul#faqbody dl {
	margin-left: 10px;
}

/* Search Results page */
div#search-results { 
	padding-left:  10px;
	padding-right: 10px;
}


/*******************************************************************************
* FRONT PAGE ONLY STYLES
*******************************************************************************/

/* front page top area */
div#welcome-area {
	width: 737px;
	background: url(images/welcome-background.png) repeat-y 0 top;
	font-size: 13px;
}
div#welcome-area div.welcome-area-block {
	/* width for these should be specified per block */
	margin: 8px 16px;
	float: left;
	display: inline; /* fix IE double-margin */
}
div#welcome-area div.welcome-area-block a {
	color: #364F95;
	text-decoration: none;
}
div#welcome-area div.welcome-area-block a:hover {
	text-decoration: underline;
}
div#welcome-area div.welcome-area-block h2 {
	font-size: 16px;
        font-weight: bold;
	color: #364F95;
	padding: 0px 0 0 3px;
	margin: 0;
}
div#welcome-area div.welcome-area-block p {
	margin: 10px 0;
}
div#welcome-area div.testimonials-box p.fromline { /* for testimonials */
	margin: 10px 0 5px 0;
}

/* front page glider (advert/special rotation) styling */
div#front-page-glider .glider-content-wrapper {
	position: relative;
	width: 283px;         /* overall width  */
	height: 240px;        /* overall height */
	overflow: hidden;
}
div#front-page-glider .glider-content {
	position: absolute;
	background: #EFEFFF;
	visibility: hidden;
	width: 283px;         /* element width, should be same as wrapper */
	text-align: center;
}
div#front-page-glider .glider-content-toggler {
	width: 283px;         /* button bar width, should be same as wrapper */
	margin-top: 2px;
	text-align: center;
	background: #EFEFFF;
}
div#front-page-glider .glider-content-toggler a {
	display: block;
	width: 260px;         /* individual button width */
	margin: 0 auto;
	border: 1px solid black;
	border-bottom: none;
	color: #364F95;
	padding: 1px 3px;
	font-weight: bold;
	font-size: 11px;
	text-decoration: none;
}
div#front-page-glider .glider-content-toggler a.last {
	border-bottom: 1px solid black;
}
div#front-page-glider .glider-content-toggler a.selected {
	background: #E4EFFA;
	color: black;
}
div#front-page-glider .glider-content-toggler a:hover {
	background: #E4EFFA;
	color: black;
}

/* freeform areas above and below the item-grid */
div.homepage-freeform-area {
	font-size: 13px;
	margin: 10px;
}
div.homepage-freeform-area a {
	color: #364F95;
	font-weight: bold;
	text-decoration: underline;
}
div.homepage-freeform-area a:hover {
	color: #365ECD;
}


/*******************************************************************************
* NEW FRONT PAGE STYLES (LARGE GLIDER 2011-08-19)
*******************************************************************************/
div#front-page-glider-l {
  width: 695px;
  margin: 10px auto 35px auto;
  border:solid #41405A 2px;
}
div#front-page-glider-l .glider-content-wrapper {
  position: relative;
  width: 695px;         /* overall width  */
  height: 296px;        /* overall height */
  overflow: hidden;
}
div#front-page-glider-l .glider-content {
  position: absolute;
  visibility: hidden;
  width: 695px;         /* element width, should be same as wrapper */
  text-align: center;
}

div#front-page-glider-l .glider-content-toggler {
  /*position: relative;
  top: -31px;
  z-index: 200;*/
}
div#front-page-glider-l .glider-content-toggler a {
  display: block;
  float: left;
  width: 20px;
  margin: 3px;
  padding: 4px;
  border: solid black 1px;
  font-size: 12px;
  font-weight: bold;
  text-decoration: none;
  color: #000000;
  text-align: center;
}
div#front-page-glider-l .glider-content-toggler a.selected {
  background: #41405A;
  color: #FFFFFF;
}



/*******************************************************************************
* ACRONYM/DEFINITION HOVER
*******************************************************************************/
span.info,
span.info-hover {
	position:        relative;
	z-index:         24; 
	color:           inherit;
	text-decoration: none;
	border-bottom:   1px dashed #008833;
	cursor:          pointer;
}
span.info:hover,
span.info-hover {
	z-index:          25;
	background-color: #FFFF00;
}
span.info span,
span.info-hover span {
	display: none;
}
span.info:hover span,
span.info-hover span {
	display:          block;
	position:         absolute;
	top:              2em;
	left:             2em;
	width:            17em;
	border:           1px solid #000000;
	background-color: #E4E6F9;
	color:            #000000;
	text-align:       left;
	padding:          3px;
}