/*	DESIGN NOTES
	============================================================= 
	
	COLORS
	-------------------------------------------------------------
	#fff 	(white)		= background
	#555 	(gray) 		= base color
	#1199ee (turquoise) = title, highlight
	#ee5522 (orange)	= links
	
	FONTS
	-------------------------------------------------------------
	Base setup: Verdana, Trebuchet MS, Arial, sans-serif;

*/

/*	INDEX
	=============================================================
	
	1.RESET............... (zeros out all values for cross-browser consistency)
	2.BASE................ (styles just bare selectors)
	3.LAYOUT.............. (the structure's blocks)
	4.TYPOGRAPHY.......... (isolates fonts values)
	5.GENERIC............. (shared, global, common styles and helpers)
	6.SPECIFIC............ (sections, plugins, etc.)
 */

/* 1.RESET
============================================================= */
html, body, div, span, img, h1, h2, h3, h4, h5, h6, 
a, p, blockquote, q, cite, pre, code, address, abbr, acronym,
ul, ol, li, dl, dt, dd, 
form, fieldset, legend, label, input, textarea, button,
table, caption, thead, tbody, tfoot, tr, th, td,
applet, object, iframe 
{ margin: 0; padding: 0; border: 0; outline: none; font-size: 100%; vertical-align: baseline; background: transparent; }

body 		{  }
ul, ol 		{ list-style: none; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; }
blockquote, q, cite, em, strong, address { font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

abbr, acronym { }
table 		{ border-collapse: collapse; border-spacing: 0; }/* tables still need 'cellspacing="0"' in the markup */
caption, th { text-align: left; }
th 			{ font-weight: normal; }
a img 		{ border: 0; }


/* 2.BASE
============================================================= */
body 					{ color: #666; text-align: left; }

/* Headings */
h1, h2, h3, h4, h5, h6 	{ font-weight: bold; }

h3 { font-size: 1.5em;color: #1199ee; margin-bottom: 10px; }

/* Texts */
p 						{
	margin-bottom: 1.0em; 
	}	
em 						{ color: #1199ee; }
strong 					{ font-weight: bold; }

/* Lists */
ul, ol, li 				{ }

dl 						{ }
dt 						{ font-weight: bold; }
dd 						{ margin: 0 1.5em 1.0em; }

/* Links */
a 						{ text-decoration: none; color: #ee5522; }
a:hover 				{ text-decoration: underline; }

/* Tables */
table 		{ }
caption 	{ }
thead 		{ }
tbody 		{ }
tfoot 		{ }
colgroup 	{ }
col 		{ }
tr			{ }
th		 	{ font-weight: bold; }
td 			{ }
td, th 		{ padding: 1px; border: 0px solid; }

/* Images */
img 					{ }


/* 3.LAYOUT
============================================================= */
body 		{ background-color: #f6f6f6; }
#wrapper 	{ 
	width: 950px;
	margin: 0 auto;  
	}
#header 	{ height: 110px; background: url(/images/header.jpg) top no-repeat; position: relative; }
#nav		{ 
	xheight: 65px; 
	background: url(/images/body.jpg);
	}
#nav-admin	{ height: 100px; }
#main-nav 	{ height: 35px; background: url(/images/main-nav.jpg) top repeat-x; border-left: 1px solid #d2d2d2; border-right: 1px solid #d2d2d2;}
#sub-nav-level-2 	{ height: 25px; background-color: #CEDDEA; }
#sub-nav-level-1 	{ xheight: 30px;  }
#main { 
	padding: 20px; 
	background: #FFF url(/images/body.jpg) top right repeat-y;
	}
#footer 	{ 
	width: 950px; 
	xheight: 300px; 
	margin: 0 auto;  
	xbackground: url(/images/footer.jpg) top repeat-x; position: relative; 
	background-color: #3d3c41;
	}
#footerLandingPage 	{ 
	width: 950px; 
	xheight: 34px; 
	margin: 0 auto;  
	xbackground: url(/images/footerlanding.jpg) top repeat-x; position: relative; 
	background-color: #3d3c41;
	}
	


/* Sticky Footer */

html, body { 
	xheight: 100%; }

#push {
	xheight: 300px;  }/* height must be same as "#footer" */

#wrapper { 
	xmin-height: 100%; 
	xmargin-bottom: -300px; 
	}
	/* bottom margin is the negative value of the footer's height */




/* 4.TYPOGRAPHY 
============================================================= */
	
html 								{ font-family: Helvetica, Arial, sans-serif; font-size: 62.5%; }/* sets 1.0em to 10px */	
	body 							{ font-size: 1.2em; }
	
		/* form 						{ font-size: 1.2em; } */
			h2 	 					{ font-size: 1.7em; }
			
		#footer h2		 			{ font-size: 1.7em; }
		#demo h2+p 					{ font-size: 1.4em; }
	
	#header-index p#statement  		{ font-size: 1.3em; }


/* 5.GENERIC
============================================================= */
	
/* Utilities */
.clear 			{ clear: both; }
.left 			{ float: left; }
.right			{ float: right; }
.center 		{ margin-left: auto; margin-right: auto; text-align: center; }
.padder 		{ padding: 5px; }
	
/* Forms */
.button 		{ color: #555; width: 59px; height: 26px; background: url(/images/button.png); border: 0; font-size: 1.2em; }
.buttongroop 	{ color: #555; width: 150px; height: 26px; background: url(/images/buttongroop.png); border: 0; font-size: 1.2em; }
.buttonsignin 	{ color: #555; width: 250px; height: 26px; background: url(/images/buttonsignin.png); border: 0; font-size: 1.2em; }


/* 6.SPECIFIC
============================================================= */

/* 6.1 INDEX /SPLASH PAGE
------------------------------------------------------------- */
body#index { background-color: #ddd; }

#top { background-color: #fff; height: 250px; border-bottom: 1px solid #bbb; padding-top: 80px;}

body#index h1 		{ text-indent: -9999px; height: 113px; background: url(/images/logo.jpg) no-repeat; }
body#index h1+p 	{ text-indent: 0; font-size: 1.8em; margin-left: 100px; }

#countries-block h2 { margin-bottom: 10px; }

#countries-block { width: 750px; margin: 0 auto; padding-top: 20px; }
#countries-block h2 { margin-left: 100px; margin-bottom: 10px; }

#header-index { width: 600px; margin: 0 auto; }

#header-index p#statement  { font-size: 1.3em; margin-left: 100px; color:#aaa; }

#countries-block ul { margin-left: 100px;  }
#countries-block ul li { margin-bottom: 10px; }
#countries-block ul li a { background: url(/images/bullet-arrow-2.png) left no-repeat; padding-left: 15px; }

 
/* 6.2 HEADER
------------------------------------------------------------- */

/* Logo + Tagline */
#header h1 a { 
	text-indent: -9999px; 
	display:block;
	width: 400px;
	height: 82px;
	xborder: 1px dotted green;
	}

#header p.baseline 	{ 
	xtext-indent: -9999px; 
	display:block;
	width: 210px;
	text-align: right;
	font-size: 11px;
	xborder: 1px dotted red;
	
	}

/* Main Navigation */
#main-nav 					{ position: relative; }
#main-nav ul 				{
	position: absolute;
	bottom: 0px; 
	left: 0px;
	width: 950px;
	}
#main-nav ul li  { height: 33px; padding-left: 2px; background: url(/images/main-nav-line.gif) bottom left repeat-y; float: left; }


#main-nav ul li.vendor  { 
	height: 33px; 
	padding-left: 2px; 
	background: url(/images/main-nav-line.gif) bottom left repeat-y; 
	float: right;
	xborder: 1px dotted purple;
	}

#main-nav ul li a {
	color: #666; 
	display: block; 
	padding: 10px 20px 11px 20px; 
	font-weight: bold;
	}
#main-nav ul li a:hover		{ color: #333; text-decoration: none; }
#main-nav ul li.active a	{ color: #FFF; background-color: #a8b8c7; } /* bbccdd */

/* Sub Navigation - Listing Page */
#listing-page #sub-nav-level-1  	{ background-color: #a8b8c7;}

/* Sub Navigation - Detail Page */
#detail-page #sub-nav-level-1,  
#account-page #sub-nav-level-1,
#about-page #sub-nav-level-1 { background: url(/images/sub-nav.jpg) top repeat-x; }

#sub-nav-level-1 ul 			{ padding: 10px 0 10px 20px; }
#sub-nav-level-1 ul li 			{ display: inline; padding-right: 15px; }
#sub-nav-level-1 ul li a 		{ color: #fff; }
#sub-nav-level-1 ul li a:hover 	{ color: #666; text-decoration: none; }
#sub-nav-level-1 ul li.active a { color: #666; padding-bottom: 6px; } /* old "sub-nav-active.jpg" */

/* Sub Navigation - Admin */
#detail-page #sub-nav-level-2, 
#account-page #sub-nav-level-2,
#about-page #sub-nav-level-2 { background: url(/images/sub-nav.jpg) top repeat-x; }

#sub-nav-level-2 ul 			{ padding: 6px 0 0 20px; }
#sub-nav-level-2 ul li 			{ display: inline; padding-right: 15px; }
#sub-nav-level-2 ul li a 		{ color: #fff; }
#sub-nav-level-2 ul li a:hover 	{ color: #666; text-decoration: none; }
#sub-nav-level-2 ul li.active a { color: #666; padding-bottom: 5px; } /* old "sub-nav-admin-active.gif" */

/* Extra Navigation */
ul#extra-nav 				{ position: absolute; top: 10px; right: 3px; }
ul#extra-nav li 			{ display: inline; color: #CCC;}
ul#extra-nav li a			{ color: #4477bb; padding: 0 5px; }

/* 6.3 BREADCRUMB
------------------------------------------------------------- */
ul.breadcrumb 				{ color: #fff; padding: 20px 0 0 30px; }
ul.breadcrumb li 			{ display: inline; }
ul.breadcrumb li a			{ color: #aabb11; }
ul.breadcrumb li a:hover 	{  }
p#breadcrumb a:visited, p#breadcrumb a:link, p#breadcrumb a {
	color: #999;
	font-size: 11px;
	
	}
#footer ul.breadcrumb 		{ color: #fff; }
#main ul.breadcrumb 		{ color: #666; }
#main ul.breadcrumb.active 		{ color: red; }

/* 6.4 ABOUT / FAQ PAGE
------------------------------------------------------------- */
#content h2 { margin-bottom: 20px; border-bottom: 1px solid #ccc; padding-bottom: 5px; }
#content p { line-height: 1.5em; }

#content p.intro { font-size: 1.3em; }

#content a.nohover:hover { text-decoration: none; }

#faq { width: 490px; background: #eee url(/images/detail-block-bottom.jpg) bottom no-repeat; margin-bottom: 20px; }
#faq h3 { color: #1199ee; background: #eee url(/images/detail-block-top.jpg) top no-repeat; padding: 10px 0 0 20px; }
#faq ul { padding: 0px 0 20px 20px; }
#faq ul li { margin-bottom: 10px; }
#faq ul li a { background: url(/images/bullet-arrow-2.png) left no-repeat; padding-left: 15px; }

/* 6.5 ACCOUNT PAGE
------------------------------------------------------------- */
form 					{  }
fieldset 				{ border: 0px; padding: 20px; margin-bottom: 20px; background: #eee url(/images/fieldset-bottom.jpg) bottom no-repeat; }
legend 					{ display: none; } 
label 					{ width: 190px; display: block; float: left; font-weight: bold; }
input, textarea 		{ color: #777; padding: 2px; background-color: #fff; border: 1px solid #bbb; font-size: 1.2em; }
select 					{ color: #777; padding: 2px; background-color: #fff; border: 1px solid #bbb; }
button 					{ }

div.single-field 		{ width: 750px; margin-bottom: 10px; border-bottom: 1px dotted #999; padding-bottom: 10px; overflow: hidden; }
div.single-field-low-width 		{ width: 250px; margin-bottom: 10px; border-bottom: 1px dotted #999; padding-bottom: 10px; overflow: hidden; }

.type input[type="checkbox"] { float: left; } 
.type label { width: 100px; }
.type input+label { padding-left: 5px; font-weight: normal; width: 70px; }

fieldset#user-info 	{ background: #bbccdd url(/images/fieldset-info-bottom.jpg) bottom no-repeat; }

h2.fieldset-header { color: #1199ee; height: 35px; background: #eee url(/images/fieldset-top.jpg) top no-repeat; padding: 10px 0 0 20px; }

h2.fieldset-info-header { color: #1199ee; height: 35px; background: #bbccdd url(/images/fieldset-info-top.jpg) top no-repeat; padding: 10px 0 0 20px; }

/* Account Screen */
.fieldset-info-header { height: 45px; background: #bbccdd url(/images/fieldset-info-top.jpg) top no-repeat; }

.fieldset-info-header h2, 
.fieldset-header h2 	{ float: left; color: #1199ee; padding: 10px 0 0 20px; }

.fieldset-header { height: 45px; background: #eee url(/images/fieldset-top.jpg) top no-repeat; }

.fieldset-info-header .button, 
.fieldset-header .button 		{ float: right; margin: 10px 20px 0 0; }

img.account-img  { float: left; margin-right: 15px; padding: 5px; background-color: #fff; }

input[type="submit"] { }



/* 6.6 DETAIL PAGE
------------------------------------------------------------- */
/* Columns Structure */
#detail-col-main 	{ width: 525px; float: left; }
#detail-col-sub 	{ width: 330px; float: right; }
		
/* Detail Block */
#detail-col-main h2 	{
	font-size:2.5em; 
	color: #666666; 
	border-bottom: 1px solid #ccc; 
	padding-bottom: 10px; 
	margin-bottom: 5px;
	letter-spacing: -1px;
	line-height: 100%;
	}
#detail-col-main p.sub-title 	{  }

#detail-block 			{ 
	width: 460px; 
	margin: 0 auto; 
	background: #eee url(/images/detail-block-top.jpg) top no-repeat; 
	padding: 20px 15px 10px 15px; 
	overflow: hidden;
	}
#detail-block-in 		{ width: 470px; margin: 0 auto; background: #eee url(/images/detail-block-top.jpg) bottom no-repeat; padding: 10px; overflow: hidden; }

p.price 				{ font-size: 3.2em; float: left; }
p.price strong { 
	color:#1199EE;
	}
p.price em { 
	color:#666;
	font-weight: bold;
	font-size: 70%;
	vertical-align: top;
	}

.detail-saving 			{ float: right; }
.detail-saving p		{ font-size: 1.5em; margin-bottom: 0; }

ul.options 				{ clear: both; border-top: 1px solid #ccc; padding-top: 10px; }
ul.options li 			{ border-bottom: 1px solid #ccc; margin-bottom: 10px; }
ul.options li h3 		{ font-size: 1.3em; }
ul.options li h4 		{ font-size: 1.0em; color: #666; }
ul.options li p span 	{ margin-right: 20px; }

#status 								{ overflow: hidden; }
#status div.bar							{ clear: both; background-color: #ccc; border: 2px solid #bbb; margin-bottom: 10px; }
#status div.bar	div.bar-progression	{ background: url(/images/bar-big.png) repeat-x; height: 17px; }

.bar-values 								{ overflow: hidden; }

#status div.bar	div.bar-progression	{ width: 200px; }/* This is only as example. DELETE !!! */
#status-listing div.bar	div.bar-progression	{ width: 100px; }/* This is only as example. DELETE !!! */

#status p.buyers { float: left; }
#status p.target { float: right; }

#status p.target,
#status p.buyers { margin-bottom: 5px; }

input.join-deal-button 	{ float: left; font-size: 1.3em; color: #333; width: 175px; height: 40px; background: url(/images/join-button.png) top no-repeat; border: 0; margin: 10px 0; }
p.similar-deal 			{ float: left; margin: 10px 0 0 20px; }

/* Users Block */
#users-block { padding: 20px; margin: 0 auto;  background: url(/images/users-block-top.jpg) top no-repeat; }

#coach h3, #coach p { display: inline;  }
#coach img { margin-left: 10px;  }
#coach p { margin-left: 5px;  }

#committed p a { float: right; clear: left; }

#coach, 
#committed, 
#interested { margin-bottom: 20px; background: url(/images/users-blocks-sep.jpg) bottom left repeat-x; padding-bottom: 10px; overflow: hidden; }

#coach h3, 
#committed h3,
#interested h3	 { font-size: 1.2em; color: #1199ee; margin-bottom: 10px; }

#committed img, 
#interested img { float: left; margin-right: 10px; }
#interested #more { float: left; margin-right: 10px; }

/* Comments */
#comments { background-color: #eee; padding: 10px;}

#comments ul li { overflow: hidden; border-bottom: 1px solid #ccc; padding-bottom: 5px;  margin-bottom: 10px; }

#comments .comment-author-block { float: left; }
#comments .comment-author-block img { float: left; }
#comments .comment-author-block .comment-author-info { float: left; margin: 0 0 0 7px;  }

#comments .comment-author-block p.comment-author-name { margin: 0; color: #333;}
#comments .comment-author-block p.comment-author-date { }

#comments .comment-text { width: 320px; float: right; }

#comments-pagination { margin: 0 auto; text-align: center; }
#comments-pagination a { text-decoration: underline; }

#comment-form .submit-button { font-size: 0.8em; ;width: 65px; height: 22px; background: url(/images/submit-button.png); color: #fff; border: 0; display: block; margin-top: 10px;}

#comment-form .comment-entry-field { height: 30px; width: 300px; color: #1199ee;}
#comment-form .comment-entry-field:{ background-color: #ddeeee; }

/* Sub Comumn */
#photos  { overflow: hidden; }
#photos img { padding: 5px; background-color: #fff; border: 1px solid #ccc; }
#main-photo { margin-bottom: 10px; }
ul#thumbnails {  }
ul#thumbnails li { float: left; margin-left: 10px; margin-bottom: 8px; }
ul#thumbnails li.thumb1, ul#thumbnails li.thumb5, ul#thumbnails li.thumb9, ul#thumbnails li.thumb13{ margin-left: 0px; }

#detail-col-sub h4 { font-size: 1.2em; border-bottom: 1px solid #ccc; padding-bottom: 5px; margin-bottom: 5px; }

.documents li { margin-bottom: 5px; }
.documents li a { color: #666; padding-left: 25px; }

.documents li.pdf { background: url(/images/pdf-icon.png) left no-repeat; padding: 5px 0; }

.links li.product-link { background: url(/images/bullet-arrow.png) left no-repeat; padding: 5px 0;  }
.links li a { padding-left: 15px; }

#photos,
.description,
.shipping-details,
.documents,
.links { margin-bottom: 20px; }

.description p {
	line-height: 150%;
	}



/* 6.7 LISTING PAGE
------------------------------------------------------------- */

ul#listing li .listing-bg-top { padding: 20px; background: #eee url(/images/fieldset-top.jpg) top no-repeat; }
ul#listing h2 {  }
ul#listing p.listing-price { font-size: 2.5em; }
ul#listing p { margin-bottom: 5px; }
ul#listing li { padding-bottom: 15px; background: #eee url(/images/fieldset-bottom.jpg) bottom no-repeat; overflow: hidden; margin-bottom: 10px; }

ul#listing li input.info-button { background: url(/images/info-button.png) bottom no-repeat; width: 114px; height: 26px; border: 0; margin-top: 10px; float: right; }
ul#listing li input.info-button-groop { background: url(/images/info-button-groop.png) bottom no-repeat; width: 114px; height: 26px; border: 0; margin-top: 10px; float: right; }

ul#listing li .listing-info-my-groops { float: left; width: 200px; }
ul#listing li .listing-info { float: left; width: 600px; }
ul#listing li .listing-info-commit { float: left; width: 900px; }
ul#listing li .listing-saving { float: non; overflow: hidden; } 

ul#listing li .listing-saving p { text-align: right; }

ul#listing li .listing-info img { float: left; margin-right: 10px; padding: 3px; background-color: #fff; }

#status-listing { overflow: hidden; width: 200px;}
#status-listing div.bar	{ margin-bottom: 10px; background-color: #ccc; border: 1px solid #bbb; clear: both;}
#status-listing div.bar	div.bar-progression	{ background: url(/images/bar-small.png) repeat-x; height: 11px; }

#status-listing p.buyers { float: left; }
#status-listing p.target { float: right;  }

#start-group { margin: 0 auto; text-align: center; width: 506px; height: 130px; background: url(/images/start-group-bg.jpg) top center no-repeat; }
#start-group h2 { font-size: 2em; padding-top: 20px; }
#start-group input[type="submit"] { border: 0; background: url(/images/start-group-button.png) top center no-repeat; width: 236px; height: 39px; font-size: 1.3em; color: #333; margin-top: 20px; }

/* 6.8 MODAL LOGIN
------------------------------------------------------------- */
form#loginform { }
form#loginform p { margin-bottom: 40px; }
form#loginform label { color: #666; }
input#login-action {   }

/* 6.9 FOOTER
------------------------------------------------------------- */
#footer-nav ul li 	{ display: inline; }

#footer-nav ul li a { color: #fff; padding: 0 5px; }

#footer-nav-1 { position: absolute; bottom: 10px; left: 10px; }
#footer-nav-2 { position: absolute; bottom: 10px; right: 10px; }

#footer h2 { color:#1199ee; margin-bottom: 15px; }

#footer-nav {
	background-color:#959595;
	border-top: 3px solid white;
	clear:both;
	height: 35px;
	}

#more-category { xwidth: 600px;float: left; margin: 0 0 20px 30px; }
#more-category img { float: left; margin-right: 20px; padding: 5px; background-color: #fff; }

#more-offers { width: 425px;float: left; margin: 20px 0 0 30px; }
#more-offers img { float: left; margin-right: 15px; padding: 5px; background-color: #fff; }

#more-groops { width: 425px;float: right; margin: 20px 0 0 30px; }
#more-groops img { float: right; margin-right: 15px; padding: 5px; background-color: #fff; }

#demo { float: right; width: 310px; margin: 0 30px 20px 0; }

#demo p { color:#fff; }
#demo h2, #demo h2+p { display: inline; }
#demo img { display: block; margin-top: 15px; }

/* a[name="post-comment"] {border: 1px solid green; display:block; width:10px; height:10px} */



/* Rounded corners Buttons */

/* Button Orange */

a.buttonOrangeSmallRight {
	background: url(http://www.letsgroop.com/css/img/buttons/png/button_orange_small.png) no-repeat top right;
	color: white;
	font-weight: bold;
	text-decoration:none;
	padding-right: 10px;
	float:right;
	display: block;
	font-family: arial;
	font-size: 14px;
	line-height: 14px;
	margin: 0 10px 10px 10px;
	height: 35px;
	cursor:hand;
	
	
	
}
a.buttonOrangeSmallRight span {
	background: url(http://www.letsgroop.com/css/img/buttons/png/button_orange_small.png) no-repeat top left;
	color: white;
	font-weight: bold;
	text-decoration:none;
	padding: 9px 20px 10px 30px;
	display: block;
	height: 35px;
	margin-left: -10px;
	cursor:hand;
	
}

a.buttonOrangeSmall {
	background: url(http://www.letsgroop.com/css/img/buttons/png/button_orange_small.png) no-repeat top right;
	color: white;
	font-weight: bold;
	text-decoration:none;
	padding-right: 10px;
	float:left;
	display: block;
	font-family: arial;
	font-size: 14px;
	margin: 0 10px 10px 10px;
	height: 35px;
	cursor:hand;
	
	
	
}
a.buttonOrangeSmall span {
	background: url(http://www.letsgroop.com/css/img/buttons/png/button_orange_small.png) no-repeat top left;
	color: white;
	font-weight: bold;
	text-decoration:none;
	padding: 9px 20px 10px 30px;
	display: block;
	height: 35px;
	margin-left: -10px
}

a.buttonOrangeSmall:hover,  
a.buttonOrangeSmall:hover span, a.buttonOrangeSmallRight:hover,a.buttonOrangeSmallRight:hover span {
	background-image: url(http://www.letsgroop.com/css/img/buttons/png/button_orange_small_hover.png);

}

/* Button Green */

a.buttonGreenSmallRight {
	background: url(http://www.letsgroop.com/css/img/buttons/png/button_green_small.png) no-repeat top right;
	color: white;
	font-weight: bold;
	text-decoration:none;
	padding-right: 10px;
	float:right;
	display: block;
	font-family: arial;
	font-size: 14px;
	line-height: 14px;
	margin: 0 10px 10px 10px;
	height: 35px;
	cursor:hand;
	
	
	
}
a.buttonGreenSmallRight span {
	background: url(http://www.letsgroop.com/css/img/buttons/png/button_green_small.png) no-repeat top left;
	color: white;
	font-weight: bold;
	text-decoration:none;
	padding: 9px 20px 10px 30px;
	display: block;
	height: 35px;
	margin-left: -10px;
	cursor:hand;
	
}

a.buttonGreenSmall {
	background: url(http://www.letsgroop.com/css/img/buttons/png/button_green_small.png) no-repeat top right;
	color: white;
	font-weight: bold;
	text-decoration:none;
	padding-right: 10px;
	float:left;
	display: block;
	font-family: arial;
	font-size: 14px;
	margin: 0 10px 10px 10px;
	height: 35px;
	cursor:hand;
	
	
	
}
a.buttonGreenSmall span {
	background: url(http://www.letsgroop.com/css/img/buttons/png/button_green_small.png) no-repeat top left;
	color: white;
	font-weight: bold;
	text-decoration:none;
	padding: 9px 20px 10px 30px;
	display: block;
	height: 35px;
	margin-left: -10px
}

a.buttonGreenSmall:hover,  
a.buttonGreenSmall:hover span, a.buttonGreenSmallRight:hover,a.buttonGreenSmallRight:hover span {
	background-image: url(http://www.letsgroop.com/css/img/buttons/png/button_green_small_hover.png);

}

/* Button blue */

a.buttonBlueSmallRight {
	background: url(http://www.letsgroop.com/css/img/buttons/png/button_blue_small.png) no-repeat top right;
	color: white;
	font-weight: bold;
	text-decoration:none;
	padding-right: 10px;
	float:right;
	display: block;
	font-family: arial;
	font-size: 14px;
	line-height: 14px;
	margin: 0 10px 10px 10px;
	height: 35px;
	cursor:hand;
	
	
	
}
a.buttonBlueSmallRight span {
	background: url(http://www.letsgroop.com/css/img/buttons/png/button_blue_small.png) no-repeat top left;
	color: white;
	font-weight: bold;
	text-decoration:none;
	padding: 9px 20px 10px 30px;
	display: block;
	height: 35px;
	margin-left: -10px;
	cursor:hand;
	
}

a.buttonBlueSmall {
	background: url(http://www.letsgroop.com/css/img/buttons/png/button_blue_small.png) no-repeat top right;
	color: white;
	font-weight: bold;
	text-decoration:none;
	padding-right: 10px;
	float:left;
	display: block;
	font-family: arial;
	font-size: 14px;
	margin: 0 10px 10px 10px;
	height: 35px;
	cursor:hand;
	
	
	
}
a.buttonBlueSmall span {
	background: url(http://www.letsgroop.com/css/img/buttons/png/button_blue_small.png) no-repeat top left;
	color: white;
	font-weight: bold;
	text-decoration:none;
	padding: 9px 20px 10px 30px;
	display: block;
	height: 35px;
	margin-left: -10px
}

a.buttonBlueSmall:hover,  
a.buttonBlueSmall:hover span, a.buttonBlueSmallRight:hover,a.buttonBlueSmallRight:hover span {
	background-image: url(http://www.letsgroop.com/css/img/buttons/png/button_blue_small_hover.png);

}



/* Category Page */



div.catBox {
	width: 280px;
	height: 145px;
	background: #f2f2f2 url(img/cat_box_bottom.gif) bottom left no-repeat;
	margin-bottom: 15px;
	margin-right: 20px;
	xborder: 1px solid red;
	float: left;
}

div.catBox div.paddingBox {
	padding: 15px 15px 15px 20px;
	background: url(img/cat_box_top.gif) top left no-repeat;
}

div.catBox img.cat {
	float: left;
	padding: 5px;
	background: white;
	border:1px solid #DDD;
}

#content div.catBox h2 {
	background: transparent;
	margin-left: 100px;
	border-bottom: none;
	line-height: 100%;
	font-size: 18px;
	margin-bottom: 0;
}

#content div.catBox h2 a {
	color: #1199ee;
	font-weight: normal;
}

div.catBox ul {
	margin: 0 0 0 100px;
}

#content div.catBox ul li {
	padding-top: 2px;
	xborder: 1px solid red;
}

div.catBox ul a {
	color: #ff9516;
}

div.boxClear {
	clear: both;
}