/* CSS Document */

/*//////////////// created by John Benedict ////////////////*/
/*/////////////// john@benedictgraphico.com ////////////////*/


.oneCol		{ float: left; margin: 10px 0; width: 240px; }
.row		{ float: left; margin: 10px; width: 740px; }
#threeProducts	{ float: left; margin-top: 10px; width: 760px; }
.threeCol	{ float: left; margin: 0 0 0 10px; padding: 0 0 7px; width: 240px; }



/* ROUNDED CORNER BOX - BLUE OUTLINE / LIGHT BLUE GRAD BG
-------------------------------------------------------------------------------- */
.blueRndBox	{ float: left; margin: 0; padding: 7px 14px; width: 210px; border: 1px solid #12456d; border-bottom: none; border-top: none;
			background: #fff url(../imgs/home/blueRndBox-grad-bg.gif) repeat-x; }
.blueRndBox-top,
.blueRndBox-btm	{ float: left; margin: 0; width: 240px; height: 9px; }

.blueRndBox-top	{ background: #fff url(../imgs/home/blueRndBox-top.gif) no-repeat; }
.blueRndBox-btm	{ background: #fff url(../imgs/home/blueRndBox-btm.gif) no-repeat; }

.blueRndBox h3,
.blueRndBox h3 a	{ font-size: 16px; padding: 0 0 8px; font-weight: bold; color: #12456d; text-decoration: none; }
.blueRndBox p,
.blueRndBox span	{ font-size: 12px; line-height: 16px; color: #333; }

.blueRndBox span	{ color: #12456d; }
.blueRndBox img		{ float: left; }

.prodPrice			{ padding: 16px 0 8px; font-weight: bold; text-align: center; }

.blueRndBox-btns	{ float: left; padding: 8px 0 0 28px; width: 182px; height: 25px; }


/* CAROUSEL
-------------------------------------------------------------------------------- */
#carousel	{ float: left; margin: 10px; width: 740px; height: 250px; background: url(../imgs/home/carousel/holder.jpg); }


/* LATEST NEWS
-------------------------------------------------------------------------------- */
#recentUpdates				{ float: left; width: 720px; height: 33px; 
						background: #fff; border: 1px solid #12456d; border-left: none; border-right: none; }

#recentUpdates-leftCap,
#recentUpdates-rightCap	{ float: left; width: 10px; height: 35px; }

#recentUpdates-leftCap		{ margin-left: 10px; background: #12456d url(../imgs/home/recentUpdates-left.gif) no-repeat; }
#recentUpdates-rightCap	{ background: #fff url(../imgs/home/recentUpdates-right.gif) no-repeat; }
			
#recentUpdates h4			{ float: left; font-size: 12px; font-weight: bold; color: #fff; background: #12456d;
						display: block; width: 100px; height: 23px; padding: 10px 10px 0 0; text-align: center; }

#recentUpdates ul 			{ float: left; width: 525px; height: 25px; padding: 10px 10px 0; font-size: 12px; color: #333; }
#recentUpdates li 			{ list-style: none; display: inline;
							font-size: 10px; font-weight: bold; text-transform: uppercase; }
#recentUpdates li a		{ color: #360; font-weight: bold; }
.date					{ font-size: 10px; font-weight: bold; text-transform: uppercase; }
.counter				{ float: right; width: 40px; padding: 10px 0; font-size: 10px; color: #666; }


/* HOME INFO
-------------------------------------------------------------------------------- */
#homeInfo		{ float: left; margin: 10px; padding: 0 15px; width: 460px; }

#homeInfo h3	{ font-size: 18px; font-weight: bold; line-height: 30px; color: #333; }
#homeInfo p		{ font-size: 14px; line-height: 21px; color: #666; }

#homeInfo a			{ color: #360; }
#homeInfo a:hover	{ text-decoration: none; }