body { text-align: center; font-size:62.5%; background:#ADAD95 url(../images/bg.jpg) 50% 0 repeat-x; font-family:'Lucida Grande', Arial, Helvetica, sans-serif; }

h1, h2, h3, h4, h5, p { color:#676767; font-family:Arial, Helvetica, sans-serif; }
h1 { font-size:1.44em; font-weight:bold; margin:.7em 0; }
h1 em	{ font-size:1.1em; }
h2	{ font-size:1.2em; font-weight:bold; }
h3	{ font-size: 14px; font-weight:bold; margin:1em 0; }
h3 a { color: #EB343C; }
hr { color: #CCC; background: #CCC; border:0; height: 1px; margin: 10px 0; clear: both; }
p { text-align:left; line-height:1.541em; font-size:1.103em; margin:1em 0; }
sup	{ vertical-align: super; font-size:0.5em; }
strong	{ font-weight:bold; }
a { color:#676767; text-decoration:none; }
a:hover, a:focus { color:#858371; text-decoration:underline; }
img.right { float: right; }

.callout	{ color:#F00; }
.black	{ color:#1D1D1D; }
.blue	{ color:#59CAEF; }

.bulleted	{ margin:0.7em 0 1em; }
.bulleted li	{ padding:0 0 0 10px; margin:0 0 0.3em; background:url(../images/bullet.gif) 0 0.5em no-repeat; font-size:1.15em; color:#676767; }

/**********	UTILITY	************/
.clear { clear: both; }
.clearfix:after { content:"."; 	display:block;	clear:both; visibility:hidden; line-height:0; height:0; }
.clearfix { display:inline-block; }
html[xmlns] .clearfix { display:block; }
* html .clearfix { height:1%; }

.ir	{ display:block; text-indent:-1000em; background:0 0 no-repeat; overflow:hidden; text-align:left; }
.ir.logo	{ width: 272px; height: 140px; float: left; background-image:url(../images/calusa-logo.png); }
.ir.cart	{ width:42px; height:41px; float:right; background-image:url(../images/cart.gif); margin:0 15px 0 0 }
.ir.signup	{ width:602px; height:88px; float:left; background-image:url(../images/sign-up.gif); }
.ir.remove	{ width:12px; height:12px; background-image:url(../images/remove.gif); }
	.ir.remove:hover, .ir.remove:focus	{ background-position:0 -12px; }

a.visit-grommies {
	width: 320px; height: 82px;
	margin: 0 0 0 20px; padding: 0;
	display: block; float: left;
	background: url(../images/visit-grommies.png) no-repeat;
}
a.visit-grommies span { display: none; }
img.free-delivery { display: block; float: left; }
	
/**********	LAYOUT BLOCKS	***********/
#container { width:1000px; margin: 0 auto; text-align:center; }
	#mid	{ background:url(../images/mid.gif) 50% 0 repeat-y; float:left; text-align:left; }
	#bottom	{ background:url(../images/bottom.gif) 0 0 no-repeat; clear:both; height:92px; padding-top:90px; text-align:center; color:#FFFFFF; }

#header { width:100%; height: 140px; clear:both; background:url(../images/top.gif) 0 100% no-repeat; }
	#basket { background: url(../images/payment-basket.png) 0 0 no-repeat; width:265px; height:58px; font-size:1.1em; float:right; margin:0 20px; text-align:left; padding:52px 10px 0 230px; color: #FFF; }
	#basket .info	{ display:block; margin:0 0 4px; padding: 20px 0 0 0; }
	
#content { width:96%; padding-right:4%; clear:both; }
	#content.category	{ padding-left:3%; width:88% }
	#mainright { width:225px; text-align:center; float:left; margin:0 !important; padding:12px 0 0 !important; }
	#mainright img	{ margin:3px auto; }
	#maincontent { float:left; width:590px; padding-left:60px; }
	#mainleft { width: 325px; float: left; padding-left: 10px; }
	#content .banner	{ margin:10px 0; display:block; }
	#flash { background: url(../images/mainflash.jpg) 0 0 no-repeat; width: 560px; height: 220px; }
	
#footer-wrap	{ width:100%; background:#1d1d1d url(../images/wave.gif) 0 0 repeat-x; }
#footer { width:1000px; margin:0 auto; padding:30px 0 20px; clear:both; color:#adad95; }
	#footer li { list-style-type:none; display:inline; font-size:1.2em; margin:3px 0px 3px 3px; padding-right:5px; border-right: 1px solid #858371; }
	#footer li:last-child	{ border-right:0; }
	#footer  p { font-size:1em; margin:5px 5px 0; color:#75755b; text-align:center; }
	#footer a { color: #adad95; }
	#footer a:visited { color: #adad95; }
	#footer a:hover, #footer a:focus { color: #858371; }
	
	
/*********	NAV	*************/
#nav	{ display:block; height:80px; letter-spacing:-1px; margin:0 auto; padding: 13px 0 0 0; }
#nav a 	{ color:#FFF; }
#nav a:hover, #nav a:focus { color: #858371; text-decoration:none; }
#nav li { padding:5px; height:23px; list-style-type:none; font-size:1.28em; display:inline; margin:3px 4px 3px 3px; font-weight:bold; }
#nav p { padding-bottom:15px; }
#nav h3	{ display:inline; font-weight:bold; font-size:16px; }

.breadcrumbs	{ margin:1em 0 4em }
.breadcrumbs li	{ display:inline; font-size:1.1em; letter-spacing:0.1em; }
.breadcrumbs .separator	{ color:#1D1D1D }


/********	PRODUCTS	************/
.products, .brands	{ width:560px; display:block; clear:both; }
.products li, .brands li	{ width:150px; min-height:200px; margin:0 5px 5px 0; display:block; float:left; text-align:center; border:1px solid #DCDCC5; padding:10px; background:#FFF; }
.products .new_row, .brands .new_row	{ clear:both }
.products .title	{ font-size:1.1em; clear:both; }
.products .price	{ font-size:13px; font-weight:bold; color:#000; background: url(../images/bg-price.gif) no-repeat center; }
.products li a { height: 120px; display: block; }
.products li h3 a { height: 50px; display: block; }

.brands li	{ width:230px; min-height:100px !important; position:relative; }
.brands li a { display: block; }
.brands li a img { margin: 0; }
.brands li h3 { margin: 0; padding: 0; }
.brands .title	{ font-size:11px; margin:0; padding: 20px 0 0 0; text-align:center; width:230px; }


#photos	{ float:right; width:225px; margin:0 0 20px 20px }
#photos li	{ float:left; margin:0 10px 5px 0; }
#photos a	{ border:1px solid #CCC; display:block; padding:5px; }
#photos a:hover, #photos a:focus	{ border-color:#676767; }
#photos .enlarge	{ clear:both; width:100%; text-align:center; }
#photos .medium a	{ border-color:#FFF; }
#photos .medium a:hover, #photos .medium a:focus	{ border-color:#676767; }

form.buy	{ clear:none; display:block; width:50%; margin:3em 0; padding:1em 0 0; border-top:1px dotted #858371 }
.buy .price	{ font-size: 1.4em; color:#BC2000; margin-bottom:0.8em; }
.buy .rrp	{ font-size:1.2em; color:#676767; }
.buy .submit	{ width:auto; border:auto; background:auto; }
.buy input, .buy select, .buy label	{ font-size:1.4em; cursor:pointer; }
.buy input.cart-button {
	width: 133px; height: 36px;
	margin: 10px 0 ; padding: 0;
	display: block;
	background: url(../images/button.jpg) no-repeat; color: #FFF;
	border: 0; text-align: center;
	font-weight: bold; font-family: Arial, Sans-Serif; font-size: 14px;
}
.buy input.cart-button:hover { background-position: 0 -36px; }

.error	{ font-weight:bold; color:#F00 }

.checkout label	{ display:none; }
	.checkout .delivery label, .checkout .discount label	{ display:block; }
.checkout input	{ width:3em }
.checkout .discount input,
.checkout .delivery select	{ width:155px; position:relative; }
.checkout .discount .submit	{ width:auto; margin-right:0; }
.checkout table	{ width:530px; font-size:1.2em; }
	.checkout td, .checkout th	{ padding:10px 5px; border-bottom:1px dotted #CCC; vertical-align:top; }
		.checkout tbody tr:last-child td, .checkout tbody tr:last-child th	{ border-bottom:none; }
	.checkout th	{ font-weight:bold; color:#858371; }
	.checkout th.item	{ text-indent:-1000em; }
	.checkout tbody tr:last-child td	{ padding-bottom:2em; }
		.checkout .delivery, .checkout .total th, .checkout .total td, .checkout .discount td	{ border:none !important }
			.checkout .foot	{ background:url(../images/basket-bg-mid.gif) 0 0 repeat-y; }
			.checkout .foot .top	{ background:url(../images/basket-bg-top.gif) 0 0 no-repeat;  }
				.checkout .foot .top td, .checkout .foot .top th	{ padding-bottom:0; padding-top:0; }
			.checkout .foot .bottom	{ background:url(../images/basket-bg-bottom.gif) 0 100% no-repeat; padding-top:0 }
				.checkout .foot .bottom td, .checkout .foot .bottom th	{ padding-bottom:0; padding-top:0; }
			.checkout .foot .first td, .checkout .foot .first th	{ padding-top:20px; }
			.checkout .foot th, .checkout .foot td	{ padding:5px; }
			.checkout .foot td	{ font-size:1.2em; vertical-align:top; color:#FFF; border:none; text-align:right; padding-right:20px}
			.checkout .foot th	{ vertical-align:top; color:#FFF; border:none; white-space:nowrap }
			.checkout .foot .delivery, .checkout .foot .discount	{ font-size:1em; border:none; }
			.checkout .foot form	{ float:left; margin:0 0 0 2em; }
			.checkout .foot input, .checkout .foot select, .checkout .foot label	{ display:block; text-align:left; }
			.checkout .foot select	{ width:190px; }
			.checkout .foot .discount input	{ clear:none; margin-right:0.5em }
			.checkout .foot .submit	{ padding:0; width:auto !important; }
			.checkout .foot input	{ padding:0.1em 0 }
			.checkout .foot tr:last-child td	{ padding-bottom:0; }
.checkout .remove	{ width:20px; vertical-align:middle; }
.checkout .item	{ width:280px; }
	.checkout .item-pic	{ width:70px; text-align:center; }
		.checkout .item-pic a	{ display:block; margin:0 auto; }
	.checkout .item-name	{ width:210px; }
		.checkout .item-name strong	{ display:block; }
.checkout .quantity	{ width:65px; }
.checkout .price	{ width:100px; color:#676767; font-weight:bold; }

.checkout .total td, .checkout .total th	{  font-weight:bold; font-size:1.5em; color:#FFF }

.checkout .buttons	{ width:530px; margin:2em 0; }
.checkout .buttons li	{ float:left; width:50%; }
.checkout .buttons a, .checkout .buttons .submit	{  display:block; border:none; background:url(../images/checkout-button.gif) 0 0 no-repeat; color:#FFF; width:186px; height:34px; font-weight:bold; text-align:center; font-size:1.4em; line-height:34px; cursor:pointer; }
.checkout .buttons .submit	{ float:right; padding:0.45em 0; }
.checkout .buttons a:hover, .checkout .buttons .submit:hover,
.checkout .buttons a:focus, .checkout .buttons .submit:focus	{ color:#FFF; background-position:0 -34px; text-decoration:none; }

div.callout	{ width:186px; border:2px solid #AAA; }
.callout.right	{ float:right; }
.callout h3	{ display:block; background:#AAA; color:#FFF; margin:0; padding:5px; font-size:1.3em; }
.callout p	{ padding:5px; margin:0 0 0.5em; }
.callout p a	{ text-decoration:underline }

.login	{ font-size:1.2em; }
.login ul	{ margin-bottom:2em; }
.login h3	{ clear:left; background:#AAA; color:#FFF; padding:0.1em 0.5em; }
.login li	{ clear:left; }
.login label, .login input, .login select, .login textarea	{ float:left; display:block; width:90px; margin:0 0 1em 0; }
.login label	{ clear:left; margin-right:5px; }
.login input	{ width:200px; }
.login select	{ width:200px; }
.login textarea	{ width:200px; }
.login .radio	{ clear:left; }
.login .radio input	{ width:20px; margin-left:70px; clear:left; margin-right:5px; }
.login .radio label	{ width:200px; clear:none; margin-right:0; }

.captcha img	{ margin:2em 0 0.3em 95px; float:left; }
.captcha input	{  }
.captcha .note	{ clear:left; margin-top:0 !important; }

form .required	{ color:#F00; float:left; margin:0 0.5em; font-size:1.5em; }

.login .note	{ float:left; margin:-10px 0 1em 95px; text-decoration:underline; }
.login .submit	{ margin-left:95px; }

.login .double label	{ margin-bottom:0.2em; }
.login .double input	{ margin-bottom:0.2em; }
.login .double  .second	{ clear:left; margin-left:95px; margin-bottom:1em; }


/************	CONTACT	**********/
.contact	{ width:350px }
.contact input, .contact label, .contact textarea, .contact select	{ display:block; float:right; clear:both; border:1px solid #777; color:#777; font-size:1.4em; padding:0.2em 0; width:200px; margin:0 0 0.5em; line-height:1em; height:1em; }
.contact label	{ border:none; margin-right:10px; float:left; clear:none; width:100px }
.contact textarea	{ height:80px; }

.contact input:focus, .contact textarea:focus,
.contact input:active, .contact textarea:active	{ border-color:#002503; color:#002503; }
.contact input:hover, .contact textarea:hover	{ border-color:#444; color:#444; }
.contact input:focus + label, .contact textarea:focus + label,
.contact input:active + label, .contact textarea:active + label	{ color:#002503; }
.contact input:hover + label, .contact textarea:hover + label	{ color:#444; }

input[type=hidden]	{ display:none !important; }

.search	{ margin:6px 0 0 }
.search h3	{ font-size:1.6em !important; }
.search h3, .search p	{ color:#FFF; margin:0; }
.search input	{ width:120px; margin:10px 2px 10px; font-size:1.4em; border:1px solid #B9B9A2; color:#58594C; padding:3px; display:inline; }

.submit	{ cursor:pointer; }

.search .submit, .contact .submit	{ color:#202020; text-align:center; background-color: #FFF; border: 1px solid #FFF; margin: 2px; width: 40px; height: 25px; font-size:1.4em; cursor:pointer; }
.search .submit:hover, .contact .submit:hover,
.search .submit:focus, .contact .submit:focus	{ font-weight:bold; }

.vcard .org	{ display:none; }
.vcard h3	{ letter-spacing:0; font-style:normal; }

address	{ font-size:1.4em; }


form.contact-form { width: 340px; float: left; }

/**********	TEXT PAGES	************/
table.info	{ width:540px; border:1px solid #B9B9A2; color:#58594C; font-size:1.1em; margin: 20px 0; background:#FFF; }
.info th, .info td	{ padding:0.2em 0.4em }
.info thead th	{ padding-bottom:0.4em }
th	{ font-weight:bold; }

.photo	{ display:block; }
.date	{ font-weight:bold; }
.posts li	{ margin-bottom:3em; }
.posts h3	{ margin-bottom:0.3em }

/**********	PRODUCTS NAV	************/
#gender-nav	{ margin:10px 0 0; }
#gender-nav li	{ float:left; }
#gender-nav a	{ display:block; width:56px; height:35px; line-height:35px !important; text-align:center; font-size:1.2em; color:#000 !important; float:left; margin:0 4px 0 0; border:1px solid; }
#gender-nav a:hover, #gender-nav a:focus, #gender-nav a.on	{ color:#FFF !important; text-decoration:none; border-color:#FFF !important; }
#gender-nav a.male	{ background:#006281; border-color:#006281; }
#gender-nav a.female	{ background:#800080; border-color:#800080; }
#gender-nav a.kids	{ background:#0a9cf1; margin-right:0; border-color:#0a9cf1; }

#productnavigation { float:left; width:210px; }
#productnavigation a { color: #FFF; font-size:1.28em; line-height:18px }
#productnavigation a:visited { color: #FFF; }
#productnavigation a:hover, #productnavigation a:focus { color: #858371; text-decoration:none; }
#productnavigation h3	{ padding:10px 0; color:#FFF; font-size:1.3em; margin-bottom:0; }
#productnavigation ul	{ margin:0 0 20px; }
.productnavmale h3	{ background:url(../images/prod-nav-bgmale.gif) 0 0 no-repeat; }
.productnavfemale h3	{ background:url(../images/prod-nav-bgfemale.gif) 0 0 no-repeat; }
.productnavgirls h3	{ background:url(../images/prod-nav-bggirls.gif) 0 0 no-repeat; }
.productnavboys h3	{ background:url(../images/prod-nav-bgboys.gif) 0 0 no-repeat; }

#logonavigation { float:left; width:100px; padding-top:20px; text-align:center; padding-right:40px; }
#logonavigation li	{ margin:0 0 1.5em }
#logonavigation li.title { background: url(../images/bg-cat-link.gif) no-repeat center; }
#logonavigation a img	{ display:block; margin:0 auto; }