h2 { font-weight: lighter; font-size: 1.1em; }

fieldset { border: 1px dashed #777; padding: 0.5em; margin-bottom: 0.5em;} 
legend { margin: 0.2em 0.5em; font-size: 0.8em; color: #746A43; background-color: #fff; font-weight: bold;}

#full-txt { margin: 10px 0; padding: 0 15px; width: 870px; min-height: 350px; }

#store { float: left; min-width: 400px; width: 100%; }

#bread{float: left; width: 100%;}
#bread a{text-decoration: none;color: #3B4761;}
#bread a:hover{text-decoration: underline;color: #3B4761;}

#productlist { width: 640px; margin-top: 10px; }
#categorylist { float: right; width: 640px; margin-left: 5px; }

#product-head { background-color:#746A43; width:640px;height:30px;float:left;color:#fff;line-height:30px;margin:1px 5px 1px 0;}
#product-head #counter {float:left;width:180px;margin-left:15px; font-size: 0.7em;display:inline;}
#product-head #sort { float: left;width:190px;margin-left:15px;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: left; width:220px;text-align:right; display:inline;}
#product-head #results div { float: left; width: 100%;}
#product-head #results input.button { background-color: #fff; }
#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-menu { float: left; width: 200px; }
#product-menu ul{padding: 5px; list-style: none;}
#product-menu ul li {margin-left: 5px;}

div.product-box {float: left;width: 160px;height: 160px;text-align: center;margin-top: 10px;}
div.product-box a { text-decoration: none; }
div.product-box a:hover { text-decoration: underline; }

#productlist #pagelinks {text-align: center;padding-top: 5px;padding-bottom: 10px;}
#productlist #pagelinks ul {padding: 0;margin: 0;text-align: center;}
#productlist #pagelinks ul li {display: inline;list-style-type: none;margin-right: 5px;}

#product { float: right; width: 640px; margin-top: 10px; margin-right: 5px; }
#product #summary { float: left; width: 100%; }
#product #detail #photo { float: right; margin: 0 0 10px 10px; }
#photo a { border: none; }
#product #detail { float: left; width: 100%; margin: 10px 0; }

/* boxes for side */
h2.box-head {background: #fff url(/images/store/box-head-blue.jpg) no-repeat;padding-top: 2px;padding-left: 10px;color: #fff;height: 18px;font-size: 12px;}
div.box {padding: 5px;min-height: 50px;margin-bottom: 10px;border: 1px solid #999;background-color: #eee;color: #333;}

/* subcat menu */
ul.subcat, ul.subcat ul {list-style: none; margin: 0;padding: 5px 0 0 7px;}
ul.subcat ul {padding: 5px 0 5px 0px;}
ul.subcat li {margin-top: 5px;margin-left: 15px;color: #4247aa;background-color: #eee;}
ul.subcat a {color: #333;text-decoration: none;display: block;padding: 2px 0;}
ul.subcat a:hover {background-color: #fff;color: #000;}
ul.subcat li a.highlight {font-weight: bold;text-decoration: underline;}

/* ============================ Cart ============================= */
#cart {min-height: 200px; float: left; width: 100%; }
#cart h1 { margin-bottom: 15px; }
#cart p { font-size: 90%; }
#cart table { font-size: 0.9em; }
#cart table td {padding:0.2em 0.3em; vertical-align:top;}
#cart table td.name { font-size: 0.8em; font-weight: bolder; }
#cart span.code{font-style:italic;font-size: 90%;}
#cart table th { text-align: left; background-color: #c8b481; }
#cart fieldset { width: 93%; margin: 10px auto; font-size: 90%; }
#cart fieldset ul {	list-style-type: none; }
#cart input.button { background-color: #746a43;	color: #fff; border-right: 2px solid #C8B481; border-bottom: 2px solid #C8B481; }
#cart .preorder { color: #009; }
#cart .right { margin-top: 20px;}
#cart #emptyform { margin-left: 24px; }
#cart .under { margin-left: 24px; margin-bottom: 10px;}
#cart .warning { color: #f00; }
#cart caption { background-color: #746a43; color: #fff; padding: 0.3em 0; }
#cart div.message{background-color: #f2edda;margin-bottom: 10px;}
#cart div.message h1{background-color: #c8b481;padding: 5px;font-size:1em;margin:0;}
#cart div.message ul{padding: 0.5em;}
#cart .warning { color: #f00; }

/* checkout */
#checkout { padding: 15px; float: left; width: 830px; }

#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: 100%; } /* redo cart to fit into smaller layout */

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

#customer { padding: 15px; float: left; width: 830px; }
#customer table.address { width: 100%; font-size: 0.8em; }

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

div.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%;}
div.profile-box a{color: #4247aa;}

/* order history table */
#customer table.orders { width: 100%; font-size: 0.8em;}
#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.3em; vertical-align: top; }
#customer table.orders tr.odd { background-color: #ddd; color: #333; }
#customer table.orders td a { text-decoration: underline; display: block;}