/* template: Whitechapel - standard #2 */

ul { margin-top: 10px; }
ul li { margin-left: 15px; }

li { margin-left: 20px; }


/* 	LEVEL ONE */
ul.ec_dropdown { position: relative; margin: 0 auto; padding: 0; width: 1000px; border: 0px solid white; list-style: none; z-index: 2; }
ul.ec_dropdown li { margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; float: left; zoom: 1; background: #587ebf; text-align: center; list-style: none; }
ul.ec_dropdown > li { max-width: 100px; height: 55px; text-align: center; }
ul.ec_dropdown > li:first-child { width: 70px; }
ul.ec_dropdown li a { color: #ffffff; text-decoration: none; }
ul.ec_dropdown a:hover { color: #ffffff; }
ul.ec_dropdown a:active { color: #ffffff; }
ul.ec_dropdown li a { display: block; padding: 4px 20px; border-right: 1px solid #333333; border-bottom: 0px solid #ffffff; color: #ffffff; }
ul.ec_dropdown li:last-child a { border-right: none; } /* Doesn't work in IE */
ul.ec_dropdown li.cat_link_hover,
ul.ec_dropdown li:hover { background: #77bbe8; color: #ffffff; position: relative; }
ul.ec_dropdown li.cat_link_hover a { color: #ffffff; text-decoration: none; }
ul.ec_dropdown li.link_home { border-right: 1px solid #ffffff; }
/* 	LEVEL TWO */
ul.ec_dropdown ul { margin: 0; padding: 0; width: 660px; visibility: hidden; position: absolute; top: 100%; left: 0; background: #587ebf; }
ul.ec_dropdown ul li { font-weight: normal; background: #587ebf; color: #ffffff; border-top: 1px solid #333333; float: none; font-size: 12px; text-align: left; text-transform: capitalize; width: 330px; float: left; }
/* IE 6 & 7 Needs Inline Block */
ul.ec_dropdown ul li a { border-right: none; border-bottom: none; width: 100%; display: inline-block; padding-left: 10px; } 
/* 	LEVEL THREE */
ul.ec_dropdown ul ul { left: 100%; top: 0; width: 330px; }
ul.ec_dropdown ul ul li { background: #77bbe8; }
ul.ec_dropdown li:hover > ul { visibility: visible; }

ul.ec_dropdown li#category_primary_2 ul { left: -490px; }
ul.ec_dropdown li#category_primary_254 ul { left: -400px; }
ul.ec_dropdown li#category_primary_108 ul { left: -300px; }
ul.ec_dropdown li#category_primary_8 ul { left: -200px; }

li#category_primary_2 { width: 70px; }
li#category_primary_5 { width: 80px; }
li#category_primary_8 { width: 97px; }
li#category_primary_95 { width: 95px; }
li#category_primary_359 { width: 90px; }

.compinfo { clear: both; }


/* markup: Listing view markup #4 */

table.item { width: 100%; font-family: "Segoe UI", "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; }
table.item select, table.item option { font-weight: bold; color: #333333; }
table.item td { text-align: left; vertical-align: top; }
table.item td.image { text-align: center; padding-right: 15px; }
div.socialnet { width: 152px; margin: 15px auto 25px auto; }
div#speccontainer { width: 350px; background: #f9f9f9; background: #ffffff url(../files/graphics/markup/default/gradient2.gif) repeat-x scroll left top; padding: 20px 30px; margin-top: -10px; }
table.item div.pricing { font-weight: bold; color: #4d9dcb; }
table.item div.pricing span.price_inc { font-size: 18px; color: #ff9211; }
table.item div.pricing span.price { display: block; }
table.item div.pricing span.inc { font-size: 12px; color: #4d9dcb; }
table.item div.pricing span.rrp { display: block; font-weight: normal; }
table.item span.stock { display: block; font-weight: bold; background: transparent url(../files/graphics/markup/default/stock.gif) no-repeat scroll left center; padding: 4px 0px 3px 25px; margin-top: 5px; }
table.ordering { margin: 15px 0; }
table.ordering td.quan { padding-right: 10px; }
div#breadcrumb div.trail { display: none; }
div.trail { margin-bottom: 20px; padding: 10px 0; border-bottom: 1px dotted #999999; font-family: Verdana, sans-serif; font-size: 10px; }
span.goback { display: block; position: relative; top: 20px; left: 330px; font-family: Verdana, sans-serif; font-size: 10px; }
span.goback a, div.trail a { color: #454545; text-decoration: none; text-transform: uppercase; }
span.goback a:hover, div.trail a:hover { color: #454545; text-decoration: underline; }
div.trail a.current, div.trail a.current:hover { display: block; font-weight: bold; }
div.item_details { font-size: 14px; padding-bottom: 5px; border-bottom: 1px dotted #999999; margin: 10px 0; }
div.item_details span.desc { display: block; float: right; font-size: 11px; margin-top: 3px; }
table.attributes td.attribute-label { padding-right: 20px; }
div.refer { margin-top: 10px; }
div.refer img { margin-bottom: -5px; margin-right: 5px; }
div.imgbrowser { margin-top: 4px; font-weight: bold; }
div.imgbrowser img { margin-bottom: -3px; margin-right: 5px; }
table.ec_external_links { margin: 10px 0; }
table.ec_external_links td { padding-right: 10px; }
table.options { height: 50px; margin-top: 15px; margin-bottom: 5px; background: #dddddd url(../files/graphics/markup/default/options.png) no-repeat scroll right 5px; border-top: 5px solid #dddddd; border-bottom: 5px solid #dddddd; border-right: 10px solid #dddddd; }
table.options td { padding: 5px 10px; }
table.options td.label { padding-top: 7px; }
table.options td.input { padding-right: 45px; }
table.options td.input select, table.options td.input option { font-family: "Segoe UI", "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; }
table.item_accessories td { vertical-align: middle; }
table.item_accessories td.image { padding-bottom: 5px; padding-right: 5px; }
table.item_accessories td.detail { padding-left: 10px; }




