/* CSS Document */


/* Overall Layout Framework -------------------------------------------------------*/

body{
	background-color: #CCCCCC;
	font-family:Arial, Helvetica, sans-serif;
	margin-top: 0px;
}

#mainContainer {
	width: 968px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../_images/shadow.jpg);
	background-repeat: repeat-y;
	background-position: left top;
	margin-bottom: -9px;
}

/* Masthead------------------------------------------------------------------------*/

#header{
	width: 968px;
} 

#navigation {
	width: 968px;
	height: 39px;
}

#nav
{
	list-style: none;
	margin: 0 0 0 17px;
	padding: 0 0 0 0;
}

#nav li
{
	list-style: none;
	margin: 0 3px 0 3px;
	padding: 0;
	float: left;
	font-size: 10pt;
	text-align: center;
}

#nav li a
{
	display: block;
	height: 36px;
	padding-top: 3px;
}

#nav li a:hover
{
	color: white;
	background-repeat: no-repeat;
	background-position: top;
}

#nav .home
{
	width: 66px;
}
#nav .home a:hover
{
	background-image: url('../images/navback/home.gif');
}

#nav .about
{
	width: 66px;
}
#nav .about a:hover
{
	background-image: url('../images/navback/about.gif');
}

#nav .products
{
	width: 77px;
}
#nav .products a:hover
{
	background-image: url('../images/navback/products.gif');
}

#nav .gettingstarted
{
	width: 125px;
}
#nav .gettingstarted a:hover
{
	background-image: url('../images/navback/getting.gif');
}

#nav .support
{
	width: 78px;
}
#nav .support a:hover
{
	background-image: url('../images/navback/support.gif');
}

#nav .discounts
{
	width: 80px;
}
#nav .discounts a:hover
{
	background-image: url('../images/navback/discounts.gif');
}

#nav .downloads
{
	width: 96px;
}
#nav .downloads a:hover
{
	background-image: url('../images/navback/downloads.gif');
}

#nav .deliveries
{
	width: 81px;
}
#nav .deliveries a:hover
{
	background-image: url('../images/navback/deliveries.gif');
}

#nav .contactus
{
	width: 98px;
}
#nav .contactus a:hover
{
	background-image: url('../images/navback/contact.gif');
}

#nav .trade
{
	width: 104px;
}
#nav .trade a:hover
{
	background-image: url('../images/navback/trade.gif');
}

#nav li a
{
	color: #0F207A;
	font-weight: bold;
	text-decoration: none;
}

/* Main Page Area---------------------------------------------------------------- */

#bodyContainer {
	width: 938px;
	overflow: hidden;
	margin-right: 20px;
	margin-left: 20px;
	z-index:1;
}

#bodyContainer .column {
	float: left;
	display:inline;
	background-color: #FFFFFF;
	padding-bottom: 20010px;  /* X + padding-bottom */
	margin-bottom: -20000px;  /* X */
	z-index: 2;
}
#mainContainer #bodyContainer #bodyColPage p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	font-weight: normal;
}

#page-title {
	z-index:20;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #0F207C;
	text-align: right;
	padding-right: 40px;
	position: relative;
	height: 1px;
	margin-top: -20px;
	padding-top: 30px;
}


/* Right Column------------------------------------------------------------------ */

#bodyColRight {
	width: 150px;
	margin-left: 10px;
	display: inline;
	background-color: #B2B5E8;
}

/* Right Column Elements-----------------------------------------------------------*/

/* Basket-----------------------------------------------------------*/

.basket{
	width: 150px;
	margin-bottom: 10px;
	margin-top: 20px;
	background-color: #4d55b0;
}

.basket h2{
	background-image: url(../_images/basket-top-02.gif);
	background-repeat: no-repeat;
	background-position: left top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	padding-top: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
}
#mainContainer #bodyContainer #bodyColPage #div .form-label-small {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000066;
}


/* Informercials-----------------------------------------------------------*/

.infoBoxTop{
	width: 150px;
	background-color:#d9daed;
	margin-bottom: 1px;
	height: 26px;
}

.infoBoxTop h1 {
	font-size:14px;
	color:#4d55b0;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 1px;
	padding-top: 3px;
}

.infoBox{
	width: 148px;
	background-color:#FFFFFF;
	margin-bottom: 10px;
	border: 1px solid #c7c9e4;
}

.infoBox p {
	font-size:10px;
	color:#666666;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	padding-right: 5px;
	padding-left: 5px;
}

#mainContainer #bodyContainer #bodyColRight .infoBox a {
	font-size:11px;
	color:#FF6600;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	padding-right: 5px;
	padding-left: 5px;
	text-decoration: none;
	vertical-align: super;
	line-height: 14px;
}

.infoBox a:hover {
	font-size:11px;
	color:#FF9900;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	padding-right: 5px;
	padding-left: 5px;
	text-decoration: underline;
	vertical-align: super;
	line-height: 14px;
}



/* footer------------------------------------------------------------------------ */

#footer {
	height: 18px;
	width: 968px;
	background-image: url(../_images/footer.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin-right: auto;
	margin-left: auto;
	clear: both;
}

#footer h1  {
	font-size:x-small;
	padding-right: 5px;
	padding-left: 5px;
	font-family: Arial, Helvetica, sans-serif;
	padding-top: 22px;
	color: #999999;
}

#footer p a:link{
	font-size:x-small;
	padding-right: 5px;
	padding-left: 5px;
	font-family: Arial, Helvetica, sans-serif;
	color: #8F8F8F;
	padding-top: 5px;
}

.footer-links a:link{
	font-size:x-small;
	padding-right: 5px;
	padding-left: 5px;
	font-family: Arial, Helvetica, sans-serif;
	color: #8F8F8F;
	padding-top: 5px;
}


/* Typography----------------------------------------------------------------------*/


.fake-h1{
	font-size: 18px;
	color: #0F207C;
	padding-left: 5px;
	font-weight: normal;
	padding-top: 10px;
	padding-bottom: 10px;
}

#bodyColPage p{
	font-size: 12px;
	color: #333333;
	padding-left: 10px;
}

#bodyColPage h1{
	font-size: 18px;
	color: #4D55B0;
	padding-right: 10px;
	padding-left: 10px;
	font-weight: normal;
}

#bodyColPage h2{
	font-size: 14px;
	color: #727AD6;
	font-weight: bold;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 0px;
	padding-top: 2px;
}

#bodyColPage h3{
	font-size: 12px;
	color: #4d55b0;
	font-weight: bold;
	padding-right: 10px;
	padding-left: 10px;
}

#bodyColPage a {
	font-size: 12px;
	color: #727ad6;
	text-decoration: none;
}

#bodyColPage a:hover {
	font-size: 12px;
	color: #727ad6;
	text-decoration: underline;
}

#mainContainer #bodyContainer #bodyColPage .pageElement .searchBox a {
	font-size: 11px;
	color: #C0C4EF;
}

#mainContainer #bodyContainer #bodyColPage .pageElement .searchBox a:hover {
	font-size: 11px;
	color: #C0C4EF;
	text-decoration: underline;
}

#mainContainer #bodyContainer #bodyColRight .basket .basket-title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #C0C4EF;
	font-weight: bold;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 5px;
	padding-right: 5px;
}

#mainContainer #bodyContainer #bodyColRight .basket .basket-total {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	font-weight: bold;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
}

.line {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	margin-right: 10px;
	margin-left: 10px;
}

fieldset{
	background-color: #EBEBEB;
	width: 320px;
	float: left;
}

/*
label {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #727ad6;
	padding-top: 10px;
}
*/



.label-width{
	width: 100px;
}





/* Typography----------------------------------------------------------------------*/

.verticle-line{
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #D8D8D8;
}

.text-box{
	border: 1px solid #B3B7EB;
}

.form-header {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000066;
	background-color: #b3b7eb;
	padding-top: 7px;
	padding-bottom: 7px;
	padding-left: 10px;
}

.form-header-alt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000066;
	background-color: #FFFFFF;
	padding-top: 7px;
	padding-bottom: 7px;
	padding-left: 10px;
}

.form-label {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #737AD5;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}

.form-label-alt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000066;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	vertical-align: super;
}

.checkout-ins {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#0f207c;
	font-weight: bold;
	padding-right: 20px;
	vertical-align: super;
}

.support-text {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#6666FF;
}

.support-number {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#FF6600;
	font-weight: bold;
}

.table-padding-10x{
	margin-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	border: 1px solid #D9DBF3;
}

.searchBox{
	width: 240px;
	background-image:url(../_images/search-footer.gif);
	background-color: #727AD6;
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 132px;
}


#mainContainer #bodyContainer #bodyColPage .pageElement .searchBox p{
	font-size:10px;
	color: #FFFFFF;
}

#mainContainer #bodyContainer #bodyColPage .pageElement .searchBox h2{
	background-image: url(../_images/search-header-02.jpg);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 5px;
}

.dropdown{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000066;
	display: block;
	margin-left: 10px;
	width: 180px;
	margin-bottom: 2px;
	background-color: #D2D5F0;
	border: 1px solid #727AD6;
}

/**
.searchBox-header{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	padding-top: 10px;
	font-weight: bold;
	padding-left: 10px;
}
**/

/* Featured Products Table----------------------------------------------------------------------*/

#featured-products{
	font-family:Arial, Helvetica, sans-serif;
}

#featured-products td{
	padding-left:10px;
}

#featured-products .type{
	font-size: 12px;
	font-weight: bold;
	color: #000066;
}

#featured-products .name{
	font-size:11px;
	color: #727ad6;
	font-weight: bold;
}

#featured-products .description{
	font-size:11px;
	color: #666666;
	font-weight: normal;
	padding-left: 6px;
}

#featured-products .description a{
	font-size:11px;
	color: #6666FF;
	font-weight: normal;
}

#featured-products .price{
	font-size:12px;
	color:#FF0000;
	font-weight: bold;
}

/* In Page Table Style ----------------------------------------------------------------------*/

#in-page-table {
	border:1px solid #d9dbf3;
	margin-left: 10px;
}


#in-page-table thead td {
	background-color: #D9DAED;
	font-size:12px;
	color: #6972D6;
	font-weight: bold;
	line-height: 22px;
	padding-left: 10px;
}

#in-page-table td {
	font-size:11px;
	color: #666666;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 6px;
}

#in-page-table td strong{
	font-size:12px;
	color: #0f207c;
	font-weight: bold;
	line-height: 18px;
}

#in-page-table-simple {
	border:1px solid #d9dbf3;
	margin-left: 10px;
}


#in-page-table-simple thead td {
	background-color: #D9DAED;
	font-size:12px;
	color: #6972D6;
	font-weight: bold;
	line-height: 12px;
	padding-left: 10px;
}

#in-page-table-simple td {
	font-size:11px;
	color: #666666;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 6px;
}

#in-page-table-simple td strong{
	font-size:12px;
	color: #0f207c;
	font-weight: bold;
	line-height: 15px;
}

.odd {
	background-color: #e4e5f7;
	}
	
.even {
	background-color: #d9dbf3;
	}
.discount {
	background-color: #dbedff;
	border: 1px solid #99ccff;
	}


.whiteout {
	background-color: #ffffff;
	}
#in-page-table-xmass {
	border:1px solid #d9dbf3;
	margin-left: 10px;
}


#in-page-table-xmass  thead td {
	background-color: #FF0000;
	font-size:12px;
	color: #333333;
	font-weight: bold;
	line-height: 22px;
	padding-left: 10px;
}

#in-page-table-xmass  td {
	font-size:11px;
	color: #666666;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 6px;
}

#in-page-table-xmass  td strong{
	font-size:11px;
	color: #0f207c;
	font-weight: bold;
	line-height: 18px;
}

.odd-xmass  {
	background-color: #ECCCD2;
	}
	
.even-xmass  {
	background-color: #E296A2;
	}
	
#bodyContainer #bodyColPage .pageElement .odd td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	padding-top: 2px;
}

#bodyContainer #bodyColPage .pageElement .even td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;

	padding-top: 2px;
	padding-bottom: 2px;
}

#bodyContainer #bodyColPage .pageElement .odd a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #666666;
	padding-top: 2px;

}

#bodyContainer #bodyColPage .pageElement .even a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #666666;
	padding-top: 2px;

}

#bodyContainer #bodyColPage .pageElement .even a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #727AD6;
	padding-top: 2px;

	text-decoration: none;
}

#bodyContainer #bodyColPage .pageElement .odd a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #727AD6;
	padding-top: 2px;
	
	padding-bottom: 2px;
	text-decoration: none;
}

#bodyContainer #bodyColPage .pageElement .discount td h1 {
	margin:0 0 7px 0;
	padding:0;
	font-size:14px;
	font-weight:bold;
}

#bodyContainer #bodyColPage .pageElement .discount td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333399;

	padding-top: 2px;
	padding-bottom: 2px;
}

.purple-strong{
	color: #4d55b0;
	font-weight: bold;
	line-height: 20px;
}

.clear
{
	clear: both;
}