<!--



<!-- Top navigation bars -->

.top-backing 				{ background-color: #000063; }

.top-smallbar-backing		{ background-color: #eeeeee; }

.top-links					{ font-family:Arial; font-weight:bold; font-size:8pt; color:#ffffff; text-decoration: none; }

.top-links:hover			{ font-family:Arial; font-weight:bold; font-size:8pt; color:#cccccc; text-decoration: none; }

.top-smallbar-text			{ font-family:Arial; font-weight:bold; font-size:8pt; color:#000063; text-decoration: none; }

.textbox-search 			{ background-color: #FFFF80; font-family: Arial; font-size: 8pt; font-weight: light; color: #000000; border: 1 solid #000000; }

.button-search 				{ background-color: #0000FF; font-family: Arial; font-size: 8pt; font-weight: bold; color: #FFFFFF; border: 1 solid #000000; padding: 0px; height: 20px; cursor: hand; }



<!-- Left And Right Menus -->

.menu-backing				{ background-color: #eeeeee; }

.menu-backing-title			{ background-image: url(../images/mcart_side_bg.jpg); }

.menu-backing-content		{ background-color: #eeeeee; }

.menu-title-text			{ font-family:Arial; font-weight:bold; font-size:8pt; color:#000063; text-decoration: none; }

.menu-section-links			{ font-family:Arial; font-weight:normal; font-size:8pt; color:#000063; text-decoration: none; }

.menu-section-links:hover 	{ font-family:Arial; font-weight:bold; font-size:8pt; color:#FFFFFF; text-decoration: none; }

.menu-subsection-links		{ font-family:Arial; font-weight:normal; font-size:8pt; color:#000063; text-decoration: none; }

.menu-subsection-links:hover{ font-family:Arial; font-weight:normal; font-size:8pt; color:#0000FF; text-decoration: none; }

.menu-normal-text			{ font-family:Arial; font-weight:normal; font-size:8pt; color:#000063; text-decoration: none; }

.menu-bold-text				{ font-family:Arial; font-weight:bold; font-size:8pt; color:#000063; text-decoration: none; }

.menu-links					{ font-family:Arial; font-weight:normal; font-size:8pt; color:#000063; text-decoration: none; }

.menu-links:hover 			{ font-family:Arial; font-weight:normal; font-size:8pt; color:#0000FF; text-decoration: none; }



<!-- Middle Section (Main Content) -->

.middle-backing				{ background-color: #FFFFFF; }

.text-path 					{ font-family:Arial; font-weight:bold; font-size:8pt; color:#000000; text-decoration: none; }

.text-path:hover			{ font-family:Arial; font-weight:bold; font-size:8pt; color:#000063; text-decoration: underline; }

.middle-normal-text			{ font-family:Arial; font-weight:normal; font-size:9pt; color:#000000; text-decoration: none; }

.middle-normal-text-pad		{ font-family:Arial; font-weight:normal; font-size:9pt; color:#000000; text-decoration: none; padding-left: 5px; padding-right: 5px ;}

.table-backing-title		{ background-color: #ffffff; }

.table-backing-content		{ background-color: #cccccc; }

.field-backing-title		{ background-color: #eeeeee; }

.field-backing-content		{ background-color: #eeeeee; }

.table-title-text			{ font-family:Arial; font-weight:bold; font-size:9pt; color:#000000; text-decoration: none; }

.middle-links				{ font-family:Arial; font-weight:bold; font-size:8pt; color:#000000; text-decoration: none; }

.middle-links:hover			{ font-family:Arial; font-weight:bold; font-size:8pt; color:#000000; text-decoration: none; }

.product-field-title		{ font-family:Arial; font-weight:bold; font-size:8pt; color:#000000; text-decoration: none; }

.product-field-content		{ font-family:Arial; font-weight:normal; font-size:8pt; color:#000000; text-decoration: none; }

.normal-field-title			{ font-family:Arial; font-weight:bold; font-size:8pt; color:#000000; text-decoration: none; }

.normal-field-content		{ font-family:Arial; font-weight:normal; font-size:8pt; color:#000000; text-decoration: none; }

.error-text					{ font-family:Arial; font-weight:bold; font-size:8pt; color:#000000; text-decoration: none; }

.highlight-text				{ font-family:Arial; font-weight:bold; font-size:8pt; color:#494949; text-decoration: none; }

.highlight-text-pad				{ font-family:Arial; font-weight:bold; font-size:9pt; color:#494949; text-decoration: none; padding-left: 5px; padding-right: 5px ;}


<!-- Product styles -->

.description-text			{ font-family:Arial; font-weight:normal; font-size:9pt; color:#000000; text-decoration: none; }

.specialoffer-text			{ font-family:Arial; font-weight:bold; font-size:8pt; color:#494949; text-decoration: none; }

.extrafield-title-text		{ font-family:Arial; font-weight:bold; font-size:8pt; color:#000000; text-decoration: none; }

.extrafield-content-text	{ font-family:Arial; font-weight:normal; font-size:8pt; color:#000000; text-decoration: none; }

.qty-title-text				{ font-family:Arial; font-weight:bold; font-size:8pt; color:#000000; text-decoration: none; }

.price-title-text			{ font-family:Arial; font-weight:bold; font-size:8pt; color:#000000; text-decoration: none; }

.price-content-text			{ font-family:Arial; font-weight:bold; font-size:10pt; color:#000000; text-decoration: none; }

.other-title-text			{ font-family:Arial; font-weight:bold; font-size:8pt; color:#000000; text-decoration: none; }

.darkshade-backing			{ background-color: #AAAAAA; }

.mediumshade-backing		{ background-color: #BBBBBB; }

.lightshade-backing			{ background-color: #CCCCCC; }

.extralightshade-backing	{ background-color: #DDDDDD; }

.review-title-backing		{ background-color: #CCCCCC; }

.review-subject-backing		{ background-color: #DDDDDD; }

.review-content-backing		{ background-color: #EEEEEE; }

.review-title-text			{ font-family:Arial; font-weight:bold; font-size:8pt; color:#000000; text-decoration: none; }

.review-content-text		{ font-family:Arial; font-weight:normal; font-size:8pt; color:#000000; text-decoration: none; }



<!-- Section styles -->

.header-title				{ font-family:Arial; font-weight:bold; font-size:9pt; color:#000000; text-decoration: none; }

.header-description			{ font-family:Arial; font-weight:normal; font-size:9pt; color:#222222; text-decoration: none; }

.subsection-description		{ font-family:Arial; font-weight:normal; font-size:8pt; color:#222222; text-decoration: none; }

.shipping-title				{ font-family:Arial; font-weight:bold; font-size:11pt; color:#000000; text-decoration: underline; }


<!-- General Form Fields -->

.textbox 					{ background-color: #FFFFFF; font-family: Arial; font-size: 8pt; font-weight: light; color: #000000; border: 1 solid #000000; }

.button						
{ background-color: #800000; font-family: Arial; font-size: 8pt; font-weight: bold; color: #FFFFFF; border: 1 solid #000000; padding: 0px; height: 20px; cursor: hand; text-align: center; }

.button-product						
{ background-color: 99FF33; font-family: Arial; font-size: 8pt; font-weight: bold; color: #000000; border: 1 solid #000000; padding: 2px; height: 20px; cursor: hand; text-align: center; }

.selectbox					{ background-color: #FFFFFF; font-family: Arial; font-size: 8pt; font-weight: light; color: #000000; border: 1 solid #000000; }



<!-- Copyright -->

.copyright-text				{ font-family:Arial; font-weight:normal; font-size:8pt; color:#000000; text-decoration: none; }

.copyright-links			{ font-family:Arial; font-weight:bold; font-size:8pt; color:#000000; text-decoration: none; }

.copyright-links:hover 		{ font-family:Arial; font-weight:bold; font-size:8pt; color:#000000; text-decoration: none; }



<!-- Default Options -->

A 							{ font-family:Arial; font-weight:bold; font-size:8pt; color:#000000; text-decoration: none; }

A:hover 					{ font-family:Arial; font-weight:bold; font-size:8pt; color:#000000; }

.body-shop					{ background-color: #FFFFFF; margin: 0px; }

<!-- Added Pages -->

table.PS-Prd, table.WC-Prd{
border-collapse:collapse;
font-family:Arial; font-weight:bold; font-size:8pt; color:#ffffff; text-decoration: none;
}
table.PS-Prd th{
color:#333;
background-image: url(http://www.rampconnection.com/tn/tab-mid-silver.gif);
}
table.WC-Prd th{
color:#333;
background-image: url(http://www.rampconnection.com/tn/tab-mid-blue.gif);
}
table.PS-Prd td, table.WC-Prd td{
color:#333;
border:1px solid #666;
margin:2px;
padding:2px;
}
table.PS-Prd th.left{
background-image: url(http://www.rampconnection.com/tn/tab-r-crn.gif);
}
table.PS-Prd th.right{
background-image: url(http://www.rampconnection.com/tn/tab-r-crn.gif);
}
table.PS-Prd tr.evens{ 
background-image: url(http://www.rampconnection.com/tn/td-bl-back.gif); 
}
table.WC-Prd th.left{
background-image: url(http://www.rampconnection.com/tn/tab-blue-L-crn.gif); 
}
table.WC-Prd th.right{
background-image: url(http://www.rampconnection.com/tn/tab-blue-r-crn.gif); 
}
table.WC-Prd tr.evens{ 
background-image: url(http://www.rampconnection.com/tn/td-bl-back.gif); }
table.PS-Prd caption {
	color: #FF0000;
	font: bold 11pt verdana, arial, helvetica, sans-serif;
}

table.WC-Prd caption {
	color: #FF0000;
	font: bold 11pt verdana, arial, helvetica, sans-serif;
}
.arial-12-B-Red {
font:bold 12pt arial, helvetica, sans-serif;
color:#f00;
}
.arial-10-B-Red {

font:bold 10pt arial, helvetica, sans-serif;
color:#f00;
}
.arial-8{
font:8pt arial, helvetica, sans-serif;
color:#000;
text-align:center;
}



-->


ul#menu {
	width: 100%;
	height: 43px;
	background: #FFF url("http://store.rampconnection.com/shopimages/products/thumbnails/menu-bg.gif") top left repeat-x;
	font-size: 0.8em;
	font-family: "Lucida Grande", Verdana, sans-serif;
	font-weight: bold;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
ul#menu li {
	display: block;
	float: left;
	margin: 0 0 0 5px;
}
ul#menu li a {
	height: 43px;
	color: #777;
	text-decoration: none;
	display: block;
	float: left;
	line-height: 200%;
	padding: 8px 15px 0;
}
ul#menu li a:hover {
	color: #FFFFFF;
    background: #FFF url("http://store.rampconnection.com/shopimages/products/thumbnails/current-bg.gif") top left repeat-x;
	padding: 5px 15px 0;
}
ul#menu li a:visited {
	color: #000000;
}
ul#menu li a.current {
	color: #FFF;
	background: #FFF url("http://store.rampconnection.com/shopimages/products/thumbnails/current-bg.gif") top left repeat-x;
	padding: 5px 15px 0;
}


#outside{
	border:3px solid #C0C0C0;
	background:#7D0526;
	}
#navigation-1 {
	padding:1px 0;
	margin:0px;
	list-style:none;
	width:100%;
	height:21px;
	border-top:1px solid #FFFFFF;
	border-bottom:1px solid #FFFFFF;
	font:normal 8pt verdana, arial, helvetica;
}
#navigation-1 li {
	margin:0;
	padding:0;
	display:block;
	float:left;
	position:relative;
	width:148px;
}
#navigation-1 li a:link, #navigation-1 li a:visited {
	padding:4px 0;
	display:block;
	text-align:center;
	text-decoration:none;
	background:#7D0526;
	color:#ffffff;
	width:148px;
	height:13px;
}
#navigation-1 li:hover a, #navigation-1 li a:hover, #navigation-1 li a:active {
	padding:4px 0;
	display:block;
	text-align:center;
	text-decoration:none;
	background:#666666;
	color:#ffffff;
	width:146px;
	height:13px;
	border-left:1px solid #ffffff;
	border-right:1px solid #ffffff;
}
#navigation-1 li ul.navigation-2 {
	margin:0;
	padding:1px 1px 0;
	list-style:none;
	display:none;
	background:#ffffff;
	width:146px;
	position:absolute;
	top:21px;
	left:-1px;
	border:1px solid #7D0526;
	border-top:none;
}
#navigation-1 li:hover ul.navigation-2 {
	display:block;
}
#navigation-1 li ul.navigation-2 li {
	width:146px;
	clear:left;
	width:146px;
}
#navigation-1 li ul.navigation-2 li a:link, #navigation-1 li ul.navigation-2 li a:visited {
	clear:left;
	background:#7D0526;
	padding:4px 0;
	width:146px;
	border:none;
	border-bottom:1px solid #ffffff;
	position:relative;
	z-index:1000;
}
#navigation-1 li ul.navigation-2 li:hover a, #navigation-1 li ul.navigation-2 li a:active, #navigation-1 li ul.navigation-2 li a:hover {
	clear:left;
	background:#666666;
	padding:4px 0;
	width:146px;
	border:none;
	border-bottom:1px solid #ffffff;
	position:relative;
	z-index:1000;
}
#navigation-1 li ul.navigation-2 li ul.navigation-3 {
	display:none;
	margin:0;
	padding:0;
	list-style:none;
	position:absolute;
	left:145px;
	top:-2px;
	padding:1px 1px 0 1px;
	border:1px solid #7D0526;
	border-left:1px solid #7D0526;
	background:#ffffff;
	z-index:900;
}
#navigation-1 li ul.navigation-2 li:hover ul.navigation-3 {
	display:block;
}
#navigation-1 li ul.navigation-2 li ul.navigation-3 li a:link, #navigation-1 li ul.navigation-2 li ul.navigation-3 li a:visited {
	background:#7D0526;
}
#navigation-1 li ul.navigation-2 li ul.navigation-3 li:hover a, #navigation-1 li ul.navigation-2 li ul.navigation-3 li a:hover, #navigation-1 li ul.navigation-2 li ul.navigation-3 li a:active {
	background:#666666;
}
#navigation-1 li ul.navigation-2 li a span {
	position:absolute;
	top:0;
	left:132px;
	font-size:12pt;
	color:#fe676f;
}
#navigation-1 li ul.navigation-2 li:hover a span, #navigation-1 li ul.navigation-2 li a:hover span {
	position:absolute;
	top:0;
	left:132px;
	font-size:12pt;
	color:#ffffff;
}