/*#content {float:left;width:900px;display:inline; }*/

#content h1 { color: #00453D; font-size: 1.2em; margin-bottom: 0.5em;}
#content h2 { color: #00453d; font-size: 1em; margin-bottom: 0.3em; }

#cats { float: left; width: 860px; margin: 1em 0; padding: 0 20px; }

#cats div.cat {float:left;width:215px;text-align:center;margin-bottom:0.5em;}
#cats div.last { margin-right:0;}
#cats div.cat img {border: 1px solid #999;}

#cat-summary { float: left; width: 898px; background-color:#f2edda; height: 225px;}
#cat-summary #info { float: left; width: 478px; margin: 5px 10px; display:inline; }

#cat-summary #breadcrumb-trail { color: #00453d; font-weight: lighter; font-size: 1.1em; }

#product-list {clear:both;float:left;width:870px;background-color:#fff;padding:0 14px;}

#product-head {background-color:#00453d;width:100%;height:30px;float:left;color:#fff;line-height:30px;margin:1px 0;}

#product-head #counter {float:left;width:250px;margin-left:25px; font-size: 0.7em;display:inline;}
#product-head #sort { float: left;width:275px;margin-left:25px;text-align:center;display:inline;}
#product-head #sort a { color:#fff; font-size: 0.8em; background-repeat: no-repeat; background-position: right center; padding-right: 20px; }
#product-head #results { float: right; width:250px;text-align:right;margin-right:25px; display:inline;}
#product-head #results div { float: left; width: 100%;}
#product-head #results input.button { background-color: #a00; }
#product-head #results input.button:hover { background-color: #fff; color: #333; }
#product-head label {color:#fff; font-size: 11px;}
#product-head p {padding:0;}

#product-list div.product-panel{float: left;width: 270px; padding: 10px;}
#product-list div.product-panel div.image{float: left;width:62px;}
#product-list div.product-panel div.details{width: 200px;float: right;margin-left: 5px;}

#product-list div.details h2 { font-size: 0.9em; font-weight: lighter;}
#product-list div.details input.button { padding: 0 0.2em;}
#product-list div.details p {float: left; width: 100%; font-size: 0.7em;}
#product-list div.details p.variations { font-style: italic; }
#product-list div.details form{float: right;width:100%;}

#product-list div.product-row { float: left; width: 100%; clear: both; min-height:90px;margin-bottom:10px;border-bottom: 1px dashed #999;}

#subcats { margin: 0.5em 0; }
#subcats h3 { color: #00453d; font-size: 0.9em; text-decoration: underline;}
#subcats div.subcat { margin: 0.5em 0; }
#subcats ul { float: left; width: 100%; }
#subcats ul li { float: left; padding-right: 0.5em; margin-right: 0.5em; margin-bottom: 0.4em; }

div.paginator {text-align: center;float: left;width: 100%; background-color: #fff;}
div.paginator ul{padding: 2px 2px;list-style-type: none;}
div.paginator ul li {color: #900;line-height: 25px;display: inline;padding:0 2px;}
div.paginator ul.large li{display: block;float: left;}
div.paginator a{background-color: #fff;padding: 2px 4px;margin: 0 2px;text-decoration: none;color: #333;border: 1px solid #ccc;}
div.paginator a:hover{background-color: #666;color: #fff;}


#product { float: left; width: 868px; margin: 10px 15px;display:inline; }
#product #breadcrumb {float:left;font-size:0.7em;padding-bottom:10px;width:100%;}

#product-detail { float:left; width: 100%; margin-bottom: 1em;}
#product-detail #photo { width: 150px; float: left; }
#product-detail #summary { float:right; width: 680px; background-color:#F2EDDA;min-height:132px;padding:10px;}
#product-detail #summary h1 { margin-bottom: 0; }

#tab-holder {clear: both;float:left;width:100%;}
#tab-holder ul.tabs{list-style-type: none;float:left;width:100%;}
#tab-holder ul.tabs li{float: left;border: 1px solid #999;background-color: #00453d;border-bottom: 0;margin-right: 0.3em;}
#tab-holder ul.tabs li a, ul.tabs li.selected{color: #fff;display: block;padding:0.2em 0.5em;}
#tab-holder ul.tabs li a:hover{text-decoration: underline;background-color: #666;}
#tab-holder ul.tabs li.selected{background-color: #c8b481;}

#tab-holder div.box { border: 1px solid #999;float:left;width:866px;}

#tab-holder div.box div.top{height: 10px;background-image: url(/images/store/content-box-top.jpg);background-repeat: repeat-x;}
#tab-holder div.box div.bottom{height: 10px;background-image: url(/images/store/content-box-bottom.jpg);background-repeat: repeat-x;background-position: bottom center;}
#tab-holder div.box div.content { padding: 10px; }

/* variations */
#options { width:100%; margin-bottom: 1em; font-size: 0.8em;background-color:#f2edda;border:1px solid #ccc;float:left;}
#options caption { background-color: #00453d; color: #fff; padding:0.2em 0; font-weight: bold; }
#options th, #options td { padding: 0.2em; text-align: left; }
#options tr { height: 30px; background-color: #efe;}
#options thead tr { background-color: #ddd; }
#options tr.odd { background-color: #cdc; }
#options tbody tr:hover { background-color: #fdd; cursor: pointer; }
#options tbody tr.selected  { background-color:#fff; font-weight: bold; cursor: default;} /* must be last of TR rules */
#options tbody tr.selected:hover  { background-color: transparent; }
#options input.qty { width: 25px; border: 1px solid #000; }
#options td a { color: #000; }

#cart {min-height: 400px;float:left;padding: 10px; width: 878px;}
#cart table{font-size:0.8em;margin:0.5em 0;background-color: #f2edda;}
#cart table caption{ font-weight: bolder; padding: 0.4em 0; }
#cart table thead { height: 23px; }
#cart table th {text-align: left;background-color: #c8b481;}
#cart table td { padding: 0.2em 0.3em; vertical-align: top; }
#cart fieldset{width: 93%;margin: 10px auto;font-size: 90%;}
#cart fieldset ul{list-style-type: none;}
#cart table th.cart-num { width: 25px; }
#cart table th.cart-item { width: 480px; }
#cart table th.cart-qty { width: 50px; }
#cart table th.cart-unit { width: 100px; }
#cart table th.cart-line { width: 120px; }
#cart table th.cart-action { width: 100px; }

#cart div.message{background-color: #f2edda;margin-bottom: 10px;}
#cart div.message h1{background-color: #c8b481;padding: 5px;font-size:0.9em;margin:0;}
#cart div.message ul{padding: 0.5em;}

#cart .warning { color: #f00; }

#customer { padding: 15px; float: left; width: 868px; }
#customer h2 { background-color: #eee; color: #333; border: 1px solid #999; font-size: 0.9em; padding: 0.2em;}
#customer table.address { width: 100%; font-size: 0.8em; }

/* order history table */
#customer table.orders { width: 100%; font-size: 0.8em; margin: 0.8em 0;}
#customer table.orders th { text-align: left; background-color: #c8b481; padding: 0.2em; }
#customer table.orders caption { font-weight: bolder; padding: 0.4em 0.2em; background-color:#eee; text-align: left; }
#customer table.orders td { padding: 0.2em; vertical-align: top; }
#customer table.orders tr.odd { background-color: #ddd; color: #333; }
#customer table.orders td a { text-decoration: underline; display: block;}

#customer form.forgotpass { float: left; width: 100%; margin: 0.5em; }

#checkout { padding: 15px; float: left; width: 868px; }

#checkout #addresses {float: left;width: 100%;padding-bottom:10px}
#checkout #addresses h2 { border:none;background-color: #c8b481;padding: 2px;padding-left: 10px;}
#checkout #addresses #shipping { float: right; width: 45%; }
#checkout #addresses #billing { float: left; width: 45%; }
#checkout #addresses p { padding: 2px 10px; }
#checkout #cart { padding:0; width: 868px; } /* redo cart to fit into smaller layout */

#payment { padding: 15px; float: left; width: 868px; }

/* LOGIN PAGE - MOVE TO CUSTOMER.CSS FILE LATER */
#login { float: left; width: 100%; }
#login form { float: left; width: 100%; margin: 0.5em 0;}

/* END LOGIN PAGE */

/* REGISTER PAGE */
#register {float: left; width: 100%; }
#login form { float: left; width: 100%; margin: 0.5em 0;}
/* END REGISTER PAGE */

.text-right { text-align: right;}
.preorder{color: #009;}
.code { font-style: italic; font-size: 0.7em;padding:0;margin:0;}
.nostock { font-weight: bolder; text-decoration: underline; }

div.row { float: left; width: 100%; margin-bottom: 0.5em; clear: both; }
div.row label { float: left; text-align: right; width: 30%; color: #333; }
div.row div { float: right; text-align: left; width:69%; }

div.row div input { border: 1px solid #333; }
div.row div input.required { border: 1px solid #f00; }
div.row div select.required { border: 1px solid #f00; }

/* END NEW */


/* BEGIN -- images tab */
#images div
{
	float: left;
	border: 1px solid #666;
	text-align: center;
	margin-right: 10px;
	margin-bottom: 5px;
}

#images div a
{
	text-decoration: none;
	color: #600;
	font-weight: bold;
}

/* END -- images tab */

/* BEGIN -- specifications tab */
table.spec
{
	width: 100%;
	font-family: "Lucida Sans",Arial,Helvetica,sans-serif;
}

table.spec caption
{
	text-align: left;
	color: #600;
	border-bottom: 1px solid #600;
	width: 50%;
	font-weight: bold;
	font-size: 120%;
	padding: 3px 0 3px 0;
}

table.spec colgroup 
{
	margin: 10px 25px;
}

table.spec col.attr-name
{
	width: 50%;
	padding-left: 10px;
}

table.spec col.attr-val
{
	width: 50%;
}

table.spec tr.on 
{
	background-color: #e9f8f6;
}

table.spec dfn
{
	cursor: help;
	font-style: normal;
	border-bottom: 1px dashed #000;
}

/* END -- specifications tab */
/*#options
{
	margin: 0;
	background-color:#f2edda;
	width:100%;
}

#options th
{
	padding: 0;
	padding: 5px;
	margin: 0;
	font-size: 90%;
	text-align: left;
}

#options td
{
	font-size: 90%;
	padding-left: 5px;
}*/


.profile-box
{
	width: 200px;
	float: left;
	text-align: center;
	border: 1px solid #ccc;
	padding: 10px;
	margin-left: 20px;
	margin-top: 20px;
	margin-bottom: 20px;
	font-size: 90%;
}
.profile-box a
{
	color: #4247aa;
}



/* ============================ Cart ============================= */







/* IE6 Hacks - move to IE only file later */
/*\*/
* html #product-list div.product-row { height: 90px; }
* html #product-head #results { margin-top: 3px; }
/**/

div#product-link-bar { background-color: #990000; padding-top: 10px; padding-bottom: 10px; margin-left: 1px; margin-bottom: 1px;}
div#product-link-bar a { color: #fff; }

.tooltip { 
	display: none;
	background:url(../../common/images/black_arrow_big.png); 
	height:153px;
	padding: 45px 30px 0px 30px;
	margin-top: 10px;
	width: 640px;
	font-size:11px;
	color:#fff;
	z-index: 10000;
	text-align: left;
}
.tooltip.left { background: url(../../common/images/black_arrow_left.png); margin-left: 120px; }
.tooltip.right { background: url(../../common/images/black_arrow_right.png); margin-left: -120px;}
.tooltip p {
	font-size: 1.1em;
}