/*
Theme Name: Jay Foonberg
Theme URI: http://wordpress.org/
Description: The original shopping cart theme for Jay Foonberg.
Version: 1.0
Author: Kristin Norris
Tags: 

Default WordPress by Kristin Norris || http://dezabulous.com
This is just a basic layout, with only the bare minimum defined.
Please tweak this and make it your own. :)
*/


/*=== General ===*/
html{}
body{width:100%; height:100%; background:#eeeeee; font-family:arial, helvetica, sans-serif; margin:0;}
#container{width:855px; height:100%; margin: 0 auto}
html>body #container{width:850px}
.fr{float:right; *margin-top:-13px;}
.fl{float:left}
img{border:0}


/*=== Typography ===*/
h1{font: 52px georgia, times new roman, serif; color:#333; font-weight:bold; margin:0}

h1 a{color:#333}

h1 a:hover{text-decoration:none}

h2{font-size: 18px; font-weight: normal; font-family: georgia, times new roman, serif; color:#333}

h3{font: 22px georgia, times new roman, serif; font-weight:bold; color:#fff; font-variant:small-caps; letter-spacing:1px}

h4{font: 18px arial, helvetica, sans-serif; color:#333; margin:10px 0}

h5{font: 16px arial, helvetica, sans-serif; color:#333; margin:10px 0}

p{font: 13px/20px arial, helvetica, sans-serif; color:#333; margin:0}

a{color:#666; text-decoration:none}

a:hover{text-decoration:underline}

blockquote{display:inline-block; font-size:18px; font-family: georgia, times new roman, serif; font-style:italic; margin-bottom: 10px;  zoom:1; *display: inline; _height: 30px;}

.quotecredit{font-size:13px; line-height: 8px; text-align:right; margin:0 50px 0px 0;}

ol, ul{font-size:13px}




/*=== Header ===*/
#header{width:100%; height:70px; border-bottom: 3px double #333; margin:20px 0;}

#header h1, #header h2{display:inline-block; margin-top:22px; zoom:1; *display: inline; _height: 30px;}

#header h2{margin-top:53px; *margin-top:53px}
.info{display:block; width:450px; float:right}
.blogname{display:block; float:left; margin-left:-5px}

#navbox{height:220px; width:100%}

#topbar{position:fixed; top:0; height:25px; width:848px; border-left:1px solid #666; border-right:1px solid #666; border-bottom:1px solid #666; background:#ccc url(images/glow.png) repeat-x top left; z-index:1000}
#social{display:block; float:left; margin-left:10px;}
#social img{margin:5px 3px 0 0;}
#social a:hover{text-decoration:none;}
#social p a{line-height:27px; vertical-align:top; margin-top:3px}
#minicart{display:absolute; float:right; margin-right:10px;}
#minicart a{color:#FF1F1C}
/*=== Navagation ===*/

#nav{position:relative; display:block; float:left; height:200px; width: 200px; margin: 10px 10px 10px 0; *width: 213px;}

#nav ul{list-style:none; margin-top:0px; padding:0}

#nav ul li{font: 14px/18px arial, helvetica, sans-serif; color:#333; font-variant: small-caps; text-align:right; margin-left:0px; margin-top: 0px; padding:0px;}


/*=== Slider Box ===*/

#sliderbox{position: relative; display:block; float:right; height:200px; width:630px; margin: 10px 0; *width:617px}
#slider{position: relative; display: block; float:right; height: 202px; border:1px solid #333; background:#fff}
#slider ul, #slider li{
	margin:0;
	padding:0;
	list-style:none;
	background:#fff;
	}
#slider, #slider li{ 
	width:630px;
	height:200px;
	overflow:hidden; 
	}
span#prev{position:absolute; display:block; left:0; top:75px; height: 50px; width:25px; background: url(images/arr_left.png) no-repeat bottom left;}
span#next{position:absolute; display:block!important; right:0; top:75px; height: 50px; width:25px; background: url(images/arr_right.png) no-repeat bottom right; *right:-15px;}

#secondnav{height: 200px; margin-top:-3px; border-left:1px solid #333;}
#secondnav h3{color:#333; margin:0 20px}
#secondnav ul{list-style:none; margin:0; padding-left:20px}
#secondnav li{font-size:14px; line-height:20px}


/*=== Calendar ===*/
#calendar_wrap{margin-left:5px}


/*=== Main Content ===*/

#otherprod{display:block; position:relative}

.entry{min-height:0px; margin-bottom: 15px}

#otherprod h2{margin-top:5px}

#contentbox{width:100%}

#otherprod .otherprodpost .entry .proddetails, #otherprod .otherprodpost .entry .singledetails{display:none;}

#otherprod .otherprodpost .entry .otherprodall{display:inline-block; width:700px; vertical-align:top; zoom:1; *display: inline; _height: 135px;}

#otherprod .otherprodpost .entry .prodimg{display:inline-block; width: 100px; height:135px; margin:10px; zoom:1; *display: inline; _height: 135px;}

#otherprod .otherprodpost .entry .otherproddetails{display:inline-block; width: 700px; height: 50px; vertical-align:top; margin-top:0px; zoom:1; *display: inline; _height: 50px;}

#otherprod .otherprodpost .entry .otherproddetails a{position:relative; display:block; float:right; width:90px; height:20px; vertical-align:top; *margin-top:-30px;}

#otherprod .otherprodpost .entry .otherproddetails h5{display:inline-block; margin:0; zoom:1; *display: inline; _height: 30px;}

#otherprod .otherprodpost .entry .proddescrip{float: right; display:inline-block; width: 700px; vertical-align:top; zoom:1; *display: inline; _height: 230px;}

#otherprod .otherprodpost .entry .proddescrip p{display:inline-block; zoom:1; *display: inline; _height: 230px;}

a.addtocart{display: block; float:right; vertical-align:top; height:20px}

#featuredbox .featuredentry .otherproddetails, #featuredbox .featuredentry .singledetails{display:none;}

#featuredtitle{min-height:30px; width:100%; margin: 10px 0; background: #333 url(images/glow.png) top left repeat-x;}

#featuredtitle h3{line-height:30px; margin-left:5px; letter-spacing:0.05em;}

#featuredbox{height:375px; width:100%; margin:0}

#featuredbox .featuredentry .prodimg{display:inline-block; width: 100px; height:135px; margin:10px; zoom:1; *display: inline; _height: 135px;}

.featuredprod{display:inline-block; height:362px; width:422px; padding: 10px; background:#fff; border: 1px solid #333; vertical-align:top; *margin-right:3px;  zoom:1; *display: inline; _height: 322px;}

html>body .featuredprod {width: 400px; height: 340px} 

#otherprod{min-height:500px; width:850px; background:#fff; border:1px solid #333; padding:10px}

html>body #otherprod{width:828px}

#otherprod h3{color:#333; margin:10px 0}

#otherprod p{margin-bottom:10px}

.proddetails{display:inline-block; vertical-align: top; width: 240px;  zoom:1; *display: inline; _height: 230px;}

.formats{display: block; height:20px; width: 100%; background:#666; margin:10px 0 5px 0px}

.formats p{ font:15px/20px arial, helvetica, sans-serif; color:#fff; margin:0 5px}

.proddescrip p{font:13px arial, helvetica, sans-serif; color:#333; margin:5px 0;}

.moretext{font-size:13px; color:#666}

.blogimg{float:left; margin-right:10px}

#otherprod .entry .blogimg{max-height:130px; max-width:90px; margin-right:10px}

#otherprod .single .entry .blogimg{max-height:260px; max-width:180px; margin-right:10px}

.listfix{display:block; margin-left:80px;}

.singledetails .formats{width:250px}

.singledetails p{margin:5px!important; width:240px}

.singledetails .formats p{margin:0 5px!important}

.singledetails .formats p span{*margin-top:-20px;}

.singledetails h5{margin:5px 0 2px 0}

.formatchart{display:inline-block; width:250px; zoom:1; *display: inline; _height: 135px;}

.blockquote{display: block; width:350px; float:right; vertical-align:top; *margin-top:-100px; margin-bottom:30px;}

#otherprod .blockquote p{margin:0; width:340px; *line-height:13px;}

a.cartbtn{display:block;}
img.cartsml{margin-left:2px; margin-bottom: -4px;}
#featuredbox .proddetails a:hover{text-decoration:none}
#otherprod .formatchart a:hover{text-decoration:none}

.sectiontitle{cursor:pointer; text-decoration:underline; font-weight:bold}
.chapterlist{display:none;}

/*=== Single ===*/

#otherprod .single .entry .prodimg{display:inline-block; width: 200px; height:270px; margin:10px;  zoom:1; *display: inline; _height: 270px;}

#otherprod .single .entry .proddetails{display:none}

#otherprod .single .entry .otherproddetails{display:none}

#otherprod .single .entry .singledetails{display:inline-block; width:600px; vertical-align:top;  zoom:1; *display: inline; _height: 135px;}

.chapters p{display:block; width:665px}

#otherprod .smallnav{display: block; width: 100%; position:absolute; float:bottom; bottom:5px; text-align:center}


/*=== Sales Pages ===*/
#otherprod .single .entry .sales{float:right; display:block; margin:20px 40px 20px 0; position:relative; width: 500px; vertical-align:top; zoom:1; }

#otherprod .single .entry .sales p{font:15px arial, helvetica, sans-serif; color:#333}

#otherprod .salesdetails{margin:0px 20px 0 290px}

.salesdetails .singledetails .formats{width:400px}

.salesdetails .singledetails p{font-size:15px; margin:5px!important; width:380px}

.salesdetails .singledetails .formatchart .formats p{font-size:15px; margin:0 5px!important}

.salesdetails .singledetails .formats p span{*margin-top:-20px;}

.salesdetails .singledetails h5{margin:5px 0 2px 0}

.salesdetails .formatchart{display:inline-block; width:400px; zoom:1; *display: inline; _height: 135px;}

/*=== Custom Sales Page ===*/
#salessuggest {display: block; position: relative; width: 855px; height: 300px; margin: 40px 0;}

.salesone, .salesthree {display: block; position: relative; background: #fff; float: left; width: 270px; height: 250px; border: 2px solid #333; margin: 20px 0px;}

.salestwo {display: block; position: relative; background: #fff; float: left; width: 300px; height: 300px; border: 2px solid #333; margin: 0 -2px;}

.salestwo .salestitle {background: #aaa; width: 100%; height: 30px;}

.salestitle {background: #aaa; width: 100%; height: 25px;}

.salestitle h2 {margin: 0px 5px; line-height: 25px; font-size: 16px; font-weight: bold; text-align: center;}

.salestwo .salestitle h2 {margin: 0px 5px; line-height: 30px; font-size: 20px; font-weight: bold;}

img.salesproduct {width: 150px; float: left; margin: 10px 0px 0 5px;}

.salesone img.salesproduct {height: 130px; width: auto; margin: 30px 60px 10px 60px;}

.salesthree img.salesproduct {height: 150px; width: auto; margin: 20px 60px 10px 80px;}

div.featureslist {width: 130px; height: 130px; float: left; margin: 50px 5px 35px 0px;}

.featureslist h2 {margin: 0;}

ul.features {margin-top: 0px;}

ul li {margin:5px 0;}

a.downloadbtn {text-decoration: none; display: block; background: url("images/downloadbtn.jpg") no-repeat top left; width: 149px; height: 50px; overflow:hidden; margin: 0px auto;}
a.downloadbtn:active {background-position: bottom left;}

a.buybtn {text-decoration: none; display: block; background: url("images/buybtn.jpg") no-repeat top left; width: 96px; height: 32px; overflow:hidden; float: right; margin-right: 50px;}
a.buybtn:active {background-position: bottom left;}

.floatprice {display: block; float: left; margin: 10px 0 0 50px;}

#pinpoints {display: block; position: relative; width: 855px; height: 320px;}

div.resources {background: #fff; width: 421px; height: 280px; display: block; position: relative; float: left; border: 2px solid #333;}

#pinpoints p {margin: 10px;}

html > body #aboutblock {width: 828px;}

#aboutblock {display: block; position: relative; background: white; border: 1px solid #333; padding: 10px; width: 850px; min-height: 250px;}

#aboutblock .smallnav{display: block; width: 100%; position:absolute; float:bottom; bottom:5px; text-align:center}

.mainblock {width: 848px; margin: -10px 0 20px -10px;}

.salestar {display: block; position:absolute; top:-75px; right:-90px; height:200px; width:200px; background: url(images/salestar.png) no-repeat top left; z-index: 5000;}

.productimage {position: relative; float: left; margin: 0 0 0 30px; width: 250px;}

.salespitch {position: relative; float: right; margin: 20px 30px 0 0; width: 450px;}

html > body #salesblock {width: 828px;}

#salesblock {display: block; position: relative; background: white; border: 1px solid #333; padding: 10px; width: 850px; min-height: 1000px;}

a.buynow {text-decoration: none; display: inline-block; background: url("images/buybtn.jpg") no-repeat top left; width: 96px; height: 32px; overflow:hidden; vertical-align:top;}
a.buynow:active {background-position: bottom left;}

/*=== Footer ===*/

#footer{height:175px}

#credit{display:inline-block; float:right; text-align:right; height:75px; width:550px; padding:10px 10px 0 0; border-right: 1px solid #333; margin: 10px;  zoom:1; *display: inline; _height: 75px;}

#credit p{margin:0; line-height:20px}

#logopic{display:inline-block; float:right; height: 75px; width: 131px; background: url(images/nalemlogo.png) no-repeat; margin:10px;  zoom:1; *display: inline; _height: 75px;}