/*   
Job Name: Headsets.com
Author: Ian Parham
Author URI: headsets.com /1800headsets.ca
Version: 11.2	
*/

/****************************
**   Contents
****************************

* General
	- HTML
	- Buttons
	
* Layout		(Top-level page element styles)
	- Header
	- Top Navigation
	- Main Content Areas
	- Gallery
	- Footer
	- Ads
	- Misc.

/****************************
**   General
****************************/

body {
background-color:#fff;
color:#444;
font:normal 12px/1.4em Arial, Helvetica, sans-serif;
margin:0;
padding:0;
}
h1,h2,h3 {
color:#000;
font-weight:700;
margin:0 0 .5em;
padding:0;
color: #114a9f;
}
h1 {
font-size:24px;
}
h2 {
font-size: 18px
}
h3 {
font-size:14px;
}
table {
border: 0;
padding: 0;
text-align: justify;
border-collapse: collapse;
}
table td,
table th {
text-align: left;
vertical-align:top;
padding: 3px 5px;
margin: 0;
border:0;
font-style: normal;
font-weight: normal;
color: #444;
}
td.right {
text-align: right;
}
img {
border: 0;
}
a,
a:link,
a:visited,
a:active {
color:#114A9F;
font-weight: normal;
text-decoration: none;
outline: none;
}
a:hover {
text-decoration: underline;
}
form {
margin:0;
padding:0;
}
strong {
color:#000000;
font-weight: bold;
}
p {
margin:0 0 1.5em;
padding:0;
text-align: justify;
}
label {
color: #000;
}
input[type=text],
textarea {
background-color: #fff;
border:1px solid #bdbdbd;
border-radius: 3px;
line-height:14px;
padding:3px 5px; 
box-shadow: inset 2px 2px 2px #ddd;
}
/*  HTML Buttons - New Button to be used across the site, only width and font size will vary */
.button,
.button:link,
.button:active,
.button:visited {
display: block;
color: #fff;
text-decoration: none;
border: 1px solid #d94208;
background: #e15001; /* for non-css3 browsers */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff6f21', endColorstr='#e15001'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#ff6f21), to(#e15001)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #ff6f21,  #e15001); /* for firefox 3.6+ */
padding: 5px;
text-align: center;
font-size: 14px;
font-weight: normal;
vertical-align: middle;
line-height: 1em;
border-radius: 3px;
text-shadow: -1px -1px 0 #d94208;
box-shadow: 0 3px 3px rgba(0,0,0,.4);
}
.button:hover {
background: #e15001; /* for non-css3 browsers */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff6f21', endColorstr='#e15001'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#ff6f21), to(#e15001)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #e15001,  #ff6f21); /* for firefox 3.6+ */
}

/* Make the button blue */
.blue,
.blue:link,
.blue:active,
.blue:visited  {
background: #114a9f;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#285ca9', endColorstr='#114a9f'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#285ca9), to(#114a9f)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #285ca9,  #114a9f); /* for firefox 3.6+ */
border: 1px solid #003366;
text-shadow: -1px -1px 0 #003366;
}
.blue:hover {
background: #285ca9; /* for non-css3 browsers */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3779c4', endColorstr='#155bb2'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#3779c4), to(#155bb2)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #3779c4,  #155bb2); /* for firefox 3.6+ */
}
/* /new button */

/*  static template (780) */
.wrapper {
margin: 0 auto;
padding: 1em 0 0 0;
width:780px;
overflow: hidden;
}
.col150 {
float: left;
width:150px;
}
.col440 {
float: left;
width: 440px;
padding: 0 20px 20px 20px;
}
.col620 {
float: left;
width: 610px;
padding: 0 0 20px 20px;
}
/* /static template (780) */

/*  global classes */
.glossary,
a.glossary:link,
a.glossary:active,
a.glossary:visited {
border-bottom:1px dotted #C60;
cursor:help;
font-weight:400;
text-decoration:none;
}
a.glossary:hover {
border-bottom:1px dotted #C60;
text-decoration: none;
}

/* Sitewisde cookie crumbs */
.crumbs-ul,
.article .crumbs-ul {
margin: 0 0 1em 0;
padding: 0;
display: block;
overflow: hidden;
}
.crumbs-ul li,
.article .crumbs-ul li {
margin: 0;
padding: 0;
list-style: none;
float: left;
}
.crumbs-ul a,
.crumbs-ul a:link,
.crumbs-ul a:visited,
.crumbs-ul a:active {
margin: 0;
padding: 0;
}
.page-nav ul,
.sidebar ul,
.narrow ul,
.option-list ul {
margin:0;
padding:0;
list-style: none;
}
.clear {
clear:both;
}
/* /Global */

/*  Gallery */
#gallery {
margin: 0;
}
#gallery .gal-heading {
margin: 0 0 1em 0;
padding: 10px;
background-color: #dfe6f0;
border: 1px solid #bdbdbd;
border-radius: 5px;
box-shadow: 0 3px 0px rgba(0,0,0,.1);
}
#gallery .gal-heading h1 {
margin: 0;
padding: 0;
font-size: 22px;
font-weight: normal;
color: #000;
margin-bottom: .2em;
line-height: 1.1em;
}
#gallery .gal-heading h1.match {
font-size: 15px;
line-height: 1em;
}
#gallery .gal-heading h1.match span {
color: #CC0000;
}
#gallery .gal-heading h2 {
margin: 0;
padding: 0;
font-size: 14px;
font-weight: normal;
color: #555;
position: relative;
}
#gallery .featured {
border-radius: 5px;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f2f2f2'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f2f2f2)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #ffffff,  #f2f2f2); /* for firefox 3.6+ */
border: 1px solid #bdbdbd;
height: 188px;
margin:  15px 0 0 0;
position: relative;
box-shadow: 0 3px 0 rgba(0,0,0,0.1);
}
#gallery .featured h3 {
position: absolute;
float: none;
top: 12px;
left: 15px;
font-size: 14px;
color: #000;
font-weight: normal;
}
#gallery .featured a.p1,
#gallery .featured a.p2,
#gallery .featured a.p3 {
position: absolute;
top: 35px;
}
#gallery .featured a.p1 { left: 15px; }
#gallery .featured a.p2 { left: 215px; }
#gallery .featured a.p3 { left: 415px; }

/* Gallery With Narrowing */
.narrow {
position: relative;
margin-bottom: 1em;
padding: 0;
width: 150px;
}
.narrow h3 { 
font-size: 12px;
background: #114a9f; /* for non-css3 browsers */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4373bb', endColorstr='#114a9f'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#4373bb), to(#114a9f)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #4373bb,  #114a9f); /* for firefox 3.6+ */
border: 1px solid #036;
padding: 3px 5px;
color: #fff;
font-weight: normal;
margin: 0;
border: 1px solid #036;
border-radius: 5px 5px 0 0;
text-shadow: -1px -1px 0 #036;
}
.narrow .narrow-body {
background-color: #f2f5f7;
padding: 0 0 10px 0;
margin-bottom: 15px;
border: 1px solid #bdbdbd;
border-width: 0 1px 1px 1px;
border-radius: 0 0 5px 5px;
box-shadow: 0 3px 0 rgba(0,0,0,0.1);
}
.narrow ul { 
margin: 0;
padding: 0;
list-style: none;
}
.narrow ul h3 {
padding: 0;
background: none;
border: none;
}
.narrow ul h3 div  {
display: block;
padding: 4px 5px;
font-weight: bold;
color: #333333;
text-decoration: none;
background-color: #dfdfdf;
}
.narrow li a,
.narrow li a:link,
.narrow li a:visited {
display: block;
margin: 0;
padding: 2px 5px 0px 10px;
font-weight: normal;
color: #114a9f;
text-decoration: none;
background: #FFF;
border: none;
background: #f2f5f7;
}
.narrow li a.first,
.narrow li a.first:link,
.narrow li a.first:visited {
padding-top: 10px;
}
.narrow li a.last,
.narrow li a.last:link,
.narrow li a.last:visited {
padding-bottom: 10px;
}
.narrow li a:hover { 
text-decoration: underline;
}
.narrow  .filtered {
width: 138px;
background-color: #fff;
padding: 3px 5px;
border: 1px solid #bdbdbd;
border-width: 1px 0;
}
.narrow  .filtered div {
color: #000;
font-size: 14px;
padding: 5px 0 5px 0;
}
.narrow .filtered ul li {
border-top: 1px dotted #bdbdbd;
padding: 5px 0;
margin: 0;
}
.narrow .filtered ul li a,
.narrow .filtered ul li a:link,
.narrow .filtered ul li a:visited  {
border: none;
display: inline;
margin: 0;
padding: 0;
font-weight: normal;
color: #114a9f;
text-decoration: none;
width: auto;
background: none;
}
.narrow .filtered ul li a:hover {
font-weight: normal;
color: #1149af;
text-decoration: underline;
background: none;
}
.narrow li a span {
color: #999;
text-decoration: none;
}
.narrow h4 {
color: #000;
font-size: 14px;
font-weight: normal;
margin: 0;
padding: 15px 5px 0 5px;
background-color: #f2f5f7;
}
.narrow h5 {
color: #333;
font-size: 12px;
font-weight: normal;
margin: 0;
padding: 15px 5px 0px 5px;
background-color: #f2f5f7;
}

/* / Gallery Narrowing */
.galsave {
color:#038a07;
font-weight:400;
padding:5px 0 10px;
text-decoration:none;
}
.prodwhiteheadings {
background:#114A9F;
color:#fff;
padding:3px 5px;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4373bb', endColorstr='#114a9f'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#4373bb), to(#114a9f)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #4373bb,  #114a9f); /* for firefox 3.6+ */
border-bottom: 1px solid #036;
text-shadow: -1px -1px 0 #036;
}
.col440 .prodwhiteheadings {
margin: 0 0 1em 0;
}
.large_asterisk {
color:#C00;
font-size:18px;
font-weight:700;
}

/*  Gallery / Search Results Styles */
#product-list {
background:#f8f8f8 url(/img/hds2/gallery/compare.gif) right repeat-y;
border:1px solid #bdbdbd;
overflow:hidden;
border-radius: 5px;
}
#product-list .sort {
background:#f7f7f7 url(/img/hds2/gallery/compare_bg.png) right no-repeat;
margin:0;
overflow:hidden;
padding:0;
}
#product-list .sort .label {
float:left;
font:normal 12px/20px Arial, Helvetica, sans-serif;
margin-right:6px;
padding:5px 0 5px 10px;
}
#product-list .sort a.button {
float:right;
margin:5px 10px;
}
#product-list .sort .jump-menu {
float:left;
height:20px;
line-height:20px;
margin:5px 6px 5px 0;
outline:none;
}
#product-list .prodwhiteheadings {
margin-right: 29px;
}
.product {
border-top:1px solid #bdbdbd;
clear:right;
overflow:hidden;
padding:15px 0 0 5px;
width:100%;
}
.product .image {
float:left;
font-size:10px;
margin:0 15px 0 5px;
text-align:center;
}
.product .image .img-a {
border:1px solid #bdbdbd;
display:block;
overflow:hidden;
vertical-align:middle;
}
.product .compare {
clear:none;
float:right;
}
.product .compare input {
margin:30px 13px 0 0;
}
.product .price {
float:right;
margin:0 5px 20px 10px;
width:120px;
}
.product .price div {
color:#000;
font-size: 14px;
}
.product .price span {
color:#038a07;
font-size: 12px;
}
.product .price form {
margin-top:15px;
display: block;
}
.product .info {
border-left:#e7e7e7 solid 1px;
border-right:#e7e7e7 solid 1px;
font-size:14px;
height:auto;
margin:0 160px 0 110px;
min-height:100px;
padding:0 15px;
}

.product .info h2 a {
color: #000;
text-decoration: none;
font-size: 14px;
}
.product .info h2 a:hover {
text-decoration: underline;
}
.product .info ul {
font-size:12px;
list-style:disc;
margin:0;
padding:0;
width:100%;
}
.product .info li {
margin:0 0 0 15px;
}
.product .info li.special {
color: #006600;
list-style: none;
margin-top: 10px;
}
.product .info li.special strong {
color: #006600;
}
.product .info .button {
margin:10px 0 0;
}

/* Gallery / Search Navigation Buttons */
.page-nav {
border-bottom:1px dotted #bdbdbd;
border-top:1px dotted #bdbdbd;
margin:10px 0;
overflow:hidden;
padding:5px 0;
position:relative;
}
.page-nav .listcount {
color:#000;
font-size:14px;
font-weight:400;
line-height:1em;
margin:0;
padding:3px 0;
}
.page-nav .pages {
margin:0;
padding:0;
position:absolute;
right:0;
text-align:right;
top:5px;
width:400px;
}
.page-nav .pages li {
float:right;
margin:0 0 0 3px;
padding:0;
}
.page-nav .pages li.current {
background-color:#f0f0f0;
border:1px solid #bdbdbd;
color:#c60;
font-size:14px;
line-height:1em;
padding:3px 5px;
text-decoration:none;
border-radius: 3px;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0f0f0', endColorstr='#e3e3e3'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#f0f0f0), to(#e3e3e3)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #f0f0f0,  #e3e3e3); /* for firefox 3.6+ */
text-shadow: 1px 1px 0 #fff;
box-shadow: 0 1px 1px #ddd;
}
.page-nav .pages li a,
.page-nav .pages li a:link,
.page-nav .pages li a:visited,
.page-nav .pages li a:active {
border:1px solid #bdbdbd;
display:block;
font-size:14px;
line-height:1em;
padding:3px 5px;
text-decoration:none;
border-radius: 3px;
background-color:#f0f0f0;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0f0f0', endColorstr='#e3e3e3'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#f0f0f0), to(#e3e3e3)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #f0f0f0,  #e3e3e3); /* for firefox 3.6+ */
text-shadow: 1px 1px 0 #fff;
box-shadow: 0 1px 1px #ddd;
}
.page-nav .pages li a:hover {
background-color:#f9f9f9;
}
.greylink,
a.greylink,
a.greylink:visited {
color:#666;
text-decoration:underline;
}

/* Site search fields */
.searchbox {
background: #f7f7f7;
}
.searchbox-narrow {
background: #f7f7f7;
padding: 15px;
border-radius: 5px;
margin: 0;
border: 1px solid #bdbdbd;
box-shadow: 0 3px 0 rgba(0,0,0,.2);
}
.searchbox-narrow input[type=text] {
margin: 0 0 5px 0;
height: 17px;
border-radius: 5px 0 0 5px;
vertical-align: top;
border-width: 1px 0 1px 1px;}
.searchbox-narrow input[type=image] {
margin: 0;
padding: 0;
vertical-align: middle;
}
div.auto_complete {
background-color:#FFF;
border:1px solid #666;
font-size:14px;
margin:0;
padding:0;
position:absolute;
z-index:1;
}
div.auto_complete ul {
font-size:14px;
list-style-type:none;
margin:0;
padding:0;
}
div.auto_complete ul li.selected {
background-color:#ffb;
}
div.auto_complete ul li {
cursor:pointer;
display:block;
font-size:14px;
height:16px;
list-style-type:none;
margin:0;
padding:2px;
}
input.auto_complete {
background:url(/img/hds2/global/bg_field.png) no-repeat top left #fff;
background-color:#fff;
border:1px solid #666;
font-size:14px;
margin:0;
padding:1px 5px 3px;
}


/* document and page results */
.content-result {
margin: 0 0 2em 0;
overflow: hidden;
border-bottom: 1px dotted #bdbdbd;
}
.content-result .detail {
float: left;
clear: left;
margin: 0;
width: 500px;
padding: 0 15px 1em 0;
}
.content-result .detail a {
font-size: 14px;
color: #000;
display: block;
}
.content-result .button {
float: right;
clear: right;
width: 80px;
clear: none;
}
.content-result .relevance {
	float: left;
}
.content-result .relevance dt,
.content-result .relevance dd {
	float: left;
	margin: 0 .5em 0 0;;
}
.content-result .relevance dd {
	border-radius: 3px;
	border: 1px solid #bdbdbd;
	background: #ddd;
	width: 100px;
	box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.5);
}
.content-result .relevance dd div {
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4373bb', endColorstr='#114a9f'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#4373bb), to(#114a9f)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #4373bb,  #114a9f); /* for firefox 3.6+ */
box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.5);
}

/* /document and page results */


/* /site wide search */


/*  sidebar box styles - THese ahve a blue H3 header and are genrally 150px wide */
.sidebar {
position: relative;
margin-bottom: 1em;
padding: 0;
width: 150px;
text-align: left;
}
.sidebar .sidebar-body {
padding: 10px 5px;
margin-bottom: 15px;
border: 1px solid #bdbdbd;
border-width: 0 1px 1px 1px;
border-radius: 0 0 5px 5px;
box-shadow: 0 3px 0 rgba(0,0,0,0.1);
background-color: #fff;
}
.sidebar h3 { 
font-size: 12px;
background: #114a9f; /* for non-css3 browsers */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4373bb', endColorstr='#114a9f'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#4373bb), to(#114a9f)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #4373bb,  #114a9f); /* for firefox 3.6+ */
border: 1px solid #036;
padding: 3px 5px;
color: #fff;
font-weight: normal;
margin: 0;
border-radius: 5px 5px 0 0;
text-shadow: -1px -1px 0 #003366;
}
.sidebar ul {
margin: 0;
padding: 0;
list-style: none;
}
.sidebar ul h3 {
padding: 0;
background: none;
border: 1px solid #bdbdbd;
border-radius: 0;
border-width: 1px 0;
}
.sidebar ul h3 div  {
display: block;
padding: 4px 5px;
font-weight: bold;
color: #333333;
text-decoration: none;
background-color: #dfdfdf;
text-shadow: none;
}
.sidebar li a,
.sidebar li a:link,
.sidebar li a:visited {
display: block;
margin: 0;
padding: 4px 5px 4px 10px;
font-weight: normal;
color: #114a9f;
text-decoration: none;
}
.sidebar li a:hover {
font-weight: normal;
color: #1149af;
text-decoration: underline;
}
.sidebar .top5 {
margin: 12px 0;
padding: 0;
background: none;
width: 140px;
}
.sidebar .top5 li {
margin: 0 0 5px 30px;
padding: 0 0 0 0;
background: none;
font-weight: bold;
}
.sidebar .top5 li a {
display: inline;
margin: 0;
padding: 0;
background: none;
border: none;
line-height: 1em;
font-weight: normal;
}
.utilities {
margin-bottom:1em;
}
label .green {
color: #009900;
font-weight:700;
}
label .shipExt {
display:block;
margin-left: 16px;
}


/* Header */
.mainContact {
width: 780px;
margin: 5px auto;
clear: both;
color: #000;
font-size: 14px;
text-align: right;
}
.mainContact.secure,
.mast.secure,
.search-bar.secure {
width: 950px;
}
.mast {
width: 780px;
margin: 0 auto;
clear: both;
overflow: hidden;
}
.mast .logo {
float: left;
}
.search-bar {
width: 778px;
height: 33px;
margin: 0 auto;
background-color: #f3f3f3;
clear: both;
border: 1px solid #bdbdbd;
position: relative;
border-radius: 5px 0 5px 5px;
box-shadow: 0 3px 0 rgba(0,0,0,0.1);
}
.search-bar #search {
position: absolute;
top: 5px;
left: 5px;
padding: 3px 5px;
margin: 0;
width: 180px;
height: 15px;
font-size: 12px;
font-height: 1em;
border-radius: 3px 0 0 3px;
}
.search-bar #submit_search {
position: absolute;
top: 5px;
left: 196px;
height: 23px;
}
.search-bar .cart-info {
position: absolute;
top: 7px;
right: 15px;
width:400px;
text-align: right;
}

/* Search Page Errors */
.searcherror {
margin: 1em 0 1em 0;
}
.searcherror .alert,
.searcherror .alert_bold {
padding: 5px 8px;
border: 1px solid #5884c6;
color: #000;
margin: 0;
background-color: #cad9ed;
border-radius: 5px;
text-shadow: 1px 1px 0 #dbe9ff;
font-size: 14px;
}
.searcherror .alert span {
color: #cc0000;
}
/* /Search Page Errors */

/*  nav icon test - Suckerfish */
#icnNavContainer  {
float: right;
width: 560px;
z-index: 1000;
overflow: hidden;
}
#icnNav, #icnNav ul {
padding: 0;
margin: 0 auto;
list-style: none;
}
#icnNav a {
display: block;
color: #fff;
text-decoration: none;
padding: 20px 0 10px 68px;
text-align: left;
line-height: 1.1em;
border-right: 1px solid #fff;
text-shadow: -1px -1px 0 #036;
}
#icnNav li {
background: url(/img/hds2/nav-icn/bg-off.png) left bottom no-repeat;
}
#icnNav li:hover > a {
color: #000;
text-shadow: none;
}
#icnNav li.home, #icnNav li:hover.home {
background-position: -140px 0;
}
#icnNav li.home > a, #icnNav li:hover.home > a {
padding-left: 50px;
padding-right: 10px;  /* or enough padding to make Home Headsets fit on two lines */
}
#icnNav li.computer, #icnNav li:hover.computer {
background-position: -280px 0;
}
#icnNav li.computer > a, #icnNav li:hover.computer > a{
padding-left: 75px;
}
#icnNav li.cell,#icnNav li:hover.cell {
background-position: -420px 0;
}
#icnNav li.cell > a,#icnNav li:hover.cell > a {
padding-left: 45px;
border-right: 0px solid #fff;
}
#icnNav li:hover {
background: url(/img/hds2/nav-icn/bg-on.png) left bottom no-repeat;
color: #000;
visibility:visible;
}
#icnNav li {
float: left;
width: 140px;
}
#icnNav li ul {
position: absolute;
width: 128px;
left: -999em;
border: none;
z-index: 1000;
background-color: #fff;
background-image: none;
}
#icnNav ul li {
background: #114a9f;
background-image: none;
width: 139px;
border-top: 1px dotted #165fcc;
}
#icnNav ul li a {
padding: 10px 10px;
text-align: left;
border: none;
color: #fff;
background: none;
}
#icnNav li ul > li:first-child{
border: none;
}
#icnNav li ul > li:last-child{
border-bottom: 4px solid #114a9f;
}
#icnNav ul li:hover {
color: #fff;
background: #036;
background-image: none;
}
#icnNav ul li:hover > a {
color: #fff;
}
#icnNav li:hover ul,
li.over ul {
top:auto;
left: auto;
display: block;
}
#icnNav li:hover ul, #icnNav li.sfhover ul {
top: 82px;
left: auto;
}
.cart-info a {
text-decoration: none;
color: #333;
line-height: 1em;
}
/* /nav icon test */

/* OfficeRunner Support Page */
.or-support-wrapper {
width: 780px; margin: 15px auto; padding-bottom: 3px; overflow: hidden;
}
.or-support-wrapper .main-banner {
height: 360px;
background: #333 url(/img/hds2/landing/or/officerunner-main.jpg) -15px -15px no-repeat;
position: relative;
margin-bottom: 15px;
border-radius: 5px;
box-shadow: 0 3px 0 #ccc;
clear: both;
margin-bottom: 15px;
}
.or-support-wrapper .or-support-head {
clear: left;
width: auto;
margin: 0 0 1em 0;
background-color: #dfe6f0;
padding: 10px;
border: 1px solid #bdbdbd;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
-moz-box-shadow: 0 3px 0 rgba(0,0,0,0.1);
-webkit-box-shadow: 0 3px 0 rgba(0,0,0,0.1);
box-shadow: 0 3px 0 rgba(0,0,0,0.1);
}
.or-support-wrapper .or-support-head h1 {
font-size: 22px;
font-weight: normal;
margin: 0 0 .5em 0;
}
.or-support-wrapper  .buy-now {
margin: .5em 0 0 0;
border: none;
clear: both;
}
.or-support-wrapper .or-support-head h2 {
font-size: 14px;
font-weight: normal;
margin: 0;
color: #555;
}
.main-banner .tag {
position: absolute;
top: 60px;
left: 300px;
}
.main-banner a.image-link {
display:block;
position: absolute;
top: 0;
left: 0;
width: 270px;
height: 340px;
outline: none;
}
.main-banner p {
position: absolute;
top: 160px;
left: 370px;
width: 290px;
color: #fff; font-size: 14px;
-moz-text-shadow: 1px 1px  0 #222;
-webkit-text-shadow: 1px 1px 0 #222;
text-shadow: 1px 1px 0 #222;
text-align: justify;
}
.main-banner .caption {
position: absolute; bottom: 70px; left: 250px; color: #fff; font-size: 10px; width: 85px; line-height: 1.1em;
}
.main-banner .buy {
position: absolute;
top: 260px;
left: 370px;
border: 0;
}
.col1 {
float: left;
overflow: hidden;
position: relative;
padding: 15px;
background-color: #f7f7f7;
width: 485px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-moz-box-shadow: 0 3px 0 rgba(0,0,0,0.1);
-webkit-box-shadow: 0 3px 0 rgba(0,0,0,0.1);
box-shadow: 0 3px 0 rgba(0,0,0,0.1);
border: 1px solid #bdbdbd;
}
.col1 h3,
.col2 h3 {
font-size: 18px;
color: #000;
font-weight: normal;
margin: 0 0 15px 0;
}
.col1 div h4,
.col1 ol h4 {
color: #000;
font-size: 14px;
font-weight: normal;
margin: 0;
}
.col1 div {
position: relative;
clear: both;
margin-bottom: 20px;
height: 120px;
}
.col1 ol {
margin: 0 0 0 20px;
padding: 0;
font-size: 14px;
font-weight: bold;
color: #000;
}
.col1 ol p {
font-weight: normal;
font-size: 12px;
color: #555;
}
.col1 div img,
.col1 div h4,
.col1 div p {
position: absolute;
}
.col1 div p {
text-align: justify;
}

.col1 .warranty img {
top: 5px;
left: 0;
}
.col1 .warranty h4 {
top: 5px;
left: 67px;
}
.col1 .warranty p {
top: 25px;
left: 67px;
width: 420px;
}
.col1 .nc img {
top: 0;
right: 0;
}
.col1 .nc h4 {
top: 30px;
left: 0;
width: 270px;
}
.col1 .nc p {
top: 50px;
left: 0;
width: 250px;
}
.col1 .comfort {
height: 198px;
}
.col1 .comfort img {
top: 0;
left: 0;
}
.col1 .comfort h4 {
top: 60px;
left: 230px;
}
.col1 .comfort p {
top: 80px;
left: 230px;
width: 250px;
}
.col1 .lifter {
}
.col1 .lifter img {
top: 0;
right: 0;
}
.col1 .lifter h4 {
top: 10px;
left: 0;
}
.col1 .lifter p {
top: 30px;
width: 260px;
}

.col1 .charger h4 {
top: 10px;
left: 130px;
}
.col1 .charger p {
top: 30px;
left: 130px;
width: 360px;
}
.col2 {
float: right;
overflow: hidden;
}
.col2 .videos {
background-color: #555;
width: 240px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-moz-box-shadow: 0 3px 0 rgba(0,0,0,0.1);
-webkit-box-shadow: 0 3px 0 rgba(0,0,0,0.1);
box-shadow: 0 3px 0 rgba(0,0,0,0.1);
position: relative;
color: #fff;
padding: 5px;
-moz-text-shadow: 1px 1px  0 #222;
-webkit-text-shadow: 1px 1px 0 #222;
text-shadow: 1px 1px 0 #222;
margin-bottom: 15px;
}
.videos h3 {
color: #fff;
margin: 0 0 3px 0;
}
.videos h4 {
color: #fff;
margin: 0 0 3px 0;
padding: 0;
font-size: 14px;
font-weight: normal;
}
.col2 .downloads {
margin: 0 0 1em 0;
padding: 0;
}
.col2 .downloads li {
list-style-image: url(/img/hds2/icons/icn-pdf.png);
margin: 0 0 .5em 25px;
padding: 0;
}

/* New Index Tool Bar */
.tool-wrapper {
position: relative;
margin: 0 auto;
padding: 0;
width: 780px;
overflow: hidden;
}
.tool-wrapper a {
text-decoration: none;
}
.tool {
position: relative;
margin-right: 10px;
float: left;
}
.tool h3 {
font-size: 12px;
background: #114a9f; /* for non-css3 browsers */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4373bb', endColorstr='#114a9f'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#4373bb), to(#114a9f)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #4373bb,  #114a9f); /* for firefox 3.6+ */
border: 1px solid #003366;
padding: 3px 5px;
color: #fff;
font-weight: normal;
margin: 0;
border-radius: 5px 5px 0 0;
text-shadow: -1px -1px 0 #003366;
}
.tool-body {
padding: 10px;
margin-bottom: 15px;
border: 1px solid #bdbdbd;
border-width: 0 1px 1px 1px;
border-radius: 0 0 5px 5px;
box-shadow: 0 3px 0 rgba(0,0,0,0.1);
}
.tool-wrapper .prod-selector {
width: 300px;
}
.tool.prod-selector .tool-body {
height: 200px;
background: url(/img/hds2/index/08/app_icons.png) 5px 150px no-repeat;
}
.tool-wrapper .prod-selector .tool-body select {
width: 250px;
}
.tool-wrapper .prod-selector .tool-body label {
color: #114a9f; font-size: 16px;
font-weight: bold;
}
.tool-wrapper .acc-selector {
width: 150px;
}
.tool.acc-selector .tool-body {
height: 200px;
background: url(/img/hds2/index/08/acc.png) 5px 165px no-repeat;
}
.tool.acc-selector .tool-body select {
padding: 0px 0px;
width: 130px;
margin-bottom: 1em;
}
.tool-wrapper .top5 {
width: 150px;
}
.tool-wrapper .top5 ol {
width: 130px;
margin: 0;
padding: 0;
}
.tool-wrapper .top5 li {
margin: 0 0 3px 25px;
padding: 0 0 0 -10px;
font-weight: bold;
color: #000;
}
.tool-wrapper .top5 li a {
line-height: 1.1em;
text-decoration: none;
margin: 0;
padding: 0;
}
.tool-wrapper .top5 li a:hover {
text-decoration: underline;
}
.top5 .tool-body {
height: 210px;
padding: 5px;
}
.tool-wrapper .guarantee {
width: 150px;
margin-right: 0;
}
.guarantee .tool-body {
height: 83px;
padding: 5px;
}
.guarantee .tool-body strong {
display: block;
}
.tool-wrapper .lpbuttons {
margin-bottom: 4px;
float: left;
}
.tool-wrapper .lpoff {
width: 150px;
margin-right: 0;
float: left;
}
.tool-wrapper .rewards {
width: 150px;
margin-right: 0;
float: left;
}
.rewards .tool-body {
height: 208px;
padding: 8px 5px 4px 5px;
}
.tool-wrapper .charity {
width: 150px;
margin-right: 0;
float: left;
}
.tool-wrapper .charity p {
margin-bottom: 17px;
}
.tool-wrapper a:hover {
text-decoration: underline;
}
.lpoff .tool-body {
height: 66px;
}
.email #sign_up_email_address {
padding: 2px 2px 3px 2px;
width: 130px;
margin: 5px 0 8px 0;
}
/* /index tool bar */

/*  index testimonial box */
.index-testimonial {
border: 1px solid #bdbdbd;
padding: 10px;
background-color: #fff;
border-radius: 5px;
box-shadow: 0 3px 0 rgba(0,0,0,0.1);
margin: 0;
clear: both;
}
.index-testimonial .cust-intro {
color: #000;
font-size: 14px;
font-weight: bold;
padding-bottom: 3px;
}
.index-testimonial .cust-txt {
color: #000;
font-size: 14px;
padding-bottom: 3px;
padding-left: 6px;
text-indent: -6px;
}
/* /index tool row*/

/*Clearance Gallery */
.clearance-head {
padding: 30px 215px 30px 30px;
border: 1px solid #bdbdbd;
border-bottom: none;
background: #f2f5f7 url(/img/hds2/badges/satisfaction-guarantee.png) 400px 0px no-repeat; 
}
.clearance-head h1 {
font-size: 18px;
}
.clearance-head p {
padding:0;
margin:0;
}
.clearance-listing {
overflow: hidden;
border: 1px solid #bdbdbd;
border-bottom: none;
}
.clearance-listing .item {
overflow: hidden;
position: relative;
border-bottom: 1px solid #bdbdbd;
padding: 15px;
}
.clearance-listing .item .item-img {
float: left;
border: none;
}
.clearance-listing .item-text {
float: left;
overflow: hidden;
width: 385px;
padding: 0 15px;
}
.clearance-listing .item-text h2 a {
font-size: 14px;
color: #000;
text-decoration: none;
}
.clearance-listing .item-text h2 a:hover {
text-decoration: underline;
}
.clearance-listing .item-text ul {
margin: 0;
padding: 0;
}
.clearance-listing .item-text li {
margin: 0 0 3px 15px;
}
.clearance-listing .item .price {
position: absolute;
top: 15px;
right: 15px;
font-size: 16px;
line-height: 1;
}
.item .price span {
color: #000;
vertical-align:top;
font-size: 11px;
}
.clearance-listing .item .savings {
position: absolute;
top: 30px;
right: 15px;
color: #006600;
}
.clearance-listing .item input.add {
position: absolute;
top: 55px;
right: 15px;
color: #006600;
width:80px;
height: 20px;
}
.clearance-listing .item .read {
position: absolute;
top: 80px;
right: 15px;
color: #006600;
border: 0;
}
/* /clearance gallery */

/* Store Select - lets visitors self select the localized store they want */
#store-select {
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#555555', endColorstr='#333333'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#555555), to(#333333)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #555555,  #333333); /* for firefox 3.6+ */
color: #fff;
font-size: 14px;
padding: 15px;
font-weight: bold;
text-align: center;
margin: 0 0 1.5em 0;
-moz-text-shadow: 1px 1px 0 #222;
-webkit-text-shadow: 1px -1px 0 #222;
text-shadow: 1px 1px 0 #222;
}
#store-select form {
display: inline;
}
#store-select label {
margin-left: 15px;
}
/* /store select */

/*  Footer */
#googleCheckoutLogo {
margin-bottom: .6em;
}
#thawteseal-ft {
width: 220px;
float: right;
}
.copyright,copyright a:link,copyright a:visited,copyright a:hover {
color:#114A9F;
font-size:10px;
font-weight:400;
text-decoration:underline;
}
.footer_wrap {
width: 100%;
background-color: #ddd;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dddddd'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#dddddd)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #ffffff,  #dddddd); /* for firefox 3.6+ */
margin: 1.5em 0 0 0;
border-top: 1px solid #ddd;
}
.footer_wrap #footer {
color: #555;
position: relative;
width: 780px;
height: 320px;
margin: 0 auto;
border-bottom: 1px solid #ccc;
}
.footer_wrap #footer a,
.footer_wrap #footer a:link,
.footer_wrap #footer a:active,
.footer_wrap #footer a:visited {
color: #666;
font-style: normal;
text-decoration: none;
}
.footer_wrap #footer a:hover {
color: #999;
}
.footer_wrap #footer .links {
position: absolute;
width: 180px;
}
.footer_wrap #footer .shopping {
top: 1em;
left: 0;
}
.footer_wrap #footer .company {
top: 1em;
left: 180px;
}
.footer_wrap #footer .info{
top: 1em;
left: 360px;
}
.footer_wrap #footer h4 {
font-size: 18px;
font-weight:bold;
color: #555;
margin: 0 0 .5em 0;
line-height: 1.4em;
}
.footer_wrap #footer .links a {
display: block;
margin: .25em 0 0 .5em;
}
.footer_wrap #footer #testimonial {
position: absolute;
text-shadow: 1px 1px 1px #061833;
top: 0;
right: 0;
width: 230px;
font-weight: normal;
background-color: rgba(9, 37, 79, .8) !important;
background-color: #09254f;
border-radius: 0 0 5px 5px;
padding: 14px 15px;
color: #fff;
box-shadow: 0 3px 3px rgba(0, 0, 0, .4);
}
.footer_wrap #footer #testimonial h4{
color:#FFFFFF;
}
.footer_wrap #footer #testimonial a {
color:#ddd;
}
.footer_wrap #footer #testimonial a.more {
display: block;
color:#FFFFFF;
border: 1px solid #061833;
font-size: 12px;
padding: 3px 8px;
width: 60px;
border-radius: 5px;
margin-top: 5px;
box-shadow: 1px 1px 0 rgba(255, 255, 255, .5);
}
.footer_wrap #footer #testimonial .cust-intro {
margin: 0 0 .5em 0;
line-height: 1.2;
opacity: 1;
}
.footer_wrap #footer #testimonial .cust-txt,
.footer_wrap #footer #testimonial .cust-txt a {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 18px;
line-height: 1.2em;
margin-bottom: .5em;
opacity: 1;
}
.footer_wrap #footer #testimonial .cust {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
opacity: 1;
line-height: 1.4;
padding: 0 0 0 80px;
}
.footer_wrap .legal {
color: #fff;
padding: 5px 20px;
text-align: center;
background-color: #061833;
opacity: 0.75;
}
.footer_wrap .legal address {
display: inline;
font-style:normal;
}
.footer_wrap .contact,
.footer_wrap .cred {
color: #555;
position: relative;
width: 780px;
height: 180px;
margin: 0 auto;
border-top: 1px solid #f7f7f7;
border-bottom: 1px solid #ccc;
}
.footer_wrap .contact a,
.footer_wrap .cred a {
color: #777;
text-decoration: none;
}
.footer_wrap .legal a {
color: #ddd;
text-decoration: none;
}
.footer_wrap .contact a:hover,
.footer_wrap .cred a:hover {
color: #999;
}
.footer_wrap .legal a:hover {
color: #fff;
}
.footertext {
color:#666;
line-height:1.5;
}
a.footertext:link,a.footertext:visited {
color:#666;
}
.contact .lp-foot {
position: absolute;
display: block;
top: 100px;
right: 0;
}
.contact .boilerplate {
position: absolute;
top: 20px;
right: 0;
width: 520px;
}
.contact .phone {
position: absolute;
top: 100px;
right: 280px;
width: 240px;
}
.footer_wrap .cred {
border-bottom: none;
}
.contact .logo {
position: absolute;
top: 45px;
left: 0;
}
.cred .cards {
top: 20px;
left: 355px;
position: absolute;
opacity:.80;
}
.cred .credit {
top: 20px;
left: 230px;
position: absolute;
opacity:.80;
}
.cred .cards:hover,
.cred .credit:hover {
opacity: 1;
}
.cred #googleCheckoutLogo {
position: absolute;
top: 10px;
left: 10px;
display: inline;
margin: 0;
padding: 0;
}
.cred #bbblink {
position: absolute;
top: 70px;
left: 190px;
display: block;
overflow: hidden;
width: 60px;
height: 98px;
margin: 0px; 
padding: 0px;
}

.cred .stella {
position: absolute;
top: 80px;
left: 515px;
display: block;
overflow: hidden;
margin: 0px; 
padding: 0px;
}
.cred .secure-seal {
position: absolute;
top: 75px;
left: 290px;
height: 80px;
width: 80px;
}
.cred .hot100 {
position: absolute;
top: 70px;
left: 400px;
height: 100px;
width: 100px;
}

/*  Styles */
.article {
}
.article_img {
border: 0;
clear: both;
margin: 0 0 1.5em 0;
}
.ship-dates th {
background:#114A9F;
color:#fff;
padding:3px 5px;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4373bb', endColorstr='#114a9f'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#4373bb), to(#114a9f)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #4373bb,  #114a9f); /* for firefox 3.6+ */
border-bottom: 1px solid #036;
text-shadow: -1px -1px 0 #036;
}
.ship-dates {
margin: 0 0 1em 0;
}
.ship-dates .del-dates {
color:#006600;
text-decoration:none;
}
.article h1 {
font-size: 18px;
font-weight: bold;
color: #114a9f;
line-height: 1.2em;
}
.article h2 {
font-size:14px;
font-weight: normal;
color:#114a9f;
}
.article h3 {
font-size: 14px;
font-weight: normal;
margin: 0 0 .25em 0;
}
.article a {
text-decoration: none;}

.article h4 {
color: #000000;
margin: 0;
}
.article p {
text-align: justify;
font-size: 12px;
padding: 0;
margin:  0 0 1em 0;
line-height: 1.4em;
}
.article p img {
border: 2px solid #555;
box-shadow: 0px 3px 3px rgba(0,0,0,.4);
margin: 0 0 .5em 0;
display: block;
}
.article p .left {
float: left;
margin: 0 15px 15px 0;
}
.article p .right {
float:right;
margin: 0 0 15px 15px;
}
.article p img.no-border {
border: 0;
box-shadow: none;
}
.article dl {
clear: both;
margin: 0;
padding: 0;
}
.article li {
margin: 0 0 .5em 20px;
test-align: left;}
.article dt {
font-weight: bold;
color: #000000;
margin: 0 0 .1em 0;
}
.article dd {
margin: 0 0 .5em 0;
}
.article table.friends td {
text-align: justify;
padding: 0 0 10px 0;
vertical-align: top; 
}
.article table.friends td a {
text-decoration: none;
}
.article p a {
text-decoration: none;
}
.article embed {
display: block;
margin: 15px auto;
}
.article .credit {
margin:  0 0 1em 0;
}
.article .credit .author {
}
.article .credit time {
}
.article .credit .source,
.article .credit .source a {
font-weight: bold;
text-decoration: none;
}
.article_sidebar {
float: right;
width: 150px;
}
.article .news-item .credit {
margin: 0;
padding: 0;
}
.article ul {
margin: 0;
padding: 0;
}
.article ul.nobull {
list-style: none;
}
.article ul.nobull li {
margin: 0 0 .5em 0;
}
.article .news-item {
margin-bottom: 20px;
overflow: hidden;
}
.article .news-item a {
text-decoration: none;
}
.article .news-item a:hover {
text-decoration: underline;
}
.dl-aligned dt{
float: left;
clear: left;
width: 50px;
text-align: right;
font-weight: bold;
color: #000000;
}
.dl-aligned dt:after { content: ":"; }
.dl-aligned dd { margin: 0 0 0 60px; padding: 0 0 1em 0; }

/*staff profiles table*/
.profiles {
border-collapse: collapse;
}
.profiles h3 {
color: #000000;
}
.profiles th {
padding: 0 0 20px 0;
width: 132px;
}
.profiles td {
padding: 0px 0 20px 15px;
}
.profiles td a {
text-decoration: none;
display: block;
text-align: left;
margin: 10px 0;
}
.profiles td p a {
display: inline;
}
.profiles th img {
border: 2px solid #333;
box-shadow: 0 3px 0 rgba(0,0,0,0.1);
margin: 0;
padding: 0;
}
.profiles th div {
padding: 5px;
width: 115px;
font-style: normal;
color: #555;
font-weight: normal;
text-align: center;
}
.profiles th div strong {
display:block;
}
.article .resources {
border: 1px solid #bdbdbd;
background-color: #f7f7f7;
border-radius: 5px;
padding: 15px;
overflow: hidden;
}
.article .resources h3 {
color: #000000;
}
.article .resources ul {
width: 200px;
margin: 0;
padding: 0;
list-style: none;
float: left;
line-height: 1.4em;
}
.article .resources li {
margin: 0;
padding: 0;}
.article .customers ul {
width: 400px;
clear: both;
overflow:hidden;
margin: 0 0 1.5em 0;
padding: 0;
}
.article .customers li {
display: block;
float: left;
width: 180px;
margin: 0 0 .25em 0;
padding: 0;
}
.connectors  h4 {
color: #114a9f;
text-align: left;
}
.connectors p {
text-align:left;
}
.code {
color:#09F;
font-family:"Courier New", Courier, monospace;
}
/* /articles */


/*  hds09 - these declarations are 90% for the checkout process */
.container {
width: 950px;
margin: 0 auto;
}
.header {
padding: 5px;
overflow: hidden;
}
.header .phone {
float: right;
height: 55px;
font-size: 16px;
color: #114a9f;
padding: 15px 10px 0 0;
}
.top-menu {
width: 950px;
padding: 0;
margin: 0;
background-image: url(/img/hds2/global/nav/SpryMenuBar_BG.gif);
}
.top-menu .menu-title {
float: left;
color: #114a9f;
font-weight: bold;
padding: 6px 15px 5px 15px;
border-top: 1px solid #fff;
border-right: 1px solid #999;
border-bottom: 1px solid #999;
border-left: 1px solid #bdbdbd;
background: url(/img/hds2/global/nav/SpryMenuBar_whtbg.png) repeat-x top;
}
.search-bar {
border-top: 1px solid #cccccc;
border-right: 1px solid #bdbdbd;
border-bottom: 1px solid #999999;
border-left: 1px solid #bdbdbd;
overflow: hidden;
}
input#submit_search {
margin: 0 0 -5px 0;
}
form#search_form {
float: left;
margin: 0;
padding: 0;
}
.content {
padding: 15px 0;
background-color: #fff;
border: 0;
overflow: hidden;
}
h1.heading {
font-weight: normal;
margin: 0 0 0px 0;
padding: 0;
color: #000;
font-size: 22px;
line-height: 22px;
}
.radio {
border: none;
background: none;
}
.warning {
border-top: 2px solid #cc0000;
border-bottom: 2px solid #cc0000;
padding: 15px 15px 15px 50px; 
background: #ffcccc url() center left no-repeat;
color: #cc0000;
margin: 0 0 1em 0;
}
.warning h2 {
color: #660000;
font-size: 16px;
font-weight: normal;
}
.warning ul {
margin: 0;
padding: 0;
list-style: disc;
color: #660000;
}
.warning ul li {
margin: 0 0 3px 15px;
}
.order-methods {
	 float: right;
	 width: 200px;
	 padding-top: 32px;
}
.order-methods input.checkout {
	margin: 0 0 1em 0;
}
.cart-items {
border-collapse: collapse;
margin: 0 0 15px 0;
}
.cart-items .item-title,
.cart-items a.item-title,
.cart-items a:link.item-title,
.cart-items a:visited.item-title,
.acc-table a.item-title,
.acc-table a:link.item-title,
.acc-table a:visited.item-title {
color: #000;
text-decoration: none;
display: block;
font-size: 14px;
}
.cart-items a:hover.item-title,
.acc-table a:hover.item-title {
text-decoration: underline;
}
.cart-items a.acc-link,
.cart-items a:link.acc-link
.cart-items a:visited.acc-link {
font-size: 12px;
text-decoration: none;
}
.cart-items a:hover.acc-link {
text-decoration: underline;
}
.cart-items .alerts {
padding: 0;
}
.cart-items .cart-note,
.cart-items .cart-note strong {
color: #cc0000;
}
.cart-items .offer-note,
.cart-items .offer-note strong {
margin-top: .5em;
color: #006600;
}
.cart-items .alerts .alert-box td {
border: 0;
background-color: #d4ffd3;
color: #000;
vertical-align: middle;
}
.cart-items thead th,
.cart-items tfoot td {
border-collapse: collapse;
border: 1px solid #bdbdbd;
padding: 5px;
font-size: 12px;
color: #000;
font-weight: normal;
background-color: #d7dde6;
}
.cart-items tfoot td.foot {
background: #d7dde6 url(/img/hds2/cart_v2/bg_fade_bottom_blue.jpg) top repeat-x;
}
.cart-items td {
font-size: 12px;
}
.cart-items tbody {
box-shadow: 0 3px #dddddd;
}
.cart-items tbody td {
border-collapse: collapse;
border: 1px solid #bdbdbd;
padding: 5px;
color: #333;
font-weight: normal;
vertical-align: top;
}
.cart-items td.currency {
text-align: right;
}
.cart-items td .item-savings {
font-size: 12px;
color: #006600;
}
.cart-items tbody td.img {
padding: 5px;
background-color: #fff;
width: 80px;
text-align: center;
}
.compat-check {
background-color: #d7dde6;
margin: 5px -5px -5px -5px;
padding: 5px;
border-top: 1px solid #bdbdbd;
}
.total-box {
width: 200px;
border-collapse: collapse;
margin-top: 15px;
margin: 0 0 1em 0;
box-shadow: 0 3px #dddddd;
}
.total-box th {
font-size: 18px;
text-align:center;
}
.total-box th,
.total-box td {
padding: 5px;
}
.total-box th {
background-color: #fff;
border: 1px solid #bdbdbd;
font-size: 14px;
font-weight: bold;
color: #000;
}
.total-box th .savings {
font-size: 14px;
font-weight: bold;
color: #109000;
}
.total-box td {
background-color: #f9f9f9;
border: 1px solid #bdbdbd;
text-align: center;
}
.total-box tfoot td strong {
display: block;
color: #000;
font-weight: normal;
font-size: 14px;
text-indent: -5px;
}
.total-box tfoot td {
background-color: #f7f7f7;
border: none;
text-align: left;
}


.messages {
background-color: #f9f9f9;
border: 1px solid #bdbdbd;
text-align: left;
padding: 5px;
box-shadow: 0 3px #dddddd;
}
.messages p {
margin: 0 0 1em 0;
}
.messages p.last {
margin: 0;
}
.messages h4 {
color: #fff;
margin: -5px -5px .25em -5px;
padding: 3px 5px;
background-color: #114a9f;
font-weight: normal;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#777777', endColorstr='#555555'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#777777), to(#555555)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #777777,  #555555); /* for firefox 3.6+ */
text-shadow: -1px -1px 0 rgba(0,0,0,.5);
}
.free-ship-note {
padding: 10px 5px;
border: 1px solid #988400;
font-size: 24px;
margin:  0 0 .5em 0;
text-align: center;
font-weight: bold;
color: #857401;
background-color: #ffdd00;
border-radius: 5px;
text-shadow: 1px 1px 0 #fff6b8;
}

.free-ship-note span {
display: block;
font-size: 14px;
line-height: 1.1em;
margin: .25em 0 0 0;
font-weight: normal;
}
/* begin cart split with 3 values */

.values {
margin: 2em 0 1em 0;
padding: 0;
background: #bdbdbd;
}
.values li {
float: left;
width: 223px;
list-style: none;
margin: 0 19px 0 0;
}
.values li:last-child {
margin: 0;
}
.values li h4 {
font-size: 12px;
background: #114a9f; /* for non-css3 browsers */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4373bb', endColorstr='#114a9f'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#4373bb), to(#114a9f)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #4373bb,  #114a9f); /* for firefox 3.6+ */
border: 1px solid #036;
padding: 3px 5px;
color: #fff;
font-weight: normal;
margin: 0;
border-radius: 5px 5px 0 0;
text-shadow: -1px -1px 0 #003366;
}
.values li p {
border-radius: 0 0 5px 5px;
box-shadow: 0 3px #dddddd;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f3f3f3'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f3f3f3)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #ffffff,  #f3f3f3); /* for firefox 3.6+ */
border: 1px solid #bdbdbd;
padding: 10px;
}
/* End cart split with 3 values */

.footer {
color: #fff;
background: url(/img/hds2/global/footer/bg_footer.jpg) center bottom no-repeat;
border-top: 1px solid #1a6fed;
padding: 30px 15px;
margin: 0;
}
.footer a.foot_link,
.footer a:active.foot_link,
.footer a:link.foot_link,
.footer a:visited.foot_link,  {
color: #ffffff;
text-decoration: none;
}
.footer a:hover.foot_link {
text-decoration: #fff;
}
.column {
border: 1px solid #bdbdbd;
background-color: #f2f2f2;
}
.column .red {
padding: 8px 15px;
color: #cc0000;
font-size: 16px;
font-weight: bold;
background-color: #fff;
}
.column .bk {
padding: 8px 15px;
color: #000;
font-size: 16px;
font-weight: bold;
background-color: #fff;
}
.column .grn {
padding: 8px 15px;
color: #006600;
font-size: 16px;
font-weight: bold;
background-color: #fff;
}
.column h2 {
background-color: #d7dde6;
font-size: 14px;
color: #000;
padding: 10px 15px;
margin: 0;
font-weight: normal;
border-bottom: 1px solid #bdbdbd;
}
.column h3 {
background-color: #555;
font-size: 12px;
font-weight: normal;
color: #fff;
padding: 3px 15px;
margin: 0; 
}
.column ul {
margin: 0;
padding: 0;
list-style: none;
}
.column ul li {
margin: 10px 15px;
padding: 0;
list-style: none;
text-align: right;
}
.column .special li {
margin: 10px 15px;
padding: 0;
list-style: none;
text-align: left;
}
.column ul li label {
font-size: 11px;
color: #000;
}
.column ul li div {
font-size: 11px;
color: #333;
}
.column ul li strong {
color: #000;
}
input.phone {
font-size: inherit;
line-height: 12px;
padding: 4px 5px;
width: 160px;
color: #333;
border: 1px solid #bdbdbd;
background: url(/img/hds2/global/bg_field.png) no-repeat top left #ffffff;
}
input.qty {
font-size: 12px;
line-height: 12px;
padding: 4px 5px;
color: #000;
border: 1px solid #bdbdbd;
background: url(/img/hds2/global/bg_field.png) no-repeat top left #ffffff;
text-align: center;
}
.column ul li input,
.column ul li textarea {
font-size: 14px;
line-height: 14px;
padding: 4px 5px;
width: 220px;
color: #000;
border: 1px solid #bdbdbd;
background: url(/img/hds2/global/bg_field.png) no-repeat top left #ffffff;
}
.column ul li textarea {
font-family: Arial, Helvetica, sans-serif;
line-height: 1.2;
}
.column ul li input.disabled {
height: auto;
font-size: 14px;
line-height: 14px;
padding: 4px 5px;
width: 225px;
color: #999;
border: 1px solid #bdbdbd;
font-weight: normal;
text-shadow: none;
background: url(/img/hds2/global/bg_field.png) no-repeat top left #ffffff;
}
.column ul li input.alert {
border: 1px solid #cc0000;
}
.column ul li label.left,
.column label.left {
display: block;
padding-left: 15px;
text-indent: -15px;
}
.column ul li input.left,
.column input.left {
border: none;
width: 13px;
height: 13px;
padding: 0;
margin:0;
vertical-align: bottom;
position: relative;
top: -1px;
*overflow: hidden;
}
.column ul li input.left-radio,
.column input.left-radio {
border: none;
width: 13px;
height: 13px;
padding: 0;
margin:0;
vertical-align: bottom;
position: relative;
top: -1px;
*overflow: hidden;
background: none;
}
.order {
width: 710px;
float: right;
}
.order .details {
padding: 0;
margin: 0 0 15px 0;
overflow: hidden;
}
.order .details .block {
margin: 0;
padding: 0;
list-style: none;
float: left;
width: 177px;
}
.order .details .block h3 {
margin: 0 0 5px 0;
padding: 0;
color: #000;
font-weight: normal;
font-size: 14px;
}
.order .notes {
margin-bottom: 15px;
}
.order .notes strong {
font-weight: normal;
color: #000;
}
.subhead {
background-color: #d7dde6;
margin: 0;
padding: 10px 20px;
color: #000;
font-size: 14px;
border: 1px solid #bdbdbd;
}
#review {
overflow: hidden;
background-color: #fff;
margin: 0 0 15px 0;
padding: 20px 0;
}

#review .column {width: 180px; float: left; }
/* /hds09 */

/*  help tab */
#slideout {
display: block;
position: fixed;
width:400px;
top:33%;
left:-370px;
z-index: 1000;
}
#clickme {
float:right;
height:165px;
width:30px;
border-radius: 0 5px 5px 0;
border: 1px solid #003366;
border-left: none;
background: url(/img/hds2/global/help-tab-c.png) no-repeat center #fff;
box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
cursor: pointer;
}
#slidecontent {
float:left;
overflow: hidden;
width: 308px;
height: 100%;
border-radius: 0 0 5px 0;
border: 1px solid #bdbdbd;
background-color: #fff;
border-left: none;
box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
padding: 20px 15px 5px 45px;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f7f7f7'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f7f7f7)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #ffffff,  #f7f7f7); /* for firefox 3.6+ */
}
#slidecontent p {
padding: 0;
}
#slidecontent p.phone {
background: url(/img/hds2/icons/phone.png) 5px 5px no-repeat;
padding: 0 0 0 65px;
}
#slidecontent p.chat {
background: url(/img/hds2/icons/chat.png) 0 5px no-repeat;
padding: 0 0 0 65px;
}
#slidecontent p.email {
background: url(/img/hds2/icons/email.png) 8px 0px no-repeat;
padding: 0 0 0 65px;
}
#slidecontent strong {
display: block;
font-size: 16px;
color: #114a9f;}
#slidecontent b {
color: #000;
}

/* /help tab */

/*  2010 Product Page @ 950px */
/* Product Page */
#product #columnone .subhead {
margin:5px 0;
}
#product #columnone .subhead h2 {
color:#000;
font-size:11px;
margin:5px 0;
}
#product #columnone .prodimg {
margin:0 25px;
}
#product #columnone .thumbcaption {
clear:both;
color:#555;
font-size:11px;
margin:0 0 10px;
text-align:center;
height: 2em;
}
#product #columnone .features ul {
margin:0 0 0 15px;
padding:0;
}
#product #columnone .features ul li {
list-style:square;
margin:0 0 10px;
}
#product #columnone h2 {
color:#114a9f;
font-size:14px;
margin:0;
padding:10px 0 3px;
}
#product #columnone .reviews h2 {
color:#114a9f;
font-size:14px;
margin:15px 0 0;
padding:0;
}
#product #columnone .reviews .review-title {
color: #000000;
font-size: 14px;
}
#product #columnone .cust_review {
margin:15px 0;
}
#product #columnone #less_reviews {
padding: 1px;
}
#product #columnone .tech td {
padding:0 0 6px;
}
#columntwo .pricebox {
background-color:#f7f7f7;
border-left:1px solid #7d7d7d;
border-right:1px solid #7d7d7d;
clear:both;
margin:0;
overflow:hidden;
padding:10px 5px;
width:286px;
}
#columntwo .acc-head,
#columntwo .acc-head-inline {
border:1px solid #7d7d7d;
border-width: 1px 1px 0 1px;
text-align: left;
font-size: 14px;
background: #114a9f; /* for non-css3 browsers */
color: #fff;
padding: 12px 0;
clear:both;
overflow:hidden;
padding:8px !important;
width:280px !important;
text-shadow: -1px -1px 0 #036;
box-shadow: inset 0px 6px 12px #4373BB;
}
#columntwo .purchase .label {
float:right;
font-weight:700;
margin:2px 10px 0 0;
width:30px;
}
#columntwo .purchase .addtocart {
float:right;
height:20px;
width:175px;
}
#columntwo .pricebox .item-notes {
color:#114a9f;
float:left;
padding:0;
width:200px;
line-height: 1em;
}
#columntwo .pricebox .stock-message {
color: #cc0000;
font-weight: normal;
margin: 0 0 .5em 0;
font-size: 14px;
}
#columntwo .pricebox .item-notes img {
vertical-align: top;
}
#columntwo .pricebox .item-notes a {
text-decoration: none;
}
#columntwo .pricebox .item-notes strong {
color:#444;
}
#columntwo .pricebox .item-notes span {
color:#038a07;
}
#columntwo .pricebox .price {
margin: .5em 1em 0 0;
color:#000;
float:right;
font-size:24px;
font-weight:400;
width: auto;
line-height: 1em;
text-align: right;

}
#columntwo .pricebox .price span {
color:#000;
display:block;
font-size:12px;
}
#columntwo .pricebox .price .msrp {
	font-size: 14px;
	color: #444;
	margin: 0 0 .25em 0;
	font-weight: normal;
}
#columntwo .pricebox .price .msrp span {
	color: #444;
	font-size: 14px;
	display: inline;
	text-decoration: line-through;
}


#columntwo .box-items {
background-color:#f7f7f7;
border-left:1px solid #7d7d7d;
border-right:1px solid #7d7d7d;
margin:0;
overflow:hidden;
padding:10px 5px 0;
width:286px !important;
}
#columntwo .quantity .qty {
width: 2em;
border: 1px solid #bdbdbd;
}
#columntwo .multi {
background-color:#f7f7f7;
border-left:1px solid #7d7d7d;
border-right:1px solid #7d7d7d;
margin-bottom:0;
overflow:hidden;
padding:0 5px;
text-align:center;
width:286px !important;
}
#columntwo .accessories {
background-color:#f7f7f7;
border-left:1px solid #7d7d7d;
border-right:1px solid #7d7d7d;
margin:0;
overflow:hidden;
padding:0 5px;
width:286px !important;
}
#columntwo .accessories .item a.imagebox {
border:1px solid #bdbdbd;
clear:left;
float:left;
height:80px;
width:80px;
}
#columntwo .accessories .item .details {
display:block;
float:left;
height:82px;
padding:0 0 0 5px;
width: 48% !important;
}
#columntwo .accessories .item .details a {
display:block;
font-size:11px;
font-weight:400;
color: #000;
text-decoration: none;
}
#columntwo .accessories .item .details .price {
color:#000;
font-weight:700;
padding:5px 0 0;
}
#columntwo .accessories .item .details .save {
color:#038a07;
font-size:10px;
}
#columntwo .accessories .item .options {
clear:right;
display:block;
float:left;
height:82px;
text-align:center;
width: 25%;
}
#columntwo .accessories .item .options .qty {
background:#fff url(/img/hds2/global/bg_field.png) no-repeat top left;
border:1px solid #bdbdbd;
font-size:12px;
margin:3px;
padding:3px;
}
#product #columnone .prodthumb,
#product #columnone .prodfancy {
border:1px solid #bdbdbd;
display:block;
float:left;
margin:5px 5px 5px 0;
}
#product #columnone .features,
#product #columnone .description {
margin:0 0 15px;
}
#product #columnone {
float:left;
overflow: hidden;
margin: 0;
padding: 0;
width: 60%;
}
#product #columnone h1 {
margin:15px 0 10px 0;
color: #000;
font-size: 2em;
line-height: 1.1em;
font-weight: normal;
}
#product #columnone .feature-box .disc-note {
border: 1px solid #cc0000;
border-radius: 5px;
box-shadow: 0 3px 0 rgba(0,0,0,.2);
padding: 10px;
background-color:#ffd5d5;
margin: 0 0 1.5em 0;
}
#product #columnone .feature-box .special-note {
margin: 0 0 1.5em 0;
}

#product #columnone .feature-box .disc-note strong a.glossary {
font-weight: bold;
color: #000;
}
#product #columnone .feature-box .disc-note a.glossary,
#product #columnone .feature-box .disc-note a:link {
color: #444;
border: 0;
text-decoration: underline;
}
#product #columnone .feature-box h2.top {
margin-top: 1em;
}
#product #columnone .prodfancy {
display:block;
float: none;
clear: right;
height:43px;
width: 43px;
margin: 0 0 5px 10px;
}
#product #columnone .img {
overflow: hidden;
margin: 15px 0 0 0;
clear: both;
}
#product #columnone .img-lg {
float: right;
width: 90%;
text-align: center;
}
#product #columnone .img-lg-10 {
margin-left: 10px;
text-align: center;
}

#product #columnone .img-lg-acc {
float: right;
width: 100%;
text-align: center;
}
#product #columnone .img-sm {
float: left;
width: 10%;
}
#product #columnone .img-sm-10 {
float: left;
margin: 0 auto;
}

#product #columnone .img-sm-10 .prodfancy {
border:1px solid #bdbdbd;
display:block;
float:left;
margin:5px 8px 5px 0;
height: 45px;
width: 45px;
}


#product #columnone .img-sm-10 img {
width: 45px;
height:45px;}

#product #columnone .img .thumbcaption {
padding-top: 5px;
}

#product #columnone .img-lg-10 .thumbcaption {
font-size: 12px;
}

#product #columnone .feature-box {
padding:0 10px 10px 10px;
overflow: hidden;
border: 1px solid #88a4cf;
border-radius: 0 0 5px 5px;
background: none;
border: none;
margin: 0;
}
#product #columnone .feature-box .b2t {
display: block;
margin: 1em 0 1.5em 0;
}
#product #columnone .feature-box h2 {
color: #114a9f;
font-size: 18px;
border-bottom: 1px solid #bdbdbd;
padding-bottom: 10px;
margin: 2em 0 .75em 0;
}
#columntwo {
float:right;
line-height:1.1;
margin: 0 0 1em 0;
padding: 0;
width: 38%;
}
#columntwo h2.acc-head {
border-color: #003366;
border-radius: 5px 5px 0 0;
width: 349px  !important;
padding: 5px !important;
}
#columntwo h2.acc-head-inline {
border-color: #003366;
border-radius: 0;
width: 349px  !important;
padding: 5px !important;
}
#columntwo h3,
#columntwo h2,
#columntwo .pricebox,
#columntwo .box-items,
#columntwo .accessories,
#columntwo .quantity,
#columntwo .multi,
#columntwo .purchase,
#columntwo .quantity {
font-weight:400;
margin:0;
border-left:1px solid #7d7d7d;
border-right:1px solid #7d7d7d;
width: 349px  !important;
padding: 5px;
}
#columntwo h3 {
color: #fff;
background-color:#7d7d7d;
font-size: 12px;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#777777', endColorstr='#555555'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#777777), to(#555555)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #777777,  #555555); /* for firefox 3.6+ */
text-shadow: 1px 1px 0 rgba(0,0,0,.5);
}
#columntwo h3 a,
#columntwo h2 a {
color:#f7f7f7;
font-size:10px;
}
#columntwo h3.top,
#columntwo h2.top {
border-top:0;
}
#columntwo h2 {
background-image: none;
}
#columntwo .purchase {
border-radius: 0 0 5px 5px;
background: #f7f7f7; /* for non-css3 browsers */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2f2f2', endColorstr='#cccccc'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#ccc)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #f2f2f2,  #ccc); /* for firefox 3.6+ */
border:1px solid #7d7d7d;
clear:both;
overflow:hidden;
text-align:center;
width:280px;
box-shadow: 0 3px 0 rgba(0,0,0,.1);
}
#columntwo .box-items.last {
border:1px solid #7d7d7d;
border-radius: 0 0 5px 5px;
box-shadow: 0 3px 0 rgba(0,0,0,.2);
}
#columntwo h2.top {
color:#f7f7f7;
font-size:10px;
border-radius:5px 5px 0 0;
border-top:1px solid #7d7d7d;
}
#columntwo .accessories .item {
padding:10px 0;
background: #f7f7f7;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f7f7f7'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f7f7f7)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #fff,  #f7f7f7); /* for firefox 3.6+ */
border-top: 1px solid #f2f2f2;
}
#columntwo .accessories .item .options .addcart-acc {
margin: .5em 0 0 0;
}
#columntwo .accessories .item .options .go-to-acc {
margin: .5em 0 0 0;
}
#columntwo .accessories .item .details a:hover {
text-decoration: underline;
}
#product #columnone #tech-specs {
width: 100%;
}
#product #columnone #tech-specs tr td {
background: #fff;
padding: 3px 8px;
width: 50%;
}
#product #columnone #tech-specs tr.odd td {
background: #eee;
}
#product #columnone .cs55-table {
margin-top: 1em;
}
#product #columnone .feature-box .features .prodbullets {
padding-left: 1em;
}
#columntwo .quantity .addtocart-290 {
width: 290px;
height: 40px;
margin: .75em auto 0 auto;
padding: 0;
}
#columntwo .quantity {
position: relative;
width:286px;
background-color:#f7f7f7;
overflow:hidden;
padding:10px 5px 0 5px;
height: auto;
text-align: center;
font-size: 14px;
}
#columntwo .quantity input.qty {
color: #000;
font-weight: bold;
font-size: 14px;
padding: 2px;
border-color: #444444;
}
#columntwo .quantity label {
display: block;
}

.items .bullet-sub {
padding: 5px 8px;
margin: .5em 0 0 0;
}
#product #columnone .review-write {
background:#d9fcdb;
border-color:#88a4cf;
border-style:solid;
border-width:1px 0;
color:#038a07;
font-weight:700;
padding:10px;
text-align:center;
margin: 5px 0;
}

/* Bundle Compare Table - the HTML accosiated wiht these is in the database*/
.cs55-table {
border-collapse: collapse;
margin-bottom: 1em;
}
.cs55-table th {
background-color: #f7f7f7;
font-weight: bold;
text-align: center;
border: 1px solid #bdbdbd;
font-size: 10px;
font-style: normal;
color: #000;
padding: 3px;
text-decoration: none;
}
.cs55-table th a {
text-decoration: none;
font-style: normal;
font-size: 10px;
font-weight: bold;
text-alight: center;
color: #000;
}
.cs55-table td {
font-weight: normal;
border: 1px solid #bdbdbd;
font-size: 10px;
padding: 3px;
text-align: center;
}
.cs55-table th.current {
background-color: #cad9ed;
}
/* /- Bundle Compare Table */

/* /2010 Product Page */

/*  comparison cart */
.compare-table  {
border-collapse: collapse;
}
.compare-table h1 {
font-size: 18px;
line-height: 1.1em;
}
.compare-table td {
border: 1px solid #bdbdbd;
border-collapse: collapse;
padding: 5px;
width: 150px;
text-align: left;
vertical-align: top;
}
.compare-table th {
border: 1px solid #bdbdbd;
border-collapse: collapse;
padding: 5px;
width: 150px;
text-align: left;
font-weight: normal;
font-size: 12px;
vertical-align: top;
}
.compare-table th.top {
border-width: 0 1px 0 0;
}
.compare-table th.top span {
font-weight:bold;
color:#000000;
}

.compare-table th.top .compat {
margin-top: 1em;
text-align:center;
}
/* /comparison cart */

/* Trial Offer Product Page Split */
#columntwo .trial-link {
display: block;
overflow:hidden;
margin:0;
padding:10px 5px;
width:286px !important;
border-top: 1px solid #988400;
border-right:1px solid #7d7d7d;
border-bottom: 1px solid #988400;
border-left:1px solid #7d7d7d;
text-decoration: none;
text-align: center;
color: #4c4200;
background-color: #ffdd00;
-moz-text-shadow: 1px 1px 0 #fff6b8;
-webkit-text-shadow: 1px 1px 0 #fff6b8;
text-shadow: 1px 1px 0 #fff6b8;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec73', endColorstr='#ffdd00'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#ffec73), to(#ffdd00)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #ffec73,  #ffdd00); /* for firefox 3.6+ */
}
/* /Trial Offer Product Page Split */

/* PROMOTIONS / ADS */

/* Sidebar officerunner ads */
.or-ad-150 {
background: url(/img/hds2/banners/officerunner-vert150.png) center;
width: 148px;
height: 300px;
border: 1px solid #333;
display: block;
border-radius: 5px;
margin-bottom: 13px;
box-shadow: 0 3px 0 rgba(0,0,0,0.1);
overflow: hidden;
text-indent: -1000px;
}
.or-ad-150-cad {
background: url(/img/hds2/banners/dw-office-vert150.png) center;
width: 148px;
height: 300px;
border: 1px solid #333;
display: block;
border-radius: 5px;
margin-bottom: 13px;
box-shadow: 0 3px 0 rgba(0,0,0,0.1);
overflow: hidden;
text-indent: -1000px;
}

/* Headsets for charity promo */

/* OfficeRunner Charity Sidebar Offer */
a.or-charity-150 {
border: 1px solid #bdbdbd;
box-shadow: 0 3px 0 #dddddd;
display: block; border-radius: 5px;
margin-bottom: 1em;
text-decoration: none;
height: 185px;
background: url(/img/hds2/banners/or-charities2.png) 3px 85px no-repeat;
padding: 5px;
color: #555555;
}
a.or-charity-150 strong {
font-size: 14px;
color: #114a9f;
font-weight: bold;
display: block;
}
a.or-charity-150 u {
color: #114a9f;
}

/* OfficeRunner Charity Gallery Offer */
.or-charity-620 {
position: relative;
border: 1px solid #bdbdbd;
box-shadow: 0 3px 0 #dddddd;
display: block; border-radius: 5px;
margin: 1em 0;
text-decoration: none;
height: 120px;
padding: 5px;
color: #555555;
font-size: 14px;
padding: 15px;
background: url(/img/hds2/banners/or-charities-wide2.png) 15px 60px no-repeat;
}
.or-charity-620 strong {
font-size: 22px;
color: #114a9f;
font-weight: bold;
display: block;
margin-bottom: .25em;
}
.or-charity-620 u {
color: #114a9f;
}
.or-charity-620 img {
position: absolute;
border: 0;
right: 3px;
top: -15px;
z-index: 1000;
}
.or-charity-620 a.orange-button {
position: absolute;
top: 110px;
left: 15px;
font-size: 14px;
width: 220px;
text-align: center;
}
.or-charity-620 .caption {
position: absolute;
border: none;
right: 170px;
bottom: 10px;
font-size: 11px;
width: 100px;
line-height: 1em;
color: #333;
}
#columntwo .or-charity {
background-color: #ffffff;
border-top: 1px solid #bdbdbd;
padding: 20px 5px;
text-align: center;
}
#columntwo .or-charity img {
border: 0;
}
#columntwo .or-charity strong {
font-size: 16px;
color: #114a9f;
font-weight: bold;
display: block;
margin-bottom: .25em;
}
#columntwo .or-charity p {
margin: 0 0 .75em 0;
}
/* /PROMOTIONS / ADS */


/* Review Pop Up */
.review-form input[type=radio] {
margin: 0;
}
/* /Review Pop Up */

/* Multipack Page */
.multipacks {
}
.multipacks h1 {
line-height: 1.1em;
}

.multipacks .left {
float: left;
width: 40%;
text-align: center;
}
.multipacks .right {
float: right;
width: 58%;
}

/* error pages */
.xxx-error ul {
	margin: 0;
}
.xxx-error .banner h1 {
	line-height: 1.1em;
	font-size: 14px;
}
.xxx-error .banner {
background: #f7f7f7 url(/img/hds2/error/doh.png) 350px 30px no-repeat;
border: 1px solid #bdbdbd;
box-shadow: 0 3px 0 #ddd;
border-radius: 5px;
margin: 0 0 1em 0;
overflow: hidden;
padding: 15px 250px 15px 15px;
}
.xxx-error .tools h3 {
	font-size: 12px;
}
.xxx-error .tool-wrapper .tool {
	margin-right: 5px;
}
.xxx-error .tool-wrapper .tools .top5 {
	margin-right: 0;
	width: 140px;
}
/* /error pages */
