html
{
	margin:0;
	padding:0;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:1em;
	background-color:#fff;
	color:#555;
}
body
{
	width:973px;
	margin:0 auto;
	padding:36px 0 0 0;
	text-align:center;
	background-color:#fff;
	background:url('../img/bg-body-top.gif') left top no-repeat;
}
body.homepage
{
	background:none;
}

h1,h2,h3,h4{color:#6699cc;}

h1{font-size:x-large;}
h2{font-size:large;}
h3{font-size:medium;}
h4{font-size:1.0em;}
.close{margin-bottom:0;}
.close>p{margin-top:0;}
img{border:0;}

form{margin:0;padding:0;}

a:link, a:visited
{
	color:#6699cc;
	text-decoration:underline;
}
a:hover
{
	color:#6699cc;
}

pre{text-align:left;}

strong{color:#444;}
p{margin:1em 0;}
ul,li{margin:0 10px;padding:0;}
acronym{color:#009966;border-bottom:1px dotted #009966;cursor: help;}

.small{font-size:.9em;}
.alert, .message{color:#990000;}
.colored{color:#6699cc;}
.read_more_link{font-weight:bold;}

.left{float:left;}
.right{float:right;}
.clear{clear:both;}
.spacer{clear:both;}
.clearleft{clear:left;}
.clearright{clear:right;}
.center{text-align:center;}
.tleft{text-align:left;}
.tright{text-align:right;}

img.left{margin:0 1em .5em 0;}
img.right{margin:0 0 .5em 1em;}
.hidden{display:none;}
.more_line_height{line-height:160%;}

.homepage #header{height:147px;}
#logo{float:left;margin:0;}
.homepage #logo{margin:0 0 0 28px;}
#header-right
{
	float:right;
	width:791px !important;
	width:770px;
	height:60px;
	margin:0 0 0 60px !important;
	margin:0 0 0 50px;
}
.homepage #header-right{height:auto;}
#header-tools
{
	height:60px;
}
#slogan
{
	float:left;
	margin:0;
}


/* Forms */
.error-message{color:#cc3333;font-size:85%;margin-top:-1px;}
.form-error{}

input,select,textarea
{
	font-family:Arial, Helvetica, sans-serif;
	vertical-align:top;
	font-size:100%;
	margin:0;
}
.input
{
	float:left;
	clear:left;
	padding:0 15px 10px 0;
}
.submit{clear:left;}
.inline_fields{clear:left;height:100%;}
.inline_fields div
{
	clear:none;
	float:left;
}
label{display:block;font-size:90%;color:#333;}
.required label, p.required{font-weight:bold;color:#000;}

fieldset{border:0;}
legend{font-size:120%;font-weight:bold;}
input[type='checkbox']{width:auto;}
input[type='checkbox']+label{display:inline;}
input[type='radio']{}
input[type='radio']+label{display:inline;}
/* end form styles */

#header-menu
{
	float:right;
	height:25px;
	padding:0 5px 0 0;
	line-height:25px;
	text-align:right;
	white-space:nowrap;
}
#header-login
{
	float:right;
	clear:right;
	height:25px;
	padding:5px 5px 5px 0;
	line-height:25px;
	text-align:right;
	white-space:nowrap;
	background:#f0f0f0 url("../img/pattern-header_login.gif") left top repeat-y;
}
.homepage #header-login{clear:none;}
#header-menu div, #header-menu form{display:inline;}
#header-login div, #header-login form{display:inline;}
#header-menu label{font-size:100%;}
#header-menu .input, #header-login .input, #header-menu .submit, #header-login .submit{clear:none;padding:0;}

/*#UserUsername
{
	background:#fff url('../img/username_example.gif') left top no-repeat;
	border:1px solid #ccc;
}
#UserUsername:focus{background-image:none;}*/

#header-right input
{
	width:100px;
	vertical-align:middle;
}
#header-right .submit input{width:auto;}
#header-menu a, #header-menu label, #header-login label
{
	display:inline;
	margin:0 5px;
	font-weight:bold;
}

#header-menu a:link, #header-menu a:visited, #header-menu a:hover{text-decoration:none;}
#header-menu label{color:#6699cc;}
#header-menu, #header-login, #header-input{font-size:70%;}
#header-content
{
	display:none;
	margin:30px 0 0 0;
	font-size:70%;
	text-align:left;
	line-height:170%;
}
.homepage #header-content{display:block;}

#category_images
{
	height:360px;
}
#category_images img
{
	float:left;
	margin:0 0 0 1px;
}
#category_images img.first{margin-left:1px;}

#content
{
	width:973px;
	clear:left;
	margin:0 0 30px 0;
	text-align:left;
}
.left_column
{
	width:600px;
}

#intro_text
{
	float:left;
	width:168px !important;
	width:160px;
	margin-top:80px;
	padding-right:15px;
	font-size:70%;
	line-height:170%;
	text-align:right;
}
#content-main
{
	/*margin-left:183px !important;
	margin-left:175px;*/
	padding-top:30px;
	font-size:75%;
}

.right_content_box
{
	float:right;
	width:243px !important;
	width:240px;
	min-height:423px;
	margin-left:30px;
	padding:10px 25px 0 15px;
	background-color:#e5e5e5;
	background-position:right bottom;
	background-repeat:no-repeat;
	font-family:Tahoma, Arial, sans-serif;
	line-height:150%;
}

#category_info
{
	float:right;
	width:243px !important;
	width:240px;
	min-height:423px;
	margin-left:5px;
	padding:10px 25px 0 15px;
	background-color:#e5e5e5;
	background-position:right bottom;
	background-repeat:no-repeat;
	font-family:Tahoma, Arial, sans-serif;
	line-height:150%;
}
.category-title{font-size:130%;margin:0;}


.product_filter
{
	float:left;
	width:665px;
	height:60px;
	padding:10px 10px 0;
	margin-bottom:5px;
	text-align:left;
	background-color:#ccc;
}
.homepage .product_filter{float:left;font-size:80%;margin-top:20px;width:482px;}
.product_filter h4{margin:0 0 5px;}
.product_filter div
{
	float:left;
	margin-right:15px;
}
.product_filter label{display:block;font-size:90%;}
.product_filter select{width:80px;}
.product_filter div.submit{margin:12px 0 0;clear:none;}

#contact_info
{
	float:right;
	padding-top:30px;
	font-weight:bold;
	font-size:80%;
}
.phone_number{font-size:90%;}

#news_feed
{
	float:left;
	margin:0 0 0 20px;
	padding-top:60px;
	font-size:70%;
	font-weight:bold;
}

#footer
{
	height:20px;
	clear:both;
	padding:40px 0 20px;
	color:#999;
	font-size:65%;
}
#copyright{float:left;}
#site_credits{float:right;}

/* Table styles */
.products{width:685px;margin:0 0 0;padding:0;border:0;float:none;clear:left;}
.products th, .products td{margin:0;padding:5px 25px 5px 0;vertical-align:top;}
.products td.price{padding-right:10px;}

.products_table{width:685px;margin:0 0 0;padding:0;border:0;float:none;clear:left;border-collapse:collapse;}
.products_table th, .products_table td{border:1px solid #999;padding:5px;vertical-align:top;}
.products_table td.price{text-align:right;}

.view_toggler{clear:left;padding:10px 0 20px 0;}
.view_toggler .grid_icon, .view_toggler .table_icon{margin-right:10px;}

#product_view-table{}
#product_view-list{}
#product_view-grid{}

#product_view-grid ul, #product_view-grid li
{
	margin:0;
	padding:0;
	list-style:none;
}
#product_view-grid li
{
	float:left;
	margin:0 5px 5px 0;
	padding:3px;
	background-color:#ccc;
}
#product_view-grid .product-price, #product_view-grid .product-size{text-align:center;}

.product-navigation{width:680px;text-align:right;padding:0 5px 10px 0;}
.product-back{float:left;}
.product-prev, .product-next{display:inline;}
.product-navigation .disabled{color:#999;}

.product_view
{
	width:680px;
	padding-right:5px;
	clear:left;
}
.product_view .product_main_image
{
	float:left;
	margin-right:20px;
}
.product_view .product_name{color:#555;}
.product_view .price{text-align:right;font-size:110%;font-weight:bold;}
.product_view .quantity{text-align:right;}

.product_details{text-align:right;}
.product_details table{text-align:right;}
.product_view th, .product_view td{padding:1px 10px 1px 0;}

.addtocart_button, .checkout_button
{
	text-align:right;
}
.addtocart_button .add_quantity, .addtocart_button .select_color{clear:none;}
.addtocart_button .add_quantity input{width:40px;}
.addtocart_button .submit{clear:none;}
.checkout_button{padding-top:20px;}

/* Paging */
.paging {
	width:680px;
	padding:0 5px 10px 0;
	text-align:right;
}
.paging div.disabled {
	color: #ddd;
	display: inline;
}

/*.cart, .cart_total, .cart_total_wrapper{width:750px;}*/
.cart, .cart_total, .cart_total_wrapper{width:100%;}
.cart_total{font-size:120%;font-weight:bold;}
.cart th, .cart td, .cart_total td{padding:5px 10px 5px 0;}
.cart th.last{padding-right:0;}
.cart_quantity{width:100px;}
.cart_quantity input{width:40px;margin-right:10px;}
.cart_product_price, td.cart_product_total, td.cart_subtotal, td.cart_shipping, td.cart_grand_total{width:70px;text-align:right;padding-right:0;}
.cart_product_image{width:70px;padding-right:10px;}
.cart .error{display:block;color:maroon;}
th.cart_case_quantity, td.cart_case_quantity{padding-right:20px;}

.cart .cart_update{text-align:right;padding-right:0;}

/* Login Element */
.login_element
{
	float:right;
	width:200px;
	margin:0 30px;
	padding:15px;
	border:1px solid #ccc;
	background-color:#eee;
}

/* Tooltip styles */
.prototip .product_grid_tooltip { width: 230px; color: #fff; }
.prototip .product_grid_tooltip .toolbar { color:#fff;background-color: #555; font:12px Tahoma, Arial, Helvetica, sans-serif; }
.prototip .product_grid_tooltip .title { padding: 3px; }
.prototip .product_grid_tooltip .content { color:#333;background-color: #e5e5e5; font: 11px Tahoma, Arial, Helvetica, sans-serif; padding: 5px;}

/* Ajax layout styles */
.ajax .cake-sql-log{display:none;} /* hide sql log output during ajax call */


#menu, #menu li
{
	margin:0;
	padding:0;
	list-style:none;
}
#menu
{
	float:right;
	clear:right;
	width:740px;
	margin:0;
	padding:20px 0 5px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size:70%;
	font-weight:bold;
}
.homepage #menu
{
	float:right;
	width:auto;
	height:auto;
	min-height:28px;
	margin:20px 0 1px 0;
	padding:0 5px 0 10px;
	line-height:28px;
	background:#ccc url("../img/bg-menu.gif") left top no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size:75%;
	font-weight:bold;
	text-transform:uppercase;
}
#menu li
{
	float:left;
	text-align:center;
}
.homepage #menu li
{
	float:left;
	margin-right:20px;
	text-align:left;
}
#menu li.last{margin-right:0;}
#menu a:link, #menu a:visited, #menu a:hover
{
	display:block;
	float:left;
	height:14px;
	padding:10px 11px 50px;
	color:#555;
	text-decoration:none;
	border:0;
	white-space:nowrap;
}
#menu a:hover, #menu .current a:link, #menu .current a:visited{color:#fff;background-color:#6699cc;}
.homepage #menu a:link, .homepage #menu a:visited, .homepage #menu a:hover
{
	height:auto;
	padding:0;
	color:#fff;
	text-decoration:none;
	border:0;
	white-space:nowrap;
	background-color:transparent;
}
/* dropdown menu */
#menu ul
{
	display:none;
	position:absolute;
	z-index:5;
	background-color:#ccc;
	border:1px solid #002a46;
	
	width:auto;
	padding:2px 4px;
	text-align:left;
}
/*
#menu ul li
{
	display: block;
	float:none;
	text-align:left;
	line-height:15px;
}
#menu ul a:link, #menu ul a:visited, #menu ul a:hover
{
	display:block;
	float:none;
	height:14px;
	padding:0;
	color:#555;
	text-decoration:none;
	border:0;
	white-space:nowrap;
}
#menu ul a:hover, #menu ul .current a:link, #menu ul .current a:visited{color:#555;background-color:transparent;}

#menu:after
{
	clear: both;
	display: block;
	height: 0;
	visibility: hidden;
}

#menu li:hover ul
{
	display: block;
}
*/

ul.nested{list-style-type:disc;}
ul.nested ul{list-style-type:circle;}
ul.nested ul ul{list-style-type:square;}

/* Tables */
table.info
{
	width:100%;
	margin:0 auto;
	text-align:left;
	padding:0;
	font-size:1em;
	empty-cells:show;
	border-collapse:collapse;
}
table.info table.info
{
	font-size:.9em;
}
.info th, .info td
{
	vertical-align:top;
	text-align:center;
	border:1px solid #ccc;
}
.info th
{
	font-weight:bold;
	background-color:#ddd;
	white-space:nowrap;
}
.info th a
{
	display:block;
	padding:4px 8px;
}
.info th a:hover{background-color:#eee;}
.info th.text, .info th.actions, .info th.photo_count{padding:4px 8px;}
.info td
{
	padding:4px 4px;
	text-align:left;
}
.info td.tright{text-align:right;}
.info tr.even td{background:#f4f4f4;}

.info td.actions{width:100px;white-space:nowrap;text-align:center;}
.info td.actions a{display:inline;margin: 0px 6px;}
.info td.date{white-space:nowrap;text-align:center;}
.info td textarea{width:100%;}