/* 
' ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
' Title			: ACTIVEA | Master Stylesheet
' Description	: This page contains overall styles for a new site
' ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
' History
' 08/24/2005	: David Ellenwood - Created Page
' 01/27/2006	: David Ellenwood - Modified for Mt. Borah
' 08/11/2006	: David Ellenwood - Modified for new site MASTER TEMPLATE
' 08/30/2007	: Tony Groves - Updated for Cranberry Connections
' ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 				HTML <tag> REVISIONS
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
body 							{background-image:url('multimedia/images/cc/tile.jpg'); border-top:#8B2B24 solid 8px; font-family:Arial, Helvetica, sans-serif; font-size:12px; margin:0; padding:0;}

a 								{color: #B70005;}
a:hover 						{}
a:active 						{}
a:visited 						{}

h1,h2,h3,h4,h5,h6,p 			{}
	
h1 								{font-size: 1.15em; font-weight:bold; margin:0; padding:0; color:#B70005;}
h2 								{font-size:1em; margin:0; padding:0; font-weight:normal;}
h3 								{color: #B70005; font-size:1.25em; font-weight:bold; padding:0 0 0 0; margin:0 8px 0 8px;}
h3 a 							{display: block; color:#B70005; font-size:.75em; font-weight:normal; padding:0 0 6px 0; margin:0 8px 0 8px;}
h4 								{font-size:1em; font-weight:normal; padding:4px 0 2px 0; margin:0 8px 0 8px;}
h4 a 							{font-size:1em; font-weight:normal; padding:4px 0 2px 0; margin:0 8px 0 8px;}
h5 								{margin:10px 0 2px 0; padding:0; font-size:.75em; color:#91898c;}
h5 a 							{color:#91898c;}
h6 								{margin:0; padding:5px 0 0 0; color:#FFD0A2; font-size:1em;}
p 								{margin:4px 0 4px 0; padding:0;}

form 							{padding:0; margin:0;}
input							{border:1px solid #000;}
select 							{border: 1px solid  #000 !important;}
img 							{border:none;}
table 							{}
th 								{}
td 								{vertical-align:top; margin:0; padding:0;}
hr 								{border:none; background:transparent;}
fieldset 						{border:none; margin:0; padding:2px;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 			UNIVERSAL CLASS DEFINITIONS
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.clear {						/* Used to clear the current line and move to the next */
	clear:both;
	font-size:1px;
	line-height:1px;
	margin:0 0 0 0;
	padding:1px 0 0 0;
}
.alignRight {					/* Right aligns text on any element */
	text-align:right;
	}

.alignCenter {					/* Right aligns text on any element */
	text-align:center;
	}

.alignLeft {
	text-align:left;
	}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 					 NAV STYLES
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.nav 							{background-image:url('multimedia/images/cc/navBG4.gif'); background-repeat:no-repeat; background-position:left bottom; padding:0; margin:-90px 0 7px 60px; z-index:2; position:relative; border-top:1px #fff solid;}
.nav ul							{position:relative ;margin:0 0 0 0; padding:14px 16px 22px 16px; list-style-type:none;}
.nav ul li						{position:relative ;margin:0 0 0 0; padding:0 8px 0 0; border-top:1px solid #fff; width:180px;}
.nav ul li.first				{border-top:none;}
.nav ul li a					{display: block; color:#8b2b24; text-decoration:none; text-indent: 30px; height: 19px;  margin:3px 0 0 0; padding: 2px 0 0 0;}
.nav ul li a.selected			{display: block; color:#8b2b24; text-decoration:none; text-indent: 30px; height: 19px;  margin:3px 0 0 0; padding: 2px 0 0 0;}
.nav ul li a:hover				{background-image:url('multimedia/images/cc/bullet2.gif'); background-repeat:no-repeat;background-position: 5px center;}
ul.secondary 					{padding:0 0 8px 0; margin:0 0 0 0; z-index:1; position:relative; border: none;}
ul.secondary li					{margin:0 0 0 0; padding:0 0 0 0; border: none;}
ul.secondary li.first			{border: none;}
ul.secondary li a				{display: block; color:#716b55; text-decoration:none; text-indent: 30px; height: 13px; margin:0 0 0 0; padding: 0 0 0 0; font-size:.9em;}
ul.secondary li a:hover			{background-image:url('multimedia/images/cc/bullet_small.gif'); background-repeat:no-repeat;background-position: 15px center;}
#berries						{z-index:1; position: relative;}



/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 				Shopping Cart STYLES
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#shoppingCart 					{padding:0; margin:0 0 0 60px; text-align:right; background-image: url('multimedia/images/cc/shoppingcart3.gif'); background-repeat:no-repeat; height: 112px;}
#shoppingCart h2				{position:relative; z-index:5; padding:42px 22px 0 0; color:#78735a; font-weight:bold;}
#shoppingCart h3				{position:relative; z-index:6; padding:0 15px 0 0;}
#shoppingCart h3 a				{text-decoration:none; margin:0; padding:0; color:#78735a;}
#shoppingCart h3 a:hover		{text-decoration:underline; color:#722c40;}

#cartBG							{position: absolute; margin :0 0 0 -226px; padding:0; display:inline;}
	
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 					FOOTER STYLES
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#footer 						{text-align:right; padding: 9px 86px 0 0;}
#footerIndex 					{text-align:right; padding: 9px 0 0 0;}
#footNav 						{padding:8px 0 5px 0; background-color:#aa9987; width: 790px; text-align:center; color:#FFF;}
#footNav a 						{color:#FFF; text-decoration:none; text-align:center;}
#footNav a:hover 				{text-decoration:underline;}
.bottomLinks					{color:#870a09; font-size:1.25em; font-weight:bold;padding: 6px 0 4px 0;}
.bottomLinks a					{margin:1px 0 0 0; padding:0; text-decoration:none; color:#870a09}
.bottomLinks a:hover			{text-decoration:underline;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 			     MASTER LAYOUT <div>'s
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#outerWrap {
	position:relative;
	margin:0 auto;
	padding:15px 0 0 0;
	width:960px;
	height: 600px;
	}
#outerWrap.home						{background-image:url('multimedia/images/cc/rightTOP.png'); background-position:top right; background-repeat:no-repeat;}
#main								{margin:0 0 0 285px; padding: 0;}
#subheader							{width:600px; margin:0 40px 5px 285px; padding:0 0 0 0; position:relative; height:26px;}
#subheader h6						{font-weight:normal; display: block; color:#870a09; margin: 0 0 0 0; padding: 0 4px 0 0; width: 275px; float:left;}
#centerColm							{width:410px; float:left;}
#centerColm #midCenter				{margin:9px 0; padding:0;}
#centerColm #midCenter img			{border:1px solid #8b2b24;}
#centerColm img.maywebkinz			{margin:-14px 0 -15px 0;}
#centerColm h6						{font-weight:normal; color:#870a09; margin:0 0 6px 0;}
#centerColm h6 a, #subheader h6 a	{font-weight:bold; color:#870a09; text-decoration:none;}
#centerColm h6 a:hover, #subheader h6 a:hover{text-decoration:underline;}
#leftColm 							{float:left; width:285px; margin:0; padding:0;}
#rightColm							{float:right; margin: 0; padding: 55px 73px 0 0; height: 485px;}
#rightColm #signup					{width:184px; height:67px;margin: 0 0 5px 0; padding: 2px 0 0 0;}
#rightColm #kidsarea				{width:184px; height:108px;margin: 0 0 9px 0;}
#rightColm #watchvideos				{width:182px; height:102px;margin: 0 0 9px 0;}
#rightColm #cantdecide				{width:182px; height:102px;margin: 0 0 0 0;}

.innerMiniForm						{width: 185px; text-align:right; margin:0 0 5px 0;}
.innerMiniForm a					{font-size:.9em;}
.innerMiniForm a:hover				{text-decoration:none;}
#subheader .miniForm				{width: 280px; padding: 0 20px 0 0; float:right;}
#subheader .miniForm .innerMiniForm {width: 280px;}
#subheader .miniForm .innerMiniForm a {}
#subheader .miniForm .innerMiniForm .simpleForm {width: 185px;float: left;}
.simpleForm h3						{font-weight:bold; color:#94848b; margin:0; padding:0; width:56px; float:left; text-align:left;}
.simpleForm .button					{background-image:url('multimedia/images/cc/searchBG.gif'); border:none; color:#fff;}

#berry								{padding:10px 0 0 0;}
#berry .text						{padding:8px 0 0 0;}
#berry h3 a							{margin:1px 0 0 0; padding:0; text-decoration:none;}
#berry h3 a:hover					{text-decoration:underline;}
#berry #berryIMG					{margin:0; float:left;}

#fileContents						{width: 90%; padding: 10px 0 0 0; border-bottom: none!important;}
#items h6							{font-weight:normal; display: block; color:#000; margin: 0 0 0 0; padding: 0 4px 6px 0; width: 275px;}
#items h6.subnav					{font-weight:normal; display: block; color:#B70005; margin: 0 0 4px 0; padding: 0 4px 6px 0; width: 98%; border-bottom: 1px #D4CFB8 solid;}
#items h6.subnav a					{font-weight:normal; color:#B70005; text-decoration:none;}
#items h6.subnav a:hover			{text-decoration:underline;}
#items h1							{width: 98%;}
#items h1.addedToCart				{text-align:right; padding: 0 0 12px 0; border-bottom: 1px #D4CFB8 solid;}
#items h2							{border-bottom: 1px #D4CFB8 solid;padding: 0 0 2px 0; margin: 0 0 2px 0;}
#items .desc h2						{border-bottom: none; padding: 0 0 2px 0; margin: 0 0 2px 0;}
#items .descBottom h2				{border-bottom: none; padding: 0 0 2px 0; margin: 0 0 2px 0;float:left;}
#items .descBottom					{position:relative; width :135px; bottom:0; right:0; margin:-16px 0 0 120px;}
#items .descBottom #productBrowse	{float: right; display: inline;padding: 0 0 6px 0;}
#items h6 a							{font-weight:normal; color:#000; text-decoration:none;}
#items h6 a:hover					{text-decoration:underline;}
#items fieldset						{}
#items .formRow						{text-align: right; padding: 2px 100px 2px 0;}
#items .leftBox .formRow			{text-align: right; padding: 2px 20px 2px 0;}
#items .rightBox .formRow			{text-align: right; padding: 2px 20px 2px 0;}
#items .formRow .label				{font-size: 1em; color: #000; text-align: right; margin:2px 0 0 0; font-weight:normal;}
#items .formRow .twoLine			{display: block; position: relative; padding: 4px 0 0 0;}
#items .formRow a					{}
#items .button						{font-size:.9em; color:#fff; border:1px solid #fff; background:#8b2b24; padding:2px 2px 2px 2px; text-decoration:none; margin:0 0 0 0;}
#items .formRow h5					{float: left; width: 254px; margin: 0;}
#items .leftBox						{float: left; width:260px; margin: 0; padding: 0;}
#items .rightBox					{float: right; width:260px; margin: 0; padding: 0 16px 0 0;}
#items .leftBox .formRow h5			{margin: 0;padding: 4px 0 0 0;}

#items #productView .formRow		{text-align: right; padding: 2px 0 2px 0;}