/* CSS Document */
body {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	background: #e5e5e5 url(../images/bg/bg.gif) repeat-x top left;
	padding: 0;
	margin: 0;
	color: #222222;
}

object
{
	outline: none;
}

p {
	padding: 0 0 20px 0;
	margin: 0;
	line-height: 18px;
}

img { 
	border: none;
}

form {
	margin: 0;
	padding: 0;
}

input {
	margin: 0;
	padding: 0;
}

a {
	text-decoration: none;
	color: #0265b7;
}

a:hover {
	text-decoration: underline;
}

h1, h2 {
	font-size: 18px;
	padding: 0px;
	line-height: 24px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
}

h2 {
	padding: 0px 0px 15px 0px;
}

h3 {
	font-size: 12px;
	padding: 0px;
	margin: 0px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #828282;
}

h4 {
	font-size: 13px;
	color: #4e4e4e;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;	
	margin: 0px;
	padding: 10px 0px;
}

hr {
	height: 0px;
	border-top: 0px solid #e1e1e1;
	color: #e1e1e1;
}

ul {
	padding: 0px 10px 20px 0px;
	margin: 0px;
	
	line-height: 18px;
	list-style: none;
}

li {
	padding: 0px 0px 0px 15px;
	margin: 0px 0px 5px 0px;
	background: url(../images/icons/bullet_right.gif) no-repeat 3px 6px;
}


/**************************** GENERIC ****************************/

/*.flashTextFix {
	margin: 0;
	padding: 0;
}*/

span.slash
{
	display: block;
	font-size: 11px;
	text-decoration: line-through;
}

.clear {
	clear: both;	
	font-size: 1px;
}

div.clear {
	height: 0;
	margin: 0;
	padding: 0;
	line-height: 0;
}

.clearLeft {
	clear: left;
	font-size: 0;
	height: 0px;
	margin: 0;
	padding: 0;
	line-height: 0;
}

.label {
	float: left;
	font-weight: bold;
	display: block;
	width: 70px;
	clear: left;
}
.long {
	width: 140px;
}

.fieldNotice
{
	color: #414141;
	display: block;
	font-size: 11px;
	
	padding-top: 15px;
}

.clickable
{
	cursor: pointer;
}

div.flashContainer {
	width: 1px;
	height: 1px;
	position: absolute;
	z-index: 10;
}

.linkDotted a,
a.linkDotted {
	text-decoration: none;
	/*background: url(../images/hovers/dottedline_white.gif) repeat-x left bottom;*/
	border-bottom: 1px dotted #ffffff;
}
.linkDotted a:hover,
a.linkDotted:hover {
	/*text-decoration: underline;
	background: none;*/
	border-bottom: 1px solid #ffffff;
	text-decoration: none;
}

/*.readMore {
	padding-right: 0px;
	background: url(../images/icons/arrow_right.gif) no-repeat right center;
}
.readMore a {
	margin-right: 10px !important;
}*/

input.inputText {
	height: 14px;
	color: #999999;
	font-size: 11px;
	padding: 3px 7px;
	float: left;
	border: 1px solid #d2d2d2;
	border-right: 0px none;
	font-family: Arial, Helvetica, sans-serif;
}
div.inputArea {
	display: inline;
	vertical-align: top;
	line-height: 22px;
}
input.inputButton {
	float: left;
	vertical-align: top;
	line-height: 22px;
}

input.focused {
	color: #222222;
}
/*div.inputText {
	background: url(../images/btn/input_bg.gif) #d2d2d2 repeat-x;
	height: 22px;
	border-left: 1px solid #d2d2d2;
}

div.inputText input {
	background: transparent;
}

textarea.inputTextArea {
	width: 255px;
	border: 1px solid #bec5cd;
	height: 148px;
}*/

/********** HEADINGS - WHEN FLASHTEXT IS OFF ***********/
h3.smallTitle {
	width: 170px;
}

h3.smallTitle,
h3.lightTitle {
	padding-top: 5px;
}

.mainTitle {
	padding-bottom: 11px;
}

/***************************************** CONTAINERS *******************************/
body div#pageContainer {
	margin: 0 auto;
	width: 1000px;
	background: #FFFFFF;
	border-bottom: 3px solid #bababa;
	min-height: 600px;
	_height: 600px;
}

body div#footerContainer {
	margin: 0 auto;
	width: 1000px;
	background: url(../images/bg/ftr_bg.gif) top right no-repeat transparent;
	min-height: 110px;
	height: 100%;
}

body div#headerContainer {
	margin: 0 auto;
	width: 1000px;
	background: url(../images/bg/hdr_bg.gif) top right repeat-x transparent;
	height: 150px;
}


/***************** HEADER ********************/
div#logo {
	float: left;
	padding: 30px 0px 0px 90px;
	width: 205px;
}

div#header {
	float: right;
	padding: 99px 20px 0px 0px;
	width: 640px;
}

/************ CART ***********/

div#header div#cart {
	float: right;
	height: 31px;
	width: 302px;
	background: url(../images/bg/cart_bg.gif) no-repeat;
	line-height: 31px;
	color: #ffffff;
	font-size: 11px;
}

div#header div#cart a {
	color: #ffffff;
	text-decoration: none;
}

div#header div#cart a:hover {
	text-decoration: underline;
}

div#header div#cart span#cartSummary {
	float: left;
	padding: 0px 0px 0px 35px;
}

div#header div#cart span#cartCheckout {
	float: right;
	padding: 0px 13px 0px 0px;
}

div#header div#cart span#loginout {
	float: right;
	padding: 0px 11px 0px 0px;
}

div#header div#cart span.linkDotted a:hover {
	text-decoration: none;
}

/************ NAV CONTAINER ************/
div#header div#navButtons {
	float: right;
	height: 31px;
	width: 395px;
}

div#navButtons ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

div#navButtons ul li {
	float: left;
	margin: 0;
	padding: 0;
	background-image: none;
}

div#navButtons ul li a {
	height: 31px;
	display: block;
}

div#navButtons ul li a:hover, 
div#navButtons ul li a.current {
	background-position: left bottom;
}

/******* NAV *******/
a#navHome {
	width: 56px;
	background: url(../images/nav/nav_home.gif) no-repeat;	
}

a#navProduct {
	width: 86px;
	background: url(../images/nav/nav_product.gif) no-repeat;	
}

a#navFaqs {
	width: 56px;
	background: url(../images/nav/nav_faqs.gif) no-repeat;	
}

a#navAbout {
	width: 83px;
	background: url(../images/nav/nav_about.gif) no-repeat;	
}

a#navContact {
	width: 94px;
	background: url(../images/nav/nav_contact.gif) no-repeat;	
}

/********************************* PAGE **************************************/
div#mainContainer {
	width: 700px;
	padding: 0px 20px 20px 0px;
	float: right;
}

div.columnLeft {
	float: left;
	padding-top: 10px;
}

div.columnRight {
	float: right;
	padding-top: 10px;
}

/****************** SIDE ***********************/
div#sideContainer {
	width: 250px;
	padding: 0px 0px 20px 20px;
	float: left;
}

/****** SEARCH ******/
div#searchForm {
	height: 38px;
	background: url(../images/bg/search_bg.gif) top left no-repeat #ea221a;
}

div#searchForm input.inputText {
	border-color: #aa231d;
	width: 172px;
	margin: 15px 0px 0px 13px;
}

div#searchForm input.inputButton {
	float: left;
	margin: 15px 0px 0px 0px;
}

/************** BROWSE NAVIGATION *************/
div#browseNavigation {
}

div#browseNavigation ul li img {
	float: right;
	padding-top: 13px;
}

div#browseNavigation ul li span.arrow {
	background-image: url(../images/icons/arrow_down.gif);
	background-position: center;
	background-repeat: no-repeat;
	display: block;
	float: right;
	
	height: 30px;
	width: 5px;
}

div#browseNavigation ul li.active span.arrow
{
	background-image: url(../images/icons/arrow_up.gif);
}

div#browseNavigation ul li a:hover,
div#browseNavigation ul li.active ul li a:hover,
div#browseNavigation ul li.active ul li.subactive a {
	background-position: left bottom;
	color: #222222;
}

div#browseNavigation ul li.active a,
div#browseNavigation ul li.active a:hover,
div#browseNavigation ul li.active a.end:hover {
	background-position: left center;
	color: #FFFFFF;
}

/* MAIN */
div#browseNavigation ul {
	padding: 0px 1px;
	margin: 0px;
	list-style: none;
	background: #dcdcdc;
	border-bottom: 2px solid #BBBBBB;
}

div#browseNavigation ul li {
	margin: 0px;
	padding: 0px;
}

div#browseNavigation ul li a {
	display: block;
	height: 30px;
	line-height: 30px;
	background-image: url(../images/nav/browse_nav.gif);
	background-repeat: repeat;
	background-position: left top;
	padding: 0px 15px;
	color: #222222;
	text-decoration: none;
}

div#browseNavigation ul li.last-child a
{
	background-image: url(../images/nav/browse_nav_last.gif);
}

/*** SUB ***/
/*div#browseNavigation ul li.sub a {
	background-image: url(../images/nav/browse_navsub.gif);
	padding: 0px 5px 0px 40px;
}*/

div#browseNavigation ul li ul {
	display: none;
}

div#browseNavigation ul li.active ul {
	display: block;
	padding: 0px;
	border-bottom: none 0px;
}

div#browseNavigation ul li.active ul li a {
	color: #222222;
	background-image: url(../images/nav/browse_navsub.gif);
	background-repeat: repeat;
	background-position: left top;
	padding: 0px 5px 0px 40px;
}

/*** END ***/
div#browseNavigation ul li a.end {
	height: 29px;
}

div#browseNavigation ul li a.end:hover {
	background-position: left 30px;
}


/************************ CONTENT ***********************/

div#page {
	background: url(../images/bg/page_bdr.gif) repeat-y;
}

div#page div#titleContainer {
	background: url(../images/bg/page_hdr.gif) no-repeat top left;
	padding: 20px 25px 0px 25px;
	height: 55px;
}

div#page div#contentContainer {
	background: url(../images/bg/page_ftr.gif) no-repeat bottom left;
	padding: 0px 15px 20px 15px;
}

div#content {
	padding: 0px 40px 20px 10px;
}

div#content div.contentFix
{
	width: 620px;
}

/********** PRODUCT PAGE ****************/
div#page div.columnLeft {
	width: 405px;
}

div#page div.columnRight {	
	width: 250px;
}

div#page div.columnLeft div#content {
	padding: 0px 0px 20px 10px;
	width: 365px;
}

div#page div.columnRight div.boxContainer, 
div#page div.columnRight div.boxBg
{
	width: 250px;
}

div#downloads div.columnRight div.boxContainer, 
div#downloads div.columnRight div.boxBg
{
	width: 202px;
}

body.home div#page div.columnRight div.boxContainer, 
body.home div#page div.columnRight div.boxBg
{
	width: auto;
}

/******** BLUE BOX *********/
div.productImageHolder
{
	text-align: center;
	
	margin-bottom: 20px;
}

div.blueBoxContainer {
	background: url(../images/bg/blue_btm.gif) no-repeat bottom left #2d7fcb;
	padding-bottom: 10px;
	color: #d6e7f7;
}

div.blueBoxContainer div#purchase {
	background: url(../images/bg/blue_top.gif) no-repeat top left;
	height: 70px;
	padding: 16px 15px 4px 20px;
}

div.blueBoxContainer div#purchase input.inputText {
	border-color: #2465a2;
	width: 100px;
}

div.blueBoxContainer h3 {
	padding-bottom: 10px;
}

/**** CART LIST ***/
div#cartList {
	padding: 15px 20px 5px 20px;
}

div#cartList ul {
	margin: 0px;
	list-style-image: none;
	padding: 0px;
}
div#cartList ul li {
	background: none;
	margin: 0px;
	padding: 0px 0px 5px 0px;
}

div#cartList span.qty {
	float: right;
	color: #ffffff;
	font-weight: bold;
}

div#cartList span.productName
{
	padding-right: 10px;
}

/**** CEHCKOUT ***/
div#checkout {
	padding: 5px 20px 16px 20px;
}

div#checkout p {	
	text-align: right;
	padding-bottom: 5px;
}

div#checkout a {
	float: left;
	clear: left;
	color: #ffffff;
}

div#checkout span.price {
	color: #ffffff;
	font-weight: bold;
}

/**** SPECS ***/
ul.specs {
	font-size: 11px;
	padding: 0px 0px 20px 10px;
}

ul.specs li {
	line-height: 18px;
	margin: 0px;
	padding: 0px;
}

ul.specs li div.value
{
	float: left;
}

ul.specs li div.value.price
{
	/*font-size: 15px;*/
}

div#downloads div.boxContainer, 
div#downloads div.boxContainer div.boxBg
{
	height: 192px;
	
	padding-bottom: 0px;
}

div#downloads div.boxContainer div.boxBg div.boxBorder
{
	height: 182px;
}

div#downloads div.columnRight div.boxBg div.boxBorder
{
	border-left: 1px solid #DCDCDC;
}

div#downloads div.boxContainer div.boxBg div.boxContent
{
	padding-bottom: 20px;
}

div#downloads div.columnLeft {
	width: 202px;
	padding: 0px;
}

div#downloads h3 {
	line-height: 30px;
	display: inline;
}

div#downloads h3 img {
	vertical-align: text-bottom;
	padding-right: 5px;
}	

div#downloads div.boxText {
	padding-top: 5px;
	height: 80px;
}

div#downloads div.boxText p {
	line-height: 16px;
	padding-bottom: 5px;
}

div#downloads div.columnRight {
	padding: 0px;
	width: 202px;
	background-position: right;
}

div#downloads div.columnRight div.boxBg {
	background-position: right bottom;
}
div#downloads div.columnRight div.boxContent {
	background-position: right top;
	/*border-left: 1px solid #dcdcdc;*/
}


/****** BREADCRUMB ******/
div#breadcrumb {
	font-size: 10px;
	color: #828282;
}

div#breadcrumb a {
	padding-right: 10px;
	margin-right: 10px;
	background-image: url(../images/icons/bullet_right.gif);
	background-repeat: no-repeat;
	background-position: right 5px;
}

/****** PAGER ******/
div#pager {
	text-align: right;
	background: url(../images/bg/page_ftr.gif) no-repeat bottom left;
	height: 60px;
	color: #c0c0c0;
	line-height: 25px;
	margin: 0px;
	border-top: 1px solid #DCDCDC;
}

div#pager div.padding
{
	padding: 0px 25px;
}


div#pager span.active,
div#pager span a {
	padding: 5px 10px;
	color: #222222;
	text-decoration: none;
}

div#pager span.active,
div#pager span a:hover{
	background-color: #dcdcdc;
}


div#pager span.readPrev {
	background: url(../images/icons/arrow_prevEmpty.gif) no-repeat 5px center;
	padding: 5px 10px 5px 13px;
}

div#pager a.readPrev {
	background: url(../images/icons/arrow_prev.gif) no-repeat 5px center;
	padding-left: 13px;
}

div#pager span.readNext {
	background: url(../images/icons/arrow_nextEmpty.gif) no-repeat 40px center;
	padding: 5px 15px 5px 10px;
}

div#pager a.readNext {
	background: url(../images/icons/arrow_next.gif) no-repeat 40px center;
	padding-right: 15px;
}

/********** PRODUCT LISTING ************/
div#listingHeader {
	margin: 0px 1px;
	background: #0265b7 url(../images/bg/listing_hdr.gif) repeat-x bottom left ;
	color: #ffffff;
	font-weight: bold;
	font-size: 11px;
	height: 46px;
}

div#listingHeader a.tip
{
	background-image: url(../images/icons/tooltip.gif);
	display: inline-block;
	position: relative;
	
	height: 13px;
	width: 13px;
}

div#listingHeader a.tip div
{
	display: block;
	position: absolute;
		bottom: 10px;
		right: -100px;
	
	width: 200px;
}

div#listingHeader a.tip:hover a
{
	display: block;
}

div#listingHeader img {
	vertical-align: bottom;
}

div#listingContainer {
	padding: 0px;
	margin: 0px;
}

div#listingContainer span {
	display: block;
	padding: 9px 5px 10px 5px;
	float: left;
}

div#listingContainer span.slash
{
	float: none;
	
	padding: 0px;
}

div#listingHeader span
{
	padding: 8px 5px 10px 5px;
}

div#listingContainer .code {
	width: 70px;
	padding-left: 15px;
	font-weight: bold;
}

div#listingContainer .title {
	width: 285px;
}
div#listingContainer .title span {
	padding: 0px;
	width: 140px;
}

div#listingContainer .outline {
	width: 50px;
}

div#listingContainer .files {
	width: 55px;
}

div#listingContainer .price {
	width: 63px;
	font-size: 12px;
}

div#listingContainer .qty {
	float: right;
	width: 105px;
}

div#listingContainer .qty span
{
	float: left;
	font-size: 12px;
	font-weight: bold;

	padding: 0px 0px 0px 5px;
}

div#listingContainer .qty a
{
	color: #2d7fcb;
	float: right;
	font-size: 11px;
	
	padding-right: 20px;
}

div#listingContainer .qty  input.inputText {
	width: 45px;
	padding: 3px 0px 3px 3px;
	border-color: #bbbbbb;
}

div#listingContainer ul {
	margin: 0px 1px;
	padding: 0px;
	list-style: none;
}

div#listingContainer ul li {
	clear: left;
	background: url(../images/bg/listing_bg.gif) repeat-x bottom left;
	padding: 0px;
	margin: 0px;
	font-size: 11px;
	line-height: 16px;
	min-height: 50px;
	_height: 40px;
}

div#listingContainer ul li a {
	color: #222222;
}

/****** BOXES *********/
div.boxContainer {
	background: url(../images/bg/box_bdr.gif) repeat-y;
}

div.boxContainer div.boxBg {
	background-image: url(../images/bg/box_ftr.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
	padding-bottom: 10px;
}

div.boxContainer div.boxContent {
	background-image: url(../images/bg/box_hdr.gif);
	background-repeat: no-repeat;
	background-position: top left;
	padding: 15px 20px 10px 20px;
	font-size: 11px;
}

div.Home div.boxContainer {
	background-image: url(../images/bg/boxHome_bdr.gif);
}

div.Home div.boxContainer div.boxBg {
	background-image: url(../images/bg/boxHome_ftr.gif);
}

div.Home div.boxContainer div.boxContent {
	background-image: url(../images/bg/boxHome_hdr.gif);
}

div.Home div.boxContainer h3 {
	padding-bottom: 10px;
}

div.boxContainer div.boxContent div.item {
	margin: 0px;
	padding: 0px 0px 5px 0px;
	line-height: 14px;
}

div.boxContainer div.boxContent div.item div.value
{
	float: left;
	_float: none;

	width: 100px;
}

div.boxContainer div.boxContent ul {
	margin: 0px;
	padding: 0px;
}

div.boxContainer div.boxContent ul li {
	padding-bottom: 10px;
	margin: 0px;
}

div.boxContainer div.boxContent ul li a {
	display: block;
}

div.boxContainer div.boxContent a.moreContent {
	float: right;
	font-size: 10px;
	
	padding: 5px 0px 0px 0px;
}

/* CALL TO ACTIONS ------ */
div.side {
	padding: 10px 18px;
}

div.callToAction {
	margin-top: 15px;
}

body.home div#subscribe.callToAction {
	margin-top: 0px;
}

div.callToAction p,
div.callToAction a {
	font-size: 11px;
	line-height: 16px;
	color: #ffffff;
	margin: 0px;
	padding: 0px;
}

div.callToAction p.morelink
{
	padding: 5px 0px;
}

div#currentPromotion {
	background-color: #028ecf;
	
	margin: 0px 0px 20px 0px;
	
	min-height: 116px;
	_height: 116px;
	width: 420px;
}

div#currentPromotion div.top
{
	background-image: url(../images/bg/currentPromoTop.gif);
	background-position: top;
	background-repeat: no-repeat;
	
	min-height: 116px;
	_height: 116px;
	width: 420px;
}

div#currentPromotion div.bottom
{
	background-image: url(../images/bg/currentPromoBottom.gif);
	background-position: bottom;
	background-repeat: no-repeat;

	min-height: 116px;
	_height: 116px;
	width: 420px;
}

div#currentPromotion div.padding
{
	padding: 14px 20px 14px 17px;
}

div#currentPromotion h2 {
	color: #c5dbee;
	padding: 0px 0px 7px 0px;
}

div#callStudent {
	background: url(../images/bg/sideStudent.gif) no-repeat;
	height: 73px;
}

div#callStudent p {
	color: #d9d9d9;
}
div#callStudent h3 {
	color: #fefefe;
	padding-bottom: 0px;
}

div#callCustomerService {
	background: url(../images/bg/customerService.gif) no-repeat;
	margin-top: 5px;
	height:78px;
	padding-top: 42px;
}

div#callCustomerService .large {
	font-size: 20px;
	padding: 11px 0px;
} 

div#subscribe div.boxContent {
	height: 55px;
}

div#subscribe div.boxContent input.inputText {
	width: 155px;
}

/* HOME SPECIFIC ------ */
div.Home {
	padding-bottom: 15px !important;
}

div.Home div#page {
	background: none;
}

div.Home div#page div.columnLeft {
	width: 420px;
}

div.Home div#page div.columnRight {
	width: 270px;
}

div.Home div#page div.columnLeft div#content p {
	line-height: 20px;
	padding-bottom: 10px;
}

div.Home div#page div.columnLeft div#content {
	padding: 10px 15px;
}

div.Home div#subscribe div.boxContent {
	padding-bottom: 25px;
	padding-right: 15px;
}

div.Home div#subscribe input.inputText {
	width: 182px
}

/** NEWS **/
div#news ul {
	list-style: none outside;
	list-style-image: none;
	padding: 0px;
	margin: 0px;
	color: #828282;
	font-size: 11px;
	line-height: 16px;
}
div#news ul li {
	/*clear: left;*/
	margin: 0px;
	padding: 0px;
	background-image: none;
}

div#news ul li .date {
	display: block;
	float: left;
	width: 60px;
	font-weight: bold;
	padding-bottom: 7px;
	clear: left;
}

div#news ul li a {
	display: block;
	float: left;
	width: 165px;
	padding: 0px 0px 7px 2px;
}

/****** FOOTER ******/
div#footer {
	font-size: 11px;
	line-height: 20px;
	text-align: center;
	padding: 20px 0px;
	color: #727272;
}

div#footer p {
	margin: 0px;
	padding: 0px;
}

div#footerNav a {
	color: #2d7fcb;
	text-decoration: none;
	padding: 0px 20px;
}

div#footerNav
{
	color: #2D7FCB;
}

div#footerNav a:hover {
	text-decoration: underline;
}

div#footerNav a#blissText
{
	padding: 0px;
}

/* FAQ's. */

ul.faqList
{
	
}

ul.faqList li
{
	
}

ul.faqList li div
{
	padding-top: 12px;
}

ul.faqList li.current a
{
	font-weight: bold;
}

/* Error Messages. */

div.errorMessage
{
	background-color: #ffefef;
	color: #ff0000;
	
	border: 1px solid #ffaaaa;
	margin-bottom: 15px;
	padding: 10px; 
}

div.successMessage
{
	background-color: #efffef;
	color: #00aa00;
	
	border: 1px solid #00aa00; 
	margin-bottom: 15px;
	padding: 10px;
}

div.welcomeMessage
{
	background-color: #efefff;
	color: #0000aa;
	
	border: 1px solid #0000aa; 
	margin-bottom: 15px;
	padding: 10px;
}

/* Message Box. */

div.messageBox
{
	display: none;
	float: right;
	font-size: 11px;
	position: fixed;
	_position: relative;
		z-index: 100;
	
	margin-top: 20px;
	margin-left: 180px;
	
	width: 500px;
}

div.messageBox div.messageBoxArea
{
	background-color: #e8e8e8;
	
	height: 42px;
}

div.messageBox div.padding
{
	padding: 3px 38px;
}

div.messageBox img.corners
{
	position: absolute;
}

div.messageBox img.corners.tl
{
	top: 0px;
	left: 0px;
}

div.messageBox img.corners.bl
{
	bottom: 0px;
	left: 0px;
}

div.messageBox img.corners.br
{
	bottom: 0px;
	right: 0px;
}

div.messageBox img.corners.tr
{
	top: 0px;
	right: 0px;
}

div.horizontalBorders
{
	background-color: #e8e8e8;
	font-size: 1px;
	
	margin: 0px 9px; 
	
	height: 9px; 
}

div.messageBox p
{
	padding: 0px;
}

/* Over rides. */

div#header
{
	position: relative;
	
	padding-top: 0px;
	
	height: 130px;
	width: 680px;
}

div#header div#cart
{
	position: absolute;
		bottom: 0px;
		right: 20px;
}

div#header div#navButtons
{
	position: absolute;
		bottom: 0px;
		left: 0px;
}

/* News Articles. */

ul.newsArticles li
{
	background-image: none;

	padding: 0px 0px 8px 0px;
	
	width: 640px;
}

ul.newsArticles li h2.title
{
	padding: 0px;
}

ul.newsArticles li span.date
{
	
}

div#newsArticle h2.title
{
	padding: 0px;
}

div#newsArticle span.date
{
	display: block;
	font-size: 11px;
	
	padding-bottom: 12px;
}

a.backlink
{
	display: inline-block;
}

div#newsPager
{
	color: #C0C0C0;
	line-height: 25px;
	text-align: right;
	
	border-top: 1px solid #DCDCDC;
	margin: 0px 0px 0px 0px;
	
	height: 60px;
}

div#newsPager span.readPrev {
	background: url(../images/icons/arrow_prevEmpty.gif) no-repeat 5px center;
	padding: 5px 10px 5px 13px;
}

div#newsPager a.readPrev {
	background: url(../images/icons/arrow_prev.gif) no-repeat 5px center;
	color: #222222;
	padding: 5px 10px 5px 13px;
}

div#newsPager span.readNext {
	background: url(../images/icons/arrow_nextEmpty.gif) no-repeat 45px center;
	padding: 5px 15px 5px 10px;
}

div#newsPager a.readNext {
	background: url(../images/icons/arrow_next.gif) no-repeat 45px center;
	color: #222222;
	padding: 5px 15px 5px 10px;
}

/* Shopping Cart. */

table.cartItemList th
{
	background-color: #0265B7;
	background-image: url(../images/bg/listing_hdr.gif);
	background-position: left bottom;
	background-repeat: repeat-x;
	color: #FFFFFF;
	font-size: 11px;
	font-weight: bold;
	text-align: left;
	
	height: 46px;
}

table.cartItemList td
{
	background-image: url(../images/bg/listing_bg.gif);
	background-position: left bottom;
	background-repeat: repeat-x;
	color: #222222;
	font-size: 11px;
	line-height: 16px;
}

table.cartItemList tr.subtotal td
{
	background-color: #f5f5f5;
	background-image: url(../images/bg/listing_bg_subtotal.gif);
}

table.cartItemList th, 
table.cartItemList td
{
	vertical-align: top;
}

table.cartItemList th div.padding, 
table.cartItemList td div.padding
{
	padding: 8px 5px 10px 5px;
}

table.cartItemList th.first-child, 
table.cartItemList td.first-child
{
	border-left: 1px solid #dcdcdc;
}

table.cartItemList th.first-child div.padding, 
table.cartItemList td.first-child div.padding
{
	padding-left: 25px;
}

table.cartItemList th.last-child, 
table.cartItemList td.last-child
{
	border-right: 1px solid #dcdcdc;
}

table.cartItemList th.colDescription
{
	width: 265px;
}

table.cartItemList th.colCode, 
table.cartItemList td.colCode
{
	font-weight: bold;
}

	table#shoppingCart th.colCode, 
	table#shoppingCart td.colCode
	{
		width: 80px;
	}
	
	table#orderDetails th.colCode, 
	table#orderDetails td.colCode
	{
		width: 135px;
	}

table.cartItemList th.colOption
{
	width: 145px;
}

table.cartItemList th.colQuantity
{
	width: 63px;
}

	table#orderDetails td.colQuantity
	{
		font-weight: bold;
		text-align: center;
	}

table.cartItemList th.colPrice, 
table.cartItemList td.colPrice
{
	text-align: right;

	width: 90px;
}

table.cartItemList th.colRemove, 
table.cartItemList td.colRemove
{
	text-align: center;

	width: 55px;
}

table.cartItemList td.colRemove div.padding
{
	padding-top: 11px;
}

table.cartItemList td input
{
	color: #999999;
	font-size: 11px;

	border: 1px solid #BBBBBB;
	padding: 3px 0 3px 3px;
	
	height: 14px;
	width: 48px;
}

table.cartItemList tr.totals
{
	height: 50px;
}

table.cartItemList tr.totals td
{
	background-image: url(../images/bg/page_ftr.gif);
	background-position: center bottom;
	background-repeat: no-repeat;
	
	border-top: 1px solid #DCDCDC;
}

table.cartItemList tr.totals td.first-child
{
	background-position: left bottom;
	
	border-left: 0px;
}

table.cartItemList tr.totals td.last-child
{
	background-position: right bottom;
	
	border-right: 0px;
}

table.cartItemList td.totalLabel
{
	color: #555555;
	line-height: 25px;
	text-align: right;
	
	margin: 0;
	
	height: 50px;
}

/* Post Shopping Cart. */

div.cartnote
{
	font-size: 11px;

	margin: 3px 0px 20px 0px;
	
	height: 15px;
}

div.cartActions a
{
	display: block;
}

div.cartActions a, 
div.cartActions input 
{
	float: left;
	
	margin-right: 10px;
}

div.cartActions input.next
{
	float: right;
}

/* Checkout. */

div#contentContainer div.padding
{
	padding: 10px 0px 10px 10px;
}

h2.subTitle
{
	padding: 12px 0px 4px 0px;
}

/* Forms. */

form ul, 
form ul li
{
	background-image: none;
	
	padding: 0px;
	
	width: 400px;
}

form ul li
{
	margin: 0px;
	padding: 0px 0px 8px 0px;
	_padding: 0px 0px 3px 0px;
}

form ul li label
{
	display: block;
	float: left;
	font-size: 11px;
	font-weight: bold;
	text-align: right;
	
	padding-top: 7px;
	
	width: 100px;
}

form ul li div.valueArea
{
	float: right;
	
	width: 286px;
}

form ul li div.checkboxField
{
	font-size: 11px;
	text-align: left;
	
	padding-top: 7px;
}

form ul li div.checkboxField input.checkbox, 
form ul li div.checkboxField input.radio
{
	margin: 0px 10px 0px 0px;
}

form ul li div.checkboxField label
{
	display: inline;
	font-weight: normal;
	
	padding-top: 0px;
	_padding-top: 4px;
	
	width: auto;
}

form ul li input.text
{
	color: #444444;
	float: right;
	font-size: 11px;

	border: 1px solid #bbbbbb;
	padding: 6px 0px 8px 4px;
	
	width: 280px;
}

form ul li div.valueArea input.text
{
	float: none;
}

form ul li input.text.small
{
	width: 68px;
}

form ul li input.checkbox, 
form ul li input.radio
{
	float: left;
	
	margin: 6px 0px 0px 14px;
}

form ul li textarea
{
	color: #444444;
	float: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	
	border: 1px solid #bbbbbb;
	padding: 6px 0px 8px 4px;
	
	height: 150px;
	width: 280px;
}

form ul li select
{
	color: #444444;
	float: right;
	font-size: 11px;
	
	border: 1px solid #bbbbbb;
	padding: 5px 4px 4px 4px;
	
	width: 286px;
}

form .caption
{
	display: block;
	float: right;
	font-size: 11px;
	
	padding-top: 6px;
	
	width: 286px;
}

form .errorMessage
{
	color: #BB0004;
	font-size: 11px;
}

form .errorMessage.field
{
	display: none;
}

form ul li input.image
{
	float: right;
}

.errMsg
{
	display: none;
}

.errFld
{
	background-color: #f7d9d9;
}

/* Payment. */

table#accountDetails
{
	padding-bottom: 12px;
}

table#accountDetails th, 
table#accountDetails td, 
table#payOnlineForm th, 
table#payOnlineForm td, 
table#payOfflineForm th, 
table#payOfflineForm td
{
	vertical-align: top;
	
	padding-right: 10px;
}

table#accountDetails th, 
table#payOnlineForm th, 
table#payOfflineForm th
{
	text-align: left;
}

table#payOnlineForm th
{
	text-align: left;
	
	padding-top: 10px;
}

table#payOnlineForm td a
{
	display: block;
	float: left;
	
	padding: 7px 0px 0px 4px;
}

table#payOnlineForm input.text
{
	color: #999999;
	font-size: 11px;

	border: 1px solid #bbbbbb;
	padding: 6px 0px 8px 4px;
}

table#payOnlineForm select
{
	color: #999999;
	font-size: 11px;

	border: 1px solid #bbbbbb;
	padding: 4px 4px 4px 0px;
}

table#payOfflineForm input.text
{
	color: #444444;
	font-size: 11px;

	border: 1px solid #bbbbbb;
	padding: 4px 0px 4px 4px;
	
	width: 280px;
}

table#payOfflineForm input.text.small
{
	width: 100px;
}

table#payOnlineForm
{
	float: left;
}

div#poweredByDirectOne
{
	float: left; 
	line-height: 24px;
	
	margin-top: 5px;
	margin-left: 35px;
	
	height: 100px; 
	width: 300px; 
}

/* Members. */

table#orderHistories th, 
table#orderHistories td
{
	text-align: left;
	vertical-align: top;
	
	padding-top: 4px;
}

table#orderHistories th
{
	padding-bottom: 4px;
}

/* Archives. */

div#archiveLink
{
	text-align: center;
	
	margin-bottom: 6px;
}

a.archives
{
	/*border-bottom: 1px dotted #0265B7;*/
	text-decoration: none;
}

a.archives:hover
{
	text-decoration: none;
}

/* Customer Area. */

.buttonsAlignLeft a
{
	padding-right: 30px;
}

.zoomItem
{
	width: 720px;
}

/* Products Content Page. */

.productsSection, 
.productsSection .top, 
.productsSection .top .bottom
{
	width: 647px;
}

.productsSection
{
	background-image: url(../images/products/middle.gif);
	background-repeat: repeat-y;
	
	margin-bottom: 10px;
}

	div#courseware div.padding
	{
		background-image: url(../images/pages/products/img_coursework.jpg);
		background-position: 449px 15px;
	}
	
	div#coursewareCustomisation div.padding
	{
		background-image: url(../images/pages/products/img_customised.jpg);
		background-position: 449px 20px;
	}
	
	div#licensing div.padding
	{
		background-image: url(../images/pages/products/img_liscencing.jpg);
		background-position: 449px 20px;
	}
	
	div#tracherResources div.padding
	{
		background-image: url(../images/pages/products/img_teacher.jpg);
		background-position: 449px 12px;
	}
	

.productsSection .top
{
	background-image: url(../images/products/top.gif);
	background-repeat: no-repeat;
}

.productsSection .top .bottom
{
	background-image: url(../images/products/bottom.gif);
	background-position: bottom;
	background-repeat: no-repeat;
}

div#contentContainer .productsSection .top .bottom .padding
{
	background-repeat: no-repeat;

	padding: 22px 44px 28px 22px;
}

.productsSection p
{
	display: block;
	font-size: 11px;
	line-height: 16px;
	
	width: 410px;
}

.productsSection h4
{
	color: #000000; 
	font-size: 18px;
	line-height: 30px;
	
	padding: 0px;
	padding-bottom: 5px;
}

.productsSection h4 a
{
	color: #000000; 
	text-decoration: none;
}

.productsSection a img
{
	margin-bottom: 10px;
}

.productsSection a.more
{
	display: inline-block;
	
	margin-top: 7px;
}



/* IE fixes. */

form#deliveryForm
{
	width: 660px;
}

/* END OF CSS */
