@charset "utf-8";
/* CSS Document */
/*------------------------------------------------------------------------------
  Old School Cameras - style sheet for rentals.htm and most rental catalog pages
  - redesign, development, and code by: Sean Glassford
  - last updated: 4/1/2012
  - Copyright 2012, Old School Cameras, All Rights Reserved
--------------------------------------------------------------------------------*/

/* hide sections with webfont text until page loads to avoid font flicker */
.wf-loading .tabs a, .wf-loading .subcat, .wf-loading .subsubcat, .wf-loading .ch {
  visibility:hidden;
}
.wf-active .tabs a, .wf-active .subcat, .wf-active .subsubcat, .wf-active .ch, .wf-inactive .tabs a, .wf-inactive .subcat, .wf-inactive .subsubcat, .wf-inactive .ch {
  visibility: visible;
}
.ch {
	//characters
}
#screenwrap {
	background-color:#000;
	height:140px;
	min-width:950px;
	overflow:visible;
	background:url(../images/rentalback3.png) center top no-repeat #000;
}
#screen {
	position:relative;
	top:0px;
	left:0px;
	width:950px;
	height:140px;
	color:#fff;
	margin:0 auto;
	
}
#pagename {
	position:absolute;
	top:52px;
	left:20px;
	height:30px;
	max-width:420px;
	color:#e2e1dd;
	font-family:"FunctionProBold", Helvetica, Arial, sans-serif;
	font-size:30px;
	text-shadow: 0px 3px 1px rgba(116,118,121,.3), 0 0 5px rgba(116,118,121,.4), 0 1px 3px rgba(116,118,121,.4), 0 5px 7px rgba(116,118,121,.2);
	opacity:0.90;
	filter: alpha(opacity=90);
}
#suggested {
	position:absolute;
	top:10px;
	left:470px;
	width:470px;
	height:120px;
}
#suggleft {	
}
#suggright {
}
#mainwrap {
	position:relative;
	background:url(../images/mainback.jpg) center top repeat-x #dedddb;
	min-width:950px;
	height:auto !important;
	min-height:100%;
    overflow: visible;
}
#main {
	background:url(../images/mainline.png) left top no-repeat; 
	position:relative;
	top:0px;
	left:0px;
	width:950px;
	margin:0 auto;	
	color:#fff;
	height:100%;
	min-height:100%;
}
#ribbon {
	position:relative;
	top:0px;
	left:0px;
	height:90px;
	width:950px;
}
#catalog_nav {
	position:relative;
	top:50px;
	left:0px;
	height:40px;
	width:950px;
	font-family:"FunctionCapsMedium", "Lucida Console", Helvetica, Arial, sans-serif;
	font-size:18px;
	padding:none;
	margin:none;
	border:none;
}
#catalog_nav a {
    text-decoration:none;
	color:#333;
}
#cameras {left:20px;}
#lenses {left:156px;}
#digital {left:275px;}
#electronics {left:399px;}
#mechanics {left:556px;}
#support {left:711px;}
#batteries {left:843px;}
#triangle_cat {
	position:absolute;
	top:32px;
	left:58px;
	width:12px;
	height:7px;
	background:url(../images/triangle.png) left top no-repeat;
}

/*------------ left nav ---------------*/
.leftnav {
	position:relative;
	top:10px;
	left:0px;
	width:190px;
	float:left;
}
.navbox {
	position:relative;
	left:0px;
	width:190px;
	margin:10px 0 10px 0;
}
.headnav {
	position:relative;
	top:0px;
	left:0px;
	width:190px;
	height:34px;
	background:url(../images/navhead.png) left top no-repeat;	
}
.subcat {
	position:absolute;
	top:7px;
	left:10px;
	font-family:"FunctionCapsDemi", "Lucida Console", Helvetica, Arial, sans-serif;
	font-size:17px;
	letter-spacing:.02em;
	color:#d6d6d4;
	opacity:0.95;
    filter: alpha(opacity=95);
}
.linknav {
	position:relative;
	top:0px;
	left:0px;
	width:190px;
	background:url(../images/leftnavback.png) left top repeat-y;
	padding: 0 0 2px 0;
}
.linknav a {
    text-decoration:none;
	color:#333;
}
.linknav a:hover {
    text-decoration:none;
    color:#fff;
	text-shadow:0px 3px 1px rgba(0,0,0,.2), 0 0 5px rgba(0,0,0,.99), 0 1px 3px rgba(0,0,0,.4), 0 3px 5px rgba(0,0,0,.2), 0 5px 10px rgba(0,0,0,.25);
	opacity:0.99;
    filter: alpha(opacity=99);
	background:url(../images/da_hover.png) left top no-repeat;
	
}
.subsubcat {
	position:relative;
	padding: 2px 0 2px 0;
	font-size:16px;
	letter-spacing:.05em;
	color:#333;
	opacity:0.99;
	filter: alpha(opacity=99);
}
.stub {
	position:relative;
	top:0px;
	left:0px;
	background:url(../images/leftnavback.png) left top repeat-y;
}
.suggback {
	background:url(../images/suggback.png) left top no-repeat;
}
.dacurrent {
	text-decoration:none;
    color:#fff;
	text-shadow:0px 3px 1px rgba(0,0,0,.2), 0 0 5px rgba(0,0,0,.99), 0 1px 3px rgba(0,0,0,.4), 0 3px 5px rgba(0,0,0,.2), 0 5px 10px rgba(0,0,0,.25);
	opacity:0.99;
    filter: alpha(opacity=99);
	padding: 0 0 0 20px;
	cursor:default;
}
.dalink {
	padding:0 0 0 20px;
}
.da_arrow {
	background:url(../images/da_arrow.png) left top no-repeat;
}
.da_hover {
	background:url(../images/da_hover.png) left top no-repeat;
}

/*------------ right side product listing ---------------*/
.listing {
	position:relative;
	margin-top:20px;
	right:5px;
	width:720px;
	float:right;
}
.da_product {
	position:relative;
	min-width:720px;
	height:auto !important;
	min-height:100%;
	left:0px;
	margin-bottom:10px;
	color::#fff;
}