@charset "UTF-8";
/* CSS Document */



/****************************************
* General Tags
****************************************/

body			{ text-align:center; margin:0; padding:0; font:normal 14px Arial, sans-serif;}
h1 			{}
h2				{}
h3				{}
h4				{}
h5				{}
h6				{}
p				{}
address		{}
strong, b  	{}
i, em			{}
hr				{ display:none;}
blockquote	{}

a				{ color:#fff;}


.alignleft			{ float:left; margin-right:20px;}
.alignright			{ float:right; margin-left:20px;}

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


/****************************************
*	Color Scheme
* 	All Colors used in this theme should be notated here.
*	Page Bg Green: #9EAC32
*	Top bar Green: #8BC53F
*	Pale Yellow: #F1E8A6
*  Pea Green: #C2CA00
* 	Yellow: #F9E500
****************************************/


.zip			{ width:80px;}

/****************************************
* Wire Frame - Box Model
****************************************/

/* Page Background */
html, body					{ background:#9EAC32 url(../images/bgs/bgpattern.gif) center top repeat; padding:0; margin:0; text-align:center; }
.fade							{ background:#9EAC32 url(../images/bgs/bggradient.jpg) center top repeat-x;}
.pattern						{ background:url(../images/bgs/bgpattern.png) center top repeat;}
.greenbar					{ background:#8BC53F; font-size:10px; line-height:10px; height:15px;}
.headerfade					{  background:url(../images/bgs/headerfade.png) top left repeat-x; }


.wrapper						{ width:980px; margin:0 auto; text-align:left; position:relative;}


#header						{ background:url(../images/water/shallowpuddle2.png) center -5px no-repeat; position:relative; z-index:999999; }
#header .wrapper			{ width:950px; padding: 10px 30px 0 0;}

.ie6 .pattern						{ background:url(../images/prefw/bgs/patternlite.png) center top repeat;}

/****************************************
* Header Elements
****************************************/
h1#logo									{ background:url(../images/cordinalogo.png); width:229px; height:164px; float:left; position:absolute; top:-20px; left:30px; z-index:9000; }
h1#logo a								{ display:block; width:229px; height:164px; text-indent:-99999em;}

.nav										{ text-align:right;}
.nav li									{ display:inline; border-left:1px solid #F1E8A6;}
.nav li:first-child					{ border:none;}
.nav li a								{ padding:0 10px;}

#widgetInformation				{ display:inline;}
#quicklinks li ul						{ display:inline;}


#quicklinks								{ padding:5px 0;}
#quicklinks a							{ font: normal 12px Arial, sans-serif; color:#F1E8A6; text-decoration:none; letter-spacing:-.02em;  text-transform:capitalize;}

#mainnav									{ padding:13px 0 28px;}
#header #mainnav li					{ padding:5px 0; border-color:#F9E500;}
#mainnav a								{ font:bold 15px arial, sans-serif; color:#F1E8A6; text-decoration:none; letter-spacing:-.02em;}
#mainnav a:hover						{ color:#fff;}


#cartwidget								{ color:#fff; position:absolute; z-index:8000; right:40px; bottom:-32px; font-size:12px;}
#cartwidget div,
#cartwidget span						{ display:inline; color:#fff; vertical-align:middle;}
#cartwidget img						{ vertical-align:middle; margin-left:5px;}

#cartwidget .top						{ width:9px; background:url(../images/bgs/cartwidgetright.png) top left no-repeat; float:right; padding:7px 0; height:auto; border:none; line-height:20px; margin-right:-5px; color:#8bC53F; letter-spacing:.5em;}
#cartwidget .bottom					{ width:9px; background:url(../images/bgs/cartwidgetleft.png) top left no-repeat; float:right; padding:7px 0; height:auto; border:none; line-height:20px; color:#8bC53F;  letter-spacing:.5em;}
#cartwidget .bdy							{ background:#8bC53F; padding:7px 0; margin:0; box-shadow: -15px -15px 0px #000; float:right; width:auto;}

/****************************************
* Home Page Banner
****************************************/
#banner									{ background:url(../images/bgs/bigsplashes.png) center 50px no-repeat; position:relative; z-index:1000;}


.top										{ background:url(../images/bgs/fullpaneltop.gif) center bottom no-repeat; position:relative; height:25px; }

.bdy										{ background:#8BC53F; width:925px; margin:0 auto; padding:5px 10px 0 10px;}
.bottom									{ background: url(../images/bgs/fullpanelbottom.gif); height:11px;  width:945px; margin:0 auto; border-top:2px solid #8BC53F; }

#banner .bdy							{ background:#8BC53F url(../images/banner/sp2.png) right bottom no-repeat;}

#bannerdrips							{ background:url(../images/water/fullpuddle3.png) center top no-repeat; height:30px;position:absolute; width:980px; top:3px; z-index:8000; }
#banner #lftdrip						{ background:url(../images/water/drip.png) top left no-repeat; width:24px; height:179px; top:10px; left:10px; position:absolute; z-index:8002;}
#banner #rightdrip					{ background:url(../images/water/drip.png) top right no-repeat; width:24px; height:179px; top:10px; right:10px; position:absolute; z-index:8003;}
#banner #rightdrop					{ background:url(../images/water/drop.png) top right no-repeat; width:52px; height:56px; position:absolute; top:0; right:5px;z-index:8004;}

.ie6 #bannerdrips							{ background:url(../images/prefw/water/fullpuddle.png) center top no-repeat; }
.ie6 #banner #lftdrip					{ background:url(../images/prefw/water/drip.png) top left no-repeat; }
.ie6 #banner #rightdrip					{ background:url(../images/prefw/water/drip.png) top right no-repeat; }
.ie6 #banner #rightdrop					{ background:url(../images/prefw/water/drop.png) top right no-repeat; }


#banner #slideshow					{ background:url(../images/banner/beach.jpg) center top no-repeat; width:925px; height:311px; border-top:1px solid #C2CA00; position:absolute; z-index:2; overflow:hidden;}
#banner #slideshow #carousel		{ width:925px; height:311px; position:relative; z-index:2; }
#banner #slideshow #carousel li	{ width:925px; height:311px; float:left;}

#banner .post							{ background:url(../images/banner/boxscene2.png) center bottom no-repeat; width:926px; height:311px; position:relative; z-index:100;}
#banner .entry							{ padding:0 400px 0 115px; height:auto; color:#fff; font:bold 16px arial; line-height:1.5em;}
#banner h2								{ padding:25px 0 10px 60px;}
#banner p								{ text-shadow:#000 0px 0px 3px;  filter: glow(color=#888888,strength=2);}
#banner .entry h3						{ display:none;}

#banneractions							{ background:#8BC53F url(../images/bgs/horgradient.png) center top repeat-y;  width:925px; margin:0 auto; padding:0 10px; position:relative;z-index:9999999;}
#banneractionsbottom					{ background:url(../images/banner/slideshowcover.gif) bottom center; height:13px; clear:both;}

#bannerpuddle							{ background:url(../images/water/fullpuddle3.png) center top no-repeat; height:30px; position:absolute; width:925px; top:-17px; z-index:9999999;}
.ie6 #bannerpuddle					{ background:url(../images/prefw/water/fullpuddle2.png) center top no-repeat; }

#banneractionsbdy						{ background:url(../images/bgs/bgpattern.png) 18px 32px repeat;}
#banneractionsbdy h3					{ display:inline; vertical-align:middle; font:bold 38px arial; margin:0 10px 0 0; color:#fff; }
#banneractionsbdy form				{ display:inline; vertical-align:middle; padding-top:8px;}
#banneractionsbdy input				{ display:inline; vertical-align:middle;}
#banneractionsbdy img				{ vertical-align:middle;}

#banneractions .partywithus		{ width:280px; float:left; padding:30px 30px 10px 130px; text-align:right; line-height:40px;}
#banneractions .locations			{ width:320px; float:left; padding:28px 130px 10px 30px; background:url(../images/banner/sp1.png) top right no-repeat; line-height:40px;}

body.ie #banneractions .locations	input { margin-top:10px;}

#banneractions a 						{ width:41px; height:40px; display:inline-block; text-indent:-9999em; overflow:hidden; margin:0; padding:0; vertical-align:middle; }
#banneractions a span				{ left:-9999em; position:absolute;}

#banneractions .twitter				{ background:url(../images/btns/twitter.png) left bottom; margin-right:5px;}
#banneractions .twitter:hover		{ background-position:left top; }
#banneractions .facebook			{ background:url(../images/btns/facebook.png) left top;  }
#banneractions .facebook:hover	{ background-position:left bottom; }

#banneractions input[type=submit]			{ background:#8BC53F; color:#fff; height:23px; border:none;  font:bold 16px arial; line-height:23px; padding:0 2px;  }
#banneractions input[type=submit]:hover	{ background:#fff; color:#8BC53F;}



#home #banneractions #addressInput				{ width:90px; background:#fff; height:20px; letter-spacing:-.1em;}



/****************************************
* Home Page Tri Bucket
****************************************/
#tribucket								{ padding:10px 0;}
#tribucket .wrapper					{ width:950px;}
#tribucket .entry						{ float:left; padding-left:17px; width:303px; height:130px; position:relative;}
#tribucket .entry a					{ text-indent:-999999em; width:303px; height:130px; display:block;}

#tribucket #funstuff					{ background:url(../images/buckets/funstuff.png) top right no-repeat; width:307px; padding-left:0;}
#tribucket #margorita				{ background:url(../images/buckets/margorita.png) top right no-repeat;}
#tribucket #submitpics				{ background:url(../images/buckets/partypics.png) top right no-repeat; position:relative; }

#submitpics	img						{ }
#tribucket #submitpics a			{ text-indent:0; width:auto; height:auto; display:inline;}
#submitpics .gallery					{ position:absolute; left:33px; top:23px; height:90px; display:block; width:100px;  overflow:hidden; }
#tribucket #submitpics a.hideme	{ position:absolute; width:150px; height:130px; right:0; top:0; text-indent:-99999em;}

#submitpics #fotobook-photos-widget { position:absolute; left:33px; top:23px; height:90px; display:block; width:100px;  overflow:hidden; }

#submitpics .gallery-item 			{float: none; margin:0;text-align: center;}
#submitpics .gallery-icon img 	{ padding:0; background-color:none; border:none;}
#submitpics .fpfcredit				{    display:none;}




/****************************************
* Home Page News Blurb
****************************************/
#newsblurb								{ clear:both;}
#newsblurb h3							{ float:left; margin:-5px 15px 0 10px; color:#fff; font:bold 28px arial; }
#newsblurb a.morelink				{ float:right; color:#fff; line-height:16px;}
#newsblurb p a							{ color:#F1E8A6; text-decoration:none; line-height:16px;}
#newsblurb #bannerdrips				{ background:url(../images/water/shallowpuddle2.png) center top no-repeat;  top:10px;  }



/****************************************
* page Footer
****************************************/
#footer									{ background:url(../images/bgs/smsplashes2.png) center center no-repeat; padding:10px 0 30px;}
#footer .wrapper						{ background:url(../images/bgs/footertop.png) center top no-repeat; width:950px; min-height:130px;}
#footerbottom							{ background:url(../images/bgs/footerbottom.png) center bottom no-repeat; height:11px; line-height:11px; font-size:11px;}


#drinkresponsibly						{ width:195px; float:left; margin-right:5px; padding:10px;}
#drinkresponsibly h4					{ width:203px; height:93px;}
#drinkresponsibly h4 a				{ background:url(../images/btns/drinkresponsibly.gif) center center no-repeat; text-indent:-9999em; width:203px; height:93px; display:block;}
#drinkresponsibly p					{ text-align:center; color:#F1E8A6;}

#widgetFooter							{ width:398px; float:left; margin-right:5px; padding:10px 10px 0;}
#widgetFooter a						{ color:#F1E8A6; text-decoration:none;}
#widgetFooter .nav					{ width:30%; float:left; padding-left:10px;}
#widgetFooter .nav .title			{ font:bold 14px arial; color:#F1E8A6; text-align:left;}
#widgetFooter .nav li				{ display:block; border:none; text-align:left; margin-left:10px; padding:0;  line-height:10px; }
#widgetFooter .nav a					{ font:normal 10px arial; letter-spacing:-.02em;padding:0;}

#actionItems							{ padding:0 0 10px 0;}
#actionItems li						{ display:inline; border-left:1px solid #F1E8A6;}
#actionItems li:first-child		{ border:none;}
#actionItems li a						{ padding:0 10px; font:bold 14px arial;}


#widgetFooter .copyright			{ display:none;}



#signups									{ width:260px; float:left; padding:10px 20px 0;}
#signups hr								{ display:block; border:none; outline:none; background:#F1E8A6; color:#F1E8A6;}
#signups h4								{ color:#F1E8A6; font:bold 16px arial; line-height:24px; padding:4px 0; }

#signups input[type=submit]		{ color:#8BC53F;  height:20px; border:none; background:#fff; font:bold 15px arial; line-height:20px; padding:0 2px; }
#signups a.go							{ color:#8BC53F;  height:20px; border:none; background:#fff; font:bold 15px arial; line-height:20px; padding:0 2px; text-decoration:none;}

.firefox #signups input[type=submit] {position:relative; top:2px;}
.firefox #signups a.go 					{position:relative; top:2px;}

#signups input[type=submit]:hover{ background:#8BC53F; color:#fff;}
#signups a.go:hover					{ background:#8BC53F; color:#fff;}


#signups a 								{   }
#signups a span						{ left:-9999em; position:absolute;}
#signups .twitter						{ background:url(../images/btns/twitterlg.png) left top; margin-right:5px; width:98px; height:34px; display:inline-block; text-indent:-9999em; overflow:hidden; margin:0; padding:0; vertical-align:middle;}
#signups .twitter:hover				{ background-position:left bottom; }
#signups .facebook					{ background:url(../images/btns/facebooklg.png) left top;  width:82px; height:31px; display:inline-block; text-indent:-9999em; overflow:hidden; margin:0; padding:0; vertical-align:middle;}
#signups .facebook:hover			{ background-position:left bottom; }


#designby								{ text-align:right; font:bold 12px arial; color:#725835; text-decoration:none; display:block; }






#frame									{ background:url(../images/bgs/bigsplashes.png) center 50px no-repeat; position:relative; z-index:1;}

#framedrips							{ background:url(../images/water/fullpuddle3.png) center top no-repeat; height:30px;position:absolute; width:980px; top:3px; z-index:8000; }
#frame #lftdrip						{ background:url(../images/water/drip.png) top left no-repeat; width:24px; height:179px; top:10px; left:10px; position:absolute; z-index:8002;}
#frame #rightdrip					{ background:url(../images/water/drip.png) top right no-repeat; width:24px; height:179px; top:10px; right:10px; position:absolute; z-index:8003;}
#frame #rightdrop					{ background:url(../images/water/drop.png) top right no-repeat; width:52px; height:56px; position:absolute; top:0px; right:5px;z-index:8004;}

.ie6 #bannerdrips							{ background:url(../images/prefw/water/fullpuddle.png) center top no-repeat; }
.ie6 #frame #lftdrip					{ background:url(../images/prefw/water/drip.png) top left no-repeat; }
.ie6 #frame #rightdrip					{ background:url(../images/prefw/water/drip.png) top right no-repeat; }
.ie6 #frame #rightdrop					{ background:url(../images/prefw/water/drop.png) top right no-repeat; }

#frame .post							{ }
#frame .entry							{ padding:0 120px 0 70px; height:auto; color:#fff; font:bold 16px arial; line-height:1.5em;}
#frame h2								{ padding:30px 0 0 70px; font:normal 42px arial;}
#frame h2 a								{ color:#fff;}
#frame p									{ padding:5px 10px;}

#frame h2.post-title					{ padding:30px 0 0 70px; font:normal 42px arial;}
#frame h2.index						{ padding:30px 0 5px 70px; font:normal 42px arial;}
#frame h3.post-title					{ margin:5px 120px 5px 70px; font:normal 24px arial; border-top:1px solid #fff; color:#F1E8A6;}
#frame h3.post-title small			{ font:normal 14px arial; display:block; padding:10px 0; color:#fff;}
.postmetadata							{ text-align:right; font-size:80%; color:#fff; padding:0 120px 10px 70px;}
#frame h3.post-title a				{ color:#F1E8A6;}

.entry h3								{ font:bold 24px arial; padding:20px 0 5px; color:#F1E8A6;}
.entry ul li							{ margin-left:50px; list-style:outside disc;}

.pagehdr										{ margin-top:-75px; position:relative; z-index:8001;}


.post-title a								{ text-decoration:none;}




#landing .page							{ background:url(../images/landingbgsm.png) left center no-repeat; height:740px;}
#landing .entry						{ margin-left:580px; padding-right:20px;}
#landing .entry p						{ color:#fff; padding:10px 0;}
#landing h2.big						{ padding:250px 0 0 0; font:normal 45px arial; color:#fff;}
#landing h3.reallybig				{ padding:20px 0 20px 0; font:normal 89px arial; color:#fff;}
#landing a.yesno						{ display:inline; padding:0 20px; font:bold 32px arial; color:#fff; text-decoration:none;}


#home #jquery-overlay					{ z-index:9999999999999; }
#home #jquery-lightbox					{ z-index:9999999999999; }
.page #jquery-overlay					{ z-index:9999999999999; }
.page #jquery-lightbox					{ z-index:9999999999999; }
.post #jquery-overlay					{ z-index:9999999999999; }
.post #jquery-lightbox					{ z-index:9999999999999; }

#content											{ min-height:400px;}

script+div>a[style]{visibility:hidden;}

#map div[style]{
 font-size: 6px !important;
 white-space: inherit !important;
 line-height:6px;
 }


#map span[style]{
 white-space: inherit !important;
 height:8px;
 overflow:hidden;
 text-align:right;
 width:70%;
 display:block;
 position:absolute;
}

#map a[style]{
 color: inherit !important;
}

#map span { white-space: normal; }



.wpcf7	{ width:50%; float:left;}





/****************************************
*	Color Scheme
* 	All Colors used in this theme should be notated here.
*	Page Bg Green: #9EAC32
*	Top bar Green: #8BC53F
*	Pale Yellow: #F1E8A6
*  Pea Green: #C2CA00
* 	Yellow: #F9E500
****************************************/



#beverages .entry		/*{ background:url(../images/bg1.jpg) 350px bottom no-repeat; padding-top:0;}*/

#beverages .bg		{ /*padding-right:200px;*/ margin-left:180px; margin-top:-35px;}
 .entry p						{ text-shadow:#888888 0px 0px 5px;  filter: glow(color=#888888,strength=1);}
.scroll							{ background:#9EAC32; padding:0 20px 20px; margin:20px 0;}


#sidebar					{ float:right; width:200px; padding:40px 80px 20px 20px; }
#sidebar li				{ list-style:none;}


.commentlist				{ padding: 0 300px 0 200px; color:#fff;}]
.commentlist .comment			{ padding:10px; border:1px solid #fff;}
#respond						{ padding: 0 300px 0 200px; color:#fff;}
#respond input				{ color:#000;}
#comments					{ padding: 20px 300px 0 200px; color:#fff; font:bold 28px arial;}

.single .postmetadata	{ text-align:left; clear:both; padding:10px; border:1px solid #fff; margin-bottom:20px;}
.single #frame h2.post-title		{ font:bold 32px arial; padding-right:200px; }

.single .sociable			{ clear:both; padding-left:50px;}

/**************************************************************

	DIGISHOP
	
**************************************************************/



/**************************************************************

	GENERAL SHOP OPTIONS
	
**************************************************************/

.hdr-title										{font:bold 18px arial; padding:0 0 18px 20px; }
.hdr-title-text								{ font:bold 18px arial; padding-bottom:10px; clear:both; width:100%;}
.form-label										{ width:30%; float:left; clear:left; text-align:right; padding:5px 10px 5px 0;}
.form-label-required										{ width:30%; float:left; clear:left; text-align:right; padding:5px 10px 5px 0;}
.form-field										{ padding-bottom:10px; width:49%; float:left; text-align:left;}


#searchForm								{ padding:0 30px; float:left;}

#knowledgebase							{ padding:0 30px; float:left;}
.form-label								{ float:left; clear:left;}
.form-label-required					{ float:left; clear:left;}	
.form-field								{ float:left;}
.label									{ float:left; clear:left; padding:0; width:150px; padding:5px 5px 0 0; vertical-align:top;}
.field									{ float:left;}

#topOptions								{ padding:3px 10px; border:1px solid #fff; vertical-align:middle; color:#F1E8A6; }
#topOptions .search					{ font:bold 18px arial; padding:3px 0;}
#topOptions .display					{ width:50%; float:left; font:bold 14px arial; vertical-align:middle;}
#topOptions .sort						{ text-align:right; font:bold 14px arial; vertical-align:middle;}
#topOptions .sort	.label			{ display:inline; float:none; width:auto; clear:none; vertical-align:middle;}
#topOptions .sort	.option			{ display:inline; vertical-align:middle;}

#btmOptions								{ padding:3px 10px; /* border:1px solid #DAD9C2; */ margin:5px 0; clear:both;}

#pageContent h2						{ }
.pageNote								{ padding:0 50px;}
#pageNote							{ padding:10px 20px;}


.pageNote hr										{ display:block; margin:5px 30px;}
.pageNote h3										{ padding:10px 0 0 15px; font: normal 16px Arial, Helvetica, sans-serif;}
.pageNote ul 										{ padding:10px 0; }
.pageNote ol 										{ padding:10px 0; }
.pageNote ul li									{ list-style:disc outside; margin-left:50px; line-height:1.1em; padding:0 0 5px 0;}
.pageNote ol li									{ list-style:decimal outside; margin-left:50px; line-height:1.1em; padding:0 0 5px 0;}



/**************************************************************

	PRODUCT GRID
	
**************************************************************/
#productGrid											{ width:80%; clear:both; margin:20px 12% 30px 8%;}
#productGrid table									{ width:100%; margin:20px 0;}

#productGrid table td								{   font:normal 14px arial;  padding:0; margin:0;}
#productGrid table tr:first-child td			{ border-top:none;}
#productGrid table tr:first-child td div		{ border-top:none;}
#productGrid table tr:first-child td .photo	{ padding-top:0;}
#productGrid table tr td:first-child			{ border-left:none; }
#productGrid table tr td:first-child div		{ border-left:none; }
#productGrid table tr td:first-child div div { border-right:none;}
#productGrid table tr td:first-child .photo	{ border-left:none; border-right:none;}
#productGrid table td div							{  text-align:left; }


#productGrid table td .productListColumn1							{ padding:0;}
#productGrid table td .productListColumn2							{ padding:0;}
#productGrid table td .productListColumn3							{ padding:0; }



#productGrid .photo					{ float:none;  text-align:center;  background:#fff; margin:5px 25px 5px; height:125px; vertical-align:middle;}
#productGrid .photo img				{  vertical-align:middle;}
#productGrid .title					{ font:bold 16px arial; color:#BA2025; padding:8px 25px 0;  height:36px; line-height:18px; text-align:center;}
#productGrid .sprice					{ float:right; width:40%; padding:5px 25px 3px 0; color:#fff; text-align:right; }
#productGrid .description			{ padding:5px 25px 2px;  color:#fff; text-align:center;}
#productGrid .buttons				{ padding:5px 0 3px 25px; clear:none;}
#productGrid .addToCartBtn			{ padding-top:0;}
#productGrid  p						{ text-align:left; font:normal 12px arial;  padding:0 12px 0 0;}

#productGrid h2						{ padding:8px 10px 8px; background:none; color:#000; font:normal 14px Arial; margin:0;}
#productGrid a						{ color:#fff;}

#bdy-fun-stuff #productGrid h2	{ background:url(../images/cool-stuff.gif) top left no-repeat; width:159px; height:39px; text-indent:-99999em; padding:0 0 5px 0; margin:0;}

#productGrid table td		{ border:1px solid #DAD9C2; border-bottom:none; border-right:none; vertical-align:top;}




#productGrid table td.content-odd2 ,
#productGrid table td.content-even2 {  width:50%;  margin:0;}

#productGrid table td.content-odd3 ,
#productGrid table td.content-even3 {  width:33%;  margin:0;}


#productGrid table td.content-odd4 ,
#productGrid table td.content-even4 {  width:25%;  margin:0;}





#productGrid table td.content-odd4 .description ,
#productGrid table td.content-even4	.description		{  width:20%; padding:5px 15px 3px ;  }
#productGrid table td.content-odd4 .buttons ,
#productGrid table td.content-even4	.buttons				{   padding:5px 0 3px 15px;  clear:none; }
#productGrid table td.content-odd4 .sprice ,
#productGrid table td.content-even4	.sprice				{  width:40%; padding:5px 15px 3px 0;  }
#productGrid table td.content-odd4 .photo ,
#productGrid table td.content-even4	.photo				{   margin:5px auto 5px; width:125px  }


/**************************************************************

	CATEGORY GRID
	
**************************************************************/
#categoryGrid							{ width:80%; clear:both; margin:20px 12% 30px 8%;}
#categoryGrid table					{ width:100%; margin:20px 0;}
#categoryGrid table td				{ border:1px solid #DAD9C2; border-bottom:none; border-right:none; vertical-align:top;}
#categoryGrid .photo					{ float:none;  text-align:center;  background:#fff; margin:5px 25px 5px; height:125px; vertical-align:middle;}
#categoryGrid .photo	img			{ vertical-align:middle;}
#categoryGrid .title					{ font:bold 16px arial; color:#BA2025;  text-align:center; margin-bottom:10px; } 

#categoryGrid h2						{ padding:6px 10px 12px;  color:#000; font:normal 15px Arial;}
#categoryGrid h2 a						{ color:#000;}

#categoryGrid table td								{ /* border:1px solid #DAD9C2; border-bottom:none; border-right:none;*/ font:normal 14px arial;  padding:0; margin:0;}
#categoryGrid table tr:first-child td			{ border-top:none;}
#categoryGrid table tr:first-child td .photo	{ padding-top:0;}
#categoryGrid table tr td:first-child			{ border-left:none; }
#categoryGrid table td div							{  text-align:left; }



#categoryGrid table td.content-odd2 ,
#categoryGrid table td.content-even2 {  width:50%;  margin:0;}

#categoryGrid table td.content-odd3 ,
#categoryGrid table td.content-even3 {  width:33%;  margin:0;}

#categoryGrid table td.content-odd4 ,
#categoryGrid table td.content-even4 {  width:25%;  margin:0;}



/**************************************************************

	PRODUCT DETAIL
	
**************************************************************/
#productDetail									{ width:80%; clear:both; margin:20px 12% 30px 8%; color:#fff;}
#frame #productDetail h2								{ margin:0 0 15px 0; font:normal 34px Arial; padding-top:0; color:#fff;}
#productDetail #productPhotos				{ width:40%; float:left; text-align:right;}
#productDetail #productPhotos > div		{  float:right; padding:20px 50px 0 0; text-align:right;}
#productDetail #extraDetails				{ padding:10px;  float:left; width:50%;}

#productDetail #productPhotos .link		{ clear:both; font-weight:bold; text-align:left;  display:block; padding:10px 0;}


#productDetail #productDescription		{ padding-bottom:25px; font:normal 15px arial;}
#productDetail #productDescription p		{ font:normal 15px arial;}


#price											{ font:normal 24px arial;}

.productTabs									{ text-align:center; border:1px solid #DBC9A5; margin:0 75px;}
.productTabs .productTab					{ display:inline; padding:10px; text-align:center; border:2px solid #DBC9A5; cursor:pointer;  background:#fff; border-left:none; position:relative; top:-10px;}
.productTabs .productTab:first-child	{  border-left:2px solid #DBC9A5;}
.productTabs .productTab-selected		{ background:#DAD9C2;}
.productTabs .productTab:hover			{ color:#fff; background:#BA2025}
.tabBorder										{ clear:both; padding:20px 50px;}
.productTabs .section						{ display:none;}


/* Begin Magic Zoom */
.MagicZoomBigImageCont 				{ }
.MagicZoomPup 					{ border: 1px solid #aaa; background: #fff; cursor: move; }
/* End Magic Zoom */



#frame h2								{ margin:0 0 15px 0; font:normal 34px Arial; padding:30px 0 0; color:#fff; line-height:1em;}

/**************************************************************

	RELATED PRODUCTS
	
**************************************************************/
#productsRelated								{ text-align:center; width:100%; }
#productsRelated .content-odd				{ display:inline-block; vertical-align:top; width:24%; border:1px solid #DBC9A5; }
#productsRelated .content-even			{ display:inline-block; vertical-align:top; width:24%; border:1px solid #DBC9A5; }
#productsRelated .title						{ font:normal 14px arial; line-height:16px; height:35px; vertical-align:top; padding:3px 5px;}
#productsRelated .photo	a					{ height:150px; float:none; display:block;}
#productsRelated .details					{  }

/* autoclear */
#productsRelated:after 						{ content: "."; display: block; height: 0; clear: both; visibility: hidden;}
#productsRelated 								{ display: inline-block;}
/* Hides from IE-mac \*/
* html #productsRelated						{ height: 1%;}
#productsRelated								{ display: block;}
/* End hide from IE-mac */ 




/**************************************************************

	PRODUCT REVIEWS
	
**************************************************************/
#productReviews								{ }
#productReviewsAdd							{ display:none;}
#productReviews input[type=submit]		{ margin-bottom:10px;}
/* autoclear */
#productReviews:after 						{ content: "."; display: block; height: 0; clear: both; visibility: hidden;}
#productReviews 								{ display: inline-block;}
/* Hides from IE-mac \*/
* html #productReviews						{ height: 1%;}
#productReviews								{ display: block;}
/* End hide from IE-mac */ 



/**************************************************************

	PRODUCT BUNDLES
	
**************************************************************/
#productBundle td								{ text-align:center; vertical-align:middle; font:bold 24px arial;}
#bundlePhotos									{ width:450px; margin:0 auto;}




/**************************************************************

	CUSTOMER LOGIN
	
**************************************************************/
#customerLogin								{  width:80%; clear:both; margin:0 12% 30px 8%; color:#fff;}
#existingCustomer							{ width:335px; float:left; border-right:1px solid #DBC9A5; margin-right:5%; padding:10px 10px 10px 0;}
#existingCustomer br						{ display:none;}

#newCustomer								{ padding:10px;}
#newCustomer br						{ display:none;}
#existingCustomer .form-label			{  padding:0 10px 0 0; }
#existingCustomer .form-field			{ display:inline; }

#createCustomer .form-label			{ width:40%;}

/**************************************************************

	CLIENT ACCOUNT
	
**************************************************************/
#clientAccount 							{ width:80%; clear:both; margin:0 12% 30px 8%; color:#fff;}
#clientAccount #billInfo 				{ width:47%; float:right; margin-bottom:30px; clear:both;   }
#clientAccount #shipInfo 				{ border-right:1px solid #C2CA00; margin-right:50%; margin-bottom:30px; clear:left; }
#clientAccount #otherStats				{ clear:both; width:100%; margin:10px 0; border-bottom:1px solid #C2CA00;}
#clientAccount .logout					{ display:block; text-align:left; padding-right:30px;}

#clientAccount .hdr-title				{ padding-left:0;}
#myAccount									{ padding:10px 0 0 20px; border-top:1px solid #DBC9A5; clear:both;}
.buttons						{ clear:both; padding:10px;}

#clientAccount .myerror			{ color:#BA2025; font:bold 13px arial;  }
#shopsite .body .myerror						{ color:#BA2025; font:bold 13px arial; padding:0 10px 20px; display:block;}
#shopsite .body					{ padding:5px 20px;}

#clientAccount .goRight					{ float:right; width:50%;}
#clientAccount #otherStats .goLeft	{ padding:5px 0; font:bold 18px Arial; }



#shipInfo .hdr-title						{ padding:0 0 5px;}
#billInfo .hdr-title						{ padding:0 0 5px;}





/**************************************************************

	VIEW CART
	
**************************************************************/
#viewCart									{ width:80%; clear:both; margin:0 12% 30px 8%; color:#fff;}

#cartItems									{ padding-top:0; border:1px solid #C2CA00; width:100%;}
#cartItems thead							{ font:bold 12px arial; color:#9EAC32; background:#fff; }
#cartItems thead th						{ border-bottom:1px solid #C2CA00; padding:5px 3px; font-weight:bold;}
#cartItems tbody							{ }
#cartItems tbody td 						{ vertical-align:middle; padding:3px 0; border-bottom:1px solid #C2CA00; color:#fff;}
#cartItems tbody td img					{ max-height:50px; max-width:50px; vertical-align:middle;}
#cartItems input							{ margin-top:5px; margin-left:5px;}

#cartNumItems								{ text-align:left; padding:5px 0 10px;}
#cartAmounts								{ float:right; width:30%; clear:right; margin-left:10%; padding-right:20px;}
#cartAmounts .field-label				{ float:left; width:50%; padding:0 0 5px 0; margin:0;}				
#cartAmounts .field-price				{ float:left; width:50%; text-align:right; padding:0 0 5px 0; font-weight:bold;}
#cartButtons								{ padding-top:10px;}

/**************************************************************

	CART CROSSELL
	
**************************************************************/
#crossSell									{ clear:right; padding:30px 0 0 0;}


#pageContent								{ }
#giftCerts									{ }
#affiliateForm								{ }
#affiliateLogin							{ }



/**************************************************************

	CHECKOUT PROCESS
	
**************************************************************/
#checkoutBilling							{ width:80%; clear:both; margin:0 12% 30px 8%; color:#fff;}
#checkoutShipping							{ width:80%; clear:both; margin:0 12% 30px 8%; color:#fff;}
#checkoutPayment							{ width:80%; clear:both; margin:0 12% 30px 8%; color:#fff;}

#checkoutConfirm							{ width:80%; clear:both; margin:0 12% 30px 8%; color:#fff;}
#checkoutConfirm .pageNote				{ padding-bottom:20px;}
#checkoutConfirm #billInfo 			{ width:47%; float:right; margin-bottom:30px;   }
#checkoutConfirm #shipInfo 			{ border-right:1px solid #F1E8A6; margin-right:50%; margin-bottom:30px; }
#checkoutConfirm #paymentInfo			{ margin:10px 0;}

#checkoutComplete						{ }


/**************************************************************

	ORDER DETAILS
	
**************************************************************/
#orderDetails									{ padding-top:20px; border:1px solid #F1E8A6; width:100%;}
#orderDetails thead							{ font:bold 12px helvetica; color:#9EAC32; background:#C2CA00; }
#orderDetails thead th						{ border-bottom:1px solid #F1E8A6; padding:5px 3px; color:#9EAC32;}
#orderDetails tbody							{ }
#orderDetails tbody td 						{ vertical-align:middle; padding:3px 0; border-bottom:1px solid #F1E8A6;}
#orderDetails tbody td img					{ max-height:50px; max-width:50px; vertical-align:middle;}
#orderDetails input							{ margin-top:5px; margin-left:5px;}



#orderList									{ padding-top:20px; border:1px solid #F1E8A6; width:100%;}
#orderList thead							{ font:bold 12px helvetica; color:#9EAC32; background:#C2CA00; }
#orderList thead th						{ border-bottom:1px solid #F1E8A6; padding:5px 3px; color:#9EAC32;}
#orderList tbody							{ }
#orderList tbody td 						{ vertical-align:middle; padding:3px 0; border-bottom:1px solid #F1E8A6;}
#orderList tbody td img					{ max-height:50px; max-width:50px; vertical-align:middle;}
#orderList input							{ margin-top:5px; margin-left:5px;}



/****************************************
*	Color Scheme
* 	All Colors used in this theme should be notated here.
*	Page Bg Green: #9EAC32
*	Top bar Green: #8BC53F
*	Pale Yellow: #F1E8A6
*  Pea Green: #C2CA00
* 	Yellow: #F9E500
****************************************/


#widgetPos										{ background:#DAD9C2; padding:20px; font:normal 18px arial;}
#widgetPos #productNumber					{ padding:0 0 15px 0;}
#widgetPos>div									{ padding:0; width:50%; float:left; clear:left; text-align:right; }
#widgetPos #links								{ clear:none; float:none; width:auto; padding:20px;}
#widgetPos #links .link						{ padding:10px 0;}


