/*to-do
sitemap
build order form

x build homepage
x bring in styles for section and product pages
x put new topbar into other pages
x validate
x email rob about links

done
specials: separate divs.  a tags display block with height of 200px.  h2 tags are relatively positioned within the divs

*/


/* GLOBAL STYLES */

body{
	margin:0;
	background:#eaeaea url(http://site.logocalendarsusa.com/508b/body.gif) repeat-x 0 0;
	padding:14px 0 0 0;
	font:.9em Arial, Helvetica, sans-serif;
	text-align:center;
}
a{
	color:#000;
	text-decoration:underline;
}
a:hover{
	text-decoration:none;
}
img{
	border:0;
	display:block;
}
p{
	margin:0 0 16px 0;
}
ul{
	padding:0;
	margin:0;
	list-style:none;
}
/*END GLOBAL STYLES*/

#content {
	margin-left: 155px;
	}
#rightbar {float:right;}

/*SPECIALS-- TOP OF CONTENT AREA*/
#webSpecial {
	background-image: url(http://site.logocalendarsusa.com/508b/web-special.png);
	background-repeat: no-repeat;
	}
#bestSeller {
	background-image: url(http://site.logocalendarsusa.com/508b/best-seller.png);
	background-repeat: no-repeat;
	}
.specials {
	width: 415px;
	height: 223px;
	margin: 5px 0 18px 0;
	float: left;
	}

.specials h2 {font-size: 1.2em; margin: 0px; padding: 0px;}
.specials a, .specials a.active, .specials a.visited {
	color: #ffffff;
	font-weight: bold;
	height: 223px;
	width: 415px;
	text-align: center;
	display: block;
	padding: 190px 0px 0px 0px;	
	text-decoration: none; }



/*END SPECIALS-- TOP OF CONTENT AREA*/


#main{
	width:1003px;
	overflow:hidden;
	margin:0 auto;
	background:#fff;
	text-align: left;
}
	
/*  HEADER */

.header{
	width:1003px;
	overflow:hidden;
}
.header h1{
	padding:0;
	margin:0;
	width:398px;
	float:left;
	text-indent:-9999px;
	overflow:hidden;
	
}
.header h1 a{
	background:url(http://site.logocalendarsusa.com/508b/logo.gif) no-repeat 0 0;
	width:398px;
	height:84px;
	overflow:hidden;
	display:block;
}
.header h2{
	font-weight: bold;
}
.address{
	width:161px;
	float:left;
	font-style:normal;
	font-size:1em;
	padding:0 0 0 5px;
}
.slogan{
	width:436px;
	float:right;
	text-align:center;
	padding:30px 0 0 0;
}
.slogan h2{
	color:#333;
	font:1.4em Arial, Helvetica, sans-serif;
	margin:0;
}
.navBar{
	margin:10px 0 0 0;
	width:1003px;
	overflow:hidden;
}
span.call-free{
	text-indent:-9999px;
	overflow:hidden;
	float:left;
	background:url(http://site.logocalendarsusa.com/508b/call-free.gif) no-repeat 0 0;
	width:471px;
	height:44px;
}
ul.navigation{
	width:532px;
	float:left;
}
ul.navigation li{
	float:left;
	padding:0 0 0 1px;
	list-style: none;
}
ul.navigation li a{
	display:block;
	height:44px;
	text-indent:-9999px;
	overflow:hidden;
}
ul.navigation li a.button1{
	background:url(http://site.logocalendarsusa.com/508b/button-order-form.gif) no-repeat 0 0;
	width:205px;
}
ul.navigation li a.button2{
	background:url(http://site.logocalendarsusa.com/508b/button-how-to-order.gif) no-repeat 0 0;
	width:169px;
}
ul.navigation li a.button3{
	background:url(http://site.logocalendarsusa.com/508b/button-contact-us.gif) no-repeat 0 0;
	width:155px;
}

/* END HEADER */
/* NAV COLUMN */
#lh-col{
	width: 157px;
	background: #edeffa;
	color: #333333;
	margin: 0px;
	padding: 0px;
	height: auto;
	float: left;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999999;
	
 }

#lh-col img{
	display: block;
 }
.hr {
	margin-top: 5px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999999;
}
.nav {  /* UL THAT CONTAINS THE NAV ITEMS IN EACH SECTION */
	list-style-type: none;
	margin: 0px 0px 0px 10px;
	padding: 0px;
	}
.nav li {
	/* margin-left:-32px; */
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	line-height: 1.2em;
	}
.navitemactive,.navitem a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .8em;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	}
.navitem a:hover {
    text-decoration: underline;
}
.navitemactive {
	font-weight: bold;
	}

/* END NAV COLUMN */
/* RIGHTBAR */
#rightbar {float:right; margin: 0 6px 10px 0;}
.right-box-top{
	background:url(http://site.logocalendarsusa.com/508b/right-top.gif) no-repeat 0 0;
	width:168px;
	padding:10px 0 0 0;
	float:left;
	
}
.right-box-top span{
	background:url(http://site.logocalendarsusa.com/508b/new.gif) no-repeat 0 0;
	width:86px;
	height:42px;
	position:relative;
	left:0;
	top:-10px;
	text-indent:-9999px;
	overflow:hidden;
	display:block;
}
.right-box-center{
	background:url(http://site.logocalendarsusa.com/508b/right-box-center.gif) repeat-y 0 0;
	width:168px;
	float:left;
	position:relative;
}
.right-box-bottom{
	background:url(http://site.logocalendarsusa.com/508b/right-bottom.gif) no-repeat 0 100%;
	width:168px;
	padding:0 0 10px 0;
	float:left;
}
ul.new-items{
	width:150px;
	margin:-40px 0 0 6px;
	/*margin: 0px;*/
	padding: 0px;
	overflow:hidden;
}
ul.new-items li{
	border-bottom:1px solid #999;
	padding:0 0 15px 0;
	margin:0 0 18px 0;
	overflow:hidden;
	font:bold 1em Verdana, Arial, Helvetica, sans-serif;
	color:#666;
	text-align:center;
}
ul.new-items li img{
	display:inline;
}
ul.new-items li a{
	color:#666;
	text-decoration:none;
}
ul.new-items li a:hover{
	text-decoration:underline;
}
ul.new-items li.last{
	border:0;
	margin:0;
}
/* END RIGHTBAR */
/* BEGIN ITEMS */
.row{
	width:648px;
	padding:0 0 29px 0;
	overflow:hidden;
	float: left;
}
.new-box{
	float:left;
	padding:0 0 0 4px;
	margin:0;
	width:168px;
}
.item{
	margin:0 0 0 7px;
	background:url(http://site.logocalendarsusa.com/508b/item-bg.gif) no-repeat 0 0;
	width:205px;
	height:184px;
	overflow:hidden;
	text-align:center;
	float:left;
	position:relative;
}
.item img{
	display:inline;
}
.item h3{
	width:205px;
	text-align:center;
	margin:4px 0 12px 0;
	
	
}
.item a{
	font-size:1em;
	font-weight:bold;
	font:bold 1em Arial, Helvetica, sans-serif;
	color:#fff;
	text-decoration: none;
}
.item a:hover {
	text-decoration: underline;
	}
	
.item a span{
	position:absolute;
	top:130px;
	left:29px;
	color:#666;
	text-decoration:underline;
}


/* END ITEMS */
/* BEGIN HOMEPAGE SPECIALS (BELOW PRODUCTS) */
.box{
	width:208px;
	margin:0 7px 0 0;
	float:left;
	display:inline;
}
.box h3{
	width:208px;
	height:35px;
	color:#fff;
	text-align:center;
	padding:9px 0 0 0;
	margin:0;
	font:bold .9em Arial, Helvetica, sans-serif;
}
h3.box1{
	background:url(http://site.logocalendarsusa.com/508b/head01.gif) no-repeat 0 0;
}
h3.box2{
	background:url(http://site.logocalendarsusa.com/508b/head02.gif) no-repeat 0 0;
    }
h3.box3{
	background:url(http://site.logocalendarsusa.com/508b/head03.gif) no-repeat 0 0;
	margin:0 0 0 2px;
}
.box div{
	background:url(http://site.logocalendarsusa.com/508b/column-bg.gif) no-repeat 0 0;
	width:178px;
	min-height:239px;
	float:left;
	padding:6px 11px 0 19px;
	text-align:center;
	font-size: .9em;
}
* html .box div{
	height:234px;
}
.box div div{
	width:178px;
	background:#eaeaea;
	float:left;
	padding:0;
}
.box div img{
	display:inline;
	margin-left: 18px;
	
}
.box div span{
	width:165px;
	padding:0 0 10px 0;
	float:left;
}
.box div a{
	color:#cc0000;
}
.box div ul{
	text-align:left;
	margin:0 0 0 30px;
	display:inline;
	float:left;
	width:135px;
}
.box div ul li{
	font-weight:bold;
	color:#cc0000;
	padding:0 0 2px 8px;
}
/* END HOMEPAGE SPECIALS (BELOW PRODUCTS) */
/* ORANGE */
div#orange {
	width: 631px;
	height: 295px;
	background-image:url(http://site.logocalendarsusa.com/508b/orange-bkgd.png);
	background-repeat:no-repeat;
	float: left;
	margin-left: 4px;
	}
	
.add-box{
	width:290px;
	float:left;

	margin: 41px 0 0 12px;
	
}
.add-box div{
	float:left;
	margin: 0px;
	padding:5px 6px 0 10px;
	
}
.add-box div span{
	float:right;
	padding:4px;
	border:1px solid #ccc;
	
}
.add-box ul{
	width:150px;
	float:left;
	margin: 0px;
	padding: 0px;
}
.add-box li{
	background:url(http://site.logocalendarsusa.com/508b/bullet.gif) no-repeat 0 5px;
	padding:0 0 3px 11px;
	float:left;
	font-size: .9em;
}
/*.add-box h3{
	background:#e8eaea url(http://site.logocalendarsusa.com/508b/images/h3-box-top.gif) no-repeat 0 0;
	padding:10px 0 8px 0;
	margin:0;
	width:299px;
	float:left;
	font-size:.8em;
	text-align:center;
}*/
/* END ORANGE */
/* FOOTER */
ul.footer-list{
	margin: 50px auto;
	text-align: center;
}
ul.footer-list li{
	display:inline;
	background:url(http://site.logocalendarsusa.com/508b/split.gif) no-repeat center left;
	padding:0 8px 0 9px;
	/*border-left: 1px solid #333333;*/

}
ul.footer-list2{
	margin: 0px auto;
	text-align: center;
}
ul.footer-list2 li{
	display:inline;
	background:none;
	padding:0 8px 0 9px;
	border-left: 1px solid #333333;

}


/* END FOOTER */
/* BEGIN SECTION STYLES */

.sectionContent {   
	margin: 18px 0px 20px 18px;
	float: left;
	width: 800px;
}
.productContent {  
	margin: 18px 0px 20px 18px;
	float: left;
	width: 600px;
	font-size: 1.2em;
}
.productContent table {
	font-size: 1.2em; 
	}
	
h2.sectionTitle {
	color: #080858;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	font-weight: bold;
	}
img.soldout {
	display: block;
	position: absolute;	
	width: 110px;
	height: 44px;
	top: 50px;
	left:15px;
	
	
        
}

.sectionProductBox2 {  /* WRAPS EACH PRODUCT IN SECTION */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .8em;
	font-weight: bold;
	width: 150px;
	height: 180px;
	margin: 0 15px 15px 0px;
	text-align: center;
	float: left;
	position: relative;
}
.clickhere {color: #ce3438; font-weight:bold;}
.sectionProductBox2 img {
	display: block;
	margin: 2px auto 2px auto;
	}
.sectionProductBox2 a { text-decoration:none;}
.sectionProductBox2 a:hover { text-decoration:underline;}
/* TITLE OF SECTION ON SECTION PAGE */

.sectionProductBox2 h3{ 
	font-weight: bold;
	font-size: 1.2em;
	color: #000000;
       }



/* END SECTION STYLES */
/* PRODUCT STYLES */
/*.productContent {
	margin-left: 155px;
	padding: 10px 10px 10px 165px;
	width: 500px;
	background-color:#99CC66;
	float: left;
	}*/

.prodImg2007 {
float: left;
margin: 10px 8px 15px 0px;
display: block;

}

div#clearer {
clear: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .9em;
	color: #080858;
	margin: 0px;
	padding: 0px;
}
h4.prodTitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color: #080858;
        font-weight: bold;
	margin: 0px;
	padding: 0px;
        
}
h5.productid {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color: #080858;
        font-weight: bold;
	margin: 0px 0px 10px 0px;
	padding: 0px;
        
}


table.addlInfo {
	width: 588px;
	padding: 0;
	border: 0px solid #202480;

	margin: 1em 0 0 0;
	
}

table.addlInfo td {
	background-color: #ff0000;
	border: 0px;
	text-align: left;
	font-weight: normal;
}



#clearer table {
background: #080858;
	width: 98%;
	margin-top: 1em;
}
#clearer td {
background: #e8e8e8;
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	/*text-align: center;*/
padding: .5em;
}

div.pricingtable td {
	font-weight: bold;
}
/* END PRODUCT STYLES */
.contentHolder {width: 650px; }

/* ORDER FORM */

table.orderForm {
	margin: 0 auto 0 auto;
	width: 600px;
	border: 0px;
	background-color:#003333;
	font-size: 1.2em;
	font-weight: bold;
}
.unnamed1 {

	
	color: #ffffff;
}
.bluebkgd {

	
	color: #ffffff;
	background-color: #080858;
}
.ltbluebkgd {
	
	color: #080858;
	background-color: #e8e8e8;
}
form.orderForm {
	margin-top: 20px;
	}