body {
    background-color: #ffffff;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size:	x-small; /*For IE5/Win */
	voice-family:	"\"}\"";
	voice-family:	inherit;
	font-size:	small;  /*For compliant browsers */
}

body {
	font-size:	x-small; /*For IE5/Win */
}

html>body {
	font-size:	small;  /*For opera, firefox, ie7 etc */
}

a img {
    border: 0;
}

.clear {
	border: 0;
	clear: both;
    display: block;
    float: none;
    margin: 0;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}

form {
    position: relative;
	margin: 0;
	padding: 0;
	height: 1%;
}

.logoRow fieldset {
    margin: 0;
    padding: 0;
    border: 0;
    width: 300px;
}

.logoRow .sortByLegend {
    position: relative;
    margin: 0;
    padding: 0;
    border: 0;
    width: 47px;
    margin-right: 3px;
}


.logoRow .sortByWrap {
    width: 150px;
}

p, label {
    font-size: 90%;
}

h1 {
    font-size: 165%;
}

h2, h3, p, a, label, span, ul {
    color: #333333;
}


.hl {
	font-weight: bold;
}

a img {
    border: 0;
}

html, body{
    height:100%
}

html>body #container{
    height:auto
	}

.left {
    position: relative;
    float: left;
}

.right {
    position: relative;
    float: left;
}

#container {
    position: relative;
    width: 100%;
    min-height: 100%;
}


#top {
    position: relative;
    width: 100%;
    min-height: 90px;
    background: url("../img/topBG.jpg") repeat-x;
    border-bottom: 2px solid #0071a7;
}

#top #logo {
    margin-left: 0px;
}

#topInner {
    position: relative;
    min-height: 90px;
    top: 0;
    width: 950px;
    bottom: 0;
    /*left: 50%;
    margin: 0px 0px 0px -475px;*/
    margin-left: auto;
    margin-right: auto;

}

#top #headsetCompany {
    position: absolute;
    top: 4px;
    right: 10px;
    font-size: 80%;
    color: #ffffff;
    margin: 0;
    padding: 0;
}

#top #topLinks {
    position: absolute;
    top: 37px;
    right: 12px;
    font-size: 90%;
    color: #ffffff;
    margin: 0;
    padding: 0;
}

#topLinks .topItem {
    position: relative;
    float: left;
    display: block;
}

#topLinks .aTopLink {
    margin-left: 3px;
    color: #ffffff;
    display: inline;
}

#topLinks #aContactLink {
    margin-right: 7px;
}

#topLinks #aAboutUsLink {
    margin-right: 7px;
}

#topLinks .arrow {
    color: #ffffff;
}

#top #otherCategories {
    position: absolute;
    top: 1px;
    right: 300px;
    padding: 5px;
    margin: 0;
    background: #ffffff;
    font-size: 90%;
}

#menu {
    position: relative;
    margin-top: 7px;
    left: 0;
    bottom: 0;
    width: 100%;
    background: #00699b;
}

#innerMenu {
    background: #00699b;
    margin-top: 1px;
}

.searchBar {
    position: relative;
    min-height: 32px;
    width: 100%;
    background: #dddddd;
    margin-top: 2px;
    border-bottom: 1px solid #cccccc;
    z-index: 1;
}

.searchBar .searchBarMiddle {
    position: relative;
    height: 32px;
    width: 950px;
    background: #dddddd;
    bottom: 0;
    /*left: 50%;
    margin: 15px 0px 0px -475px;*/
    margin-left: auto;
    margin-right: auto;
}

.searchBar #searchWrap {
    position: relative;
    float: left;
    width: 600px;
    min-height: 32px;
}

.searchBar .options p {
    margin: 7px 0px 0px 0px;
    padding: 0;
}

.searchBar .options p a {
    color: #00699b;
}

.searchBar #lblSearchProducts {
    position: relative;
    width: 100px;
    margin: 5px 0px 0px 5px;
    display: inline;
}

.searchBar #productSearch {
    position: relative;
    width: 200px;
    margin: 5px 0px 0px 10px;
    display: inline;
}

.searchBar #productCategory {
    position: relative;
    margin: 5px 0px 0px 5px;
}

.searchBar #searchSubmit {
    position: relative;
    top: 2px;
    margin: 5px 0px 0px 4px;
    background: url("../img/searchButton.jpg");
    width: 19px;
    height: 19px;
    padding: 0;
    border: 0;
    z-index: 1;
}

.searchBar .cartWrap {
    position: relative;
    float: right;
    top: 0;
    width: 310px;
    min-height: 32px;
    margin-right: 20px;
}



.searchBar .cartWrapElement {
    position: relative;
    float: right;
    display: block;
    font-size: 85%;
}

.searchBar .subTotal {
    float: right;
    margin: 7px 10px 0px 0px;
    color: #000000;
}

.searchBar .separator {
    margin: 4px 10px 0px 10px;
    background: url("../img/separator.gif");
    width: 2px;
    height: 24px;
}

.searchBar .amount {
    margin: 4px 0px;
    padding: 3px 8px 3px 8px;
    border: 1px solid #999999;
    background: #ffffff;
    color: #333333;
}

.searchBar .aCart {
    margin: 7px 12px 0px 10px;
    color: #00699b;
    font-size: 90%;
}

.searchBar .aCheckout {
    margin: 7px 2px 0px 0px;
    color: #00699b;
    font-size: 90%;
}

.searchBar .secure {
    margin: 7px 8px 0px 0px;
    color: #00699b;
    font-size: 90%;
}

.breadcrumbs {
    position: relative;
    margin: 12px 0px 12px 5px;
    padding: 0;
}

.breadcrumbs .bread_crumb_link {
    color: #00699b;
}

.breadcrumbs .bread_crumb_link .altColour {
    color: #00699b;
}

.middle {
    position: relative;
    min-height: 600px;
    width: 950px;
    /*left: 50%;
    margin: -1px 0px 0px -475px;*/
    margin-left: auto;
    margin-right: auto;
}

.main {
    width: 100%;
    min-height: 600px;
}

.mainTop {
    width: 100%;
    min-height: 220px;
}

.mainTopLeft {
    position: relative;
    width: 620px;
    min-height: 220px;
    float: left;
}

.mainTopRight {
    position: relative;
    width: 318px;
    float: left;
}


.mainTopRightTop {
    position: relative;
    min-height: 160px;
}

.mainTopRightTop, .mainTopRightBottom {
    text-align: right;
}

.mainTopRightTop #contact {
    margin-top: 38px;
}

.mainTopRightBottom #delivery {
    margin-top: 15px;
    width: 302px;
}

#greatDeals {
    min-height: 577px;
    background: url("../img/greatDealsBG.jpg") top left repeat-x;
    width: 304px;
    float: right;
    margin-top: 15px;
    text-align: left;
    -moz-border-radius: 10px;
}

#greatDeals h2 {
    font-size: 120%;
    color: #ffffff;
    padding: 0px 10px 13px 12px;
    margin: 7px 0px 0px 0px;
}

#greatDeals #dealWrap {
    padding: 0px 2px 12px 2px;
}

#dealWrap .deal {
    padding: 0px 12px 0px 12px;
    border-bottom: 1px dotted #999999;
}

#dealWrap .deal p {
    float: left;
}

.deal h3 a {
    text-decoration: none;
}

#dealWrap #moreDeals {
    padding: 0px 12px 0px 10px;
    font-size: 100%;
    font-weight: bold;
}

#dealWrap #moreDeals p {
    width: 100%;
    color: #00699b;
    margin: 0;
    padding: 15px 10px 2px 0px;
}

#moreDeals #priceTag {
    float: left;
    margin: -10px 23px 0px 10px;
    display: inline;
}

#dealWrap #moreDeals a {
    color: #00699b;
    text-decoration: none;
}

#dealWrap #moreDeals a:hover {
    text-decoration: underline;
}

#greatDeals h3 {
    font-size: 100%;
    padding: 0;
    margin: 5px 0px 5px 0px;
}

#greatDeals .imgWrap {
    width: 75px;
    padding-bottom: 10px;
}

#greatDeals p {
    padding: 5px 0px 15px 10px;
    margin: 0;
    width: 190px;
}

#greatDeals p a {
   text-decoration: none;
   color: #333333;
}

#greatDeals p a:hover {
   text-decoration: underline;
}

.imgDeal {
    margin-top: 10px;
    margin-bottom: 5px;
}

#greatDeals .price {
    display: block;
    width: 100%;
    text-align: center;
    color: #be0028;
    font-size: 85%;
    clear: left;
}

#greatDeals .boxBottom {
    background: url("../img/greatDealsBottom.gif") no-repeat left bottom;
    margin-top: -4px;
}

.catLeft {
    margin-right: 20px;
}




#bottom {
    margin-top: 30px;
    width: 100%;
    min-height: 100px;
    background: #dddddd;
    border-top: 1px solid #cccccc;
}

#bottomInner, #copyrightInner {
    position: relative;
    top: 0;
    width: 950px;
    bottom: 0;
    /*left: 50%;
    margin: 0px 0px 0px -475px;*/
    margin-left: auto;
    margin-right: auto;
    padding: 10px 0px 10px 0px;
    overflow: auto;
}

#bottomInner {
    min-height: 100px;
    padding-bottom: 20px;
}

#bottomLeft {
    width: 31%;
    padding: 0px 1% 10px 1%;
    border-left: 1px dotted #777777;
}

#bottomMiddle {
    width: 31%;
    border-left: 1px dotted #777777;
    padding: 0px 1% 0px 1%;
}

#bottomRight {
    width: 31%;
    padding: 0px 1% 0px 1%;
    border-left: 1px dotted #777777;
}

#bottomInner h3 {
    padding: 0;
    margin: 0px 0px 10px 0px;
    color: #777777;
    font-size: 100%;
}

#bottomInner h3 .altColour {
    color: #666666;
}

.bottomSection {
    min-height: 80px;
}


#bottom #copyright {
    width: 100%;
    min-height: 18px;
    background: #cccccc;
    border-top: 1px solid #999999;
}

#bottom #copyright p {
    width: 100%;
    margin: 0;
    padding: 0;
    overflow: auto;
}

#bottom .linkCol {
    width: 48%;
}

#bottom .linkCol a {
    color: #666666;
    font-size: 85%;
}

#bottom .linkCol .arrow {
    color: #666666;
    margin-right: 5px;
}

.linkCol .linkRow {
    width: 100%;
    margin-bottom: 2px;
}

.linkRow .arrow {
   border: 1px solid #dddddd;
}

#thawte {
    margin-top: 10px;
    margin-left: 70px;
    float: left;
}


.categoryIntro {
    position: relative;
    width: 605px;
    background: #f2f5f7 url("../img/categoryBG.gif") no-repeat left top;
    min-height: 95px;
    margin: 0px 0px 20px 0px;
    padding: 15px 0px 0px 0px;
    border: 0;
}

.categoryIntro h1 {
    position: relative;
    margin: 0;
    padding: 0px 20px 0px 20px;
    width: auto;
    color: #be0028;
}

.categoryIntro .altColour {
     color: #be0028;
}

.categoryIntro .desc {
    position: relative;
    float: left;
    font-size: 120%;
    width: 435px;
    font-family: "Trebuchet MS",Arial,sans-serif;
    margin: 10px 0px 0px 20px;
    padding: 0;
    display: inline;
}

.categoryIntro img {
    float: right;
    margin-top: -35px;
    margin-right: 20px;
}

.small_link {
    color: #cc0000;
}
.categoryIntro .boxBottom {
    background: #ffffff url("../img/catIntroBottom.gif") no-repeat left bottom;
}

.boxBottom {
    position: relative;
    z-index: 0;
    padding: 0;
    margin: 0;
    width: 100%;
    border: 0;
    height: 12px;
}

#cc {
    margin-top: 0;
    margin-right: 153px;
}

.header {
    margin-top: 20px;
}

fieldset {
    border: 1px solid #00699b;
    width: 95%;
}

.nav_block {
	/*
		Width was moved from here to the nav_block_content div because it wouldn't allow the
		box to become wider if the content required it
		width: 155px;
	*/
	border: #00699b solid 1px;
	background-color: #ffffff;
	margin-top: 10px;
	margin-left: 16px;
	width: 300px;
	-moz-border-radius: 10px 10px 10px 10px;
}
.nav_block div.nav_block_title {
    background: #a8cdf4 url("../img/cartTitleBG.jpg") left top repeat-x;
    -moz-border-radius: 10px 10px 0px 0px;
	color: #005984;
	font-weight: bold;
	border-bottom: #00699b dotted 1px;
	padding: 5px;
	padding-left: 10px;
	margin-bottom: 10px;
}
.nav_block div.nav_block_content {
	padding-left: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	width: 200px;
}

/* This is the width for IE only, due to its box model problem */
*html .nav_block div.nav_block_content {
	width: 200px;
}




.nav_link_container {
}

.nav_link_container ul {
	list-style-type: none;
	margin: 0px;
	padding-left: 0px;
}

.nav_link_container a {
	display: block;
	padding: 2px;
}

/* width here is only for IE's benefit :( */
* html .nav_link_container a {
	width: 100%;
}

.nav_link_container a:link,
.nav_link_container a:visited {
	color: blue;
	text-decoration: none;
}

.nav_link_container a:hover {
	background-color: #dfdfdf;
}

.nav_link_container a.selected {
	font-weight: bold;
	color: blue;
}

/* a little spacing above and below the links in the Account Options block */
.acct_options div.nav_link_container {
	margin-top: 10px;
	margin-bottom: 10px;
}

/* fix margins for best sellers ol */
.best_sellers ol {
	margin: 0px;
	padding-left: 27px;
	text-align: left;
}

.best_sellers ol li {
	vertical-align: top;
	margin-bottom: 5px;
}


/* move the links a little closer to the bullets */
.best_sellers a {
	position: relative;
	left: -5px;
}

/* fix alignment of text with numbered bullet for IE only */
* html .best_sellers a {
	position: relative;
	top: -2px;
}


/******************************************************************
	Styles below are for the cart options (advanced) nav block
******************************************************************/
/* table containing cart breakdown...IE doesn't like the width on this, so the > trick is used to exclude IE */
div.nav_block_content>#cart_options_advanced {
	width: 100%;
}

/* controls all td (table cells) */
#cart_options_advanced td {
	font-family: Arial;
	font-size: 80%;
}

/* controls the TD in the first row */
#cart_options_advanced .header_row_td {
	padding-bottom: 5px;
}

/* the td that contains the qty */
#cart_options_advanced .qty_td {
	text-align: left;
}

/* the td that contains the name of the item */
#cart_options_advanced .name_td {
	text-align: left;
	white-space: nowrap;
}

/* the td that contains the price of the item */
#cart_options_advanced .total_td {
	text-align: right;
}

/* controls the TD in the first row */
#cart_options_advanced .footer_row_td {
	text-align: right;
	border-top: silver solid 1px;
	padding-top: 5px;
}

/* keep links from looking visited */
#cart_options_advanced a,
#cart_options_advanced a:visited {
	text-decoration: underline;
	color: #00699b;
}

#sub_cat_nav {
    width: 90%;
}

#sub_cat_nav a {
    display: block;
    margin-bottom: 5px;
    color: #005984;
    text-decoration: none;
}

#sub_cat_nav a:hover {
    text-decoration: underline;
}

#sub_cat_nav .arrow {
    margin-right: 5px;
    color: #00699b;
    border-bottom: 1px solid #ffffff;
}

.big_red {
    margin-top: 20px;
    color: #be0028;
    font-size: 110%;
}