@charset "UTF-8";
/*	Canadapost.ca - Application CSS
	Document Structure
		  1. dashboardContents
		  2. calendar
		  3. addressBlock
		  4. printEnvelope
		  5. onPageExtraContent
		  6. tabbedContent
 		  7. sidebar
		  8. profileTermsConditions
		  9. uncategorizedElements
		 10. searchContainer
		 11. catagory
		 12. catalog
		 13. tables 
		 14. menu catalog 
		 
/* ===@dashboardContents - START */
.col1of3, .col2of3, .col3of3 {
	width: 125px;
	float: left;
	text-align: center;
	margin-right: 20px;
}
.col1of2, .col2of2 {
	width: 215px;
	float: left;
	margin-right: 10px;
}

.appSegment {
	width: 115px;
	float: left;
	text-align: center;
	margin-right: 20px;
	padding: 15px 5px 5px 5px;
	height: 115px;
}

.appSegmentSelected {
	width: 115px;
	height: 115px;
	padding: 15px 5px 5px 5px;
	float: left;
	text-align: center;
	margin-right: 20px;
	background: url(../images/personal/dashboard/appSegmentSelected.jpg) no-repeat top center;
}
.FieldHolder {
	float: left;
	margin-bottom:6px;
}
#mainContent input, #mainContent select, #mainContent textarea, #popupContent input, #popupContent select, #popupContent textarea {
	margin-top:2px;
}
/* Called by app search forms that use radio buttons and images */
.cleanFormLink {
	text-decoration: none !important;
	cursor: pointer;
}
.cleanFormLink img {
	padding-bottom: 6px;
}
.cleanFormLabel {
	text-align: center;
}
.cleanFormLabel label {
	text-decoration: none;
	cursor: pointer;
}
.arrowLink img {
	cursor: pointer;
}
/* Differentiate form sections */
.sectionSpacer {
	height: 1px;
	width: 100%;
	background-color: #6392e6;
	margin-top: 10px;
	margin-bottom: 10px;
	font-size:1px;
}
.colTips .sectionSpacer {
	margin-top: 20px;
	margin-bottom: 20px;
}
#mainContentContainer #mainContent .tableFooter {
	background-color:#A1BEF0; 
	border:1px solid #6392e6;
	border-top:none;
	width:auto;
	padding:3px;
}
#mainContentContainer #mainContent .selectionGridTable {
	border:1px solid #6392e6;
	width:150px;
}
#mainContentContainer #mainContent .selectionGridTable td {
	width:75px;
	height:30px;
	text-align:center;
	vertical-align:middle;
}
/* table class for displaying original info in 'edit' mode */
.searchInfo {
	width:100%;
	background:#FFFFFF;
	border:1px solid #6392e6;
	margin-bottom: 10px;
}
.searchInfo th {
	border:1px solid #6392e7;
	background: #a1bef0;
	padding: 4px;	
	overflow:hidden;	
	font-weight:bold;
}
.searchInfo td {
	border:1px solid #6392e6;
	padding: 4px;
}
.searchInfo th div, .searchInfo td div {
	text-align: center;
	margin: 0px 3px;
}

.searchInfo tfoot table {
	border:0px;
}

.searchInfo tfoot td {
	border:0px solid #6392e6;
	padding:4px;
	overflow:hidden;
	text-align:right;
	vertical-align:middle;
}
/* Find a Rate Search Page Specific Placements */
#mainContentContainer #mainContent .unitMeasure {
	margin-left: 4px;
}
#mainContentContainer #mainContent .unitDimension {
	margin-right: 6px;
}
/* Find a Rate Data Presentation Classes */
#mainContentContainer #mainContent .rateTable {
	background: #FFFFFF;
	border: 1px solid #6392e6;
	table-layout:fixed;
	width: 600px;
}
#mainContentContainer #mainContent .rateTable tr {
	border: 1px solid #6392e6;
}
#mainContentContainer #mainContent .rateTable td {
	padding: 4px;
	text-align: center;
	border: 1px solid #6392e6;
	background: #FFFFFF;
}
#mainContentContainer #mainContent .rateTable td.lineTitle {
	text-align: left;
}

#mainContentContainer #mainContent .alternateRow td {
	background:#eef3fc
}
#mainContentContainer #mainContent .rateTable .headTitle td {
	font-weight: bold;
	background: #a1bef0;
}
#mainContentContainer #mainContent .rateTable tr.price td {
	background: #eef3fc;
	font-weight:bold;
}
#mainContentContainer #mainContent .rateTable .colTitle {
	text-align: left;
	width: 200px;
}
#mainContentContainer #mainContent .rateTable .colFooter TD{
	padding-top:20px;
	text-align: left;
	font-weight: bold;
}
#mainContentContainer #mainContent .rateTable .colChoose {
	text-align: left;
	padding:0px 10px 10px 10px;	
	width:400px;
}
#mainContentContainer #mainContent .nowYouCan {
	background:url(../images/personal/dashboard/dashboardNowYouCan-en.png) repeat-x;
	width:186px;
	height:28px;
}
.lang-fr #mainContentContainer #mainContent .nowYouCan {
	background-image:url(../images/personal/dashboard/dashboardNowYouCan-fr.png);
}

#mainContentContainer .widget iframe {
	height: 296px;
	#height: 306px;
	_height: 318px;
	width: 250px;
}

/* ===@dashboardContents - END */

/* ===@dashboardTabs - START */
#mainContentContainer #DashboardTabs {
  font: 12px;
  font-weight: bold;
  line-height:normal;
  width:687px;
  color: #000;
  height: 50px;
  margin: 0;
  padding: 0;
  border: 0;
}

/*IE6 hack to for tab height issue */
html>body #mainContentContainer #DashboardTabs { height:50px; }
#mainContentContainer #DashboardTabs { height: 46px; }
  
#mainContentContainer #DashboardTabs ul {
  margin:0;
  padding:0;
  list-style:none;
}

#mainContentContainer #DashboardTabs li {
  float:left;
  background:url(../images/structure/TabsLeft.jpg) no-repeat left top;
  margin:0;
  padding:0 0 0 8px;
  text-align:center;
}

/*IE6 hack to for tab height issue */
html>body #mainContentContainer #DashboardTabs li { height:50px; }
#mainContentContainer #DashboardTabs li { height: 46px; }
  
#mainContentContainer #DashboardTabs a {
  float:left;
  display:block;
  background:url(../images/structure/TabsRight.jpg) no-repeat right top;
  text-decoration:none;
  font-weight:bold;
  color:#FFF;
}

/*IE6 hack to for tab height issue */
html>body #mainContentContainer #DashboardTabs a { height: 50px; }
#mainContentContainer #DashboardTabs a { height: none; }


#mainContentContainer #DashboardTabs ul.en a {
  padding: 23px 24px 9px 16px;
}

#mainContentContainer #DashboardTabs ul.fr a {
  padding: 18px 23px 20px 14px;
}

#mainContentContainer #DashboardTabs .en .fpc a { padding: 23px 22px 9px 18px;}
#mainContentContainer #DashboardTabs .fr .fpc a { padding: 18px 26px 9px 21px;}

/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#mainContentContainer #DashboardTabs a {float:none;}
/* End IE5-Mac hack */
#mainContentContainer #DashboardTabs a:hover {
  color:#EEF3FC;
  }
#mainContentContainer #DashboardTabs .current {
  background-image:url("../images/structure/TabsLeft_on.jpg");
  }
#mainContentContainer #DashboardTabs .current a {
  background-image:url("../images/structure/TabsRight_on.jpg");
  color:#000099;
}

/* ===@dashboardTabs - END */

/* ===@SecondaryNav - START */

.secondaryNav{
	overflow: hidden;
	width: 100%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
	color: #000099;
}

.secondaryNav ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.secondaryNav li{
	float: left;
	margin: 0 5px 0 0;
	padding: 0;
	text-align:center;
	background: url(../images/structure/secondaryLeft.gif) no-repeat left top;
	padding: 0 0 0 7px;
}

.secondaryNav a{
	float: left;
	position: relative;
	top: 0px;
	margin: 0;
	text-decoration: none;
	background: url(../images/structure/secondaryRight.gif) no-repeat right top;
	font-weight: bold;
	color: #000099;
	padding: 7px 7px 3px 0px;
	height: 20px;
}

.secondaryNav .selected { background-position: 0 -30px; }

.secondaryNav .selected a { background-position: 0 -30px; }

.secondaryNav a:hover {color: #FFF; }
/* ===@SecondaryNav - END */

/* ===@calendar - START */
table.jCalendar {
	border: 1px solid #000;
	background: #aaa;
    border-collapse: separate;
    border-spacing: 2px;
}
table.jCalendar th {
	background: #333;
	color: #fff;
	font-weight: bold;
	padding: 3px 5px;
}
table.jCalendar td {
	background: #ccc;
	color: #000;
	padding: 3px 5px;
	text-align: center;
}
table.jCalendar td.other-month {
	background: #ddd;
	color: #aaa;
}
table.jCalendar td.today {
	background: #666;
	color: #fff;
	font-weight: bold;
}
table.jCalendar td.selected {
	background: #fff;
	color: #000;
	font-weight: bold;
}
table.jCalendar td.selected:hover {
	background: #fff;
	color: #000;
}
table.jCalendar td:hover, table.jCalendar td.dp-hover {
	background: #fff;
	color: #000;
}
table.jCalendar td.disabled, table.jCalendar td.disabled:hover {
	background: #bbb;
	color: #888;
}
/* Calendar popup elements */
div#dp-popup {
	position: absolute;
	font-size: 10px;
	font-family: arial, sans-serif;
	background: #ccc;
	padding: 2px;
	min-height: 172px;
	min-width: 171px;
}
div#dp-popup h2 {
	font-size: 12px;
	text-align: center;
	margin: 2px 0;
	padding: 0;
}
a#dp-close {
	font-size: 11px;
	padding: 4px 0;
	text-align: center;
	display: block;
}
a#dp-close:hover {
	text-decoration: underline;
}
div#dp-popup a {
	color: #000;
	text-decoration: none;
	padding: 3px 2px 0;
}
div#dp-popup div#dp-nav-prev {
	position: absolute;
	top: 2px;
	left: 4px;
	width: 100px;
}
div#dp-popup div#dp-nav-prev a {
	float: left;
}
/* Opera needs rules to be this specific o/e it doesn't change cursor back to pointer after disabled/re-enabled link */
div#dp-popup div#dp-nav-prev a, div#dp-popup div#dp-nav-next a {
	cursor: pointer;
}
div#dp-popup div#dp-nav-prev a.disabled, div#dp-popup div#dp-nav-next a.disabled {
	cursor: default;
}
div#dp-popup div#dp-nav-next {
	position: absolute;
	top: 2px;
	right: 4px;
	width: 100px;
}
div#dp-popup div#dp-nav-next a {
	float: right;
}
div#dp-popup a.disabled {
	cursor: default;
	color: #aaa;
}
div#dp-popup td {
	cursor: pointer;
}
div#dp-popup td.disabled {
	cursor: default;
}
a.dp-choose-date {
	float: left;
	width: 17px;
	height: 18px;
	padding: 0;
	margin: 0 3px;
	display: block;
	text-indent: -2000px;
	overflow: hidden;
	background: url(../images/personal/dashboard/icons/calendar.jpg) no-repeat; 
}
a.dp-choose-date.dp-disabled {
	background-position: 0 -20px;
	cursor: default;
}
input.dp-applied {
	float: left;
}
.eventHolder {
	width:385px;
	background: none 0px 0px no-repeat; /* event type icon */
	margin-bottom:10px;
}
.eventHolder.block {
	background-color:#ffffff;
	border:1px solid #6392e6;
	padding:10px;
	width:630px;
}
.eventHolder .icon {
	float:left;
	width:30px;
}
.eventHolder .date {
	float:left;
	width:222px;
	font-weight:bold;
}
.eventHolder .title {
	float:left;
	font-weight:bold;
}
.eventHolder .controls {
	float:right;
	text-align:right;
	width:130px;
	margin-top:15px;
}
.eventHolder .info {
	clear:both;
	width:auto;
}
.eventHolder.block .info {
	margin-left:0px;		
}
.pageanation {
	width:200px;
	float:right;
}
/* Calendar Widget Styles */
table.calendar {
	border: 2px solid #6392e6;
	background: #FFFFFF;
	color: #000;
}

table.calendar td {
	width: 30px;
	text-align: center;
	padding: 3px 0px;
	text-decoration: none;
	color: #000000;
	border:1px solid #cccccc;
}

table.calendar td a, table.calendar td a:visited, table.calendar td a:hover, table.calendar td a:link {
	text-decoration: none;
	color: #000000;
}

table.calendar tr.monthYearRow {
	text-align:center;
	width:100%;	
	border:0px;
}

table.calendar tr.monthYearRow td {
	background-color:#eeeeee;
	text-align:center;
	font-weight:bold;
	height:30px;
	padding-top:5px;
	border: 0px;
}

table.calendar tr.weekRow {
	background: #ffffff;
	padding: 3px;
}

table.calendar td.currentDayCell { border: 2px solid #3e62f6; }
table.calendar td.eventDay { background: #a1bef0; }
table.calendar td.today { font-weight:bold; }

/* ===@calendar - END */

/* ===@addressBlock - START */
.addressBlock {
  width:359px;
}
.addressBlock .top {
  width:359px;
  padding:15px 5px 5px 10px;
  background: url(../images/personal/dashboard/address/addressBlock-top.png) repeat-y;  
}
.addressBlock .bot {
  width:359px;
  height:10px;
  background: url(../images/personal/dashboard/address/addressBlock-bottom.png) no-repeat;  
}
/* ===@addressBlock - END */

/* ===@printEnvelope - START */
.printAddress {
	border: 1px dashed #000000;
	width:500px;
	padding:5px;	
	margin:20px auto;
}
.printAddress .box {
	padding:10px;
	font-weight:normal;
	clear:both;
}
.printAddress .to {
	font-size:16px;
	width:300px;
	font-weight:bold;
	margin:30px auto;

}
.printAddress .from {
	font-size:12px;
	font-weight:bold;	
	float:left;
}
/* ===@printEnvelope - END */

/* ===@onPageExtraContent - START */
.onPageExtraContent {
	clear:right;
	float:right;
	width:100px;
	background-color:#CCCCCC;
	margin:0 0 10px 5px;
	width:222px;
}
.onPageExtraContent .title {
	background-color:#a5be00;
	height:17px;
	display:block;
	font-size:12px;
	padding-top:4px;
	padding-left:5px;
	color:#FFFFFF;
	font-weight:bold;
	border-bottom:1px solid #003300;
}
.onPageExtraContent.related {
	margin-top:0px;
}
.onPageExtraContent.related .title {
	background-color:#666666;
}
.onPageExtraContent .content {
	padding:5px;
}
.onPageExtraContent h2 {
	margin:0px;
	padding:0 0 5px 0;
	font-size:12px;
}
.onPageExtraContent ul {
	list-style:none;
	margin-left:0;
	padding-left:0;
}
/* ===@onPageExtraContent - END */

/* ===@tabbedContent - START */
.tabbedContent {
	margin:5px 0;
	background-color:#a1bef0;
	padding-bottom:5px;
}
.tabbedContent .content {
  	clear:both;
  	margin:5px 5px;
  	color:#ffffff;
}
.tabbedContent .content h3 {
	color:#ffffff;
	border-bottom:none;
}
.tabbedContent .tabs {
	border-bottom:2px solid #ffffff;
}
.tabbedContent .tabs ul {
	list-style:none;
	margin:0px;
	padding:0px;
}
.tabbedContent .tabs li {
	float:left;
	height:30px;
}
.tabbedContent .tabs li a {
	float:left; /* for ie < 7 */
  	display:block;
  	padding:9px 14px 0 14px;
	height:21px;
	color: #ffffff;
	text-decoration: underline;
	font-size:11px;
}
.tabbedContent .tabs li.current a {
  font-weight:bold;
  text-decoration:none;
}
/* ===@tabbedContent - END */

/* ===@sidebar - START */
.sideBar h3 {
	color:#ffffff;
	border-bottom-color:#ffffff;
	font-size:150%;
	border-bottom:none;
	font-family:"Arial Black";	
	font-weight:normal;
}
.sideBar {
	background-color:#a1bef0;
	padding:5px;
	color:#ffffff;
}
.sideBar a {
	color:#333333;
}
/* ===@sidebar - END */

/* ===@profileTermsConditions - START */
.fareRuleSector {
	width: 580px;
	border-width: 1px 1px 1px 1px;
	border-color: #4b6fa8;
	border-style: solid;
	border-collapse: collapse;
	margin: 10px 10px 10px 0px;
	padding: 0px;
}
.fareRuleDisplay {
	padding: 5px;
	overflow: auto;
	height:120px;
	background-color: #f9fafc;
	font-size:11px;
	color: #666666;
}
.selectFlightTableTopRow {
	border: 1px solid #4b6fa8;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	background-color: #4b6fa8;
	height: 27px;
	padding-left: 10px; padding-top:8px;
	text-align: left;
	vertical-align: middle;
}

/* ===@uncategorizedElements - START */
.smallTextBlue {
	font-size: 0.72em;
	color: #4b6fa8;
}
sup {
	line-height: -1;
	vertical-align: text-top;
	font-size: smaller;
}
.narrowBox {
  width:210px;
}
.wideBox {
	width: 440px;
}
/* ===@uncategorizedElements - END */

/* ===@searchContainer - START */
/* Find a Rate Data Presentation Classes */
#mainContentContainer #mainContent .resultTable {
/*	background: #FFFFFF; 
	border: 1px solid #6392e6;*/
	table-layout:fixed;
	width: 600px;
}

/*#mainContentContainer #mainContent .resultTable tr {
	border: 1px solid #6392e6;
}
*/

#mainContentContainer #mainContent .resultTable td {
	padding: 4px;
	text-align: left;
}
#mainContentContainer #mainContent .resultTable td.lineTitle {
	padding-top:8px;
	text-align: left;
	vertical-align:top;
	width: 25px;
}

#mainContentContainer #mainContent .alternateRow td {
	background:#eef3fc
}
#mainContentContainer #mainContent .resultTable .headTitle td {
	font-weight: bold;
	background: #a1bef0;
}
#mainContentContainer #mainContent .resultTable .colTitle {
	text-align: left;
}
#mainContentContainer #mainContent .resultTable .colFooter TD{
	padding-top:20px;
	text-align: left;
	font-weight: bold;
}
#mainContentContainer #mainContent .itemTable {
/*	background: #FFFFFF; 
	border: 1px solid #6392e6;*/
	table-layout:fixed;
	width: auto;
}
#mainContentContainer #mainContent .itemTable .colFooter TD{
	padding-top:20px;
	text-align: left;
	font-weight: bold;
}
#mainContentContainer #mainContent .itemTable .colTitle {
	text-align: left;
}

#personalcontent .tabbedContent.searchContainer {
margin:40px 5px 5px 5px;
padding-bottom:0px;
width:650px;
background-color:#fff;
}
.tabbedContent.searchContainer .content {
clear:both;
margin:0px;
color:#000;
background-color:#fff;
border-bottom:solid 1px #6392e6;
border-right:solid 1px #6392e6;
border-left:solid 1px #6392e6;
}
#personalcontent .tabbedContent.searchContainer .content h3 {
color:#000;
border-bottom:none;
margin:0px 5px 10px 10px;
}
#personalcontent .tabbedContent.searchContainer .content a {
font-weight:none;
text-decoration:underline;
color:#000069;
}
#personalcontent .tabbedContent.searchContainer .content p {
color:#000;
background-color:#fff;
border:0px;
margin:0px;
padding:20px;
}
#personalcontent .tabbedContent.searchContainer .content p.beige {
background-color:#f1f9d2;
border:0px;
}
#personalcontent .tabbedContent.searchContainer .tabs {
border-bottom:solid 1px #6392e6;
background-color:#eef3fc;
}
.tabbedContent.searchContainer.tabs ul {
list-style:none;
margin:0px;
padding:0px;
}
#personalcontent .tabbedContent.searchContainer .tabs li {
float:left;
height:28px;
border-right:solid 1px #6392e6;
border-left:solid 1px #6392e6;
border-top:solid 1px #6392e6;
background-image:url(/personalContent-war/content/rates/images/search_tab_bg.jpg);	
background-repeat:repeat-x;
}
#personalcontent .tabbedContent.searchContainer .tabs li.buynow {
background-image:url(/personalContent-war/content/rates/images/buy_tab_bg.jpg);	
border-right:solid 1px #8da226;
border-left:solid 1px #8da226;
border-top:solid 1px #8da226;
}
#personalcontent .tabbedContent.searchContainer .tabs li a {
float:left; 
display:block;
padding:9px 14px 0px 14px;
color:#fff;
text-decoration:underline;
font-size:11px;
font-weight:700;
}
#personalcontent .tabbedContent.searchContainer .tabs li.current a {
font-weight:700;
color:#000069;
text-decoration:none;
background-color:#fff;
}
#personalcontent .tabbedContent.searchContainer .tabs li.currentPG a {
font-weight:700;
color:#000069;
text-decoration:none;
background-color:#fff;
border-bottom:0px;
}
#personalcontent .tabbedContent.searchContainer .pages {
border-right:solid 1px #6392e6;
border-left:solid 1px #6392e6;
border-bottom:solid 1px #6392e6;	
background-color:#d9e5fb;
margin-top:0px;
padding:10px 10px 10px 10px;
text-align:right;
}
#personalcontent .tabbedContent.searchContainer .pages a {
font-size:11px;
font-weight:700;
text-decoration:none;
color:#000069;
}
#personalcontent .tabbedContent.searchContainer .pages a:hover {
text-decoration:underline;
}
#personalcontent .searchBG {
background-color:#eef3fc;
border:#6392e6 1px solid;
width:675px;
padding:30px 0px 5px 10px;
margin-top:0px;
}
#personalcontent .searchTextInputBox{
padding:3px;
background-color:#fff;
border:1px solid #6392e6;
width:400px;
margin-left:10px; 
margin-right:8px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
}	
#personalcontent .searchCheckBox{
margin-left:25px; 
}
/* ===@searchContainer - END */
/* ===@category - START */
#personalcontent .categoryBody {
width:175px;
border:1px solid #C9D288;
font-size:11px;
color:#333;
margin-top:2px;
margin-left:0px;
padding:5px;
line-height:17px;
background-color:#F5F5E0;
}	
#personalcontent .categoryFooter {
border:1px solid #6a96e7;
height:17px;
background-image: url(/corporateContent-war/content/templates/images/bg_header.gif);
}
#personalcontent .category {
width:185px;
float:left;
border:1px solid #C9D288;
}
#personalcontent .categoryBox {
width:185px;
border:1px solid #C9D288;
margin-top:2px;
}	
#personalcontent .categoryHeader {
height:18px;
background-color:#E7F1CF;
padding:5px;
border-top-width:1px;
}	
#personalcontent .categoryHeaderText {
font-size:11px;
font-weight:700;
color:#333;
}	
#personalcontent .categoryList {
font-size:11px;
color:#333;
float:left;
margin-top:0px;
margin-left:4px;
margin-top:4px;
}	
#personalcontent .categoryList ul {
list-style-type:none;
margin-top:5px;
margin-bottom:0px;
border-bottom:1px solid #FFF;
}		
#personalcontent .categoryList li {
font-size:11px;
list-style-type:none;
margin-top:5px;
margin-left:-40px;
margin-bottom:3px;
border-bottom:1px solid #F2ECBF;
}	
#personalcontent .category a:visited {
font-weight:700;
text-decoration:none;
color:#003;
}
#personalcontent .categoryList li a:link, #personalcontent .categoryList li a:visited {
color:#003;
text-decoration:none;
}	
#personalcontent .categoryList li a:hover, #personalcontent .categoryList li a:visited.hover {
color:#003;
text-decoration:underline;
}	
/* ===@category - END */

/* ===@catalog - START */

#personalcontent .catalogPage { clear:both; }
#personalcontent .catalog {
float:right;
width:738px;
margin-right:0px;
}
#personalcontent .catalogListing {
width:480px;
margin-left:14px;
float:left;
}
#personalcontent .catalogHeader {
height:24px;
border:1px solid #C9D288;
background-color:#E7F1CF;
}	
#personalcontent .catalogHeaderText {
margin-top:4px;
font-size:12px;
font-weight:700;
color:#333;
text-indent:5px;
}	
#personalcontent .catalogItem {
width:225px;
padding:3px;
vertical-align:top;
float:left;
border:1px solid #d3e47c;
margin-top:2px;
background-color:#fff;
}	
#personalcontent .catalogItemSpace {
width:225px;
padding:3px;
vertical-align:top;
float:left;
border:1px solid #d3e47c;
margin-left:19px;
margin-top:2px;
background-color:#fff;
}	
#personalcontent .catalogItemTitle {
text-align:center;
height:45px;
background-color:#F5F5E0;
border-bottom:1px solid #E7F1CF;
color:#333;
display:block;
font-size:11px;
font-weight:700;
padding-left:5px;
padding-top:4px;
padding-bottom:4px;
}	
#personalcontent .catalogImage {
margin-top:10px;
height:135px;
}	
#personalcontent .catalogDescription {
font-size:11px;
color:#000;
padding: 0 5px;
margin: 5px 0;
height:70px;
background-color:#fff;
}	
#personalcontent .largerImage {
font-size:10px;
color:#000;
text-align:center;
}	
#personalcontent .catalogPrice {
font-size:18px;
font-weight:700;
color:#A5BE00;
text-indent:10px;
margin-right:10px;
}		
#personalcontent .priceSmall {
font-size:14px;
font-weight:700;
color:#000;
margin-bottom:10px;
}
#personalcontent .priceLarge {
font-size:18px;
font-weight:700;
color:#000;
margin-bottom:10px;
}		
#personalcontent .catalogLearn {
font-size:11px;
font-weight:none;
text-align:right;
color:#333;
margin-right:5px;
float:right;
}	
#personalcontent .catalogLearn a {
color:#000;
text-decoration:underline;
}	
#personalcontent .catalogLearn a:hover {
color:#03C;
text-decoration:underline;
}	
#personalcontent .catalogListingItem {
padding:10px 10px 4px 4px;
border:1px solid #d3e47c;
margin-top:2px;
height:170px;
vertical-align:middle;
}	
#personalcontent .catalogListingItemTitle {
font-size:13px;
font-weight:700;
text-align:left;
margin-left:5px;
line-height:20px;
height:60px;
}	
#personalcontent .catalogListingItemTitle a { text-decoration:none; }	
#personalcontent .catalogListingItemTitle a:hover { text-decoration:underline; }			
#personalcontent .catalogListingImage {
float:left;
width:180px;
height:150px;
}	
#personalcontent .catalogListingImage_recommended {
float:right;
height:120px;
padding:30px 10px 0px;
}	
#personalcontent .horizontalBreak {
height:20px;
background-color:#E7F1CF;
border:1px solid #C9D288;
text-align:right;
margin-top:2px;
padding-top:3px;
}	
#personalcontent .catalogItemDetail {
padding:4px;
border:1px solid #d3e47c;
height:180px;
}
#personalcontent .catalogItemDescription {
padding:4px;
border:1px solid #6996e7;
margin-top:2px;
}
#personalcontent .catalogItemBuy {
padding:0px;
margin-top:2px;
}	
/* ===@catalog - END */


/* ===@tables - START */
#personalcontent .tableContent {
margin-right:20px;
margin-top:10px;
border:1px solid #c1d3f8;
}	
#personalcontent .theadFont{
background-color:#c1d3f8;
font-weight:700;
color:#036;
font-size:12px;
}	
#personalcontent .tableContent td {
padding:10px;
text-align:left;
}	
#personalcontent .tableContent tr {
padding:10px;
font-size:11px;
text-align:left;
}	
#personalcontent .tableRowOne {
background-color:#FFF;
font-size:11px;
}	
#personalcontent .tableRowTwo {
background-color:#eff4ff;
font-size:11px;
}	
/* Where to Buy Tables */
#personalcontent .whereToBuy {	
padding-bottom:10px;
}	
#personalcontent .whereToBuy table {
border:1px solid #6996e7;
width:687px;
padding:5px;
margin-bottom:10px;
}	
#personalcontent .whereToBuyHeaderImage {
clear:right;
float:left;
margin-bottom:2px;
}
/* ===@tables - END */

/* ===@menu catalog - Start */
.menutitle{
cursor:pointer;
margin-bottom:5px;
background-color:#f8faef;
color:#666;
width:172px;
padding:2px;
text-align:left;
text-indent:5px;
font-weight:700;
border:1px solid #d3e47c;
}
.submenu {
margin-bottom:.5em;
margin-left:15px;
}	
.submenu a:active, .submenu a:visited {
text-decoration:none;
color:003;
}	
.submenu a:hover, .submenu a:visited.hover {
text-decoration:underline;
color:003;
}

#personalcontent strong {
font-weight:700;
}
/* ===@menus catalog- END */