/* -------------
HTC store - Core styles
----------*/  

/* powered by logo */
#powered_by {text-align:center;padding-bottom:8px;background:#fff}

/* left nav submenu */
#leftnav .submenu ul { margin: 2px 4px 8px 28px; font-size:0.975em }
#leftnav .submenu ul li { padding: 2px 0 }
#leftnav .submenu ul li a { color: #82786F }
#leftnav .submenu ul li a:hover { color: #7AB800 } 

/*homepage */
p#country_intro {font-weight:bold;font-size:1.2em;padding:8px;border:1px solid #C7C2BA}


/*featured prods - 6up*/
#show_featured {}
#show_featured ul {position:relative;float:left;width:238px;height:115px;margin:0 4px 4px 0;padding:5px;list-style:none;border:1px solid #C7C2BA}

#show_featured h2 {color:#666;font-size:143%;font-weight:normal;margin:0 0 12px}
#show_featured h4 {height:3.6em;overflow:hidden}

#show_featured  .img {position:absolute;left:10px;top:10px}
#show_featured  .img img {padding:1px;background:#fff;border:1px solid #888}

#show_featured  .prod,#show_featured  .price,#show_featured  .more {margin-left:120px}  

#show_featured  .prod {margin-top:9px;padding-right:8px;line-height:130%}
#show_featured  .prod h4 {margin:0;font-size:13px}
#show_featured  .prod a {text-decoration:none;color:#82786F}
#show_featured  .prod a:hover {text-decoration:underline;color:#7AB800}

#show_featured  .price {font-size:125%;font-weight:bold;margin-top:3px;color:#7AB800}

#show_featured  .more {font-size:85%;font-weight:bold;margin-top:3px}
#show_featured  .more a {text-decoration:none;color:#184800}
#show_featured  .more a:hover {text-decoration:underline;color:#2c7507}

/*self clear*/
#show_featured:after {content:".";display:block;height:0;clear:both;visibility:hidden}


/* edit basket */

#edit_basket table .img img { border:none;margin-right:12px; }
#edit_basket table .title a { color:#82786F }


/*featured*/
#listing h3 { border-bottom:1px solid #C7C2BA;border-collapse:collapse ;margin:0px;padding:4px 8px 6px; }
#listing .featured {height:170px;border:1px solid #C7C2BA;border-bottom:0;border-top:0;}
#listing .featured ul {float:left;width:220px;height:142px;margin:0 2px 2px 3px;padding:12px 14px;list-style:none;overflow:hidden;}
#listing .featured .title {font-size:108%;font-weight:bold;height:2.4em;overflow:hidden}
#listing .featured .title em {font-size:80%;font-style:normal;}
#listing .featured .title a:link {color:#000}
#listing .featured .title a:visited {color:#333}
#listing .featured .title a:hover {color:#8ed03a;text-decoration:none}

#listing .featured .img {float:right;width:100px;height:100px}
#listing .featured .img img {margin:10px 0 0;padding:2px;border:1px dotted #C7C2BA;}
#listing .featured .price {margin:7px 0;font-size:90%;font-weight:bold;}
#listing .featured .price strong {font-size:130%}
#listing .featured .description {height:78px;overflow:hidden;font-size:85%;line-height:120%;padding-right:3px}

/*display table*/
#listing table {width:100%;border:1px solid #C7C2BA;border-top:0}
#listing table td {padding:3px 1px;border-bottom:1px solid #eee}
#listing table .img {width:44px;text-align:center}
#listing table .img img {padding:3px;background:#fff;border:none;}
#listing table .prod {width:320px;padding:4px 3px}
#listing table .stock {width:110px;font-size:85%;text-align:center}
#listing table .price {width:70px;font-size:108%;padding-right:10px;text-align:right}
#listing table .addtobasket {width:44px;padding:0 5px}
#listing table .addtobasket a {float:left;text-align:center;text-decoration:none;font-size:100%;line-height:18px;color:#fff;background:url(/j/htc/images/generic/button_bg_left.png) no-repeat 0 0}
#listing table .addtobasket a:hover {text-decoration:underline}
#listing table .addtobasket a strong {display:block;padding:3px 10px 3px 9px;background:url(/j/htc/images/generic/button_bg_right.png) no-repeat 100% 0}



/* product page */

#product {position:relative;padding-left:200px}
#product #sku {font-size:100%;color:#999}

#product #show_img {position:absolute;left:0;top:0;width:186px;list-style:none;margin:0;padding:0;text-align:center}
#product #show_img img { padding:8px; border:1px solid #C7C2BA; }
#product #show_img a { color:#82786F }

#details .addtobasket {height:2em}

#details .addtobasket a {float:left;text-align:center;text-decoration:none;font-size:100%;p;color:#fff;background:url(/j/htc/images/generic/button_bg_left.png) no-repeat 0 0;line-height:18px;}
#details .addtobasket a:hover {color:#fff;text-decoration:underline}

#details .addtobasket a strong {display:block;padding:2px 16px 3px 15px;background:url(/j/htc/images/generic/button_bg_right.png) no-repeat 100% 0}

#details {list-style:none;margin:0;padding:0;height:200px;}
#details li {margin:8px 0}
#details .sku {font-size:85%;font-weight:bold;color:#999}
#details .price {font-size:123.1%;color:#7AB800}
#details .stock {font-size:123.1%;}
#details .order_note {font-size:85%;font-weight:bold;}



/* mini basket */
#mini_basket {background:#fff; border:1px solid #C7C2BA;padding:8px; }
#mini_basket ul {list-style:none;margin:0;padding:0}
#mini_basket h2 {font-size:123.1%;line-height:100%;font-weight:bold;margin:0;padding:0 0 8px 0;}
#b_content {padding-top:2px;}
#b_content .item {position:relative;margin:0 8px;padding:0 0 6px;list-style:none;}
#b_content .item li {padding:6px 0 0 44px}
#b_content .item .img {position:absolute;top:4px;left:0;width:40px;height:40px;padding:0}
#b_content .item .img img {padding:0;margin-right:4px;border:none;}
#b_content .item .title {font-size:100%;font-weight:bold;color:#999}
#b_content .item .price {font-weight:bold;color:#333;padding-right:2px;text-align:right}
#b_content .item a {color:#82786F}
#b_content #totals {margin:0 8px;}
#b_content #totals li {position:relative;margin:8px 0;padding-right:50px;font-size:100%;font-weight:bold;}
#b_content #totals strong {position:absolute;bottom:0;right:0;font-size:110%;}
#b_content #totals .total {font-size:108%;margin-top:8px;padding-top:12px;}
#b_content #tools {padding:0;margin:0;list-style:none;}
#b_content #tools a {display:block;width:162px;margin:4px auto;text-align:center;text-decoration:none;font-weight:bold}
#b_content #tools .checkout a {font-size:125%;padding:5px 0;}
#b_content #tools .edit a {font-size:100%;padding:3px 0;color:#156e8e;}
#b_content #tools .edit a:hover {color:#3691b1;background-position:0 -22px}
#b_content #tools .empty a {font-size:100%;padding:3px 0;color:#6f4646;}
#b_content #tools .empty a:hover {color:#b45f5f;background-position:0 -22px}
#b_content #empty {padding:0;margin:0;list-style:none;}

/* footer */

#footer { text-align:center; }
#footer a { color:#82786F; margin:0 4px; }




/*Checkout*/
#checkout #empty {padding:6px;border:1px dotted #C7C2BA;} /*empty basket message*/

#basket_overview {border:1px dotted #C7C2BA;}
#basket_overview th {padding:3px 6px;font-size:116%;}
#basket_overview td {padding:2px 6px;}
#basket_overview img { border:none; }
#basket_overview a {color:#82786F }

#basket_overview #edit_basket td {padding:6px;}
#basket_overview #edit_basket a {font-size:116%;font-weight:bold}


#checkout #delivery {margin:12px 0;padding:6px;font-size:116%;border:1px dotted #C7C2BA;}

#cost_breakdown{width:100%;margin:6px 0;padding:6px;font-size:116%;border:1px dotted #C7C2BA;}
#order_total {margin:6px 0;padding:6px;font-size:116%;font-weight:bold;text-align:right;border:1px dotted #C7C2BA;}

#part_ship {margin:12px 0;padding:6px;font-size:116%;border:1px dotted #C7C2BA;}
#part_ship input {float:left;margin:3px 6px 16px 3px;}

#payment {margin:12px 0;padding:6px;border:1px dotted #C7C2BA;}
#payment h2 {text-align:center;font-size:138.5%;padding-bottom:3px;border-bottom:1px solid #ddd}
#payment h3 {text-align:center;font-size:100%;margin:4px 0 10px}
#payment h4 {font-size:123.1%;margin-top:10px;padding-bottom:3px;border-bottom:2px solid #ddd;}

#payment table td {padding:3px 2px}

#payment p.note {margin:4px 0 12px;font-size:100%;font-weight:bold}

/*right column help box*/
#checkout_help {padding:8px;border:1px solid #C7C2BA;}
#checkout_help h2 {font-size:123.1%;margin:0 0 4px;}

/*Select region*/

#select_region {margin-left:20px}
#select_region ul {float:left;width:16em;min-height:22em;margin:0;padding:0;list-style:none}
#select_region h2 {font-size:140%;font-weight:normal;margin:0 0 3px}
#select_region ul li {margin:3px 0;font-size:108%}
#select_region ul li img {margin-right:8px;border:0;}




/* OLD CSS BELOW */
/* --------------------------------------------------------------------------------------*/



/*position flash nav*/
#primary_nav {position:absolute;top:40px;right:10px;}


/*content*/
#content_wrap {position:relative;padding:0 10px 12px;background:url(/j/htc/images/generic/content_bg.png) repeat-y 0 0}

/*self clear*/
#content_wrap:after {content:".";display:block;height:0;clear:both;visibility:hidden}



/*Left navigation and category menu*/
#left_nav h2 {font-size:100%;font-weight:bold;color:#fff;padding:12px 0 12px 14px;background:url(/j/htc/images/left_nav/title_bg.png) no-repeat 0 0}

/*link styles for main sections*/
#left_nav h2 a:link,#cat_nav h3 a:link  {color:#fff;text-decoration:none}
#left_nav h2 a:visited,#cat_nav h3 a:visited {color:#fff;text-decoration:none}
#left_nav h2 a:hover,#cat_nav h3 a:hover {color:#fff;text-decoration:underline}
#left_nav h2 a:active,#cat_nav h3 a:active {color:#fff;text-decoration:underline}






/*tabbed info panel*/

#info_panel {margin-top:18px;}
#info_panel .ship_weight {margin:12px 6px 6px;font-size:85%;font-weight:bold;color:#999;text-align:right}

#info_nav {list-style:none;margin:0;padding:0;height:31px}
#info_nav li {float:left;margin:0;padding:0;background:url(/j/htc/images/product/tab_left_inactive.png) no-repeat 0 0}
#info_nav a {display:block;padding:9px 41px 9px 8px;background:url(/j/htc/images/product/tab_right_inactive.png) no-repeat 100% 0}

#info_nav li.active {background:url(/j/htc/images/product/tab_left_active.png) no-repeat 0 0}
#info_nav .active a {background:url(/j/htc/images/product/tab_right_active.png) no-repeat 100% 0}

#info_nav a {text-decoration:none;font-size:90%;font-weight:bold;}
#info_nav a:link {color:#1a4c12} 
#info_nav a:visited {color:#1a4c12} 

#info_content {padding:12px;border:2px solid #026100;background:url(/j/htc/images/product/info_content_bg.png) repeat-x 0 0}
#info_content ul {padding:0 0 0 12px;margin:10px 0}
#info_content li {margin-left:12px}
#info_content ul li {margin-left:0}

#info_content h2 {font-size:138.5%;margin:0 0 9px;font-weight:normal;color:#026100;border-bottom:1px dotted #026100}
/*-------end PRODUCT PAGE ------*/


/*------- LISTINGS PAGE ------*/



/*All categories*/

#all_cats {list-style:none;margin:0;padding:0}
#all_cats h2 {margin:6px 0;font-size:123.1%}