@charset "utf-8";
/* CSS Document */

/***********************Start html tag styles******************************/
body {
	font: .8em  Arial, Helvetica, sans-serif ;
	background: #fff;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #333;
}
hr {
	width:90%;
}
h1{
	font: 1.28em  Arial, Helvetica, sans-serif ;
	font-weight:bold;
	color:#a50000;
	margin-bottom:15px;
}
h2{
	font: 1.14em  Arial, Helvetica, sans-serif ;
	font-weight:bold;
	color:#a50000;
	margin-bottom:5px;
}
h3{
	font: 1.0em  Arial, Helvetica, sans-serif ;
	color:#a50000;
	margin-bottom:5px;
}
h4{
	font: .8em  Arial, Helvetica, sans-serif ;
	color:#a50000;
}
h5{
	font: .7em  Arial, Helvetica, sans-serif ;
	color:#a50000;
}
p{
	margin-bottom:1.0em;
}
a{
	text-decoration:underline;
	color:#a50000;
}
a:visited{
	text-decoration:underline;
	color:#666;
}
a:active{
	text-decoration:underline;
	color:#000;
}
a:focus{
	outline:1px dashed #999;
}
ol{
	margin:5px 10px 5px 30px;
	list-style:decimal;
	list-style-position:outside;
}
ol li{
	margin-left:10px;
}
ul{
	margin:5px 10px 5px 30px;
	list-style:disc;
	list-style-position:outside;
	list-style-type:disc;
}
ul li{
	margin-left:10px;	
}
strong,b {
	font-weight:bold
}
em,i { 
	font-style:italic
}
sup{
	font-size:.8em;
	vertical-align:top;
}
/******************End HTML tag styles******************/

/************************************Form Styles ************************************/
fieldset {
	border:1px solid #ccc;
	padding:10px;
	margin-bottom:15px;
}
legend {
	padding: 5px;
	font-size: 1.5em;
}
.fieldwrapper{
	margin-bottom:10px; 
	margin-top:10px; 
}
label {
	width:202px; 
	float:left; 
	text-align:right; 
	padding: 5px;
	vertical-align:top;     
}
label img {border:1px solid #ccc}
div.field {
	padding: 1px 3px;
	margin-left:210px;
	font-size: 1.25em;
	vertical-align:middle; 
}
div.fieldbig {
	padding: 1px 3px;
	font-size: 1.25em;
	vertical-align:middle; 
}
div.fieldwrapper .fieldnote {
	margin-left: 210px;
	padding: 1px 3px;
	font-size: .88em;
}
fieldset div.fieldsetnote {

}

.inputtext,select,inputRadio,textarea {
	background-color:#ededed;
	border: 1px solid #666;
	padding: 2px;
	margin-top: 3px;
	font-size: 1.0em;
}
textarea {
	font-family: Arial, Helvetica, sans-serif ;
}
/* gsc-input and gsc-search-button are for Google search box */
input.gsc-input {
	background-color:#ededed;
	border: 1px solid #666;
	padding: 2px;
	font-size: 1.25em;
	width: 200px;
}
.gsc-search-button {
	padding: 3px 10px;
	font-size:1.25em;
}
/* gs-watermark is for google search results */
.gs-watermark {
	display:none;
}
/* gsc-cursor is for google search results */
.gsc-cursor {
	display:none;
}
/* gs-title is for google search results */
.gs-title {
	font-weight:bold;
}
/* .gs-visibleUrl .gs-visibleUrl-long is for google search results */
.gs-visibleUrl-long {
	color:#009933;
	margin-bottom:1.75em;
}
.required {
	color: red;
	font-weight:boldest;
	vertical-align: -2px;
	padding-right: 5px;
}
.inputsubmit {
	margin-top: 2px;
	margin-bottom:12px;
	padding: 3px 10px;
	font-size:1.0em;
}
/**************************************End Form Styles*****************************************/

/*************************************Start Layout Styles**********************************************/
.oneColFixCtrHdr #container {
	width: 945px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #fff;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	position:relative;
}
.oneColFixCtrHdr #header {
	margin-top:45px;
}
.oneColFixCtrHdr #header #messagingArea{
	font-size: 10px;	
	width: 300px;
	text-align:right;
	position:absolute;
	top:5px;
	right:0px;
	margin-top:-40px;
	margin-top:expression(1==1? 0+"px":0+"px"); /*IE hack for proper alignment*/
	margin-right:15px;
}
.oneColFixCtrHdr #header #logo {
	height:70px;
	width:175px;
	float:left;
	margin:-5px 10px 0 0;
}
.oneColFixCtrHdr #header #headerBarLeftCap {
	background-image:url(/common/images/layout/header/headerBarLeftCap.jpg);
	height:55px;
	width:275px;
	float:left;
	z-index:-1;
}
.oneColFixCtrHdr #header #headerBar {
	background-image:url(/common/images/layout/header/headerBarBackground.jpg);
	height:55px;
	width:465px;
	float:left;
}
.oneColFixCtrHdr #header #headerBarRightCap {
	background-image:url(/common/images/layout/header/headerBarRightCap.jpg);
	height:55px;
	width:20px;
	float:left;
	margin-top:-1px;
}
.oneColFixCtrHdr #header .mainNavItem{
	color:#b50f1b;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	float:left;
	margin-top:15px;
	width:90px;
	position:relative;
}
.oneColFixCtrHdr #header #mainNavProducts{
	margin-left:-90px;
	position:relative;
}
.oneColFixCtrHdr #header #mainNavProducts a{
	z-index:500;
}
.oneColFixCtrHdr #header .mainNavItem a{
	text-decoration:none;
	color:#b50f1b;
}
.oneColFixCtrHdr #header .mainNavItem a:hover{
	text-decoration:none;
	color:#b50f1b;
}
.oneColFixCtrHdr #header .mainNavItem a:visited{
	text-decoration:none;
	color:#b50f1b;
}
.oneColFixCtrHdr #header #printerFriendlyLink{
	float:left;
	margin-top:5px;
	margin-left:140px;
}
.oneColFixCtrHdr #header #searchBox{
	float:right;	
	width:135px;
	margin-bottom:4px;
}
.oneColFixCtrHdr #header #searchBox select{		
	float:left;
	margin:0px 0px 0px -170px;
	border:1px solid #c9c9c9;
	background-color:#fff;
	color:#4d4d4d;
	font-size:10px;
}
.oneColFixCtrHdr #header #searchBox form{
	
}
.oneColFixCtrHdr #header #breadcrumbs{
	float:left;	
	margin-left:175px;
	width:465px;
	color:#999;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	display:inline; /* IE6 hack */
}
.oneColFixCtrHdr #header #searchBox #searchCriteria {
	border:1px solid #c9c9c9;
	color:#4d4d4d;
	height:15px;
	width:100px;
	font-size:10px;
	margin-right:5px;
	float:left;
}
.oneColFixCtrHdr #header #searchBox img{
	float:right;
}

.oneColFixCtrHdr #mainContent {
	background: #FFF;
	background-image:url(/common/images/layout/contentBodyBackground.gif);
	background-repeat:no-repeat;
	background-position:top left;	
	padding-bottom:45px;
	padding-top:5px;
	margin-top:-5px;
}
/**/.oneColFixCtrHdr #mainContent .TabbedPanelsContent .contentCallout{
	width:205px;
	position:relative; /*IE7 hack for proper alignment*/
	top:expression(1==1? 0+"px":0+"px"); /*IE7 hack for proper alignment*/
	right:expression(1==1? -10+"px":-10+"px"); /*IE7 hack for proper alignment*/
	background-image:url(/common/images/layout/contentCalloutBackground.gif);
	margin:20px 10px 20px 10px;
	padding:0px;
}
.oneColFixCtrHdr #mainContent .contentCallout{
	width:205px;
	float:right;
	background-image:url(/common/images/layout/contentCalloutBackground.gif);
	margin:20px 10px 20px 10px;
	padding:0px;
}
.oneColFixCtrHdr #mainContent .contentCallout h2,p{
	margin:0px 5px 0px 10px;
}
.oneColFixCtrHdr #mainContent .contentCallout .contentCalloutTopCap{
	height:10px;
	width:205px;
	background-image:url(/common/images/layout/contentCalloutTopCap.gif);
	background-repeat:no-repeat;
}
.oneColFixCtrHdr #mainContent .contentCallout .contentCalloutBottomCap{
	height:10px;
	width:205px;
	background-image:url(/common/images/layout/contentCalloutBottomCap.gif);	
	background-repeat:no-repeat;
	background-position:bottom;
}
.oneColFixCtrHdr #mainContent #mainContentRightCol{
	float:right;
	width:325px;
	height:auto;
	margin:31px 0px 55px 0px;
}
.oneColFixCtrHdr #mainContent #iconBar{
	height:75px;
	margin-bottom:23px;
}
.oneColFixCtrHdr #mainContent #iconBar p{
	font-size:10px;
	color:#666;
	text-align:center;
	width:68px;
	margin-bottom:0px;
	margin-left:0px;
}
.oneColFixCtrHdr #mainContent #diskIcon{
	float:left;	
	width:65px;
	height:60px;
	margin-left:32px;
}
.oneColFixCtrHdr #mainContent #tapeIcon{
	float:left;
	width:65px;
	height:60px;
	margin-left:8px;
}
.oneColFixCtrHdr #mainContent #supportIcon{
	float:left;	
	width:65px;
	height:60px;
	margin-left:27px;
}
.oneColFixCtrHdr #mainContent #mainContentRightCol #contactUsPod{
	height:207px;
	width:250px;
	background-image:url(/common/images/layout/contactUsPodBackground.gif);
	background-repeat:no-repeat;
	padding:20px 10px 0px 10px;
	/*margin-top:23px;*/
	margin-top:expression(1==1? -5+"px":-5+"px"); /*IE hack for proper alignment*/
}
#contactMessage{
	font-weight:bold;
	font-size:14px;
	margin:0px auto 0px auto;
	width:175px;
}
.contactPodPhone {
	font-size:18px;
	color:#a50000;
	letter-spacing:1px;
}
.contactPodPhoneFootnote {
	font-size:0.8em;
}

.oneColFixCtrHdr #mainContent #mainContentRightCol #contactUsPod p{
	width:180px;
	margin:10px 0px 0px 30px;
	color:#666;
	font-size:12px;
	float:left;
	display:inline;
}
.oneColFixCtrHdr #mainContent #mainContentRightCol #contactUsPod input{
	width:130px;
	height:15px;
	border:1px solid #ccc;
	color:#666;
	font-size:12px;
	float:right;
}
.oneColFixCtrHdr #mainContent #mainContentRightCol #contactUsPod .contactPodSubmit{
	height:24px;
	width:61px;
	background-image:url(/common/images/layout/contactUsPodSubmit.gif);
	border:none;
	float:none;
	margin:5px 0px 0px 100px;
}
.oneColFixCtrHdr #mainContent #mainContentRightCol .rightColPod{
	width:248px;
	height:auto;
	background-color:#fff;
	border-right:1px solid #ccc;
	border-left:1px solid #ccc;
	margin:0px;
	margin-left:10px;
}
.oneColFixCtrHdr #mainContent #mainContentRightCol .rightColPod h2,p{
	margin-left:5px;
}
.oneColFixCtrHdr #mainContent #mainContentRightCol .rightColPodCapTop{
	width:250px;
	height:12px;
	background-image:url(/common/images/layout/RightColPodCapTop.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	margin:0px;
	margin-left:10px;
	margin-top:10px;
}
.oneColFixCtrHdr #mainContent #mainContentRightCol .rightColPodCapBottom{
	width:250px;
	height:12px;
	background-image:url(/common/images/layout/RightColPodCapBottom.gif);
	background-position:top;
	background-repeat:no-repeat;
	margin-left:10px;
	margin-bottom:30px;
}
.oneColFixCtrHdr #mainContent #mainContentLeftCol{
	float:left;
	width:565px;
	height:auto;
	margin-top:25px;
}
.oneColFixCtrHdr #mainContent #mainContentLeftColFull{
	float:left;
	width:95%;
	height:auto;
	margin-top:25px;
}
.oneColFixCtrHdr #footer {
}
.oneColFixCtrHdr #footer #footerBarLeftCap {
	background-image:url(/common/images/layout/footer/footerBarLeftCap.jpg);
	height:40px;
	width:120px;
	float:left;
}
.oneColFixCtrHdr #footer #footerBar {
	background-image:url(/common/images/layout/footer/footerBarBackground.jpg);
	height:40px;
	width:815px;
	float:left;
}
.oneColFixCtrHdr #footer #footerBarRightCap {
	background-image:url(/common/images/layout/footer/footerBarRightCap.jpg);
	height:40px;
	width:10px;
	float:left;
}
.oneColFixCtrHdr #footer p {
}
.oneColFixCtrHdr #footer .footerNavItem{
	color:#b50f1b;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	float:left;
	margin-top:15px;
	width:auto;
	text-align:center;
	margin-right:15px;
}
.oneColFixCtrHdr #footer #footerNavProducts{
	margin-left:230px;
	display:inline; /* IE6 hack */
}
.oneColFixCtrHdr #footer .footerNavItem a{
	text-decoration:none;
	color:#b50f1b;
}
.oneColFixCtrHdr #footer #footerNavProducts a:hover{
	text-decoration:underline;
	color:#b50f1b;
}
.oneColFixCtrHdr #footer #footerNavSolution a:hover{
	text-decoration:underline;
	color:#b50f1b;
}
.oneColFixCtrHdr #footer #footerNavSupport a:hover{
	text-decoration:underline;
	color:#b50f1b;
}
.oneColFixCtrHdr #footer #footerNavCompany a:hover{
	text-decoration:underline;
	color:#b50f1b;
}
.oneColFixCtrHdr #footer #footerNavContactUs a:hover{
	text-decoration:underline;
	color:#b50f1b;
}
.oneColFixCtrHdr #footer #footerNavSearch a:hover{
	text-decoration:underline;
	color:#b50f1b;
}
.oneColFixCtrHdr #footer #footerNavSiteMap a:hover{
	text-decoration:underline;
	color:#b50f1b;
}
.oneColFixCtrHdr #footer #footerNavPrivacy a:hover{
	text-decoration:underline;
	color:#b50f1b;
}
.oneColFixCtrHdr #footer #footerNavFeedback a:hover{
	text-decoration:underline;
	color:#b50f1b;
}
.oneColFixCtrHdr #footer .footerNavItem a:visited{
	text-decoration:none;
	color:#b50f1b;
}

.oneColFixCtrHdr #footer #footerContactInfo {
	float:right;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;	
	color:#666;
	margin:10px 100px 0px 0px;
}
/***********************End layout styles******************************/

/***********************Homepage specific styles******************************/
#homepageQuote{
	background-image:url(/common/images/homepage/quoteBackground.gif);
	background-repeat:no-repeat;
	height:97px;
	width:292;
	font-size:1.2em;
	color:#333;
	padding:20px 0px 0px 20px;
	margin-top:40px;
}

/***********************Product pages styles***************************/
#productImage{
	float:left;
	width:45%;
	text-align:center;
}
.productHeader{
	margin-left:20px;
	margin-bottom:20px;
}
#imgTagProduct{
	margin-left:-20px;
}
#productViewerControls{
	width:150px;
	margin:10px auto;
	color:#999;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	position:relative;
}
#productViewerControls p{
	margin-left:7px;
}
.productViewerControlItems{
	margin-right:15px;
	margin-bottom:5px;
	float:left;	
	cursor:pointer;
	cursor:hand;
}
#productEnlargedPane{
	border:1px solid #666;
	height:600px;
	width:700px;
	visibility:hidden;
	position:absolute;
	top:-300px;
	left:180px;
	z-index:668;
}
#productEnlargedPane #filterBackground{
	position:absolute;
	top:0;
	left:0;
	height:600px;
	width:700px;
	-moz-opacity: 0.85;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=85);
	background-color:#fff;
}
#productEnlargedPane #enlargeLeftArrow{
	position:absolute;
	left:10px;
	top:10px;
	cursor:pointer;
	cursor:hand;
}
#productEnlargedPane #enlargeRightArrow{
	position:absolute;
	left:40px;
	top:10px;
	cursor:pointer;
	cursor:hand;
}
#productEnlargedPane #enlargeCloseImg{
	position:absolute;
	top:5px;
	right:30px;
}
#productEnlargedPane #enlargeCloseText{
	position:absolute;
	top:20px;
	right:5px;
}
#productEnlargedPane img{
	position:absolute;
	top:50%;
	left:50%;
	
}
#productLeftArrowControl {
}
#productZoomControl {
}
#productRightArrowControl {
}
#productDesc{
	float:right;
	width:50%;
	color:#333;
}
#relatedProductContent{
	border-top:1px solid #ccc;
	margin-top:15px;
	color:#666;
}
#relatedProductContent img{
	float:left;
	margin:5px;
}
#relatedProductContent p{
	margin:7px;
}
#productDetails{
	border-top:1px solid #ccc;
	margin-top:15px;
}
.productDisplaySmallImg{
	float:left;
	width:130px;
	text-align:center;
}
.productBulletPoints{
	float:right;
	width:395px;
}
/***************************End Product page styles********************************/

/*************************************general use styles****************************/
.headerPhone { /*phone number that appears in upper-right corner of page */
	
	font-size:1.3em; 
	font-weight:600
	
}

.clearContent{
	clear:both;
	line-height:0px;
	height:0px;
}
.error {
	font-size: 12px;
	font-weight:bold;
	color: #a50000;
}
.success {
	font-size: 12px;
	font-weight:bold;
	color: #058205;
}
.footnote{
	font-size:.75em;
}
.gsc-ad-box {display:none}
/********************************Content Grouping Styles **********************/
/* 1-column content grouping */
.contentGroup{
	width:100%;
	border:1px solid #ccc;
	margin-left:3px;
	margin-right:3px;
	margin-top:10px;
	margin-bottom:10px;
}
.contentGroup .contentGroupHeader{
	border-bottom:1px solid #ccc;
	height:20px;
	padding-left:5px;
	padding-top:2px;
	padding-top:3px;
	padding-bottom:1px;
	color:#a50000;
	font-size:13px;
	font-weight:bold;
	background-image:url(/common/images/layout/contentGroupHeaderBackground.jpg);
	background-repeat:repeat-x;

}
.contentGroup .contentGroupData{
	background-color:#fff;
	padding:5px;
}
/* 2-column content grouping - this is done in a TABLE tag because it's not possible to get 2 div tags to have the same height without using Javascript */
.contentGroup2Columns{
	width:100%;
	margin-left:3px;
	margin-right:3px;
	margin-top:10px;
	margin-bottom:0px;
	border:0;
	padding:0;
}
.contentGroup2Columns tr th.contentGroupCell{
	border:1px solid #ccc;
	border-bottom:0;
	border-spacing:0;
	height:20px;
	padding-left:5px;
	padding-top:3px;
	padding-bottom:1px;
	color:#a50000;
	font-size:13px;
	font-weight:bold;
	width:49%;
	vertical-align:top;
	background-image:url(/common/images/layout/contentGroupHeaderBackground.jpg);
	background-repeat:repeat-x;

}
.contentGroup2Columns tr td.contentGroupCell{
	background-color:#fff;
	padding:5px;
	border:1px solid #ccc;
	vertical-align:top;
}
/********************************End Content Grouping Styles **********************/

/********************************Start Table Styles *********************************/
/*Free Form Table styles are used for more intricate detailed information, often when colspans are used for product relatations*/
.freeFormTable{
	border-top:1px solid #aaa;
	border-right:1px solid #aaa;
	width:100%;
	margin:10px 5px 10px 5px;
}
.freeFormTable th{
	text-align:left;
	border-left:1px solid #aaa;
	border-bottom:2px solid #aaa;
	padding:5px;
	height:45px;
	vertical-align:top;
	font-weight:bold;
}
.freeFormTable th a{
	color:#000;
	font-size:1.2em;
	text-decoration:none;
}
.freeFormTable th a:hover{
	text-decoration:underline;
}
.freeFormTable td{
	text-align:left;
	border-left:1px solid #aaa;
	border-bottom:1px solid #aaa;
	padding:5px;
	vertical-align:middle;
	font-size:.8em;
	color:#000;
}
.productFamilyTableDetails td a{
	color:#000;
}
.freeFormTable td a:hover{
	text-decoration:underline;
}
.freeFormTable  .colspanRow{
	text-align:center;
	font-size:1.0em;			
	color:#000;
}
.freeFormTable .dark{
	background-color:#eee;
}
.freeFormTable .light{
	background-color:#fff;

}

/*Data table styles are used for listing documents or very linear data details with either sortable defined in the class name or standard*/
.dataTablesortable{
	border:1px solid #ccc;
	width:95%;
	margin:10px auto;
}
.dataTablesortable th{
	background-color:#EBEEF0;
	background-image:url(/common/images/layout/thGradient.gif);
	color:#a50000;
	font-size:12px;
	font-weight:bold;
	text-align:left;
	border-bottom:1px solid #ccc; 
	margin:0px;
	height:20px;	
	padding-left:3px;
}
.dataTablesortable th a.sortheader {
	text-decoration:none;
	color:#a50000;
	font-size:12px;
	font-weight:bold;
}
.dataTablesortable th  span.sortarrow {
	text-decoration:none;
	color:#a50000;
	font-size:12px;
	font-weight:bold;	
	position:absolute;
	top:5;
	left:5;
}

.dataTablesortable td{
	padding:3px;
	text-align:left;
	vertical-align:middle;
}
.dataTablesortable tr:hover{
	background-color:#E4F0F8;
}
.dataTablesortable .trWhite{
	background-color:#fff;
}
.dataTablesortable .trGrey{
	background-color:#eee;
}
.dataTablesortable .rowIndex0{
	background-color:#fff;
}
.dataTablesortable .rowIndex1{
	background-color:#eee;
}

.dataTable{
	border:1px solid #ccc;
	width:95%;
	margin:10px auto;
}
.dataTable th{
	background-color:#EBEEF0;
	background-image:url(/common/images/layout/thGradient.gif);
	color:#a50000;
	font-size:12px;
	font-weight:bold;
	text-align:left;
	border-bottom:1px solid #ccc; 
	margin:0px;
	height:20px;	
	padding-left:3px;
}
.dataTable th a.sortheader {
	text-decoration:none;
	color:#a50000;
	font-size:12px;
	font-weight:bold;
}
.dataTable th  span.sortarrow {
	text-decoration:none;
	color:#a50000;
	font-size:12px;
	font-weight:bold;	
	position:absolute;
	top:5;
	left:5;
}

.dataTable td{
	padding:3px;
	text-align:left;
	vertical-align:middle;
}
.dataTable tr:hover{
	background-color:#E4F0F8;
}
.dataTable .trWhite{
	background-color:#fff;
}
.dataTable .trGrey{
	background-color:#eee;
}
.dataTable .rowIndex0{
	background-color:#fff;
}
.dataTable .rowIndex1{
	background-color:#eee;
}
/*********************************End table Styles **********************************/

/**********************************Spry Widget styles*******************************/
@charset "UTF-8";

/* SpryTabbedPanels.css - Revision: Spry Preview Release 1.4 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/* Horizontal Tabbed Panels
 *
 * The default style for a TabbedPanels widget places all tab buttons
 * (left aligned) above the content panel.
 */

/* This is the selector for the main TabbedPanels container. For our
 * default style, this container does not contribute anything visually,
 * but it is floated left to make sure that any floating or clearing done
 * with any of its child elements are contained completely within the
 * TabbedPanels container, to minimize any impact or undesireable
 * interaction with other floated elements on the page that may be used
 * for layout.
 *
 * If you want to constrain the width of the TabbedPanels widget, set a
 * width on the TabbedPanels container. By default, the TabbedPanels widget
 * expands horizontally to fill up available space.
 *
 * The name of the class ("TabbedPanels") used in this selector is not
 * necessary to make the widget function. You can use any class name you
 * want to style the TabbedPanels container.
 */
.TabbedPanels {
	margin-top: 20px;
	padding: 0px;
	float: left;
	clear: none;
	width: 100%; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/
}

/* This is the selector for the TabGroup. The TabGroup container houses
 * all of the tab buttons for each tabbed panel in the widget. This container
 * does not contribute anything visually to the look of the widget for our
 * default style.
 *
 * The name of the class ("TabbedPanelsTabGroup") used in this selector is not
 * necessary to make the widget function. You can use any class name you
 * want to style the TabGroup container.
 */
.TabbedPanelsTabGroup {
	margin: 0px;
	padding: 0px;
}


/* This is the selector for the TabbedPanelsTab. This container houses
 * the title for the panel. This is also the tab "button" that the user clicks
 * on to activate the corresponding content panel so that it appears on top
 * of the other tabbed panels contained in the widget.
 *
 * For our default style, each tab is positioned relatively 1 pixel down from
 * where it wold normally render. This allows each tab to overlap the content
 * panel that renders below it. Each tab is rendered with a 1 pixel bottom
 * border that has a color that matches the top border of the current content
 * panel. This gives the appearance that the tab is being drawn behind the
 * content panel.
 *
 * The name of the class ("TabbedPanelsTab") used in this selector is not
 * necessary to make the widget function. You can use any class name you want
 * to style this tab container.
 */
.TabbedPanelsTab {
	position: relative;
	top: 1px;
	float: left;
	padding:3px 10px 0px 10px;
	margin: 0px 1px 0px 15px;
	font: 12px sans-serif;
	color:#a50000;
	background-color: #fff;
	background-image:url(/common/images/layout/controls/tabBackground.gif);
	background-position:top;
	background-repeat:repeat-x;
	list-style: none;
	border-left: solid 1px #CCC;
	border-bottom: solid 1px #ccc;
	border-top: solid 1px #fff;/*
	border-right: solid 1px #ccc;*/
	-moz-user-select: none;
	-khtml-user-select: none;
	cursor: pointer;
	height:17px;
	
}

.TabbedPanelsTab .TabLeftSide{
	position:absolute;
	top:0px;
	left:-1px;
	margin-right:5px;
	width:9px;
	height:20px;
	background-image:url(/common/images/layout/controls/tabLeftSideOff.gif);
	
}

.TabbedPanelsTab .TabRightSide{
	position:absolute;
	top:0px;
	right:-1px;
	width:9px;
	height:20px;
	background-image:url(/common/images/layout/controls/tabRightSideOff.gif);
	
}

/* This selector is an example of how to change the appearnce of a tab button
 * container as the mouse enters it. The class "TabbedPanelsTabHover" is
 * programatically added and removed from the tab element as the mouse enters
 * and exits the container.
 */
.TabbedPanelsTabHover {
	background-color: #CCC;
}

/* This selector is an example of how to change the appearance of a tab button
 * container after the user has clicked on it to activate a content panel.
 * The class "TabbedPanelsTabSelected" is programatically added and removed
 * from the tab element as the user clicks on the tab button containers in
 * the widget.
 *
 * As mentioned above, for our default style, tab buttons are positioned
 * 1 pixel down from where it would normally render. When the tab button is
 * selected, we change its bottom border to match the background color of the
 * content panel so that it looks like the tab is part of the content panel.
 */
.TabbedPanelsTabSelected {
	background-color: #fff;
	background-image:url(/common/images/layout/controls/tabBackgroundOn.gif);
	border-bottom: 1px solid #fff;
	color:#666;
}

.TabbedPanelsTabSelected .TabLeftSide{
	width:9px;
	height:20px;
	top:0px;
	background-image:url(/common/images/layout/controls/tabLeftSideOn.gif);
	border-bottom: 1px solid #fff;
}

.TabbedPanelsTabSelected .TabRightSide{
	width:9px;
	height:20px;
	top:0px;
	background-image:url(/common/images/layout/controls/tabRightSideOn.gif);
	border-bottom: 1px solid #fff;
}

/* This selector is an example of how to make a link inside of a tab button
 * look like normal text. Users may want to use links inside of a tab button
 * so that when it gets focus, the text *inside* the tab button gets a focus
 * ring around it, instead of the focus ring around the entire tab.
 */
.TabbedPanelsTab a {
	color: black;
	text-decoration: none;
}

/* This is the selector for the ContentGroup. The ContentGroup container houses
 * all of the content panels for each tabbed panel in the widget. For our
 * default style, this container provides the background color and borders that
 * surround the content.
 *
 * The name of the class ("TabbedPanelsContentGroup") used in this selector is
 * not necessary to make the widget function. You can use any class name you
 * want to style the ContentGroup container.
 */
.TabbedPanelsContentGroup {
	clear: both;
	border-left: solid 1px #CCC;
	border-bottom: solid 1px #CCC;
	border-top: solid 1px #ccc;
	border-right: solid 1px #ccc;
	background-color: #fff;
}

.TabbedPanelsContent .TabPanelsContentGroupTopLeftCorner{
	position:absolute;
	top:-1px;
	top:expression(1==1? -2+"px":-2+"px"); /*IE hack for proper alignment*/
	left:-1px;
	height:10px;
	width:10px;
	background-image:url(/common/images/layout/controls/tabContentTopLeftCorner.gif);
	border:none
}
.TabbedPanelsContent .TabPanelsContentGroupTopRightCorner{
	position:absolute;
	top:-1px;
	top:expression(1==1? -2+"px":-2+"px"); /*IE hack for proper alignment*/
	right:-1px;
	height:10px;
	width:10px;
	background-image:url(/common/images/layout/controls/tabContentTopRightCorner.gif);
}
.TabbedPanelsContent .TabPanelsContentGroupBottomLeftCorner{
	position:absolute;
	bottom:-1px;
	left:-1px;
	height:10px;
	width:10px;
	background-image:url(/common/images/layout/controls/tabContentBottomLeftCorner.gif);
	background-repeat:no-repeat;
}
.TabbedPanelsContent .TabPanelsContentGroupBottomRightCorner{
	position:absolute;
	bottom:-1px;
	right:-1px;
	height:10px;
	width:10px;
	background-image:url(/common/images/layout/controls/tabContentBottomRightCorner.gif);
	background-repeat:no-repeat;
}
/* This is the selector for the Content panel. The Content panel holds the
 * content for a single tabbed panel. For our default style, this container
 * provides some padding, so that the content is not pushed up against the
 * widget borders.
 *
 * The name of the class ("TabbedPanelsContent") used in this selector is
 * not necessary to make the widget function. You can use any class name you
 * want to style the Content container.
 */
.TabbedPanelsContent {
	position:relative;
	padding: 20px;
	margin:0;
}

/* This selector is an example of how to change the appearnce of the currently
 * active container panel. The class "TabbedPanelsContentVisible" is
 * programatically added and removed from the content element as the panel
 * is activated/deactivated.
 */
.TabbedPanelsContentVisible {
	position:relative;
	padding: 20px;
	margin:0;
}

/* Vertical Tabbed Panels
 *
 * The following rules override some of the default rules above so that the
 * TabbedPanels widget renders with its tab buttons along the left side of
 * the currently active content panel.
 *
 * With the rules defined below, the only change that will have to be made
 * to switch a horizontal tabbed panels widget to a vertical tabbed panels
 * widget, is to use the "VTabbedPanels" class on the top-level widget
 * container element, instead of "TabbedPanels".
 */

/* This selector floats the TabGroup so that the tab buttons it contains
 * render to the left of the active content panel. A border is drawn around
 * the group container to make it look like a list container.
 */
.VTabbedPanels .TabbedPanelsTabGroup {
	float: left;
	width: 10em;
	height: 20em;
	background-color: #EEE;
	position: relative;
	border-top: solid 1px #999;
	border-right: solid 1px #999;
	border-left: solid 1px #CCC;
	border-bottom: solid 1px #CCC;
}

/* This selector disables the float property that is placed on each tab button
 * by the default TabbedPanelsTab selector rule above. It also draws a bottom
 * border for the tab. The tab button will get its left and right border from
 * the TabGroup, and its top border from the TabGroup or tab button above it.
 */
.VTabbedPanels .TabbedPanelsTab {
	float: none;
	margin: 0px;
	border-top: none;
	border-left: none;
	border-right: none;
}

/* This selector disables the float property that is placed on each tab button
 * by the default TabbedPanelsTab selector rule above. It also draws a bottom
 * border for the tab. The tab button will get its left and right border from
 * the TabGroup, and its top border from the TabGroup or tab button above it.
 */
.VTabbedPanels .TabbedPanelsTabSelected {
	background-color: #EEE;
	border-bottom: solid 1px #999;
}

/* This selector floats the content panels for the widget so that they
 * render to the right of the tabbed buttons.
 */
.VTabbedPanels .TabbedPanelsContentGroup {
	clear: none;
	float: left;
	padding: 0px;
	width: 30em;
	height: 20em;
}


/*********************************************************** SpryAccordion.css - Revision: Spry Preview Release 1.4 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/* This is the selector for the main Accordion container. For our default style,
 * we draw borders on the left, right, and bottom. The top border of the Accordion
 * will be rendered by the first AccordionPanelTab which never moves.
 *
 * If you want to constrain the width of the Accordion widget, set a width on
 * the Accordion container. By default, our accordion expands horizontally to fill
 * up available space.
 *
 * The name of the class ("Accordion") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style the
 * Accordion container.
 */
.Accordion {
	border-left: solid 1px #ccc;
	border-right: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	margin-top:10px;
	overflow: hidden;
}

/* This is the selector for the AccordionPanel container which houses the
 * panel tab and a panel content area. It doesn't render visually, but we
 * make sure that it has zero margin and padding.
 *
 * The name of the class ("AccordionPanel") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style an
 * accordion panel container.
*/
.AccordionPanel {
	margin: 0px;
	padding: 0px;
}

/* This is the selector for the AccordionPanelTab. This container houses
 * the title for the panel. This is also the container that the user clicks
 * on to open a specific panel.
 *
 * The name of the class ("AccordionPanelTab") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style an
 * accordion panel tab container.
 */
.AccordionPanelTab {
	color:#a50000;
	background-color: #eee;
	border-top: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	margin: 0px;
	padding: 2px;
	height:18px;
	background-image:url(/common/images/layout/controls/accordionBarBackground.gif);
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
}

/* This is the selector for a Panel's Content area. It's important to note that
 * you should never put any padding on the panel's content area if you plan to
 * use the Accordions panel animations. Placing a non-zero padding on the content
 * area can cause the accordion to abruptly grow in height while the panels animate.
 *
 * Anyone who styles an Accordion *MUST* specify a height on the Accordion Panel
 * Content container.
 *
 * The name of the class ("AccordionPanelContent") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style an
 * accordion panel content container.
 */
.AccordionPanelContent {
	overflow: auto;
	margin: 0px;
	padding: 0px;
	height: 200px;
}

/* This is an example of how to change the appearance of the panel tab that is
 * currently open. The class "AccordionPanelOpen" is programatically added and removed
 * from panels as the user clicks on the tabs within the Accordion.
 */
.AccordionPanelOpen .AccordionPanelTab {
	background-color: #fff;
	/*background-image:url(/common/images/layout/controls/accordionBarBackgroundOpen.gif);*/
}

/* This is an example of how to change the appearance of the panel tab as the
 * mouse hovers over it. The class "AccordionPanelTabHover" is programatically added
 * and removed from panel tab containers as the mouse enters and exits the tab container.
 */
.AccordionPanelTabHover {
	/*color: #eee;
	background-image:url(/common/images/layout/controls/accordionBarBackgroundHover.gif);*/
}
.AccordionPanelOpen .AccordionPanelTabHover {
	/*color: #eee;*/
}

/* This is an example of how to change the appearance of all the panel tabs when the
 * Accordion has focus. The "AccordionFocused" class is programatically added and removed
 * whenever the Accordion gains or loses keyboard focus.
 */
.AccordionFocused .AccordionPanelTab {
	/*background-color: #3399FF;*/
}

/* This is an example of how to change the appearance of the panel tab that is
 * currently open when the Accordion has focus.
 */
.AccordionFocused .AccordionPanelOpen .AccordionPanelTab {
	/*background-color: #33CCFF;*/
}

/***************************Shopping Section****************************************************/
 #shopAppFrame{
  	width:905px;
	height:500px;
	margin:20px auto;
	border:1px solid #ccc;
	position:relative;
	background-color:#fff;/*#66FF00;*/
  }
  .additionalInfoOff{
  	display:none;
	visibility:hidden;
  }
  .additionalInfoOn{
  	display:block;
	visibility:visible;
	height:450px;
	width:850px;
	position:absolute;
	top:25px;
	left:25px;
	border:1px solid #000;
	z-index:510;
	overflow:auto;
  }
  .additionalInfoOn fieldset{
  	margin:10px;
	z-index:505;
	height:85%;
	}
  .additionalScreenOff{
  	display:none;
	visibility:hidden;
  }
  .additionalScreenOn{
  	background-color:#fff;
	position:absolute;
	top:25px;
	left:25px;
	height:449px;
	width:849px;
	-moz-opacity: 0.90;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90);
	z-index:500;
  }
  #shopCatalog{
	height:100%;
	float:left;  
	margin:0px;
	padding:0px;
  }
  #shopAppFrame .shopCatalogOn{
  	width:720px;
  }
  #shopAppFrame .shopCatalogOff{
  	width:175px;
  }
  #shopCart{
  	height:100%;
	border:0px;
	border-left:1px solid #ccc;
	background-image:url(/common/images/shop/cartOpenBackground.jpg);
	background-repeat:repeat-y;
	float:right;
	position:relative; 
	margin:0px;
	padding:0px;
  }
  
  #shopAppFrame .shopCartOff{
  	width:184px;	
  }
  #shopAppFrame .shopCartOn{
  	width:720px;
  }
  #shopAppFrame .shopCartOn .shopCartItemsOff select{
  	display:none;
	visibility:hidden;
  }
  #shopAppFrame .shopCartOn .shopCartItemsOn select{
  	display:block;
	visibility:visible;
	margin:0px 20px 0px 20px;
	float:left;
  }
  #shopAppFrame .shopCartOn .shopCartItemsOn #cartItemsTotal{
  	width:150px;
	font-size:14px;
	color:#000;	
	float:right;
	margin-right:115px;
  }
  #shopAppFrame .shopCartOn .shopCartItemsOn #continueShopping{
  	float:right;
	margin:10px 30px 0px 0px;
	width:220px;
  }
  #shopAppFrame .shopCartOn .shopCartItemsOn #continueShopping a{
  	color:#94d094;
	font-size:18px;
	font-weight:bold;
	text-decoration:none;
  }
  #shopAppFrame .shopCartOn .shopCartItemsOn #continueShopping p{
  	float:right;
	margin:0px;
  }
  #shopAppFrame .shopCartOn .shopCartItemsOn #continueShopping img{
  	margin:-4px 0px 0px 20px;
	float:left;
  }
  #shopAppFrame .shopCartOn .shopCartItemsOn #checkoutIcon{
  	float:right;
	margin:10px 30px 0px 0px;
	width:220px;
  }
  #shopAppFrame .shopCartOn .shopCartItemsOn #checkoutIcon a{
  	color:#94d094;
	font-size:18px;
	font-weight:bold;
	text-decoration:none;
  }
  #shopAppFrame .shopCartOn .shopCartItemsOn #checkoutIcon p{
  	float:right;
	margin:0px 85px 0px 0px;
  }
  #shopAppFrame .shopCartOn .shopCartItemsOn #checkoutIcon img{
  	margin:-4px 0px 0px 20px;
	float:left;
  }
  
  #shopAppFrame #shopCartCover{
  	background-image:url(/common/images/shop/cartClosedBackground.jpg);	
	background-repeat:no-repeat;
	font-size:.8em;
	color:#000;
	height:390px;
	width:199px;
	position:absolute;
	top:32px;
	left:0px; 
	padding-top:30px;
  }
  #shopAppFrame #shopCartCover p{
  	font-size:14px;
	color:#000;
	margin:10px 0px 20px 20px;
  }
  #shopAppFrame .shopCartOff #shopCartCover{
  	display:block;
	visibility:visible;
  }
  #shopAppFrame #shopCartItems{
  	overflow:auto;
	margin-bottom:30px;
	height:435px;
  }
  #shopAppFrame #shopCartItems p{
  	font-size:12px;
	color:#000;
	margin:5px 0px 10px 10px;
  }
  #shopAppFrame .shopCartOn #shopCartCover{
  	display:none;
	visibility:hidden;
  } 
  #shopAppFrame .shopCartOff #shopCartItems{
  	display:none;
	visibility:hidden;
  }
  #shopAppFrame .shopCartOff #shopCartHeader{
  	width:184px;	
  }
  #shopAppFrame .shopCartOn #shopCartHeader{
  	width:720px;	
  }  
  #shopAppFrame #shopCheckout{
  	background-image:url(/common/images/shop/checkoutOpenBackground.jpg);
	background-repeat:repeat-y;
	position:absolute;
	left:0px;
	bottom:0px; 
	margin:0px;
  }
  #shopAppFrame #shopCheckoutItems{
  	overflow:auto;
  	height:435px;
	margin-bottom:30px;
  }
  #shopAppFrame .shopCheckoutOff #shopCheckoutItems{
  	display:none;
	visibility:hidden;
  }
  #shopAppFrame .shopCartOff .shopCheckoutOff{
  	width:184px;	
	height:185px;
	background-image:url(/common/images/shop/checkoutClosedBackground.jpg);
	background-repeat:no-repeat;
  }
  #shopAppFrame .shopCartOff .shopCheckoutOff #shopCheckoutCover{
  	width:184px;	
	height:185px;
  }
  #shopAppFrame .shopCartOn  #shopCheckoutCover{
	display:none;
	visibility:hidden;
  }
  #shopAppFrame .shopCartOff .shopCheckoutOff #shopCheckoutCover p{
  	font-size:14px;
	color:#000;
	margin:20px 0px 30px 20px;
  } 
  #shopAppFrame .shopCartOn .shopCheckoutOn{
  	width:720px;	
	height:468px;
  }
  #shopAppFrame .shopCartOn .shopCheckoutOn .userLoginScreenOff{
  	display:none;
	visibility:hidden;
  }
  #shopAppFrame .shopCartOn .shopCheckoutOn .userLoginScreenOn{
  	margin:10px;
  }
  .AccordionOff{
  	display:none;
	visibility:hidden;
  }
  #shopAppFrame .shopCartOn .shopCheckoutOn #shopCheckoutAccordion{
  	margin:10px;
  }
  #shopAppFrame .shopCartOn .shopCheckoutOn #shopCheckoutAccordion .AccordionPanelContent{
  	height:310px;
  }
  #shopAppFrame .shopCartOn .shopCheckoutOn #shopCheckoutAccordion .AccordionPanelContent fieldset,p{
  	margin:10px;
  }
  #shopAppFrame .shopCartOn .shopCheckoutOn #shopCheckoutAccordion .orderSubmitControl{
  	text-align:right;
  }
  #shopAppFrame .shopCartOn .shopCheckoutOn #shopCheckoutAccordion #billingConfirmation{
  	margin:10px;
  }
  #shopAppFrame .shopCartOn .shopCheckoutOn #shopCheckoutAccordion #shippingConfirmation{
  	margin:10px;
  }
  #shopAppFrame .shopCartOn .shopCheckoutOn #shopCheckoutAccordion #orderDetails{
  	margin:10px;
  }
  #shopAppFrame .shopCartOn .shopCheckoutOff{
  	width:720px;	
  }
  #shopAppFrame .shopCartOn .shopCheckoutOff #shopCheckoutHeader{  	
	border-bottom:0px;	
  }
  #shopCheckoutHeader{
	height:30px;
	background-image:url(/common/images/shop/barControlBackground.jpg);
	background-repeat:repeat-x;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	cursor:pointer;
	cursor:hand;	
  }
  #shopCheckoutHeader img{
  	margin-left:10px;
	float:left;
  }
  #shopCheckoutHeader p{
  	margin:0px;
	margin-left:10px;
	height:30px;
	line-height:30px;
	color:#a50000;
	font-size:20px;
	float:left;
  }
  #shopAppFrame .shopCartOn .shopCheckoutOn #shopCheckoutHeader img{
  	visibility:hidden;
  }
  #shopCartHeader{
	height:30px;
	background-image:url(/common/images/shop/barControlBackground.jpg);
	background-repeat:repeat-x;
	border-bottom:1px solid #ccc;
	cursor:pointer;
	cursor:hand;
  }
  #shopCartHeader img{
  	margin-left:10px;
	float:left;
  }
  #shopAppFrame .shopCartOn #shopCartHeader img{
  	visibility:hidden;
  }
  #shopCartHeader p{
  	margin:0px;
	margin-left:10px;
	height:30px;
	line-height:30px;
	color:#a50000;
	font-size:20px;
	float:left;
  }
  #shopCatalogHeader{
	height:30px;
	background-image:url(/common/images/shop/barControlBackground.jpg);
	background-repeat:repeat-x;
	border-bottom:1px solid #ccc;
	cursor:pointer;
	cursor:hand;	
  }
  #shopCatalogHeader img{
  	margin-right:10px;
	float:right;
  }
  #shopAppFrame .shopCatalogOn #shopCatalogHeader img{
  	visibility:hidden;
  }
  #shopCatalogHeader p{
  	margin:0px;
	float:left;
	margin-left:10px;
	height:30px;
	line-height:30px;
	color:#a50000;
	font-size:20px;
	
  }
  #shopAppFrame .shopCatalogOn  #shopCatalogHeader{
  	width:720px;	
  }
  #shopAppFrame .shopCatalogOff  #shopCatalogHeader{
  	width:184px;
  }
  #shopAppFrame #shopFilters{
  	margin:0px 0px 0px 3px;
	height:460px;
	width:140px;
	float:left;
	background-color:#fff;
  }
  #shopAppFrame #shopFilters p{
  	font-size:12px;
	color:#999;
	margin:20px 0px 0px 5px;
  }
  #shopAppFrame #shopFilters select{
  	margin-left:5px;
  }
  #shopAppFrame #shopFilters input{
  	margin:10px 15px 10px 25px;	
	float:left;
  }
  #shopAppFrame #shopFilters #shopSearch{
  	margin:0px;
  	margin-left:5px;	
  }
  #shopAppFrame #shopFilters label{
  	width:auto;
	float:none;
	padding:0;
	color:#000;
	font-size:14px;
	height:35px;
	line-height:35px;
  }
  #shopAppFrame #shopCatalogCover{
  	background-image:url(/common/images/shop/catalogClosedBackground.jpg);
	height:469px;
	width:184px;
	position:absolute;
	top:31px;
	left:0px; 
  }
  #shopAppFrame .shopCatalogOn #shopCatalogCover{
  	display:none;
	visibility:hidden;
  } 
  #shopAppFrame .shopCatalogOff #shopCatalogCover{
  	display:block;
	visibility:visible;
  }
  #shopAppFrame .shopCatalogOff select{
  	display:none;
	visibility:hidden;
  }
  #shopAppFrame .shopCatalogOn #shopProductDisplay{
  	background-image:url(/common/images/shop/productDisplayBackground.jpg);
	background-repeat:repeat-y;
	border-left:1px solid #ccc;
	height:469px;
	width:566px;
	float:right;
	overflow:auto;
  }
  #shopAppFrame .shopCatalogOff #shopProductDisplay{
  	display:none;
	visibility:hidden;
  }
  #shopAppFrame .shopCatalogOn #shopProductDisplay .shopProductCard{
  	background-image:url(/common/images/shop/productCardBackground.gif);
  	height:180px;
	width:200px;
	margin:10px 0px 10px 45px;
	float:left;
  }
  #shopAppFrame .shopCatalogOn #shopProductDisplay .shopProductCard .shopProductCardControls{
  	height:auto;
	width:80%;
	margin:5px auto;
	border-top:1px solid #ccc;
	padding-top:5px;
	text-align:center;
  }
  #shopAppFrame .shopCatalogOn #shopProductDisplay .shopProductCard .productImage{
  	height:75px;
	width:75px;
	border:1px solid #000;
	margin:5px 5px 0px 5px;
	float:left;
	/*hide this until the images get done*/
	display:none;
	visibility:hidden;
  }
  #shopAppFrame .shopCatalogOn #shopProductDisplay .shopProductCard .productDesc{
  	width:90%;
	height:50%;
	overflow:auto;
	float:right;
	margin:5px 5px 0px 5px;
	font-size:12px;
	color:#000;
  }
  #shopAppFrame .shopCatalogOn #shopProductDisplay .shopProductCard .productName{
  	text-align:center;
	font-size:12px;
	color:#000;
  }
  #shopAppFrame .shopCatalogOn #shopProductDisplay .shopProductCard .productPrice{
  	text-align:center;
	font-size:12px;
	color:#000;
  }
  
  /***************************Support Home Page****************************************************/
  .navIconRow {
  	width:100%; 
	border-bottom:2px solid #ededed
  }
  .navIconGroup {
  	width:49%; 
	float:left;
  }
  .navIconGroup img {
  	padding-top:20px; 
	padding-left:15px; 
	padding-right:5px; 
	float:left
  }
  .navIconGroup h2 {
  	color:#666; 
	font-weight:bold; 
	padding-top:33px; 
	margin-left:91px
  }
  .navIconGroup select {
  	font-size: 1.25em; 
	margin-left:12px
  }
  .navIconGroup p {
  	margin-left:92px
  }
  
  /***************************Portal Pages****************************************************/
  .portalNavListItem {
  	list-style-image:url(/common/images/layout/listBullet.gif);
	padding-left:8px; 
	margin:8px 5px
  }
  .portalNavListItem ul li {
  	list-style-image:none
  }
/*****************************Campaigns*******************************************************/
#campaignHeader{
	width:100%;
	margin:0px;
	height:75px;
	text-align:left;
	position:relative;
	background-color:#b5121b;
}
#campaignLogo{
	margin:0px;
	float:left;
	padding-left:10px;
	background-color:#fff;
}
#campaignLogo img{
	float:left;
}
#campaignLogo p{
	font-weight:bold;
	color:#fff;
	font-size:.9em;
	margin:30px 0px 0px 10px;
	float:left;
}
#campaignContent{
	width:750px;
	height:90%;
	margin:30px auto 10px auto;
}
#campaignTitle{
	height:auto;
	color:#333;
	position:relative;	
	text-align:left;
	border-top:3px solid #a50000;
	border-left:1px solid #aaa;
	border-right:1px solid #aaa;
}  
#campaignTitle #title{
	font-size:1.4em;
	margin:20px 10px;
}   
#campaignTitle #author{
	font-size:1.2em;
	border-left:2px solid #333;
	padding:10px 10px 10px 15px;
	float:right;
	margin-top:-10px;
	margin-bottom:10px;
	margin-top:expression(1==1? 10+"px":10+"px"); /*IE hack for proper alignment*/
	margin-bottom:expression(1==1? 0+"px":0+"px"); /*IE hack for proper alignment*/
}  
#campaignDetails{
	height:200px;
	border-top:4px solid #aaa;
	border-bottom:1px solid #aaa;
	border-left:1px solid #aaa;
	border-right:1px solid #aaa;
	background-image:url(/common/images/campaigns/detailsBackground.jpg);
} 
#campaignDetails #detailsImagery{
	width:200px;
	height:200px;
	float:left;
}
#campaignDetails #detailsContent{
	width:auto;
	height:200px;
	padding:5px;
	color:#000;
	text-align:left;
}
#campaignDataCapture{
	text-align:left;
	border:1px solid #aaa;
}
#campaignDataCapture #campaignAdditionalInfo{
	width:150px;
	border-right:1px solid #aaa;
	float:left;
	margin-right:10px;
}

#campaignDataCapture #campaignFormElements{
	width:auto;
	margin:10px;
}

/* BEGIN lightbox image viewer huddletogether.com/projects/lightbox2 */
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }
#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }
#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(/common/images/lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/common/images/lightbox/nextlabel.gif) right 15% no-repeat; }
#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }
#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	
#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }
/* styles below were created by us for lightbox tool */
#zoomLink {
			text-align:center;
			font-size:0.8em;
			vertical-align:top;
		}
/* END lightbox image viewer */