/* ---------------------------------------------------------
BASIC TEXT, LINKS
--------------------------------------------------------- */

BODY
{
	background-color: #fff;
	margin: 0;
	padding: 0;
 	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #55483a;
}

.sitewrapper
{
	width: 780px;
	text-align:left;
	clear: both;
}

.topPadding { height: 14px; overflow: hidden; }

FORM
{
	margin:0px;
	padding:0px;
}

form fieldset 
{ 
	border:0px; 
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

form fieldset legend
{ 
	display: none;
}

fieldset .title { padding: 10px 4px 4px 4px; margin-bottom: 5px; border-bottom: 1px solid #999; }

/*The abbr tag is not supported in IE 6 (it is in IE 7)
  Therefore, we're using acronym instead */
abbr, acronym 
{
	cursor: help;
	border-bottom: 1px dotted #000;
}

TD
{
 	font-size: 12.5px;
	font-family: Arial, Helvetica, sans-serif;
	color: #55483a;
}

P
{ margin-top: 18px; }

INPUT,
SELECT,
TEXTAREA
{
	color: #000000;
 	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}

A
{
	color: #777777;
	cursor:pointer;
    text-decoration: underline;
}

A:hover
{ color: #385DE0; }

A:visited 
{ color: #551A8B; }

A:active 
{ color: #385DE0; }

A:disabled 
{ 
	font-weight: bold;
	color: gray;
	text-decoration: none;
}

SUP
{
	line-height: 0;
	vertical-align: text-top;
	font-weight: normal;
}

.block
{
	display:block;	
}
/* ---------------------------------------------------------
Header Classes
--------------------------------------------------------- */

h1, .head-1
{
	margin: 0px;
	font-family: Arial,Helvetica,sans-serif; 
	font-size: 24px; 
	font-weight: bold; 
	color: #000000;
	border-bottom: 1px solid #f1f1f1;
}

h2, .head-2
{
	font-size: 16px;
	font-weight: bolder;
	color: #000000;
	margin: 0px;
}

h3, .head-3
{
	font-size: 14px;
	font-weight: bolder;
	color: #393a3b;
	margin: 0px;
}

h4, .head-4
{
	font-size: 13px;
	font-weight: bolder;
	color: #666666;
	margin: 0px;
}

h5, .head-5
{
	font-size: 12px;
	font-weight: bolder;
	color: #333333;
	margin: 0px;
}

h6, .head-6
{
	font-size: 12px;
	font-weight: bolder;
	color: #666666;
	margin: 0px;
}

UL,
OL
{
	margin-top: 4px;
	margin-bottom: 4px;
}

UL LI
{ list-style-type: square; }

UL LI.small
{
	margin: 0px 8px;
    list-style-type: square;
}

UL.small
{
	margin-top: 4px;
	margin-bottom: 4px;
}

UL.small LI
{ margin-left: -24px; }


/* ---------------------------------------------------------
TABLE CLASSES
--------------------------------------------------------- */

/* ------ table head ----------------------------------------------- */


.table_head
{
	border-collapse:collapse;
	background-color: #eae6df;
	border-top: 1px solid #beb7ae;
	border-left: 1px solid #beb7ae;
	border-right: 1px solid #beb7ae;
}

.table_head_title
{
	color: #3056a7;
	font-size: 14px;
	font-weight: bold;
	padding: 6px;
	vertical-align: bottom;
	text-transform: uppercase;
}

.table_head_links
{
	color: #635648;
	padding: 6px;
	vertical-align: bottom;
	text-align: right;
}

.table_head_text
{
	background-color: #E8F2FC;
	color: #635648;
	padding: 6px;
	vertical-align: bottom;
}



/* ---------------------------------------------------------
Navigation Classes
--------------------------------------------------------- */

/* ---------------------------------------------------------
Page Header
--------------------------------------------------------- */
.headerTop {


	width: 780px;
	text-align: left;
	color: #55483a;
	font-family: Arial, sans-serif;
	font-size: 22px;
	border: 0px solid #000000;
/*	background: #3056A7 url(../images/page-top.gif) repeat-x bottom;*/
}

#headerFull {
	float: left;
	display: block;
	width: 100%;
	text-align: center;
	color: #55483a;
	font-family: Arial, sans-serif;
	font-size: 12px;
	background: #2a2a2a url(../images/page-top.gif) repeat-x bottom;
}

#headerFull .container {
	position: relative;
	width: 776px;
	text-align: left;
	margin: 0 auto;
}
#alertMsg {
	width: 100%;
	background: #4567b0;
	border: 1px solid #5e7dbc;
	padding: 6px 0 6px 0;
	margin: 6px 0 6px 0;
}
	#alertMsg p {
		margin: 0 0 0 0;
		padding: 0 10px 0 10px;
		font-size: 11px; 
		color: #fff;
	}

#logo {
	float: left;
	border: 0;
	margin: 5px 0 10px 0;
}
	#logo a:link, #logo a:visited {
		display: block;
		width: 348px;
		height: 44px;
	}

#actions {
	float: right;
	position: relative;
	width: 425px;
	text-align: right;
	margin: 15px 0 0 0;
	color: #fff;
}
	#actions a:link, #actions a:visited {
		color: #fff;
		font-weight: bold;
	}
	#actions img {
		border: 0px;
		line-height: 12px;
	}


/* ---------------------------------------------------------
Top Navigation
--------------------------------------------------------- */

#navMain {
	float: left;
	width: 100%;
	margin: 0;
	padding: 0 0 0 0px;
	list-style: none;
}
	#navMain li {
		list-style: none;
		float: left;
		margin: 0 .3em 0 0;
		line-height: 28px;
		font-weight: bold;
	}
		#navMain li a:link, #navMain li a:visited {
			height: 28px;
			display: block;
			float: left;
			color: #fff;
			padding: 0 15px 0 8px;
			text-decoration: none;
		} 
			#navMain li a:link:hover, #navMain li a:visited:hover {
				color: #d2d2d2;
				text-decoration: underline;
			}
		#navMain li.active a:link, #navMain li.active a:visited {
			background: #fafafa url(../images/but-r.gif) no-repeat 100% 0;
			color: #000000;
		}
#navMain.funnelTitle {
	padding: 0 0 0 0;
	color: #fff;
}

/* ---------------------------------------------------------
Top Sub-Navigation
--------------------------------------------------------- */

#navSub {
	float: left;
	width: 100%;
	margin: 0 0 0 8px;
	padding: 0;
	list-style: none;
	height: 26px;
}
	#navSub li {
		list-style: none;
		float: left;
		margin: 0;
		line-height: 26px;
		font-weight: bold;
	}
		#navSub li a:link, #navSub li a:visited {
			display: block;
			float: left;
			color: #3056a7;
			padding: 0 11px;
			text-decoration: none;
		} 
			#navSub li a:link:hover, #navSub li a:visited:hover {
				color: #000000;
				text-decoration: underline;
			}
		#navSub li.active a:link, #navSub li.active a:visited {
			color: #000000;
		}


#navSub.funnelTitle {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
	#navSub.funnelTitle li {
		margin: 0 0 0 0;
		padding: 0 0 0 0;
	}

#navSub.funnelSteps {
	margin: 0 0 0 0;
}
	#navSub.funnelSteps li {
		margin-right: 10px;
		color: #3056a7;
	}
	#navSub.funnelSteps li.active {
		color: #000;
	}

.footernav {
	background-color:#3056a7;
	height:3px;
	margin-bottom:10px;
	clear:both;
	margin-top:30px;
}
	
.footerInfo{
background: #fafafa url(../images/footerstrip.jpg) repeat 100% 0;
border-top: 3px solid #222222;
}	
	
/* -- Two Column layouts - Assign column widths inline to overwrite defaults. It should add up to 780 - 10 for both widths. -- */
.twoColumn { zoom: 1; position: relative; }
	.twoColumn .columnOne
	{
		float: left;
		width: 565px;
	}
	.twoColumn .columnTwo
	{
		float: right;
		width: 205px;
	}


/* WES */
div.rounded {
 width: 270px;
 background: #7a7a7a url(images/ne.gif) no-repeat top right;
}
div.rounded div {
 background: transparent url(images/nw.gif) no-repeat top left;
}
div.rounded div div {
 background: transparent url(images/se.gif) no-repeat bottom right;
}
div.rounded div div div {
 background: transparent url(images/sw.gif) no-repeat bottom left;
 padding: 15px;
}


.databox { 
  background: #ECECEC; 
}
.databoxtop { 
  background: url(images/data-ne.gif) no-repeat top right; 
}
.databoxtop div { 
  font-size: 0;
  height: 8px; 
  background: url(images/data-nw.gif) no-repeat top left; 
}
.databoxbottom { 
  background: url(images/data-se.gif) no-repeat bottom right; 
}
.databoxbottom div { 
  font-size: 0;
  height: 8px; 
  background: url(images/data-sw.gif) no-repeat bottom left; 
}
.databoxcontent {
		vertical-align : middle;
  padding: 0px 8px 0px 8px;
}

/* TOP MENU*/
a.downloadLink:link {color: #024792; 	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; font-size : 11px; font-weight : bold; text-decoration: none;}
a.downloadLink:visited {color: #024792; 	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; font-size : 11px; font-weight : bold;  text-decoration: none;}
a.downloadLink:hover {color: #333333; 	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; font-size : 11px; font-weight : bold; text-decoration: underline;}


.cartHeader{
color:#011E5C; 
font-weight: bold; 
font-size: 11px; 
font-family: Verdana, Arial, Helvetica, sans-serif; 
border-right: 1px solid #ffffff;
}


.addToCartBtn
{
	margin: 0px; 
	border: 0px; 
	background:  url(images/Add-to-Cart.gif) no-repeat top; 
	width: 137px; 
	cursor:pointer;
	height: 24px; 
	color:white;
}

.addToCartBtnSmall
{
	margin: 0px; 
	border: 0px; 
	background:  url(images/add-to-cart-small-icon.gif) no-repeat top; 
	width: 53px; 
	height: 18px; 
	cursor:pointer;
	color:white;
	text-indent : -3000px;
}

.continueShoppingBtn
{
	margin: 0px; 
	border: 0px; 
	background: url(images/continue-shopping.gif) no-repeat top; 
	width: 120px; 
	height: 21px; 
	color:white; 
	cursor:pointer;
	display: inline;
}

.checkOutBtn
{
	display : inline; 
	margin: 0px; 
	border: 0px; 
	background: url(images/checkout.gif) no-repeat top; 
	width: 120px; 
	height: 21px; 
	cursor:pointer;
	color:white;
}

.rightBorder
{
	border-left: 1px solid #f1f1f1;
}

.footerHeader{
color: #d2d2d2; 
font-weight: bold; 
font-size: 18px; 
font-family: Verdana, Arial, Helvetica, sans-serif; 
border-bottom: 1px dotted #848484;
margin-bottom: 10px;
}

.AskExpertBtn
{
	display : inline; 
	margin: 0px; 
	border: 0px; 
	background: url(images/ask_the_expert.gif) no-repeat top; 
	width: 160px; 
	height: 28px; 
	cursor:pointer;
	color:white;
}

.sendBtn
{
	margin: 0px; 
	border: 0px; 
	background:  url(images/send-btn.gif) no-repeat top; 
	width: 137px; 
	cursor:pointer;
	height: 24px; 
	color:white;
}

.feedbackField
{
	margin: 0px; 
	border: 1px solid #7f9db9;
	width: 272px; 
	color:#011E5C;
}

input.feedbackField, select.feedbackField  
{
	height: 24px;
	vertical-align : middle;
}

textarea.feedbackField 
{
	height: 120px;
}

.productPagePricing
{
	color: #2C2C2C;
	font-size: 18px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}


.docFormatBox
{
	border: 1px solid #f4f4f4; 
	width: 100%; 
	padding: 0px;
	height:90px;
	margin: 8px;
}

.docFormatBox p
{

	padding: 5px;
	margin: 0;
}


.docFormatBox h3
{

	padding: 4px 0px 4px 8px;
	margin: 0px;
}

.docFormatMouse
{

	padding: 8px 20px 0px 2px;
	float:left;
}

.docTypeImg
{
	float: right;	
	cursor:pointer;
	padding: 8px 8px 4px 4px;
}


.alsoPurchasedTbl
{
	border: 1px solid #eee54d; 
	background-color: #fffee6;
}


.alsoPurchasedPricing
{
	color: #12346D; 
	font-size: 12px; 
	font-family: Arial, Helvetica, sans-serif; 
	font-weight: bold;
}

.mainProductDesc
{
	text-align: justify; 
	line-height: 17px; 
	font-size: 13px; 
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.bookmarkBorder
{
	padding-top : 10px;
	border-top: 1px dotted #f1f1f1;
}


a.FooterMenuItem:link, a.FooterMenuItem:visited {font-family:  Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #dadada; text-decoration: none;}
a.FooterMenuItem:hover {font-family:  Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #000000; text-decoration: underline;}


a.rightHeader:link {font-family:  Arial, Helvetica, sans-serif; font-size: 20px; font-weight: bold; color: #011E5C; text-decoration: none;}
a.rightHeader:visited {font-family:  Arial, Helvetica, sans-serif; font-size: 20px; font-weight: bold; color: #011E5C;  text-decoration: none;}
a.rightHeader:hover {font-family:  Arial, Helvetica, sans-serif; font-size: 20px; font-weight: bold; color: #011E5C; text-decoration: underline;}

.rightPound {font-family: Geneva,Helvetica, Arial,sans-serif; font-size: 24px; font-weight: bold; color: #011E5C; text-decoration: none;}

.rightPrice {font-family: Geneva,Helvetica, Arial,sans-serif; font-size: 40px; font-weight: bold; color: #011E5C;}

.rightMsg {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #DA0303;}

.packagePriceLineItem
{
	padding: 4px;
	border-top: 1px solid #eee54d; 
	border-bottom: 1px solid #eee54d; 
	background-color: #fffee6;
}

.tentips li
{
padding: 3px 1px 6px 1px; 
border-bottom: 1px dotted #e1e1e1;
}