.top-links  {
	font-size: 10px;
	color: black;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-weight: bold;
	padding-top: 17px;
	height: 47px;
	overflow: hidden;
}

.top-links a:link {
	font-size: 10px;
	color: black;
	text-decoration: underline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.top-links a:hover {
	font-size: 10px;
	color: #333333;
	text-decoration: underline;
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.top-links a:active {
	font-size: 10px;
	color: black;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.top-links a:visited {
	font-size: 10px;
	color: black;
	text-decoration: underline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}


body {
	margin-top: 0px;
	background-color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif !important;
}

.image-cell {
	padding-top: 2px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	
}

.designcredit {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #666666;
	background-color: #E4EAED;
	
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 5px;
}
.menubg {
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 11px;
	font-weight: bold;
	color: #4B4B4C;
	background-color: #FFFFFF;
	background-image: url(http://ram.refresh.co.za/images/menu_bg.jpg);
	background-repeat: repeat-x;
}
.footerbg {
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 9px;
	color: #FFFFFF;
	background-color: #E4EAED;
	background-image: url(http://ram.refresh.co.za/images/ft_bg.jpg);
	background-repeat: repeat-x;
}

.footerbg a:link {
	color: #FFFFFF;
	text-decoration: none;
}
.footerbg a:hover {
	
	text-decoration: underline;
}
.footerbg a:active {
	color: #FFFFFF;
	text-decoration: none;
}
.footerbg a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
.shadow_l {
	background-image: url(http://ram.refresh.co.za/images/shadow_l.jpg);
	background-repeat: repeat-y;
	background-position: right;	
}
.shadow_r {
	background-image: url(http://ram.refresh.co.za/images/shadow_r.jpg);
	background-repeat: repeat-y;
	background-position: left;	
}

.sidetitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
	letter-spacing: 1px;
	/*background-image: url(http://ram.refresh.co.za/images/sidet_bg.jpg);*/
	background-repeat: repeat-x;
}

.sidetitle-home {
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	letter-spacing: 1px;
	/*background-image: url(http://ram.refresh.co.za/images/sidet_bg.jpg);*/
	background-repeat: repeat-x;
}

.sidetitle2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
	letter-spacing: 1px;
	background-image: url(http://ram.refresh.co.za/images/sidet2_bg.jpg);
	background-repeat: repeat-x;
}

.sidetitle_small {
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	letter-spacing: 1px;
	background-image: url(http://www.rammountain.co.za/images/sidet2_bg.jpg);
	background-repeat: repeat-x;
}

.side_header2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 12pt;
	font-weight: bold;
	color: #4B4B4C;
}

.side_header_grouping {
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 12pt;
	font-weight: bold;
	color: #4B4B4C;
	background-color: #ebebeb;
	width: 100%;
}

.side_news_grouping {
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 11pt;
	font-weight: bold;
	color: #4B4B4C;
	background-color: #ebebeb;
	
}

.side_header {
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 9pt;
	font-weight: bold;
	color: #4B4B4C;
}
.side_text {
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 9pt;
	color: #4B4B4C;
	padding-top: 13px;
	height: 47px;
	
}

.search-brown{
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 9pt;
	color: #483420;
	background-color:#eaceb2;
	
}

.side_text_header {
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 12pt;
	color: #4B4B4C;
}
.side_date {
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 10pt;
	color: #4B4B4C;
}
.side {
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 10pt;
}

.side a:link {
	color: #FF1A00;
	text-decoration: none;
}
.side a:hover {
	color: #FF1A00;
	text-decoration: underline;
}
.side a:active {
	color: #FF1A00;
	text-decoration: none;
}
.side a:visited {
	color: #FF1A00;
	text-decoration: none;
}
.bottom {
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 9pt;
}
.bottom a:link {
	color: #4B4B4C;
	text-decoration: none;
}
.bottom a:hover {
	color: #4B4B4C;
	text-decoration: underline;
}
.bottom a:active {
	color: #4B4B4C;
	text-decoration: none;
}
.bottom a:visited {
	color: #4B4B4C;
	text-decoration: none;
}


.subpgside {
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 9pt;
	background-color: #FCFBD9;
	margin-left: 5px;
	padding-left: 5px;
}
.subpgside_header {
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 11pt;
	color: #4B4B4C;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #4B4B4C;
	background-color: #FCFBD9;
	margin-left: 5px;
	padding-left: 5px;
}
.subpgside a:link {
	color: #4B4B4C;
	text-decoration: underline;
}
.subpgside a:hover {
	color: #4B4B4C;
	text-decoration: underline;
	background-color: white;
	
}
.subpgside a:active {
	color: #4B4B4C;
	text-decoration: none;
}
.subpgside a:visited {
	color: #4B4B4C;
	text-decoration: underline;
}


a.header-link:link {
	color: #4B4B4C;
	text-decoration: underline;
	font-size: 9pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-weight: bold;
}
a.header-link:hover {
	color: #4B4B4C;
	text-decoration: underline;
	font-size: 9pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-weight: bold;
}
a.header-link:active {
	color: #4B4B4C;
	text-decoration: underline;
	font-size: 9pt;
	color: #4B4B4C;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-weight: bold;
}
a.header-link:visited {
	color: #4B4B4C;
	text-decoration: underline;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 9pt;
	font-weight: bold;
}

a.header-link-large:link {
	color: white; text-decoration: underline; font-size: 12pt; font-family: Verdana; font-weight: bold; 
}
a.header-link-large:hover {
	color: white; text-decoration: none; font-size: 12pt; font-family: Verdana; font-weight: bold; 	
	
}
a.header-link-large:active {
	color: white; text-decoration: underline; font-size: 12pt; font-family: Verdana; font-weight: bold; 
}
a.header-link-large:visited {
	color: white; text-decoration: underline; font-size: 12pt; font-family: Verdana; font-weight: bold; 
}

a.header-link-med:link {
	color: white; text-decoration: underline; font-size: 10pt; font-family: Verdana; font-weight: bold; 
}
a.header-link-med:hover {
	color: white; text-decoration: none; font-size: 10pt; font-family: Verdana; font-weight: bold; 	
	
}
a.header-link-med:active {
	color: white; text-decoration: underline; font-size: 10pt; font-family: Verdana; font-weight: bold; 
}
a.header-link-med:visited {
	color: white; text-decoration: underline; font-size: 10pt; font-family: Verdana; font-weight: bold; 
}



a.header-link-sm:link {
	color: white; text-decoration: underline; font-size: 9pt; font-family: Verdana; font-weight: bold; 
}
a.header-link-sm:hover {
	color: white; text-decoration: none; font-size: 9pt; font-family: Verdana; font-weight: bold; 	
	
}
a.header-link-sm:active {
	color: white; text-decoration: underline; font-size: 9pt; font-family: Verdana; font-weight: bold; 
}
a.header-link-sm:visited {
	color: white; text-decoration: underline; font-size: 9pt; font-family: Verdana; font-weight: bold; 
}






a.text-link-sm:link {
	color: #4B4B4C; text-decoration: underline; font-size: 10pt; font-family: Verdana; font-weight: normal; 
}
a.text-link-lsm:hover {
	color: #4B4B4C; text-decoration: none; font-size: 10pt; font-family: Verdana; font-weight: normal; 	
	background-color: #FFFFFF;
}
a.text-link-sm:active {
	color: #4B4B4C; text-decoration: underline; font-size: 10pt; font-family: Verdana; font-weight: normal;  
}
a.text-link-sm:visited {
	color: #4B4B4C; text-decoration: underline; font-size: 10pt; font-family: Verdana; font-weight: normal; 
}


a:link {
	color: #4B4B4C; text-decoration: underline; font-size: 10pt; font-family: Verdana; font-weight: normal; 
}
a:hover {
	color: #4B4B4C; text-decoration: none; font-size: 10pt; font-family: Verdana; font-weight: normal; 	
	
}
a:active {
	color: #4B4B4C; text-decoration: underline; font-size: 10pt; font-family: Verdana; font-weight: normal;  
}
a:visited {
	color: #4B4B4C; text-decoration: underline; font-size: 10pt; font-family: Verdana; font-weight: normal; 
}


.subpgprice {
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 14px;
	color: #FFFFFF;
	font-weight: bold;
	background-image: url(http://ram.refresh.co.za/images/sidet_bg.jpg);
	background-repeat: repeat-x;
}
.maintbl_left {
	padding-left: 5px;
}

.footer {
	background: url(images/bg_footer.jpg) left top repeat;
	height: 210px;
	padding-top: 16px;
	padding-left: 20px;
	margin-top: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	
}

.footer_wrap {
	margin: 0 auto; 
	width: 960px;
}

.footer_section {
	width: 215px;
	float: left; 
	font-family: Verdana, Arial, Helvetica, sans-serif;	
}

.footer_section h3 {
	color: #e7eae9;
	font-size: 18px;
	text-transform: uppercase;	
	margin-bottom: 13px !important;
}

.footer_section ul {
	color: #868686;
	font-size: 12px;
	list-style: none;
	padding: 0px;
	margin: 0px;
}

.footer_section ul li {
	color: #868686;
	font-size: 12px;
	padding-bottom: 8px;
}

.footer_section ul li a {
	color: #868686;
	font-size: 12px;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
}

.footer_section ul li a:hover {
	text-decoration: underline;
}

.footer .last {
	width: 250px;
	color: #868686;
	font-size: 12px !important;
}

.footer .last a {
	color: orange;
	font-weight: bold;
}

.credits {
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 30px;
	background: black;
	color: #6a6a6a;
	height: 20px;
	font-size: 11px;
}

.credits a{
	color: #6a6a6a;
	font-size: 11px !important
	
}

.credits span{
	color: #6a6a6a;
	font-size: 11px !important
}

.left{
	display: block; 
	float: left;
}

.right{
	display: block; 
	float: right;
	margin-right: 20px;
}

.slider {
	height: 315px !important;
	overflow: hidden;
	
}

.slider .slide_container {
	margin: 0 auto;
	width: 954px !important;
	position: relative;
	z-index: 2;
	overflow: hidden;
	height: 315px !important;
	border: 3px solid black;
	border-bottom: 3px solid black !important;
	
}

.slider .slide_container div {
	position: absolute;
	top: 0;	
	border-left: none;
	/*display: block; 
	float: left;*/

}

.slider .slide_container div a {

	position: absolute;
	left: 350px;
	top: 255px;
	background: black;
	width: 175px;
	height: 28px;
	padding-top: 12px;
	text-transform: uppercase;
	color: #ffffff;
	text-decoration: none;
	text-align: center;
	font-weight: bold;

}	


.slide_container div.active_slide img { top: -312px; position: absolute; }

.slider .slide_container div img {
	width: 605px;
	height: 624px;
	border-left: 3px solid black;
}	



.slider .slide_container .slide_01 {		
	left: 0; 
	z-index: 40;	
}

.slider .slide_container .slide_01 img { border-left: none; }

.slider .slide_container .slide_02 {	
	
	left: 555px; 
	z-index: 50;	
}

.slider .slide_container .slide_03 {	
	
	
	left: 605px; 	
	z-index: 60;
}

.slider .slide_container .slide_04 {	
	
	
	left: 655px; 	
	z-index: 70;
}

.slider .slide_container .slide_05 {	
	
	
	left: 705px; 	
	z-index: 80;
}

.slider .slide_container .slide_06 {	
	
	
	left: 755px; 	
	z-index: 90;
}

.slider .slide_container .slide_07 {	
	
	
	left: 805px; 	
	z-index: 100;
}

.slider .slide_container .slide_08 {	

	
	z-index: 110;
	left: 855px; 	
}
.slider .slide_container .slide_09 {	

	
	z-index: 120;
	left: 905px; 	
}

.homepage_container {
	
	width: 958px;
	display: table;
	margin: 0 auto;
	border-right: 1px solid black;
	border-left: 1px solid black;
	padding-bottom: 15px;
}

.menu_container {
	width: 960px;
	margin: 0 auto;
	
}



ul.main li {
	
	display: block; 
	float: left;
	color: #ffffff;
	list-style: none;	
	text-transform: uppercase;	
	padding-top: 24px;
	font-size: 17px;
	font-weight: bold;
	position: relative;
	z-index: 10;
	font-family: FrutigerBoldCondensed, Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal !important;
}

ul.main li a {
	font-family: FrutigerBoldCondensed, Verdana, Arial, Helvetica, sans-serif;	
	font-size: 18px;
}

 ul.main li.h_brand{ width: 180px; padding-left: 30px; }
 ul.main li.h_cat{ width: 240px; }
 ul.main li.h_retail{ width: 160px; }
 ul.main li.h_gear{ width: 197px; }
 ul.main li.h_edge{ padding-top: 13px; }



 ul.main li ul { background: #222222; width: 200px; margin: 0px; padding: 0px; padding-top: 21px; position: absolute; top: 44px; padding-bottom: 10px; display: none; border: 1px solid #222222; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; text-align: left !important; padding-left: 20px; }
 ul.main li ul li { display: block; margin: 0px; padding: 0px; background: #222222; width: 200px; text-align: left; }
 ul.main li ul li a{ display: block; color: #fff; font-size: 11px; padding-bottom: 12px; text-decoration: none; font-weight: normal !important; }
	 ul.main li ul li a:hover { text-decoration: underline; }
	 
ul.main li  ul li ul { background: #595959 !important; margin-left: 3px; width: 150px; } 	 
ul.main li  ul li ul li { background: #595959 !important; } 	 
ul.main li  ul li ul li a { background: #595959 !important; } 	 

 ul.main li.h_brand ul { left: 0; width: 190px !important; }
	 ul.main li.h_brand ul li { width: 190px !important; position: relative; }
		ul.main li.h_brand ul li a:hover { cursor: pointer; }
	 
 ul.main li.h_brand ul li ul { position: absolute; top: -2px; left: 187px; width: 155px;  }
 
	ul.main li.h_brand ul li ul li a { text-align: left !important; padding-left: 15px; text-transform: none !important; }
	
 ul.main li.h_cat ul { left: -10px; width: 160px !important; }
	 ul.main li.h_cat ul li { width: 160px !important; }	
	
 ul.main li.h_retail ul { left: -50px; width: 160px !important; }
	 ul.main li.h_retail ul li { width: 160px !important; }	
	
 ul.main li.h_gear ul { left: -20px; width: 160px !important; }
	 ul.main li.h_gear ul li { width: 160px !important; }	

 ul.main li.h_edge ul { left: -44px; width: 175px !important; }
	 ul.main li.h_edge ul li { width: 175px !important; }	

.homepage_container ul.details {
	list-style: none; 
	padding: 0px; 
	margin: 0px;
	/*background: url(images/homepage_bg.jpg) left top no-repeat;*/
	padding: 0px !important;
	margin: 0px ! important;
	padding-top: 20px !important;
	padding-bottom: 20px !important;
	/*height: 400px;*/
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	
}

.homepage_container ul.details li { list-style: none; padding: 0px !important; margin: 0px !important; font-size: 10px !important; }
.homepage_container ul.details li a { font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif;	 }

.homepage_container ul.details li ul {
	margin: 0px;
	padding: 0px;	
	font-size: 12px !important;
	
}

.homepage_container ul.details li ul li a:hover { cursor: pointer; }

.homepage_container ul.details li.brand {
	width: 185px;
	display: block; float: left;
	padding-left: 15px !important;	
	
	color: #4B4B4C;
	
}

.clickable a { color: #4B4B4C; }

.homepage_container ul.details li.brand ul li ul {
	display: none; 
	margin-left: 17px;
}

.homepage_container ul.details li.brand ul li ul li { text-transform: lower !important; }
.homepage_container ul.details li.brand ul li ul li a { text-transform: lower !important; }

.homepage_container ul.details li.category {
	width: 190px;
	display: block; float: left;
	padding: 0px; margin: 0px;	
	
}

.homepage_container ul.details li.category div {
	display: none; 
}

.homepage_container ul.details li.category ul li ul {
	display: none; 
}

.homepage_container ul.details li.activity {
	width: 175px;
	display: block; float: left;
	padding: 0px; margin: 0px;	
	
}

.homepage_container ul.details li.retailers {
	width: 200px;
	display: block; float: left;
	
}

.homepage_container ul.details li.edge {
	width: 150px;
	display: block; float: left;
	
}

.homepage_container ul.details li.edge ul {
	margin-left: 14px;
}

.homepage_container ul.details li.edge p {
	color: grey;
	margin-top: 0px;
	width: 170px;
	font-size: 12px;
}

.homepage_container ul.details li.edge p a {
	background: none;
	color: grey; 
	font-size: 10px;
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	text-decoration: underline;
}

.homepage_container ul.details li a{
	display: block;
	background: url(images/bullets.png) left 6px no-repeat;
	padding-left: 15px;
	padding-bottom: 5px;
	text-decoration: none;
}

.homepage_container ul.details li a:hover {
	text-decoration: underline;
}

.client_container {
	border-top: 2px solid #cecece;
	width: 958px !important; 
	height: 180px;
	margin: 0 auto;
	background: url(images/client_logos.jpg) left top no-repeat;
	border-left: 1px solid black;
	border-right: 1px solid black;
	border-bottom: 1px solid black;
	
}

.client_container p {
	font-size: 12px;
	color: grey;
	font-weight: bold;
	padding-left: 5px;
}

.header_container {
	width: 960px;
	margin: 0 auto;
	height: 103px;
}

.header_container h1 a{ 
	display: block;
	height: 103px;
	width: 164px;
	background: url(images/h1logo.jpg) left top no-repeat;
	text-indent: -9999px;
	float: left;
}

.right_menus {
	float: right;
	width: 389px;
}

.right_menus ul.top {
	list-style: none;
	margin: 0px;
	padding: 0px;
	float: right;
	margin-top: 25px;	
	height: 21px;
	font-family: FrutigerBoldCondensed, Verdana, Arial, Helvetica, sans-serif;	
}

.right_menus ul.top li {
	display: block; 
	float: left;
}

.right_menus ul.top li a {
	font-size: 13px;
	text-decoration: none;
	padding-left: 20px;
	font-family: FrutigerBoldCondensed, Verdana, Arial, Helvetica, sans-serif;	
	color: #222222;
	font-weight: normal !important;
	
}

.right_menus ul.top li a:hover {
	text-decoration: underline;
	
}

.right_menus ul.bottom {
	
	height: 30px;
	width: 349px;
	float: right;	
	display: block;
	margin-bottom: 0px;
	background: url(images/menu_bottom.jpg) left top no-repeat;
	padding-top: 15px;
	
}

.right_menus ul.bottom  li {
	display: block;
	float: left;
	
}

.right_menus ul.bottom  li a {
	color: #fff;
	font-family: FrutigerBoldCondensed, Verdana, Arial, Helvetica, sans-serif;	
}

.right_menus ul.bottom  li.first {
	margin-right: 30px;
}

.right_menus ul.bottom  li.last {
	/*margin-top: 12px;
	margin-left: 20px;*/
	margin-top: -5px !important;
	margin-left: 15px !important;
}

.searchbox {
	background: #000000;
	color: #808080;
	border: none;
	padding: 5px;
	padding-top: 6px;
	font-style: italic;	
	border-bottom: 1px solid #474747;
	border-right: 1px solid #474747;
	width: 155px;
	display: block;
	float: left;
}

.btn_search {
	background: url(images/btn_search.jpg) left top no-repeat;
	border: none; 
	height: 26px;
	margin-left: 0px;
	float: left; 
	display: block;
	margin-left: -20px;
	margin-top: 1px;
}

.btn_search:hover { cursor: pointer; }

.client_container a {
	text-indent: -9999px;
}

a.gizmos { display: block; float: left; background: url(images/gidgitz.png) left top no-repeat; width: 148px; height: 74px; }
a.gizmos:hover { background: url(images/gidgitz.png) left -71px no-repeat; } 

a.steripen { display: block; float: left; background: url(images/steripen.jpg) left top no-repeat; width: 164px; height: 74px; }
a.steripen:hover { background: url(images/steripen.jpg) left -74px no-repeat; } 

a.nikwax { display: block; float: left; background: url(images/nikwax.jpg) left top no-repeat; width: 102px; height: 74px; }
a.nikwax:hover { background: url(images/nikwax.jpg) left -74px no-repeat; } 

a.bibler { display: block; float: left; background: url(images/bibler.jpg) left top no-repeat; width: 173px; height: 74px; }
a.bibler:hover { background: url(images/bibler.jpg) left -74px no-repeat; } 

a.gsi { display: block; float: left; background: url(images/gsi.png) left top no-repeat; width: 120px; height: 55px; margin-top: 15px; margin-left: 10px; }
a.gsi:hover { background: url(images/gsi.png) left -55px no-repeat; } 

a.princeton { display: block; float: left; background: url(images/princeton.jpg) left top no-repeat; width: 193px; height: 74px; }
a.princeton:hover { background: url(images/princeton.jpg) left -74px no-repeat; } 

a.saltic { display: block; float: left; background: url(images/saltic.jpg) left top no-repeat; width: 172px; height: 74px; }
a.saltic:hover { background: url(images/saltic.jpg) left -74px no-repeat; } 

a.black { display: block; float: left; background: url(images/blackdiamond.jpg) left top no-repeat; width: 232px; height: 61px; }
a.black:hover { background: url(images/blackdiamond.jpg) left -62px no-repeat; } 

a.pacific { display: block; float: left; background: url(images/pacificdoor.jpg) left top no-repeat; width: 162px; height: 61px; }
a.pacific:hover { background: url(images/pacificdoor.jpg) left -62px no-repeat; } 

a.beal { display: block; float: left; background: url(images/beal.jpg) left top no-repeat; width: 130px; height: 61px; }
a.beal:hover { background: url(images/beal.jpg) left -62px no-repeat; } 

a.jetboil { display: block; float: left; background: url(images/jetboil.jpg) left top no-repeat; width: 155px; height: 61px; }
a.jetboil:hover { background: url(images/jetboil.jpg) left -62px no-repeat; } 

a.e3 { display: block; float: left; background: url(images/e3.jpg) left top no-repeat; width: 124px; height: 61px; }
a.e3:hover { background: url(images/e3.jpg) left -62px no-repeat; } 

a.singingrock { display: block; float: left; background: url(images/singingrock.jpg) left top no-repeat; width: 155px; height: 61px; }
a.singingrock:hover { background: url(images/singingrock.jpg) left -62px no-repeat; } 

/*.content_container { width: 960px; margin: 0 auto; background: #F3F3F3; }*/
.content_container { width: 958px; margin: 0 auto; background: #FFF; border-left: 1px solid black; border-right: 1px solid black; }

.page_content { width: 650px; padding-top: 10px; margin-left: 10px; color: #4B4B4C; padding-bottom: 20px; padding-right: 15px; float: left; font-size: 12px !important; }
	.page_content h2{ font-family: FrutigerBoldCondensed, Verdana, Arial, Helvetica, sans-serif;	 font-size: 20px; padding-top: 2px;width: 667px; height: 26px; background: url(images/subpage_h2.jpg) left top no-repeat; color: #fff; margin-top: 10px; padding-left: 15px; text-transform: uppercase; }
		.page_content h3{ font-family: FrutigerBoldCondensed, Verdana, Arial, Helvetica, sans-serif;	; font-size: 18px; padding-top: 3px;width: 667px; height: 25px; background: url(images/content_h3.jpg) left top no-repeat; color: #fff; margin-top: 0px; padding-left: 15px; }
		.page_content table, p { margin-left: 10px; }
	
.right_sidebar { position: relative; z-index: 99; border: 1px solid #dbdbdb; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; width: 245px; float: left; margin-top: 22px; margin-left: 10px; background: #dbdbdb; padding: 10px; margin-bottom: 10px; }
	.right_sidebar ul { list-style: none; margin: 0px; padding: 0px; padding-left: 10px; padding-right: 10px; width: 200px; }
		.right_sidebar ul li{ margin-bottom: 5px; }
			.right_sidebar ul li a{ text-decoration: none; }
				.right_sidebar ul li a:hover{ text-decoration: underline; }
					.right_sidebar ul li div { display: none; }
					
					.right_sidebar ul li ul { display: none; }

@font-face {
    font-family: 'FrutigerBoldCondensed';
    src: url('type/frutigbc-webfont.eot');
    src: url('type/frutigbc-webfont.eot?#iefix') format('embedded-opentype'),
         url('type/frutigbc-webfont.woff') format('woff'),
         url('type/frutigbc-webfont.ttf') format('truetype'),
         url('type/frutigbc-webfont.svg#FrutigerBoldCondensed') format('svg');
    font-weight: normal;
    font-style: normal;

} 

.retailers{ padding-top: 30px; }
	.retailers h3{ font-family: FrutigerBoldCondensed, Verdana, Arial, Helvetica, sans-serif;	;	font-size: 20px; padding-top: 2px;width: 925px; height: 26px; background: url(images/retailer_h3.jpg) left top no-repeat; color: #fff; margin-left: 10px; margin-top: 0px; padding-left: 15px; text-transform: uppercase; }
	
.retailer_links { width: 710px !important; display: block; margin-left: 155px; text-align: center; }

.advanced_search{ padding-top: 20px; padding-bottom: 20px; font-size: 12px; }
	.advanced_search h3{ font-family: FrutigerBoldCondensed, Verdana, Arial, Helvetica, sans-serif;	 font-size: 20px; padding-top: 2px; width: 925px; height: 26px; background: url(images/h3_gold.jpg) left top no-repeat; color: #fff; margin-left: 10px; margin-top: 0px; padding-left: 15px; }
	
.advanced_search form { padding-left: 15px; }
	.advanced_search form span { padding-left: 3px; }

.advanced_search form input { background: url(images/bg_input.jpg) left top no-repeat; width: 270px; height: 32px; border: none; padding-left: 10px; padding-right: 10px; }
.advanced_search form select { background: url(images/bg_input.jpg) left top no-repeat; width: 290px; height: 32px; border: none; color: #000; font-weight: bold; padding-top: 8px; margin-top: -2px; padding-left: 5px; }

.btn_red { display: block; width: 99px; height: 35px; background: url(images/search_red.jpg) left top no-repeat !important; text-indent: -9999px; }	
	.btn_red:hover { background: url(images/search_red.jpg) left -35px no-repeat !important; cursor: pointer; }	

.results { font-size: 12px; }	
.results h3 { font-family: FrutigerBoldCondensed, Verdana, Arial, Helvetica, sans-serif;	; font-size: 18px; padding-top: 3px; width: 925px; height: 25px; background: url(images/h3_gold.jpg) left top no-repeat; color: #fff; margin-left: 10px; margin-top: 0px; padding-left: 15px; }

ul.list_retailer { list-style: none; width: 935px; overflow: hidden; padding: 0px; margin: 0px; padding-left: 5px; }
	ul.list_retailer li { background: #fff; width: 450px; height: 83px; float: left; margin-left: 15px; margin-bottom: 15px; border: 1px solid #dedede; overflow: hidden; }
		ul.list_retailer li img { display: block; float: left; margin-left: 12px; margin-top: 12px; }
		
		ul.list_retailer li div.details {  float: left; padding-bottom: 10px; width: 270px; font-size: 12px !important; position: relative; }
			ul.list_retailer li div.details { font-size: 12px; color: #000; margin-left: 10px; font-weight: bold; }
			
			ul.list_retailer li div.details a.more{ display: block; margin-top: -20px; margin-left: 155px; font-weight: normal; font-size: 12px !important; position: absolute; right: -34px; top: 80px; width: 140px; }
				ul.list_retailer li div.details a.more:hover { font-size: 12px !important; text-decoration: underline; display: block; margin-top: -20px; margin-left: 155px; font-weight: normal; cursor: pointer; font-family: Verdana, Arial, Helvetica, sans-serif;	 }
.float_right { float: right !important; }
.clearfix { clear: both; }

.no-retail { padding-left: 12px; padding-right: 12px; }

.no-retail p { padding-left: 12px; padding-right: 12px; }

.form_table input { padding: 4px; width: 200px; margin-bottom: 15px;}

.links   { background: #fff; display: block; margin-bottom: 5px; }

td.search_image { display: block; width: 135px !important;  margin-right: 5px; float: left; padding-top: 10px; }
	td.search_image img { vertical-align: middle !important; }
td.search_detail { display: block; width: 325px !important; margin-right: 5px; float: left; padding-right: 10px; padding-top: 10px; }
td.search_small { display: block; width: 135px !important; margin-right: 5px; float: left; padding-top: 10px; }

.search_row { border-bottom: 2px solid dashed; }

.breadcrumb { margin-left: 10px; }
	.breadcrumb a { text-decoration: none; }
	.breadcrumb a:hover { text-decoration: underline; }
	
.sub_details { margin-left: -10px !important; }

h3.locator { color: #AA2C12; font-family: FrutigerBoldCondensed, Verdana, Arial, Helvetica, sans-serif;	 margin-top: -5px;}

.white_row tr { }

.gallery-select { padding: 7px; }
	.white_row tr td { padding: 5px; }
	
.cart_table {}
	.cart_table td { background: #fff; border: 1px solid #fff; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}
	
.total_table{}
	.total_table td { background: #fff; border: 1px solid #fff; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; padding: 5px; font-size: 16px !important;}
	
.mini_cart{ border: 1px solid #ebebeb; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; margin-bottom: 5px; }
	
	
.retail_list { margin-top: -10px; }

.embed { z-index: 99 !important;  position: relative !important; background: #fff; }

ul.main {
	border-top: 3px solid black;
	background: #222222;
	width: 960px;
	height: 65px;
	margin: 0px !important;
	padding: 0px !important;
	position: relative;
	z-index: 999;
	
}

ul.main  li { position: relative !important; z-index: 9999 !important; }

ul.main li ul li ul li ul { top: -22px !important; background: #787272 !important; }
ul.main li ul li ul li ul li { background: #787272 !important; }
ul.main li ul li ul li ul li a { background: #787272 !important; }

ul.main li ul li ul li ul li ul { background: #999292 !important; }
ul.main li ul li ul li ul li ul li { background: #999292 !important; }
ul.main li ul li ul li ul li ul li a { background: #999292 !important; }

ul.main li.h_cat ul li ul { left: 157px !important; top: 0px !important; }


/* START LIGHTBOX */

#fade { /*--Transparent background layer--*/
	display: none; /*--hidden by default--*/
	background: #000;
	position: fixed; left: 0; top: 0;
	width: 100%; height: 100%;
	opacity: .80;
	z-index: 9999;
}
.popup_block{
	display: none; /*--hidden by default--*/
	background: #fff;
	padding: 20px;
	border: 5px solid #ddd;
	float: left;
	font-size: 1.2em;
	position: fixed;
	top: 50%; left: 50%;
	z-index: 99999;
	/*--CSS3 Box Shadows--*/
	-webkit-box-shadow: 0px 0px 20px #000;
	-moz-box-shadow: 0px 0px 20px #000;
	box-shadow: 0px 0px 20px #000;
	/*--CSS3 Rounded Corners--*/
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
img.btn_close {
	float: right;
	margin: -43px -37px 0 0;
}
/*--Making IE6 Understand Fixed Positioning--*/
*html #fade {
	position: absolute;
}
*html .popup_block {
	position: absolute;
}

.popup_block h2 { background: #5F97CF; display: block; padding: 10px; font-size: 20px; color: #fff; margin-bottom: -13px; }

/* END LIGHTBOX */

.the_head { color: #fff !important; text-decoration: none !important; font-size: 18px !important;  }

.homepage_container ul.details li.category ul { margin-left: 17px !important; }