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

/* -- CSS By Mary Camacho-- */

/* -- General Setup -- */

#mceBody, .mceContentBody
{
	background-color: #FFFFFF;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 90%;
}

body
{
	padding: 0; margin: 0;
	background-color: #808080;
	font-family: Arial, Verdana, Helvetica, sans-serif;
}

h1, h2, h3
{
	padding: 0; margin: 0;
}

a 
{
	color: #007DC3;
	text-decoration: none;
	font-weight: bold;
}

a img
{
	border: none;
}


a:hover
{
	color: #7F0929;
}

div#mainContent
{
	background: #FFFFFF;
	padding: 0px 20px 20px 10px;
	font-size: 80%;
	position: relative;
	overflow: hidden;
}

#siteMargin
{
	background: #FFFFFF url('greyback.gif') repeat-x bottom left;
	padding: 0px 10px 0 10px;
}

#siteContent
{
	width: 870px;
	margin: 0px auto;
	background-color: #FFFFFF;
	border-left: solid 1px #999999;
	border-right: solid 1px #999999;
	border-bottom: solid 1px #999999;
	position: relative;
}

#siteContentHeader
{
	width: 872px;
	height: 114px;
	background: #FFFFFF url('top_bar.gif') no-repeat top left;
	z-index: 20;
	position: relative;
	left: -1px;
}

#siteContentHeader a
{
	z-index: 21;
	position: relative;
	top: 24px;
	left: 16px;
}

#siteContentHeader a img
{
	border: none;
	z-index: 22;
}

#siteMarginBottomLeft
{
	width: 16px;
	height: 16px;
	background: #FFFFFF url('corner_sw.gif') no-repeat top left;
	position: relative;
	z-index: 20;
	top: -26px;
	left: -1px;
	float: left;
}

#siteMarginBottomRight
{
	float: right;
	position: relative;
	top: -26px;
	left: 1px;
	width: 16px;
	height: 16px;
	background: #FFFFFF url('corner_se.gif') no-repeat top left;
	z-index: 20;
}

#siteBanner
{
	position: relative;
	height: 220px;	
	overflow: hidden;
	margin: -1;
	padding: 0;
}



#footer
{
	position: relative;
	background: transparent;
	font-size: 80%;
	font-weight: bold;
	text-align: center;
	color: #444444;
	width: 870px;
}

div#siteMarginFooter
{
	color:#444444;
	font-size:80%;
	font-weight:bold;
	text-align:center;
	width: 870px;
	margin: 10px auto;
}
/*-- regions-clumps--*/

div#clump_sidebar 
{
	float:left;
	margin:0 20px 0 10px;
	position:relative;
	width:190px;
	overflow: hidden;
	left: auto;
}
div#clump_default
{
	float:left;
	margin:0 10px 0 20px;
	width:590px;
	position: relative;
}

div#clump_2colLeft
{
	padding: 0 10px 0 0;
	float:left;
	margin:0 20px 0 20px;
	position:relative;
	width:370px;
	overflow: hidden;
}

div#clump_2colRight
{
	padding: 0 0 0 10px;
	float:left;
	margin:0 20px 0 20px;
	position:relative;
	width:370px;
	overflow: hidden;
}

/* -- page stuff -- */

#siteHeader
{
	position: absolute;
	z-index: 55;
}


#siteHeader h1
{
	position: absolute;
	visibility: hidden;
}

#siteHeader #breadCrumbs
{
	position: absolute;
	visibility: hidden;
}

#userIdentity
{
	position: relative;
	top: -45px;
	left: 276px;
	z-index: 60;
}

#userIdentity a
{
	color: #450116;
	z-index: 65;
}

#topLinksSpace
{
	position: absolute;
	z-index: 60;
}

#topLinks
{
	position: relative;
	top: -94px;
	left: 568px;
	z-index: 65;
}

#topLinks a
{
	font-size: 70%;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	padding: 0px 16px 0px 16px;
}

#siteTitleSpace
{
	position: absolute;
	z-index: 70;
}

#siteTitle
{
	position: relative;
	top: -50px;
	left: 690px;
	z-index: 75;
}

#siteTitle .thin
{
	font-size: 95%;
	font-weight: lighter;
	color: #FFFFFF;
}

#siteTitle .thick
{
	font-size: 110%;
	font-weight: bolder;
	color: #FFFFFF;
}

/* -- userIdentity -- */

/* -- pageEditControls -- */

div#pageEditControls
{
	float: right;
	z-index: 80;
}

div#pageEditControls a
{
	z-index: 85;
}

/* -- mainContent -- */

#mainContent h2
{
	font-size: 130%;
	color: #7F0929;
	font-weight: bold;
}

div#sideContact 
{
	background:transparent url(side_contact.gif) no-repeat scroll left top;
	font-size:84%;
	font-weight:bold;
	height:266px;
	padding:14px 16px 0 10px;
	width:174px;
}

#sideContactHeader 
{
	font-size:110%;
	font-weight:bold;
	text-align:center;
}


.videoPlaylist h3
{
	padding-right: 15px;
}

div.BubbleStarMidPlus
{
	background: transparent url('star+2.gif') no-repeat top left;
	width: 110px;
	height: 120px;
	padding: 40px 45px 40px 45px;
	margin-bottom: 10px;
	text-align: center;
}

div.BubbleStarPlus
{
	background: transparent url('star+.gif') no-repeat top left;
	width: 110px;
	height: 120px;
	padding: 40px 45px 40px 45px;
	margin-bottom: 10px;
	text-align: center;
}

div.BubbleStar
{
	background: transparent url('star.gif') no-repeat top left;
	width: 110px;
	height: 120px;
	padding: 40px 45px 40px 45px;
	margin-bottom: 10px;
	text-align: center;
}

div.BubbleSmall
{
	background: transparent url('btable_bubble.gif') no-repeat top left;
	width: 110px;
	height: 166px;
	padding: 10px 10px 10px 10px;
	margin-bottom: 10px;
}

div.BubbleMedLong
{
	background: transparent url('bubble_med+.gif') no-repeat top left;
	width: 180px;
	height: 194px;
	padding: 10px 10px 10px 10px;
	margin-bottom: 10px;
}

div.BubbleMedium
{
	background: transparent url('bubble_med.gif') no-repeat top left;
	width: 180px;
	height: 194px;
	padding: 10px 10px 10px 10px;
	margin-bottom: 10px;
}

div.BubbleLarge
{
	background: transparent url('side_contact.gif') no-repeat top left;
	width: 180px;
	height: 260px;
	padding: 10px 10px 10px 10px;
	margin-bottom: 10px;
}

div.BubbleLogo
{
	background: transparent url('bubble_logo_pink.gif') no-repeat top left;
	width: 358px;
	height: 156px;
	padding: 20px 10px 10px 10px;
	margin-bottom: 10px;
}

div.BubbleQuote
{
	background: transparent url('bubble_quote_pink.gif') no-repeat top left;
	width: 358px;
	height: 156px;
	padding: 20px 10px 10px 10px;
	margin-bottom: 10px;
}

div.BubbleLogo div.segmentItem,
div.BubbleQuote div.segmentItem
{
}

/*div.BubbleLogo div.segmentItem img,
div.BubbleQuote div.segmentItem img
{
	float: right;
	display: block;
	margin: 8px 8px 8px 8px;
	position: relative;
	top: -30px;*/
}

.PricingTable
{
  width: 100%;
  clear: both;
}

.PricingTable a
{
  border: 0;
}

.PricingTable img
{
  border: 0;
}

.PricingTable th
{
  text-align: right;
  font-weight: normal;
  font-size: 95%;
  padding: 4px 4px 4px 4px;
}

.PricingTable td
{
  font-size: 95%;
  border-left: solid 2px #E5F1F9;
  padding: 4px 4px 4px 4px;
  text-align: center;
}

.PricingTable tr.PTodd td
{
  border-left: solid 2px #FFFFFF;
}

.PricingTable tr.PThead td
{
  border-left: solid 2px #999999;
}

.PThead
{
  background-color: #999999;
  color: #FFFFFF;
  font-weight: bold;
  font-size: 120%;
  text-align: center;
}

.PThead th,
.PThead td
{
  padding: 0px 0px 0px 0px;
}

.PTodd
{
  background-color: #E5F1F9;
}

.PTHeadDiv
{
  height: 24px;
}

.PTHeadDiv div
{
  padding: 4px 4px 4px 4px;
}

.PTHeadLeft
{
  background: #999999 url('pt_topleft.gif') no-repeat top left;
}

.PTHeadRight
{
  background: #999999 url('pt_topright.gif') no-repeat top right;
}

.PTFootLeft
{
  background: #999999 url('pt_bottomleft.gif') no-repeat bottom left;
}

.PTFootRight
{
  background: #999999 url('pt_bottomright.gif') no-repeat bottom right;
}



/* -- treeList -- */

div.treeList ul
{
	list-style-type: none;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 10px;
}
div.treeList li
{
	padding: 5px 0px 0px 0px;
}
div.treeList .treeListIcon
{
	margin-right: 10px;
}

/* -- sizerTable -- */

table.sizerTable
{
	width: 100%;
}
table.sizerTable td.sizerTableLeft
{
	border: solid 1px #000000;
	padding: 4px 4px 4px 4px;
}
table.sizerTable td.sizerTableBar
{
	width: 6px;
	background: #888888 url('/Content/images/dots.gif') repeat-y top left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
table.sizerTable td.sizerTableRight
{
	border: solid 1px #000000;
	padding: 4px 4px 4px 4px;
}

/* -- sortTable -- */

table.sortTable
{
	font-size: 90%;
	width: 100%;
}

table.sortTable th
{
	background-color: #4b4d5e;
	color: #FFFFFF;
	padding: 4px 4px 4px 4px;
}

table.sortTable th > a
{
	color: #FFFFFF;
}

table.sortTable th > a:hover
{
	color: #CCFFFF;
}

table.sortTable td
{
	background-color: #BBC3DD;
	padding: 4px 4px 4px 4px;
}

/* -- segments -- */

div.segmentEditControls
{
	float: right;
}

/* -- sideBar -- */

div#navSpace
{
	position: absolute;
	font-size: 80%;
	height: 24px;
	z-index: 30;
	width: 850px;
}

div#navigation
{
	float: right;
}

div#navigation h1
{
	position: absolute;
	visibility: hidden;
}

div#navigation ul
{
	z-index: 40;
	position: relative;
	top: -20px;
	/*left: 300px;*/
	margin: 0;
	padding: 0;
	list-style-type: none;
}

div#navigation ul li span
{
	position: absolute;
	visibility: hidden;
}

/*Top level list items*/
div#navigation ul li
{
	padding: 0;
	position: relative;
	display:-moz-box;
	float: left;
	z-index: 45;
}

/*Top level menu link items style*/
div#navigation ul li a
{
	margin: 0;
	display: block;
	white-space: nowrap;
	text-decoration: none;
	padding: 0px 5px 0px 5px;
	font-weight: normal;
	font-size: 95%;
	color: #FFFFFF;
	border-left: solid 1px #FFFFFF;
	z-index: 50;
}

div#navigation ul li:first-child a
{
	border-left: none;
}
	
/*1st sub level menu*/
div#navigation ul li ul
{
	margin: 0;
	padding: 0;
	left: 0;
	position: absolute;
	top: 1em; /* no need to change, as true value set by script */
	display: block;
	visibility: hidden;
	background-color: #999999;
}

/*Sub level menu list items (undo style from Top level List Items)*/
div#navigation ul li ul li
{
	margin: 0;
	padding: 0;
	display: list-item;
	float: none;
	position: relative;
	top: 0px;
	left: -2px;
}

/*All subsequent sub menu levels offset after 1st level sub menu */
div#navigation ul li ul li ul
{ 
	left: 159px; /* no need to change, as true value set by script */
	top: 0;
}

/* Sub level menu links style */
div#navigation ul li ul li a
{
	margin: 0;
	display: block;
	width: 160px; /*width of sub menu levels*/
	color: #000000;
	text-decoration: none;
	background-color: #FFFFFF;
	border: 1px solid #999999;
	padding: 4px 4px 4px 4px;
}

div#navigation ul li a:hover
{
	color: #55CCFF;
}

div#navigation ul li ul li a:hover
{
	background-color: #872738;
	color: #55CCFF;
}

#siteBanner a 
{
	border: none;
}

#siteBanner a img
{
	border: none;
}

/*Background image for top level menu list links */
/*div#navigation .mainfoldericon
{
	background: transparent url(images/arrow-down.gif) no-repeat center right;
}*/

/*Background image for subsequent level menu list links */
/*div#navigation .subfoldericon
{
	background: #F3F3F3 url(images/arrow-right.gif) no-repeat center right;
}*/