/* Default
---------------------------------- */

html { height: 100%; background: #EEEEEE; }
body { padding: 10px 0; background: #EEEEEE url(../img/bg-bike.gif) repeat; height: 100%; }
h1 { font-weight: bold; color: #ea5b13; font-size: 123.1%; margin: 0.4em 0 0.8em; }
a { text-decoration: none; color: #333333; }
a:hover { color: #ea5b13; }
ul { list-style-type: square; }
p { margin-bottom: 1.0em; }


/* Page
---------------------------------- */

#page { margin: 0 auto; width: 700px; border: 10px solid #999999; background-color: #FFFFFF; }


/* Header
---------------------------------- */

#header { }
#header div { float: left; height: 87px; margin: 0 0 0 10px; padding: 10px; }
#header div.left { width: 180px; }
#header div.right { width: 450px; text-align: center; background: url(../img/tl-north-west-cycle-vietnam-challenge.gif) no-repeat;}
#header h1 { margin-top: 30px; font-size: 1.8em; }

/* Header
---------------------------------- */

#footer { margin: 0 auto; width: 700px; text-align: center; margin-top: 10px; color: #666666; padding-bottom: 2em; }


/* LHS
---------------------------------- */

#lhs { float: left; margin: 0 0 0 10px; border-top: 8px solid #999999; width: 200px; margin-bottom: 10px; }


/* Navigation
---------------------------------- */

#navigation { border-bottom: 8px solid #CCCCCC; margin-bottom: 10px; }
#navigation ul { margin: 0; background-color: #EEEEEE; list-style: none; font-size: 100%; font-weight: bold; margin-top: 2px; margin-bottom: 2px; padding: 1.0em; line-height: 1.8em; }
#navigation ul a { text-decoration: none; color: #666666; }
#navigation ul a:hover { color: #ea5b13; }
#navigation ul a.active { color: #ea5b13; }
#navigation ul li { padding: 0; margin: 0; }


/* Content
---------------------------------- */

#content { margin: 0 10px; float: left; border-top: 8px solid #999999; width: 450px; padding: 10px; min-height: 200px; line-height: 1.6em; color: #333333; }
#content a { color: #ea5b13; text-decoration: underline; }
#content a:hover { color: #333333; }
#content a:visited { color: #999999; }
#content p.img { text-align: center; }
#content p.img img { padding: 5px; border: 1px solid #999999; background-color: #EEEEEE; }
#content dt,
#content dd { padding: 0 10px; }
#content dt { font-weight: bold; margin-bottom: 0.5em; }
#content dd.img { float: right; margin-top: -20px;}
#content dd.img img { border: 1px solid #CCCCCC; }
#content dd.img a { display: block; text-align: center; margin: 5px 0; } 
#content dd.desc,
#content dd.price,
#content dd.cart,
#content dd.link,
#content dd.quantity { margin-bottom: 0.8em; }
#content dd.quantity span { display: inline-block; width: 160px; font-weight: bold; }
#content dd.quantity input.button { margin-left: 1em; }
#content dd.note { margin-bottom: 0.8em; padding: 1em; }
#content dd.desc { min-height: 70px; }
#content dd.price {font-weight: bold; color: red; }
/*#content dd.cart { margin-bottom: 1em; padding-bottom: 1em; border-bottom: 8px solid #CCCCCC;  } */
#content dl { margin-bottom: 1em; padding-bottom: 1em; border-bottom: 8px solid #CCCCCC;  }
#content ul { margin-left: 2em; }
#content ul li { list-style: square outside; }

/* Profiles
---------------------------------- */

#content dl.profiles { border-bottom: none; padding: 0; }
#content dl.profiles dt { margin-top: 1.0em; margin-bottom: 0.5em; padding-top: 1.0em; font-weight: bold; font-size: 1.1em; border-top: 1px solid #EEEEEE; }
#content dl.profiles dt img { margin: 5px 10px 10px 0; padding: 5px; border: 1px solid #999999; float: left; }
#content dl.profiles dd span { text-decoration: underline; }
#content dl.profiles dd.blurb { margin-top: 1.0em; }

/* Shipping Nav
---------------------------------- */
#shipping-nav { margin: 0 1em; }
#shipping-nav dt { margin-bottom: 0.2em; }


/* Shipping Overlay
---------------------------------- */
#shipping { background: #FFFFFF; border: 10px solid #999999; padding: 1.5em; }
#shipping #close { text-align: right; }
#shipping fieldset legend { font-weight: bold; margin: 0 0 0.5em 0; padding: 0; }
#shipping p { color: #666666; }
#shipping div.field { margin: 0.5em 0; }
#shipping div.field label { display: block; width: 4em; float: left; }
#shipping div.field input.select { float: left; }
#shipping div.field input.submit { margin-left: 4em; }

#content div.field label { display: block; width: 4em; float: left; }
#content div.field { margin: 0.5em 0 1em; }
#content div.field input.submit { margin-left: 4em; }


/* Cart
---------------------------------- */
form#cart table { width: 100%; table-layout: fixed; border: 1px solid #CCCCCC; border-collapse: separate; }
form#cart table thead th { background: #fce7dc; margin: 1px; border: 1px solid #FFFFFF; text-align: center; padding: 4px; font-weight: bold; }
form#cart table thead  th.item { width: 41%; }
form#cart table thead th.price { width: 12%; }
form#cart table thead th.quantity { width: 12%; }
form#cart table thead th.remove { width: 15%; }
form#cart table thead th.amount { width: 20%; }
form#cart table tfoot tr td { background: #F5F5F5; text-align: right; border-style: solid; border-color: #FFFFFF; border-width: 0 0 0 1px; }
form#cart table tfoot tr td.value { border-right-width: 1px; border-left-width: 0; }
form#cart table tfoot tr.subtotal td { border-top-width: 1px; }
form#cart table tfoot tr.shipping td { border-bottom-width: 1px; }
form#cart table tfoot tr.total td { background: #DDDDDD; font-weight: bold; border-bottom-width: 1px; }
form#cart table td { padding: 4px; }
form#cart table td.value, form#cart table td.price { text-align: center; }
form#cart table tbody td { border-bottom: 1px solid #EEEEEE; padding: 8px 4px; }
form#cart input.button { float: right; margin: 1em 0 1em 1em; }

form#cart div.highlight { text-align: right; margin-bottom: 0; }
form#cart div.field label { float: none; display: inline; }
form#cart div.field select { }

#content div.field label { display: block; width: 6em; }
#content div.field input.text { border: 1px solid #CCCCCC; background: #EEEEEE; padding: 2px; }
#content div.field input.short { width: 3em; }
#content div.field input.disabled { border: none; background: none; }

#content #updateItem input.button, #content #login input.button  { margin-left: 6em; }
#content p.logout { text-align: right; margin: 0.5em; }

/* highlight
---------------------------------- */
.highlight { clear: both; zoom: 1; border: 1px dashed #CCCCCC; margin: 0.5em 0; padding: 1em; text-align: center; background-color: #FFFEEE; }
.highlight a { color: #F15B13!important; text-decoration: none!important;; }
.highlight a:hover { text-decoration: underline!important;; }

/* Clearfix
---------------------------------- */

.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%; }