@charset "UTF-8";
/* 
Title:     Media Bakery - lbsc.css (Lightbox/Shopping Cart Styles)
Author:    Darrin Waterbury, darrin@darrinscottstudios.com
*/
body {
	margin: 0 36px 0 20px;
	/*margin: 0;*/
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small; /* for IE5/Win */
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: small; /* for compliant browsers */
	color: #666666;
	text-align: left;
	background: #fff;
}
html>body { /* be nice to Opera */
	font-size: small;
}
body#p-lightbox #t-lightbox a {
	color: #337ecb;
	/*color: #deded8;*/
	background: url(/images/lb_selected_bg.gif) no-repeat center top;
}
body#p-shoppingcart #t-shoppingcart a {
	color: #337ecb;
	/*color: #B9D8DF;*/
	background: url(/images/lb_selected_bg.gif) no-repeat center top;
}


/* Create Lightbox Container
------------------------------------------------------------------------------------------------- */
#createLoginContainer {
	float: left;
	width: 100%;
	color: #fff;
	background: #ffb20d;
	border-bottom: 1px solid #fff;
}
#createLoginContainer a {
	color: #525247;
	text-decoration: none;
}
#toggleArrow {
	float: right;
	margin: 10px 20px;
	display: inline;
}
#leftCol {
	float: left;
	width: 30%;
	
}
#middleCol {
	float: left;
	padding: 0 20px;
	width: 20%;
	border-right: 1px solid #ffd986;
	border-left: 1px solid #ffd986;
	
}
#rightCol {
	float: left;
	width: 30%;
	
}
.gutter {
	padding: 10px;
}
/* PBContainer
------------------------------------------------------------------------------------------------- */
#lightboxCtrls, #shoppingcartCtrls {
	float: left;
	padding-right: 10px;
	/*border-right: 1px solid #fff;*/
}
#lightboxMenu, #shoppingcartMenu {
	float: left;
	padding-left: 10px;
}
/* Lightbox/Shopping Cart Tab Navigation
------------------------------------------------------------------------------------------------- */
#lbscTabNav {
	clear: left;
	float: left;
	margin: 10px 0 5px 10px !important;
	margin: 10px 0 5px 5px;
	padding: 0;
	height: 21px;
	list-style: none;
	display: inline;
	overflow: hidden;
}
#lbscTabNav li {
	margin: 0;
	padding: 0;
	list-style: none;
	display: inline;
}
#lbscTabNav a {
	float: left;
	padding: 21px 7px 0 0;
	overflow: hidden;
	height: 0px !important;
	height /**/:21px; /* for IE/Win only */
}
#lbscTabNav a:hover {
	background-position: 0 -21px;
}
#lbscTabNav a:active, #lbscTabNav a.selected {
	background-position: 0 -21px;
}
#tnNew a {
	width: 37px;
	background: url(/images/tnNew.gif) no-repeat top left;
}
#tnRename a {
	width: 56px;
	background: url(/images/tnRename.gif) no-repeat top left;
}
#tnCopy a {
	width: 43px;
	background: url(/images/tnCopy.gif) no-repeat top left;
}
#tnEmail a {
	width: 44px;
	background: url(/images/tnEmail.gif) no-repeat top left;
}
#tnPrint a {
	width: 44px;
	background: url(/images/tnPrint.gif) no-repeat top left;
}
#tnDelete a {
	width: 53px;
	background: url(/images/tnDelete.gif) no-repeat top left;
}
/* Lightbox/Shopping Cart Links (Preferences, Advanced Features, Make PDF)
------------------------------------------------------------------------------------------------- */
#lbsclinks {
	position: absolute;
	top: 55px;
	left: 0;
	margin: 0;
	padding: 0;
	list-style: none;
}
#lbsclinks li {
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
}
#lbsclinks a {
	margin: 0;
	padding: 0 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	color: #666;
	text-decoration: none;
	text-transform: none;
	background: url(/images/links-li-bg.gif) no-repeat center right;
}
#lbsclinks a:hover {
	color: #333;
	text-decoration: underline;
}
#lbMakePDF a, #scPrefs a{
	background: none;
}
/* Image Target Area
------------------------------------------------------------------------------------------------- */
#thumbnailContainer {
	float: left;
	margin: 0;
	padding: 0 14px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	/*border-left: 1px solid #ccc;*/
}
.thumbnailItem {
	float: left;
	margin-right: 5px;
}
.thumbnailItemTable {
	float: left;
}
.thumbnailItemTable td {
	padding: 0 5px 0 0;
	vertical-align: top;
}
/* Lightbox Navigation
------------------------------------------------------------------------------------------------- */
#lbnavContainer {
	position: absolute;
	bottom: 0;
	left: 0;
	margin: 0;
	padding: 0;
	width: 100%;
	background: url(/images/tabNav_bg.gif) repeat-x top left;
	/*border-right: 1px solid #999;
	border-left: 1px solid #999;*/
}
#lbnav {
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 85%;
	display: inline;
}
#lbnav li {
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
	text-transform: uppercase;
	background: url(/images/lb-links-li-bg.gif) no-repeat 0 50%;
}
#lbnav a {
	float: left;
	margin: 1px 0 0 0;
	padding: 8px 10px;
	text-decoration: none;
	border-bottom: none;
	color: #333;
	font-weight: bold;
}
#lbnav a:hover, #lbnav a.active {
	color: #337ecb;
}
li#t-lightbox {
	background: none;
}
/* Min/Max
----------------------------------------------------------------------------------------------- */
#minMax {
	float: right;
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 85%;
	display: inline;
}
#minMax li {
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
	text-transform: uppercase;
	background: url(/images/lb-links-li-bg.gif) no-repeat 0 50%;
}
#minMax a {
	float: left;
	margin: 1px 0 0 0;
	padding: 8px 10px;
	text-decoration: none;
	border-bottom: none;
	color: #333;
	font-weight: bold;
}
#minMax a:hover, #minMax a.active {
	color: #337ecb;
}
li#t-minimize {
	background: none;
}
/* Shopping Cart
----------------------------------------------------------------------------------------------- */
#p-shoppingcart #dragtoContainer {
	position: relative;
	float: left;
	padding: 10px 0 10px 0;
	width: 100%;
	text-align: center;
	text-transform: uppercase;
	background: #B9D8DF;
}

#t-shoppingcart a:hover {
	color: #337ecb;
}
