/*******************************************************************
	main.css
	Main style sheet for www.altn.com.
********************************************************************

	Created: 8/22/2006, Trint Ladd
	Modified:
		9/12/2006, Trint Ladd
			Added home page styles.
		10/5/2006, Trint Ladd
			Changed base font to 11px Verdana.  Associated layout changes.
			Moved main navigation up and to the right.
		11/10/2006, Trint Ladd
			Changed base font to 70% Arial.
			Made font sizes relative (em or %) for accessability.
		1/31/2008, Trint Ladd
			Removed homepage layout styles. Home page layout is now
			controlled in managed content.
			My goal is to pare down this stylesheet until it only
			contains styles for page templates, specific controls and
			global styles for consistancy across the site.
		4/23/2008, Trint Ladd
			Changed base font to Verdana.
		9/22/2008, Daniel Draney
			Altered Main Nav Section.
		
********************************************************************
/*	Color Pallette */
/*		#fff; /* White */
/*		#000; /* Black */
/*		#eee; /* Very Light Gray */
/*		#ccc; /* Light Gray */
/*		#aaa; /* Medium Gray */
/*		#666; /* Dark Gray */
/*		#900; /* Dark Red */
/*		#009; /* Dark Blue */
/*		#ffd; /* Pale Yellow */
/*		#005; /* Dark Blue */
/******************************************************************/

/*******************************************************************
	General presentation styles
	These may be overridden below.
*******************************************************************/
*
{
	padding: 0;
	margin: 0;
}
html, body
{
	min-height: 100%;
	height: auto !important;
	height: 100%;
}
body
{
	padding: 0;
	margin: 20px 0;
	background-color: #fff; /* White */
	color: #000; /* Black */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .7em;
	line-height: 1.3em;
}
#aspnetForm /* Master Form - Master page form gets assigned this id. */
{
	width: 100%;
	text-align: center;
}
.noscript
{
	padding: 5px;
	background-color: #ffd; /* Pale Yellow */
	text-align: center;
	width: 100%;
}
#UberDiv
{
	margin-left: auto;
	margin-right: auto;
	width: 750px;
	text-align: left;
}
#BlankUberDiv
{
	width: 100%;
}
table
{
	_font-size: 1em; /* IE6 and lower hack */
}
th, tr.headerRow td
{
	font-weight: bold;
	text-align: center;
	background-color: #ccc; /* Light Gray */
}
tr.footerRow td
{
	border-top: solid 1px #ccc; /* Light Gray */
	vertical-align: top;
}
table.bordered
{
	border-collapse: collapse;
}
table.bordered td, table.bordered th
{
	padding: 3px;
	border: 1px solid #000; /* Black */
}
img
{
	border: none;
}
p
{
	margin: 0 0 1em 0;
}
a
{
	color: #900; /* Dark Red */
	text-decoration: none;
}
a:hover
{
	color: #900; /* Dark Red */
	text-decoration: underline;
}
h1
{
	margin: 0 0 .7em 0;
	font-size: 1.5em;
	font-weight: bold;
}
h2
{
	margin: 0 0 .7em 0;
	font-size: 1.2em;
	font-weight: bold;
}
h3
{
	margin: .5em 0;
	font-size: 1em;
	font-weight: bold;
}
h1.bar
{
	padding: 5px;
	background-color: #ccc; /* Light Gray */
	border-bottom: solid 2px #900; /* Dark Red */
}
h2.bar
{
	padding: 5px;
	background-color: #ccc; /* Light Gray */ 
	border-bottom: solid 1px #900; /* Dark Red */
}
h2.barLite
{
	padding: 5px;
	border-bottom: solid 1px #900; /* Dark Red */
}
h3.bar
{
	border-bottom: solid 1px #900; /* Dark Red */
	padding-top: 3px;
}
.bar sup  
{
	font-size: 70%;
	_line-height: 1.7em;
}
ul, ol
{
	margin: 0 0 1em 0;
	* margin-left: 5px; /* IE hack (including IE7) */
	padding: 0 0 0 15px;
}
li
{
	margin: 0 0 .2em 0;
	padding: 0;
}
ul.noBullets
{
	* margin-left: 0; /* IE hack (including IE7) */
	padding-left: 0;
	list-style: none;
}
ul.twoColumn
{
	* margin-left: 0; /* IE hack (including IE7) */
	padding-left: 0;
	list-style: none;
}
ul.twoColumn li
{
	float: left;
	width: 48%;
}
button
{
	cursor: pointer;
}
/* End General presentation styles */


/*******************************************************************
	Rounded Box classes
	These classes create the shaded box with rounded corners
	Requires altn.js, bgBox.png, and bgBorders.png
*******************************************************************/
.RoundedBoxDefault
{
	padding: 10px 0;
	margin: 3px 0;
	border: solid 1px #ccc; /* Light Gray */
}
.RoundedBoxDefault div
{
	padding: 10px;
}
.RoundedBox
{
	margin: 5px;
	text-align: left; /* Prevents inherited centering in IE */
}
.RBTop, .RBBottom
{
	margin: 0;
	height: 20px;
}
.RBTop div, .RBBottom div
{
	height: 20px;
	width: 15px;
}
.RBTop
{
	background: url(../siteImages/bgBox.png) no-repeat 100% 0;
	
}
.RBBottom
{
	background: url(../siteImages/bgBox.png) no-repeat 100% 100%;
	clear: both;
}
.RBTop div
{
	background: url(../siteImages/bgBox.png) no-repeat 0 0;
}
.RBBottom div
{
	background: url(../siteImages/bgBox.png) no-repeat 0 100%;
}
.RBLeftBorder
{
	padding: 0 0 0 5px;
	background: url(../siteImages/bgBorders.png) repeat-y 0 0;
}
.RBRightBorder
{
	padding: 0 10px 0 0;
	background: url(../siteImages/bgBorders.png) repeat-y 100% 0;
}
.RBContent
{
	padding: 0px 9px;
	background: #fff; /* To conceal border images */
	border: solid 1px #fff; /* Fixes gapping bug */
}
.RBContent h1, .RBContent h2, .RBContent h3
{
	margin-top: 0;
}
/* End Rounded Box classes */

/*******************************************************************
	ThinkBox classes
	These classes produce the lightbox effect.
	Requires thickbox.js
*******************************************************************/
#TB_overlay
{
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}
.TB_overlayMacFFBGHack
{
	background: url(macFFBgHack.png) repeat;
}
.TB_overlayBG
{
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}
* html #TB_overlay /* IE6 and lower hack */
{
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_load
{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

#TB_window
{
	position: fixed;
	top:50%;
	left:50%;
	background: #fff; /* White */
	z-index: 102;
	color: #000; /* Black */
	display: none;
	border: 4px solid #666; /* Dark Gray */
	text-align: left;
}
* html #TB_window /* IE6 and lower hack */
{
	position: absolute;
	margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

/* TB Title Bar */
#TB_title
{
	font-size: medium;
	font-weight: bold;
	color: #900; /* Dark Red */
	background-color: #ccc; /* Light Gray */
	height: 27px;
}
* html #TB_title /* IE6 and lower hack */
{
	width: 102%;
}
#TB_ajaxWindowTitle
{
	float: left;
	padding: 7px 0 5px 10px;
	margin-bottom: 1px;
}
#TB_closeWindow
{
	font-size: x-small;
	font-weight: normal;
	padding: 5px 10px;
	margin-bottom: 1px;
	text-align: right;
	float: right;
}

/* TB Images */
#TB_ImageContainer
{
	clear: both;
	text-align:center;
}
#TB_window img#TB_Image
{
	display:block;
	margin: 15px auto;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}
#TB_imageCaption
{
	padding:7px 25px;
	width: 100%;
}
#TB_imageGroupLinks
{
	width: 100%;
	text-align:center;
}
#TB_load
{
	position: absolute;
	display: none;
	height: 100px;
	width: 100px;
	z-index: 101;
}
* html #TB_load /* IE6 and lower hack */
{
	position: absolute;
	margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_ajaxContent
{
	clear: both;
	padding: 15px;
	overflow: auto;
	text-align:left;
}
#TB_iframeContent
{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}

#TB_HideSelect
{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff; /* White */
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}
* html #TB_HideSelect /* IE6 and lower hack */
{
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
/* End ThickBox classes */

/*******************************************************************
	Form styles
*******************************************************************/
.cssForm, .cssFormLeft, cssFormStacked
{
	margin: 10px 0;
	width: 95%;
}
.cssForm .cssFormText, .cssFormStacked .cssFormText
{
	margin: 5px auto;
	text-align: center;
}
.cssFormLeft .cssFormText
{
	margin: 5px auto;
}
.cssForm dt
{
	text-align: right;
	width: 49%;
	float: left;
	clear: left;
}
.cssForm dd
{
	margin: 0 0 1em 50%;
	text-align: left;
}
.cssFormLeft dt
{
	text-align: right;
	width: 20%;
	float: left;
}
.cssFormLeft dd
{
	margin: 0 0 1em 22%;
	text-align: left;
}
.cssFormStacked dt
{
	text-align: left;
}
.cssFormStacked dd
{
	margin: 0 0 1em 0;
	text-align: left;
}
.cssInput
{
	font-size: 1em;
	padding: 1px;
	border: solid 1px #000; /* Black */
}
.cssButton, .cssButtonSmall, .FormButton /* FormButton is used in cms forms */
{
	margin: 5px 0;
	height: 20px;
	width: 120px;
	font-size: 1em;
	border: none;
	background: url(../siteImages/bgButton.gif) no-repeat 0 0;
	cursor: pointer; /* Be nice to Firebird */
}
.cssButtonSmall
{
	background: url(../siteImages/bgButtonSmall.gif) no-repeat 0 0;
	width: 60px;
}
.goButton
{
	height: 18px;
	width: 18px;
	background: none;
	border: none;
	background-image: url(../siteImages/bGo.gif);
}
.buttons
{
	text-align: center;
	margin: 10px auto;
}
.buttonsLeft
{
	text-align: left;
	margin: 10px auto;
}
.printButtons
{
	float: right;
}
.required
{
	color: #900; /* Dark Red */
}

/* End Form styles */


/*******************************************************************
	InputFocus styles
	These classes alter the appearance of input boxes on focus
	Requires altn.js (suckerfish)
*******************************************************************/
.inputFocus, .cssInput:focus
{
	background: #ccc; /* Light Gray */
	border: solid 1px #900; /* Dark Red */
}
.buttonHover, .cssButton:hover, .cssButton:focus, .FormButton:hover, .FormButton:focus /* FormButton is used in cms forms */
{
	background: url(../siteImages/bgButton.gif) no-repeat 0 100%;
}
.buttonSmallHover, .cssButtonSmall:hover, .cssButtonSmall:focus
{
	background: url(../siteImages/bgButtonSmall.gif) no-repeat 0 100%;
}
/* Prevent focus styles on image button inputs */
.cssImageButton, .cssImageButton:focus
{
	padding: 0;
	border: none;
	background: none;
}
/* End InputFocus styles */

/*******************************************************************
	Header and Footer layout styles
*******************************************************************/
/* Header */
#Header
{
	margin-left: auto;
	margin-right: auto;
	width: 750px;
}
#HeaderLogo
{
	float: left;
}
#AccountLinksAndSearch
{
	text-align: right;
}
.accountLinks
{
	margin: 5px 5px 5px 0;
	display: inline;
}
.accountLinks ul
{
	padding: 0;
	font-size: x-small;
	list-style: none;
	display: inline;
}
.accountLinks ul li
{
	margin: 0 2px;
	list-style: none;
	display: inline;
	text-transform: lowercase;
}
#SearchForm
{
	display: inline;
}
#SearchForm input
{
	font-size: xx-small;
	vertical-align: middle;
}
.searchButton
{
	height: 18px;
	width: 18px;
	background: none;
	border: none;
	background-image: url(../siteImages/bSearch.gif);
}
#BreadCrumbBar
{
	margin: 0 auto;
	text-align: center;
	width: 100%;
	height: 20px;
	background: #ccc; /* Light Gray */
	border-top: solid 1px #900; /* Dark Red */
	border-bottom: solid 1px #900; /* Dark Red */
	clear: both;
}
#BreadCrumb
{
	padding: 3px;
	float: left;
	font-size: smaller;
}
#SendToLinks
{
	text-align: right;
}
#SendToLinks img
{
	margin: 0 5px;
}

/* Main Nav */
#MainNav
{
	margin-right: -8px;
	float: right;
}
#MainNav a
{
	color: #000; /* Black */
	text-decoration: none;
}
#MainNav ul
{
	margin: .25em 0 0 0;
	_margin-top: .2em;
	padding: 0;
	list-style: none;
}
#MainNav li.top
{
	margin: 20px 8px 0 8px;
	padding-bottom: 10px;
	position: relative;
	font-size: small;
	_font-size: x-small;
	font-weight: bold;
	float: left;
}
#MainNav ul.drop
{
	margin: 0;
	display: none;
	position: absolute;
	z-index: 100;
	top: 1.3em;
	left: 0;
	width: 120px;
	background: #fff; /* White */
	border: solid 1px #999; /* Mid Grey */
	font-size: .7em;
	font-weight: normal;
	color: #333; /* Dark Grey */
}
#MainNav li.top > ul.drop /* Opera hack */
{
	top: auto;
	left: auto;
}
#MainNav li:hover ul.drop, #MainNav li.navHover ul.drop
{
	top: 1.8em;
	left: 0;
	display: block;
}
#MainNav ul.drop li
{
	padding-left: 5px;
}
#MainNav ul.drop a
{
	margin-left: -5px;
	padding-left: 5px;
	color: #333; /* Dark Grey */
	display: block;
	_width: 99%;
	line-height: 23px;
	height: 23px;
	background: #FFF url(../siteImages/dropmenu_dot_divider.png) repeat-x bottom;
}
#MainNav ul.drop ul a
{
	margin-left: -10px;
	padding-left: 15px;
}
#MainNav a:hover, #MainNav ul.drop a:hover
{
	color: #900; /* Dark Red */
}
#MainNav ul.drop a:hover
{
	background-color: #ccc; /* Light Grey */
}
#MainNav ul.drop2
{
	margin: 0;
	display: none;
	position: absolute;
	z-index: 100;
	top: 1.3em;
	left: 0;
	width: 210px;
	background: #fff; /* White */
	border: solid 1px #999; /* Mid Grey */
	font-size: .7em;
	font-weight: normal;
	color: #333; /* Dark Grey */
}
#MainNav li.top > ul.drop2 /* Opera hack */
{
	top: auto;
	left: auto;
}
#MainNav li:hover ul.drop2, #MainNav li.navHover ul.drop2
{
	top: 1.8em;
	left: 0;
	display: block;
}
#MainNav ul.drop2 li
{
	padding-left: 5px;
}
#MainNav ul.drop2 a
{
	margin-left: -5px;
	padding-left: 5px;
	color: #333; /* Dark Grey */
	display: block;
	_width: 99%;
	line-height: 23px;
	height: 23px;
	background: #FFF url(../siteImages/dropmenu_dot_divider.png) repeat-x bottom;
}
#MainNav ul.drop2 ul a
{
	margin-left: -10px;
	padding-left: 15px;
}
#MainNav a:hover, #MainNav ul.drop2 a:hover
{
	color: #900; /* Dark Red */
	font-weight:bold;
}
#MainNav ul.drop2 a:hover
{
	background-color: #cccccc; /* Light Grey */
}

/* Sub Nav */
#SubNav
{
	margin: 10px 15px 10px 0;
	width: 145px;
	float: left;
}
#SubNav ul
{
	padding: 0;
	margin: 0;
	list-style: none;
}
#SubNav ul li
{
	margin: 0;
	padding: 5px 0 5px 10px;
	list-style: none;
	border-top: solid 1px #ccc; /* Light Gray */
	font-weight: bold;
	background: url(../siteImages/bulletRedRight.gif) no-repeat left top;
}
#SubNav ul ul li
{
	font-size: .9em;
	font-weight: normal;
	list-style: none;
	background: none;
}
/* Fake a third level of navigation by making a fake parent node */
#SubNav li.navParent
{
	font-size: 1.1em;
	color: #000; /* Black */
	padding: 5px 0 5px 5px;
	list-style: none;
	font-weight: bold;
	background: none;
}
#SubNav li.navParent a
{
	color: #000; /* Black */
}
#SubNav ul a, #SubNav li.active ul a
{
	color: #666; /* Dark Gray */
}
#SubNav li.active a
{
	color: #900; /* Dark Red */
}
#SubNav ul li.open
{
	background: url(../siteImages/bulletRedDown.gif) no-repeat left top;
}

/* Footer */
#Legal
{
	margin: 10px 0;
	padding: 10px 0;
	width: 100%;
	font-size: xx-small;
	clear: both;
	border-top: solid 1px #ccc; /* Light Gray */
}
#Legal ul
{
	margin: 0;
	padding: 0;
	list-style: none;
	display: inline;
}
#Legal ul li
{
	margin: 0 10px;
	list-style: none;
	display: inline;
}
#Legal a
{
	text-transform: lowercase;
}
#Copyright, #VersionInfo
{
	float: right;
}
#InternalViewer
{
	position: absolute;
	top: 0;
	left: 0;
	padding: 5px;
	text-align: left;
	border: solid 1px #ccc; /* Light Gray */
}
#InternalViewerHolder
{
	padding: 5px;
	width: 300px;
	background-color: #ffd; /* Pale Yellow */
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
	text-align: left;
	display: none;
}
#InternalViewerHolder dl dd
{
	margin-left: 15px;
}
/* End Header and Footer layout styles */

/*******************************************************************
	Page layout styles
*******************************************************************/
#OneColumnMainContent
{
	margin: 10px 0;
}
#OneColumnNavMainContent
{
	margin: 10px 0;
	padding-left: 15px;
	float: left;
	width: 550px;
	_width: 565px;
	border-left: solid 1px #ccc; /* Light Gray */
}
#TwoColumnNavMainContent
{
	margin: 10px 0;
	padding: 0 10px 0 15px;
	float: left;
	width: 380px;
	_width: 405px;
	border-right: solid 1px #ccc; /* Light Gray */
	border-left: solid 1px #ccc; /* Light Gray */
}
#TwoColumnMainContent
{
	margin: 10px 0;
	padding-right: 10px;
	float: left;
	width: 550px;
	_width: 560px;
	border-right: solid 1px #ccc; /* Light Gray */
}
#TwoColumnSubContent
{
	margin: 10px 0;
	padding-left: 10px;
	width: 170px;
	float: left;
	font-size: .9em;
}

/* Home Page */
#HomeMainContent
{
	width: 100%;
	clear: both;
}

/* Site Map */
.siteMap
{
	margin: 10px 30px;
	clear: both;
}
/* End Page layout styles */

/*******************************************************************
	Specific tools or sections
*******************************************************************/
/* News Lists */
.pressLinkShort
{
	margin: .5em 0;
	padding-top: .5em;
	border-top: solid 1px #ccc; /* Light Gray */
}
.pressLinkLong
{
	margin: 1em 0;
}

/* Sku Picker */
table.skuPicker
{
	border: solid 1px #ccc; /* Light Gray */
}
tr.skuPickerHidden
{
	display: none;
}
tr.skuPickerSelected
{
	display: table-row;
}
table.skuPicker td
{
	padding: 5px;
}
#ProductSelectors
{
	margin: 5px 0;
	text-align: right;
}
#ProductSelectors select, #UpgradeForm .cssInput
{
	font-size: 1em;
}
table.crossSellHidden, table.supportAgreementHidden
{
	display: none;
}
table.crossSellSelected, table.supportAgreementSelected
{
	border: solid 1px #ccc; /* Light Gray */
	display: table;
}
table.crossSellSelected td, table.supportAgreementSelected td
{
	padding: 5px;
}

/* Basket */
table.orderGrid
{
	border: solid 1px #ccc; /* Light Gray */
}
table.orderGrid td
{
	padding: 5px;
}
table.orderGrid td input
{
	font-size: xx-small;
}
.lineItem
{
	padding-top: 5px;
}
.lineItemInfoName
{
	font-weight: bold;
}
.lineItemInfoValue
{
}

/* Address Book */
.addressPicker
{
	margin: 0 auto;
}
.addressBlock
{
	text-align: center;
	display: block;
}
.addressHidden
{
	display: none;
}

/* Basket Summary, Receipt, Order View */
.printOnly, .printOnlyAddress
{
	display: none;
}
.addressInfo
{
	padding-bottom: 1%;
	float: left;
	width: 48%;
	text-align: center;
	border-right: solid 1px #ccc; /* Light Gray */
}
.orderInfo
{
	float: left;
	width: 48%;
}
.orderInfo dl
{
	margin: 0;
}
.orderInfo dt
{
	font-weight: bold;
	text-align: right;
	width: 45%;
	float: left;
}
.orderInfo dd
{
	text-align: left;
	margin: 0 0 .25em 48%;
}

/* Payment Method */
.paymentBlock
{
	display: block;
}
.paymentHidden
{
	display: none;
}

/* Order History, Key Center, etc. */
.gridTable
{
	width: 100%;
	* width: 95%; /* IE hack (including IE7) */
	text-align: left;
	border: solid 1px #ccc; /* Light Gray */
	border-collapse: collapse;
}
.gridTable .odd td, .gridTable th
{
	padding: 3px;
	border: solid 1px #fff; /* White */
}
.gridTable .even td, .gridTable .orderHeader
{
	border: solid 1px #eee; /* Very Light Gray */
}
.gridTable .orderLineItemList
{
	margin-left: 5%;
	width: 95%;
	border-collapse: collapse;
}	
.gridTable .orderLineItemList th
{
	background-color: #ccc; /* Light Gray */
}
.listSearch
{
	padding-bottom: 10px;
}
.listSearchFields
{
	padding: 10px 5px 0 0;
	float: left;
}

/* Account Activity Report */
.reportHeader
{
	padding-bottom: 10px;
	width: 100%;
	clear: both;
}
.reportHeaderLogo
{
	width: 48%;
	text-align: left;
	float: left;
}
.reportHeaderAddress
{
	width: 48%;
	float: left;
}
.reportBillingInfo
{
	padding: 10px 0;
	margin-bottom: 10px;
	width: 100%;
	clear: both;
	border-top: solid 2px #aaa; /* Medium Gray */
	border-bottom: solid 2px #aaa; /* Medium Gray */
}	
.reportBillingAddress
{
	width: 48%;
	*width: 100%; /* IE hack (including IE7) */
	border-right: solid 1px #aaa; /* Medium Gray */
}
.reportBillingDetails
{
	width: 48%;
	float: right;
}

/* Hand Offs */
.localizedHandOff
{
	padding: 10px 0;
}
.englishHandOff
{
	padding: 10px 0;
	border-top: solid 1px #ccc; /* Light Gray */
}

/* Download */
.purchaseLink
{
	float: right;
	padding-right: 5%;
}
.productDownload table
{
	width: 100%;
	*width: 95%;
}
.productDownload thead
{
	visibility: collapse;
}
.productDownload td
{
	width: 35%;
}
.productDownload table p, .productDownload table p
{
	font-weight: bold;
	font-size: 1.2em;
	margin: 0;
	padding: 0;
}

/* Partner Portal Controls */
#PortalIdentity
{
	color: #aaa; /* Medium Gray */
}
#PortalIdentity span
{
	color: #666; /* Dark Gray */
	font-weight: bold;
}

/* Partner Application and Request Support Wizards */
.wizard
{
	margin: 0 auto;
	width: 99%;
}
.wizard table
{
	margin: 0;
	width: 100%;
	* width: 95%; /* IE hack (including IE7) */
}
.wizard td
{
	margin: 0;
	padding-top: 10px;
}
.wizard table table /* Contains Prev/Next buttons */
{
	margin: -15px 10px 0 0;
	float: right;
	width: 120px;
	border: none;
}

/* LightBox (Help, Contact Us, etc.) */
#LightBoxUberDiv
{
	padding: 0 15px;
	text-align: left;
}

#CrystalViewer
{
	margin: auto;
	width: 500px;
}

.heading
{
	font-size: 120%;
	font-weight: bold;
	padding-bottom: 5px;
}
#AreaSelectors li
{
	list-style: none;
	float: left;
	padding: 5px 10px;
}

#PartnerListing table
{
	width: 100%;
	*width: 95%;
}

/* Site Search and Site Map */
.siteListing
{
	margin-left: 15px;
	padding-left: 0px;
	list-style: none;
}
.siteListing li
{
	margin-bottom: 1em;
}
a.siteLink
{
	font-weight: bold;
}

/* Misc. */
.buyDownloadButtons
{
	margin: 0 auto 10px auto;
	background: url(../siteImages/bgCallOutFade.gif) no-repeat 100% 0;
	width: 160px;
	text-align: center;
}
.buyDownloadButtons div.content
{
	padding-top: 10px;
}
.buyDownloadButtons div.bottom
{
	background: url(../siteImages/bgCallOutFadeBottom.gif) no-repeat 100% 100%;
	height: 10px;
}

/* End Specific tools or sections */



/*******************************************************************
	Misc. styles
*******************************************************************/
.center, .captionedImage p
{
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}
.right
{
	text-align: right;
}
.left
{
	text-align: left;
}
.floatLeft
{
	float: left;
}
.floatRight
{
	float: right;
}
img.floatLeft, img.left
{
	margin: 5px 5px 5px 0;
}
img.floatRight, img.right
{
	margin: 5px 0 5px 5px;
}
.captionedImage.floatRight
{
	padding: 5px 0 0 10px;
}
.captionedImage.floatLeft
{
	padding: 5px 10px 0 0;
}
.clear
{
	clear: both;
}
.clearRight
{
	clear: right;
}
.clearLeft
{
	clear:	left;
}
.hidden
{
	display: none;
}
.block
{
	display: block;
}
.topline
{
	margin-top: 5px;
	padding-top: 5px;
	border-top: solid 1px #ccc; /* Light Gray */
}
.bordered
{
	border: solid 1px #ccc; /* Light Gray */
}
.odd
{
	background-color: #eee; /* Very Light Gray */
}
.even
{
	background-color: #fff; /* White */
}
.red
{
	color: #900; /* Dark Red */
}
.bold
{
	font-weight: bold;
}
.error, .EditingFormErrorLabel /* EditingFormErrorLabel is used in cms forms */
{
	color: #900; /* Dark Red */
	font-weight: bold;
}
.success
{
	color: #009; /* Dark Blue */
	font-weight: bold;
}
.indent
{
	margin-left: 15px;
}
ul.indent
{
	_margin-left: 30px; /* IE Hack */
}
.nowrap
{
	white-space: nowrap;
}
.tableMinWidth
{
	width: 1%; /* As small as possible */
}
.inputMinWidth
{
	width: 15px; /* As small as possible */
}
.inlineImage
{
	vertical-align: bottom;
}
/* End Misc. styles */

.ul-imgp li {
    list-style: disc url(../imgsite/li_interno.png);
    margin: 4px 0 0 30px;
    padding-left: 0px; 
}
.descricao, .valor, .valor-desconto, .botao { padding-top: 2px; text-align: left; } 
.qtde { float: left; width: 42px; }
.descricao { float: left; width: 190px; }
.valor { text-align: right; float: right; width: 70px; }
.valor-desconto { text-align: right; float: right; width: 110px; font-weight: bold; }
.botao { text-align: right; float: right; width: 70px; }