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

body {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	background-color: #FFF;
	color: #666;
	text-align: center;
	margin: 0;
	padding: 0;
}

a { color: #666; font-style: italic; }
form { padding: 0; margin: 0; }
h1 { font-size: 2.2em; font-weight: normal; padding: 0; margin: 0 0 12px 0;}
h2 { font-size: 1.2em; font-weight: bold; padding: 10px 0; margin: 0;}
img {border: none;}
input, select, textarea { color: #333; background-color: #FFF; border: 1px solid #666; }
p { line-height: 1.5em; margin: 1em 0; padding: 0; }

#container
{
	margin: 20px auto 0;
	text-align:center;
	width: 980px;
}

	#container .home { height: 66px; }
	#container #flashArea, #container #flashContent { width: 980px; height: 500px; }

#navigation
{
	background: #FFF url(../images/nav.gif) no-repeat;
	width: 980px;
	height: 121px;
	margin: 0;
	padding: 0;
	position: relative;
}

	#navigation li
	{
		margin: 0;
		padding: 0;
		list-style: none;
		position: absolute;
		top: 42px;
	}

	#navigation li, #navigation a
	{
		height: 24px;
		display: block;
		text-decoration: none;
		font-style: normal;
	}

	#navigation li#home, #navigation li#home a
	{
		top: 0;
		height: 121px;
		display: block;
	}

	#collections {left: 0; width: 75px; }
	#collections a:hover, #collections a.selected { background: url(../images/nav.gif) 0 -126px no-repeat; }

	#stores {left: 160px; width: 60px; }
	#stores a:hover, #stores a.selected { background: url(../images/nav.gif) -160px -126px no-repeat; }

	#about_main {left: 300px; width: 45px; }
	#about_main a:hover, #about_main a.selected { background: url(../images/nav.gif) -300px -126px no-repeat; }

	#home {left: 405px; width: 170px; }

	#news_main {left: 635px; width: 95px; }
	#news_main a:hover, #news_main a.selected { background: url(../images/nav.gif) -635px -126px no-repeat; }

	#wholesalers {left: 800px; width: 70px; }
	#wholesalers a:hover, #wholesalers a.selected { background: url(../images/nav.gif) -800px -126px no-repeat; }

	#blog {left: 940px; width: 40px; }
	#blog a:hover, #blog a.selected { background: url(../images/nav.gif) -940px -126px no-repeat; }




#subnav
{
	border: none;
	background-color: #faf6de;
	width: 150px;
	float: left;
	padding: 10px;
}

	#subnav ul
	{
		list-style: none;
		margin: 8px 0;
		padding: 0;
	}

	#subnav ul li { padding: 0 0 7px 10px; }

	#subnav a { text-decoration: none; font-style: normal; }
	#subnav a:hover { text-decoration: underline; }

	#subnav ul li a.selected
	{
		font-weight: bold;
		text-decoration: none;
		font-style: normal;
	}

#content { text-align: left; padding-top: 20px; }

#main_content
{
	width: 540px;
	float: left;
	padding: 0 36px 10px 36px;
}

	.main_content_sep_block {
		width: 265px;
		float:left;
	}
	
	.main_content_sep_block_2 {
		width: 224px;
		padding-left: 10px;
		float: left;
	}
		

	div.main_thumb
	{
		text-align: center;
		width: 160px;
		padding: 25px;
		float: left;
		margin-left:35px;
	}

		div.main_thumb a
		{
			text-decoration: none;
		}

	div#product_gallery
	{
		float: left;
		width: 250px;
		padding-right: 15px;
		text-align: center;
	}

	div#product_gallery img
	{
		cursor: pointer;
	}

	div#item_specs
	{
		float: left;
		width: 265px;
	}
	
	#bankle_ideas_container
	{
		float: left;
		width: 125px;
		margin-right: 15px;
	}
	
		#bankle_ideas
		{
			list-style-type: none;
			margin: 0;
			padding: 0;
		}
	
			#bankle_ideas li
			{
				display: block;
				margin-bottom: 5px;
			}
		
				.bankle_idea_link:link{background-color: #F0F0F0; padding: 10px; text-decoration: none; font-style: normal; border: 1px solid #F0F0F0; width: 105px; display: block;}
				.bankle_idea_link:visited{background-color: #F0F0F0; padding: 10px; text-decoration: none; font-style: normal; border: 1px solid #F0F0F0; width: 105px; display: block;}
				.bankle_idea_link:hover{background-color: #e5e5e5; padding: 10px; text-decoration: none; font-style: normal; border: 1px solid #e5e5e5; width: 105px; display: block;}
				.bankle_idea_link:active{background-color: #F0F0F0; padding: 10px; text-decoration: none; font-style: normal; border: 1px solid #F0F0F0; width: 105px; display: block;}
				
				#bankle_idea_link_active:link{background-color: #ffffff; padding: 5px; text-decoration: none; font-style: normal; border: 1px solid #D9D9D9; border-bottom: 1px solid #ffffff;}
				#bankle_idea_link_active:visited{background-color: #ffffff; padding: 5px; text-decoration: none; font-style: normal; border: 1px solid #D9D9D9; border-bottom: 1px solid #ffffff;}
				#bankle_idea_link_active:hover{background-color: #ffffff; padding: 5px; text-decoration: none; font-style: normal; border: 1px solid #D9D9D9; border-bottom: 1px solid #ffffff;}
				#bankle_idea_link_active:active{background-color: #ffffff; padding: 5px; text-decoration: none; font-style: normal; border: 1px solid #D9D9D9; border-bottom: 1px solid #ffffff;}
	
	#bankle_idea_image_container
	{
		width: 250px;
		margin-right: 15px;
		float: left;
	}
	
	#bankle_components
	{
		float: left;
	}

	#contact_form_container { width: 200px; margin-right: 80px; float: left; }
	form#contact_form div, form#wholesaler_form div { margin-bottom: 10px; }
	form#wholesaler_form label { display: block; width: 150px; float: left; }
	form input, form select, form#contact_form textarea { width: 200px; }
	form#wholesaler_form textarea { width: 350px; }
	form #optin, form .checkbox { border: none; width: 20px; }
	input.image {width: 87px; border: 0px; }
	#shoppingcart_form {width:100px; }

	#contact_info { width: 250px; float: left; }

#callouts_btm { width: 980px; background-color: #faf6de; }

#callouts_btm .callouts_boxes,
#callouts_btm .callouts_boxes_last
{
	width: 322px;
	height: 150px;
	float: left;
	vertical-align:middle;
	font-size: 13px;
}

#callouts_btm .callouts_boxes { border-right: 4px solid #FFF; }

#callouts_btm .callouts_boxes p,
#callouts_btm .callouts_boxes_last p { margin: 25px 10px 10px 10px; }

#callouts_btm .callouts_boxes a,
#callouts_btm .callouts_boxes_last a
{
	color: #8e8e8f;
	font-size: 14px;

}

#callouts_right { border: 4px solid #FFF; background-color: #faf6de; width: 190px; float: left; }

	#callouts_right .callouts_boxes_right {
		border-bottom: 4px solid #FFF;
		vertical-align:middle;
		font-size: 13px;
		text-align: center;
		line-height: 10px;
	}

	#callouts_right .callouts_boxes_right_last {
		vertical-align: middle;
		font-size: 13px;
		text-align: center;
		line-height: 20px;

	}

	#callouts_right .callouts_boxes_right p, #callouts_right .callouts_boxes_right_last p {
		margin: 15px 10px 10px 10px;
	}

	#callouts_right .callouts_boxes_right a, #callouts_right .callouts_boxes_right a:hover, #callouts_right .callouts_boxes_right a:visited, #callouts_right .callouts_boxes_right_last a, #callouts_right .callouts_boxes_right_last a:hover, #callouts_right .callouts_boxes_right_last a:visited {
			color: #8e8e8f;
			font-size: 13px;

	}

	#callouts_right form { margin: 0 0 20px 0; padding: 0; }
	#callouts_right input { width: 100px; }
	#callouts_right input#news_email_submit { font-size: 11px; width: 50px; }

#footer {
	qwidth: 980px;
	border-top: 5px solid #F8EEBE;
	border-bottom: 5px solid #F8EEBE;
	padding: 0 10px 10px 10px;
	margin-top: 50px;
	text-align: left;
	font-size: 10px;
}

	#footer ul
	{
		list-style: none;
		margin: 5px 0;
		padding: 0;
	}
/* edited by jason zhou 7/23/2009 add line-height to make li line spacing same as a href spacing */
	#footer ul li { padding: 0 0 3px 10px; line-height: 10px; }

	#footer a, #footer ul li
	{
		text-decoration: none;
		font-style: normal;
	}

	#footer a:hover { text-decoration: underline; }

	div.footer_column
	{
		float: left;
		width: 135px;
	}

.block {display: block;}
.clearfloat {clear:both;}
.clearfloatheight {clear:both; height: 50px;}
.alignRight {text-align: right;}
.floatLeft {float: left; padding-right: 25px;}
img.floatRight {float: right; padding:10px; margin: 0 0 10px 10px; border: 3px solid #666; }
p.floatLeft { float: left; width: 140px; }
.marginBottom15{margin-bottom: 15px;}