/*
'	TOC:
'	+Layout 
'	+Fonts
'	+Buttons
'	+Header
'	+Forms
*/

/*-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~
	+Layout
-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~ */


body { 
	background: url(../graphics/outer_background.jpg); 
	background-repeat: repeat-x; 
	background-color: #FFF; 
	margin-top: 0px; 
	margin-bottom: 0px;
	} 
	
table, tr, td {
	font-family: Tahoma;
	color: #666666;
	font-size: 14px;
	line-height: 24px;
	/* [disabled]background-color: #D6D6D6; */
	alignment-adjust: baseline;
	}
	
.InnerBackground {
	background-color: #EEEEEF;
	border-style: solid;
	border-width: 0px 1px 1px 1px;
	border-color: #999;
	}
	
.StorageUnits {
	background-color: #FFF;
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	border-color: #999;
	margin-top:  10px;
	margin-bottom: 10px;
	}
	
.BottomBar {
	background: url(../graphics/bottom_gradient.gif) repeat-x;
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	border-color: #999;
	margin-top: 5px;
	}

.ImageOutline { 
	border-style: solid; 
	border-color: #666; 
	border-width: 1px;
	}
	
.RatesTable {
	background: url(graphics/rates_gradient.jpg) repeat-x;
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	border-color: #999;
	margin-bottom: 10px;
	}	

/*-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~
	+Fonts
-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~ */

h1 {
	font-family: Tahoma;
	font-weight: lighter;
	font-size: 24px;
	color: #000;
	padding-bottom: 6px;
	}	
	
.h2 {
	font-family: Tahoma;
	font-weight: lighter;
	font-size: 18px;
	color: #000;
 	}	
	
.dimensions {
	font-size: 11px;
	color: #666;
	}
	
.unitPrice {
	font-size: 14px;
	color: #697B8C;
	font-weight: bold;
	}

	
	
/*-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~
	+Buttons
-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~ */

a.Link:link    {font-size: 14px; color:#990000; text-decoration:none; }
a.Link:visited {font-size: 14px; color:#990000; text-decoration:none; }
a.Link:active  {font-size: 14px; color:#990000; text-decoration:none; }
a.Link:hover   {font-size: 14px; color:#000000; text-decoration:underline; }

a.Space:link    {font-size: 16px; font-weight: bold; color:#990000; text-decoration:none; }
a.Space:visited {font-size: 16px; font-weight: bold; color:#990000; text-decoration:none; }
a.Space:active  {font-size: 16px; font-weight: bold; color:#990000; text-decoration:none; }
a.Space:hover   {font-size: 16px; font-weight: bold; color:#000000; text-decoration:underline; }

a.PrimaryNav:link    {font-size: 16px; color:#5B636E; text-decoration:none; padding-left:15px; padding-right:15px;}
a.PrimaryNav:visited {font-size: 16px; color:#5B636E; text-decoration:none; padding-left:15px; padding-right:15px;}
a.PrimaryNav:active  {font-size: 16px; color:#5B636E; text-decoration:none; padding-left:15px; padding-right:15px;}
a.PrimaryNav:hover   {font-size: 16px; color:#B13446; text-decoration:none; padding-left:15px; padding-right:15px;}

a.BottomNav:link    {font-size: 11px; color:#666; text-decoration:none; letter-spacing: 0.5px; padding-left:6px; padding-right:6px; margin-top: 5px;}
a.BottomNav:visited {font-size: 11px; color:#666; text-decoration:none; letter-spacing: 0.5px; padding-left:6px; padding-right:6px; margin-top: 5px;}
a.BottomNav:active  {font-size: 11px; color:#666; text-decoration:none; letter-spacing: 0.5px; padding-left:6px; padding-right:6px; margin-top: 5px;}
a.BottomNav:hover   {font-size: 11px; color:#A1B6DE; text-decoration:none; letter-spacing: 0.5px; padding-left:6px; padding-right:6px; margin-top: 5px;}

a.resources:link    {font-size: 13px; color:#666; text-decoration:none; }
a.resources:visited {font-size: 13px; color:#666; text-decoration:none; }
a.resources:active  {font-size: 13px; color:#666; text-decoration:none; }
a.resources:hover   {font-size: 13px; color:#990000; text-decoration:underline; }

	
/*-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~
	+Forms
-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~ */
.Asterisk {
	font-size: 12;
	color: #FF0000;
	}


input, select, textarea {
	font-family: Tahoma;
	font-size: 13px;
	color: #666666;
}

.ProductTitleForm {
	font-size: 13;
	font-weight: bold;
	}


/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}


/* Faded Slider
----------------------------------------------------------------------------------------------------*/

#faded {
	position:center;
	left:24px;
	top:186px;
	padding-bottom:20px;
	}
/*
 * Required: If fixed height, state it here
*/
#faded .rap {
	border:1px solid #999999;
	width:936px;
	height:324px;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	box-shadow:-2px 8px 5px rgba(0, 0, 0, .6);
	-moz-box-shadow:-2px 8px 5px rgba(0, 0, 0, .6);
	-webkit-box-shadow:-2px 8px 5px rgba(0, 0, 0, .6);
	z-index:10;
	overflow:hidden;
	}
	#faded .rap img {
		margin:2px 0 0 2px;
		}
		
ul.pagination {
	position: absolute;
	z-index: 10;
	top: 289px;
	margin-left: 10px;
	text-decoration: none;

}
ul.pagination li {
	float:left;
	padding-right:3px;
	text-decoration: none;
}
ul.pagination li a {background: url(../graphics/buttons.png) no-repeat; height:21px; width:21px; display:block; text-decoration: none; }
ul.pagination li a:hover, ul.pagination li.current a {
	background: url(../graphics/buttons_active.png) no-repeat;
	font-size: 14px;
	text-decoration: none;
}

#faded .extra-banner {
	position:absolute;
	left:485px;
	top:307px;
	z-index:11;
	}