/*---------------------------LESLIE CABARGA ONLINE - GLOBAL CSS ------------------------------*/

/*###################################
####  Author: Timothy Britt      ####
####  Thinktree Creative         ####
####  2008-09-30                 ####
####  tim@thinktreecreative.com  ####
###################################*/


/*--------------------------- GLOBAL ----------------------------*/

.clear {clear: both;}
.left {float: left;}
.right {float: right;}
.middle {float: left;}
strong {
	font-weight: bold;
	font-size: 1.1em;
}
body {
	font-family: "Lucida Grande", Verdana, sans-serif;
	font-size: 11px;
	background: #55799b url(body_bg.jpg) repeat-x left top;
	color: #fff;
}

a, a:visited {
	color: #f89a1e;
	text-decoration: none;
	font-weight: bold;
}
a:hover{
	text-decoration: underline;
}

div#topBanner {
	height: 59px;
	background: url(banner_top.jpg) repeat-x left top;
	margin-top: 12px;
}
div#container {
	width: 910px;
	margin: 0 auto;
	position: relative;
}
#header h1 {
	background: url(logo.jpg) no-repeat left top;
	width: 348px;
	height: 75px;
	text-indent: -9999px;
	margin: 13px 0 0 0;
	float: left;
}
#header p {
	text-align: right;
	float: right;
	margin: 22px 7px 0 0;
}
#header p strong{
	color:  #f89a1e;
}
#header p a {
	margin-top: 4px;
	display: block;
        float: right;
        margin-left: 8px;
} 
#header ul.main-nav {
	background: url(nav_bg.jpg) no-repeat left top;
	height: 26px;
	margin: 0 auto;
	width: 903px;
	margin: 11px 0 0 3px;
}

#header ul.main-nav li, #header ul li a {
	display: block;
	height: 26px;
}

#header ul.main-nav li {
	float: left;
}

#header ul.main-nav li a {
	text-indent: -9999px;
	display: block;
	width: 100%;
	height: 100%;
}

#header ul.main-nav li.home {
	width: 118px;
}

#header ul.main-nav li.books {
	width: 116px;
}

#header ul.main-nav li.logos {
	width: 110px;
}

#header ul.main-nav li.fonts {
	width: 103px;
}

#header ul.main-nav li.illustration {
	width: 168px;
}

#header ul.main-nav li.space_design {
	width: 166px;
}

#header ul.main-nav li.misc {
	width: 118px;
}

#header ul.main-nav li a {
	background: url(nav_bg.jpg);
}

#header ul.main-nav li.home a {
	background-position: left top;
}

#header ul.main-nav li.books a {
	background-position: -116px top;
}

#header ul.main-nav li.logos a {
	background-position: -234px top;
}

#header ul.main-nav li.fonts a {
	background-position: -344px top;
}

#header ul.main-nav li.illustration a {
	background-position: -447px top;
}

#header ul.main-nav li.space_design a {
	background-position: -615px top;
}

#header ul.main-nav li.misc a {
	background-position: -781px top;
}

#header ul.main-nav li.home a:hover {
	background-position: left -26px;
}

#header ul.main-nav li.books a:hover {
	background-position: -116px -26px;
}

#header ul li.logos a:hover {
	background-position: -234px -26px;
}

#header ul.main-nav li.fonts a:hover {
	background-position: -344px -26px;
}

#header ul.main-nav li.illustration a:hover {
	background-position: -447px -26px;
}

#header ul.main-nav li.space_design a:hover {
	background-position: -615px -26px;
}

#header ul.main-nav li.misc a:hover {
	background-position: -781px -26px;
}

#header ul.main-nav li.home.active a {
	background-position: left -52px;
}

#header ul.main-nav li.books.active a {
	background-position: -116px -52px;
}

#header ul.main-nav li.logos.active a {
	background-position: -234px -52px;
}

#header ul.main-nav li.fonts.active a {
	background-position: -344px -52px;
}

#header ul.main-nav li.illustration.active a {
	background-position: -447px -52px;
}

#header ul.main-nav li.space_design.active a {
	background-position: -615px -52px;
}

#header ul.main-nav li.misc.active a {
	background-position: -781px -5px;
}

#header ul.secondary-nav {
        float: right;
        clear: right;
        margin-right: 7px;
        position: relative;
        top: 20px;
}

#header ul.secondary-nav li{
        float: left;
        margin-left: 10px;
}


#content {
	clear: both;
	margin-top: 20px;
}
#footer {
	height: 153px;
	background: #254669 url(footer_bg.jpg) repeat-x left top;
	margin-top: 50px;
}
#footer #footer-content {
	width: 900px;
	margin: 0 auto;
	padding-top: 20px;
}
#footer #footer-content p{
	float: left;
	line-height: 14px;
}
#footer #footer-content ul{
	float: right;
	text-align: right;
}
#footer #footer-content ul li{
	display: inline;
	margin-left: 10px;
}


/*--------------------------- HOME PAGE ----------------------------*/

#home #content #hero {
	width: 910px;
	height: 257px;
	background: url(hero.jpg) no-repeat left top;
}
#home #content #hero a {
	display: block;
	text-indent: -9999px;
	width: 100%;
	height: 100%;
}

#hero ul {
	position: relative;
	top: 50px;
	padding-left: 13px;
}

li#baby-huey {
	width:  132px;
}

li#richie-rich {
	margin-left: 10px;
	width: 133px;
}

li#secret-life {
	margin-left: 16px;
	width: 213px;
}

li#bible {
	margin-left: 27px;
	width: 154px;
}

li#learn-fontlab {
	margin-left: 12px;
	width: 152px;
}

#home #content #hero ul li {
	height:  193px;
	float: left;
}

#home #content #features {
	margin-top: 10px;
}
#home #content .grid3coleven .column {
	width: 292px;
	height: 224px;
	float: left;
	margin: 0 17px 0 0;
}

#home #content .grid3coleven .column.right {
	float: right;
	margin: 0;
	background: url(tiles_pane.jpg) no-repeat left top;
}

#home #content .grid3coleven .column.middle {
	background: url(books_pane.jpg) no-repeat left top;
}

#home #content .grid3coleven .column.left {
	background: url(fonts_pane.jpg) no-repeat left top;
}

#home #content .grid3coleven .column.left h2, #content .grid3coleven .column.left p {
	text-indent: -9999px;
}

#home #content .grid3coleven .column a {
	display: block;
	width: 292px;
	height: 224px;
	text-indent: -9999px;
}

#home #content .grid3coleven .column.left a {
	background: url(fonts_pane.jpg) no-repeat left top;
}

#home #content .grid3coleven .column.left a:hover {
	background: url(fonts_pane.jpg) no-repeat -309px top;
}

#home #content .grid3coleven .column.middle a {
	background: url(logos_pane.jpg) no-repeat left top;
}

#home #content .grid3coleven .column.middle a:hover {
	background: url(logos_pane.jpg) no-repeat -309px top;
}

#home #content .grid3coleven .column.right a {
	background: url(tiles_pane.jpg) no-repeat left top;
}

#home #content .grid3coleven .column.right a:hover {
	background: url(tiles_pane.jpg) no-repeat -309px top;
}


/*--------------------------- COLLECTIONS PAGE ----------------------------*/
#collection #content h1 {
	font-size: 30px;
	font-weight: bold;
	margin-left: 12px;
	margin-bottom: 8px;
}
#collection #showcase {
	width: 900px;
	margin: 0 auto;
	
	background: #fff;
}
#collection #showcase #top {
	height: 14px;
	background: url(showcase_top.jpg) no-repeat left top;
}
#collection #showcase #bottom {
	height: 24px;
	background: url(showcase_bottom.jpg) no-repeat left top;
}
#collection #showcase #itemsMatrix {
	width: 800px;
	text-align: center;
	margin: 0 auto;
	padding-bottom: 50px;
}
#collection #showcase .item {
	width: 360px;
	height: 100px;
	margin: 0 10px 0 10px; 
	float: left;
	text-align: left;
	padding: 36px 15px 36px 0;
	border-bottom: 1px solid #bbb;
	color: #333;
}
#collection #showcase .item img {
	float: left;
}
#collection #showcase .item .gallery-info {
	font-family: "Lucida Grande", verdana, sans-serif;
	padding-left: 125px;
}
#collection #showcase .item .gallery-info a {
	font-family: "Lucida Grande", verdana, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #8e191c;
	line-height: 14px;
}
#collection #showcase .item .gallery-info p.price{
	color: #000;
	font-size: 14px;
	margin-top: 8px;
	margin-bottom: 12px;
}
/*--------------------------- ILLUSTRATIONS PAGE ----------------------------*/

#page #illustrations {
	width: 900px;
	margin: 0 auto;
}
#page #illustrations .column.left {
	width: 350px;
}
#page #illustrations .column.left a{
	margin: 10px 10px 0 0;
	display: block;
	float: left;
}

/*--------------------------- PRODUCT PAGE ----------------------------*/


#product #productView {
	width: 900px;
	margin: 40px auto 0 auto;
	font-family: "Lucida Grande", verdana, sans-serif;
}
#product #product-left {
	float: left;
	width: 218px;
        color: #55799b;
}
#product #product-right {
	float: right;
	width: 622px;
}
#product #product-right h1 {
	font-size: 20px;
	padding-bottom: 12px;
	border-bottom: 1px solid #fff;
	margin-bottom: 12px;
}
#product #product-right p {
	color: #c6e1fb;
	line-height: 14px;
}
#product form {
	margin-bottom: 12px;
}
#product-variants {
	border:1px solid #648eb6;
	font-size:11px;
	margin:10px 0 15px;
	padding:3px;
}
#product-variants .odd {
	background: #648eb6;
}
#product-variants ul li {
	list-style-position:outside;
	list-style-type:none;
	margin-left:0;
	padding:4px 6px;
}
#product #product-right label {
	position: relative;
	top: -2px;
}
#product #product-right h3{
	font-size: 12px;
	margin-bottom: 6px;
	font-weight: bold;
}
#product #product-details {
	font-size: 12px;
}
#product #product-image img, .product-images img {
	background-color:#5c7a98;
	margin:3px;
	padding:5px;
}
/*--------------------------- BASKET ----------------------------*/
#cart #content {
	width: 900px;
	margin: 30px auto 0 auto;
}
#cart #content h1{
	font-size: 24px;
	margin-bottom: 12px;
}
#basket {
	width: 900px;
	margin: 0 auto;
}
#basket th {
	padding: 5px 0 2px;
	border-bottom: 1px solid #e1ddc8;
	text-align: left;
}

#basket td {
	vertical-align: top;
	border-bottom: 1px solid #e1ddc8;
}

#basket td.basket-column-one {
	padding: 7px 0;
}

#basket td.basket-column {
	width: 80px;
	padding-top: 12px;
}

.basket-images {
	margin: 0 10px 0 7px;
	float: left;
	border: 1px solid #5c7a98;
}

.basket-images img {
	background-color: #5c7a98;
	margin: 3px;
	padding: 5px;
}

.basket-images img:hover {
	background-color: #d0ccb9;
}

.basket-desc {
	width: 440px;
	padding-top: 2px;
	float: left;
}

.basket-odd, .basket-even {
	padding: 7px 10px;
}

#basket-right {
	text-align: right;
	width: 250px;
	float: right;
}

#basket-right h3 {
	font-size: 16px;
	font-weight: bold;
	padding: 5px 15px 15px 0;
}

#basket p {
	padding-bottom: 2px;
}

#itemsMatrix div.item div.gallery-image a img {
	float: none;
}
ul.top-links {
	margin: 40px auto 20px auto;
	width: 702px;
}


ul.top-links li {
	font-size: 18px;
	font-weight: normal;
	float: left;
	width: 214px;
	text-align: center;
	background: #000;
	padding: 8px;
	margin: 0 2px 0 2px;
		
}

ul.top-links li.active {
	background: #f69425;		
}

ul.top-links li a{
	font-size: 22px;
	font-weight: normal;
	color: #fff;
	display: block;
	width: 100%;
	height:  100%;
}

ul.top-links li a{
	text-decoration: none;
}
#collection #showcase #itemsMatrix.fonts div.item {
	padding: 36px 15px 18px 0;
}
#content div.gallery {
	width: 780px;
	margin: 0 auto;
}

#content div.gallery a img {
	margin-right: 25px;
	margin-left: 30px;
	margin-bottom: 50px;
}

/* @group Slimbox */

#lbOverlay {
	position: absolute;
	left: 0;
	width: 100%;
	background-color: #000;
	cursor: pointer;
        color: #666
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	left: 50%;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url(loading.gif) no-repeat center;
}

#lbImage {
	border: 10px solid #fff;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(prevlabel.gif) no-repeat 0% 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-size: 10px;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(closelabel.gif) no-repeat center;
	margin: 5px 0;

}

#lbCaption, #lbNumber {
	margin-right: 71px;
        color: #666
}

#lbCaption {
	color: #403b35;
	font: bold 12px "Lucida Grande", Verdana, Arial, sans-serif;
}

/* @end */

div.arch-text {
        float: right;
        width: 300px;
        font-size: 14px;
        background: #183a5f;
        padding: 14px 14px 40px 14px;
        margin-right: 25px;
        line-height: 18px;
}

#product #product-right.font {
        width: 545px;
}

.aux-page .column.left {
	width: 300px;
}
.aux-page .column.right {
	width: 570px;
	font-size: 14px;
	line-height: 18px;
}

.aux-page .column.left img{
	margin-bottom: 20px;
}

h1.page-title {
	font-size: 30px;
	margin-bottom: 20px;
	border-bottom: 2px solid #fff;
	padding-bottom: 8px;
}

.aux-page .column.left img{
	margin-bottom: 20px;
}

.contact-page {
	text-align: center;
}

.contact-page h2{
	font-size: 18px;
	line-height: 30px;
}
.contact-page p{
	font-size: 14px;
	line-height: 18px;
}

div.stock-illustrations {
       width: 738px;
       margin: 0 auto;
}