/* COLORS */
/* burgundy-#580B1F navy-#222966 dark-grey-#414141 red-#FF2F00 orange-#FF9F00 */


/* GENERAL */

body { font-family:comic sans ms, comic, arial; font-size:8pt; background:#222966 }

h1 { font-size:8pt; font-weight:bold; }
h2 { font-size:10pt; font-weight:bold; }
h3 { font-size:8pt; font-weight:bold; }
h4 { font-size:8pt; color:#FF2F00; font-weight:bold; }

h1, h2, h3 { text-transform:uppercase; }
h4 { text-transform:capitalize; }

a { text-decoration:none; color:#222966; }
a:hover { color:#FF9F00; }

h2, h3, h4 { margin-bottom:0.5em; }
p { margin-bottom:0.8em; }
li { margin-bottom:0.15em; }

input.hide { display: none; }
input, select, textarea { width:137px; font-family:comic sans ms, arial; font-size:8pt; }
strong.bold { font-weight: bold; }

/* LAYOUT BLOCKS */

#outer_container { width:1007px; margin:20px auto; }
#border_top { width:871px; height:6px; margin:0 auto; background:url(http://www.pyroexpress.co.uk/images/border_top.jpg) no-repeat; }
#border_bottom { width:871px; height:6px; margin:0 auto; background:url(http://www.pyroexpress.co.uk/images/border_bottom.jpg) no-repeat; }
#inner_container { width:869px; padding:3px 0 0; margin:0 auto; border:1px solid #580B1F; border-top:0px; border-bottom:0px; background:#FFF; }
#top_banner { width:569px; height:103px; padding-left:280px; margin:0 auto; position:relative; background: #000 url(../images/top_banner.jpg) no-repeat; }
#top_banner a.logo { display: block; float: left; }
#top_banner a.logo span { display: none; }
#nav { width:851px; height:37px; margin:8px 0 8px 10px; }
#left_col { float:left; width:162px; margin:0 7px 0 10px; }
#right_col { float:right; width:162px; margin:0 7px; }
#content { width:514px; margin:0; float:left; font-family:Verdana, Myriad, Arial, san-serif; }
#breadcrumbs { font-weight:bold; color:#414141; padding:0px 5px 4px 5px; text-align:right; margin-top:-3px; margin-right:10px; width:500px; font-family:'comic sans ms', comic, arial; }
#padded_content { padding:10px; position:relative; }
#content #content_left_col { float:left; width:235px; padding:10px; }
#content #content_right_col { width:235px; margin-left:256px; padding:10px; }
#foot { width:847px; margin:10px auto; color:#FFF; font-size:7pt; }


/* TOP BANNER */

#top_banner img#top_banner_logo { position:absolute; left:-25px; top:-9px; }


/* NAVIGATION */

#nav #nav_left { float:left; width:7px; height:37px; background:url(http://www.pyroexpress.co.uk/images/nav_bg_left.jpg) no-repeat; }
#nav #nav_right { float:left; width:10px; height:37px; background:url(http://www.pyroexpress.co.uk/images/nav_bg_right.jpg) no-repeat; }
#nav ul { float:left; width:834px; height:100%; background:url(http://www.pyroexpress.co.uk/images/nav_bg.jpg) repeat-x; }
#nav ul li { float:left; margin:6px 0 0 30px; }
#nav ul li a { color:#FFF; font-size:10pt; font-weight:bold; }
#nav ul li a:hover { color:#222966; }


/* COLORED BOXES */

.box_top { width:100%; height:6px; }
.box_bottom { width:100%; height:12px; margin-bottom:5px; }
.box_middle { width:142px; padding:5px 10px 10px; }
.box_middle ul li a { color:#222966; }
.box_middle ul li a:hover { color:#FFF; }

.red_top { background:url(http://www.pyroexpress.co.uk/images/red_top.jpg) no-repeat; }
.red_bottom { background:url(http://www.pyroexpress.co.uk/images/red_bottom.jpg) no-repeat; }
.red_middle { color:#FFF; background:url(http://www.pyroexpress.co.uk/images/red_middle.jpg) repeat-y; }

.pink_top { background:url(http://www.pyroexpress.co.uk/images/pink_top.jpg) no-repeat; }
.pink_bottom { background:url(http://www.pyroexpress.co.uk/images/pink_bottom.jpg) no-repeat; }
.pink_middle { color:#FFF; background:url(http://www.pyroexpress.co.uk/images/pink_middle.jpg) repeat-y; }

.blue_top { background:url(http://www.pyroexpress.co.uk/images/blue_top.jpg) no-repeat; }
.blue_bottom { background:url(http://www.pyroexpress.co.uk/images/blue_bottom.jpg) no-repeat; }
.blue_middle { color:#222966; background:url(http://www.pyroexpress.co.uk/images/blue_middle.jpg) repeat-y; }

.green_title { color:#FFF; width:142px; height:23px; padding:5px 10px; background:url(http://www.pyroexpress.co.uk/images/green_title.jpg) no-repeat; }
.green_bottom { background:url(http://www.pyroexpress.co.uk/mages/green_bottom.jpg) no-repeat; }
.green_middle { color:#FFF; background:url(http://www.pyroexpress.co.uk/images/green_middle.jpg) repeat-y; }

.green_title_hollow { color:#FFF; width:142px; height:23px; padding:5px 10px; background:url(http://www.pyroexpress.co.uk/images/green_title_hollow.jpg) no-repeat; }
.green_bottom_hollow { background:url(http://www.pyroexpress.co.uk/images/green_bottom_hollow.jpg) no-repeat; }
.green_middle_hollow { color:#414141; width:152px; padding:3px 5px 5px; background:url(http://www.pyroexpress.co.uk/images/green_middle_hollow.jpg) repeat-y; }

.red_title_wide { color:#FFF; width:494px; height:23px; padding:5px 10px; background:url(http://www.pyroexpress.co.uk/images/red_title_wide.jpg) no-repeat; font-family:'comic sans ms', comic, arial; }
.white_bottom_wide { width:514px; height:12px; background:url(http://www.pyroexpress.co.uk/images/white_bottom_wide.jpg) no-repeat; }
.white_middle_wide { color:#414141; width:511px; padding:10px 3px 1px 0; background:url(http://www.pyroexpress.co.uk/images/white_middle_wide.jpg) repeat-y; }

#content .red_title_wide ul li	{ background-image:none; padding-left:0; }

/* SHOP CONTENT */

#content .red_title_wide ul li { float:left; height:20px; margin-right:20px; }
#content .red_title_wide ul li a { color:#FFF; }
#content .red_title_wide ul li a:hover { color:#222966; }
#content .red_title_wide ul li.clock { padding-left:20px; background:url(http://www.pyroexpress.co.uk/images/white_clock.jpg) no-repeat; }

#content .product { float:left; width:470px; padding:10px; border-bottom:1px dashed #FE3000; margin-bottom:1.5em; margin-left:10px;; padding-bottom:1.5em }
#content .product .product_left { float:left; margin-right:20px; margin-bottom:0; }
#content .product img.product_img	{ float:left; margin:0 20px 0 0; width: 96px; height: 96px; border:0; }
#content input.quantity { width:15px; float:left; }
#content .product label	{ float:left; padding-top:2px; margin-left:5px; }

#content .product ul li	{ padding-left:0; background-image:none; }
#content .product ul li.buttons	{ clear:left; margin-left:117px  }
#content .product li.description	{ font-style:italic; }
#content .product li.product_name h4, #content .product h4.price	{ font-size:120%; }
#content ul li.time { background:url(http://www.pyroexpress.co.uk/images/black_clock.jpg) no-repeat; height:19px; padding:2px 0 0 22px; }
#content input.add_to_cart { clear:none; cursor:pointer; width:89px; height:23px; padding:0 5px 5px 0; background:url(http://www.pyroexpress.co.uk/images/add_to_cart_button.gif) no-repeat; border:0px; font-size:7pt; font-family:'comic sans ms', comic, arial; color:#FFF; font-weight:bold; margin:0px 0 0 8px; float:left; }
#content .out_of_stock	{ clear:right; margin:5px 0 0 0; float:right; display:block; width:auto; }
#content a.details { display:block; float:left; width:55px; height:20px; background:#FFF url(http://www.pyroexpress.co.uk/images/details_button.gif) 0 0 no-repeat; color:#FFF; font-size:7pt; font-weight:bold; padding:3px 0 0 7px; margin:0px 0 0 10px; font-family:'comic sans ms', comic, arial; }
#content a#back_to_shop	{ font-family:'comic sans ms', comic, arial; }
#content .product .product_right ul li img { margin:0 5px; }

#content form#product-selection input.quantity,
#content form#product-selection label,
#content form#product-selection input.add_to_cart	{ float:right; margin:10px 0 0 10px; }
#content form#product-selection input.add_to_cart	{ clear:right; margin-right:-7px; }
#content form#product-selection label	{ margin:12px 0 0 0; }

#content ul.key li { float:left; height:20px; padding:2px 0 0 30px; margin:30px 30px 0 10px; background-image:none; }
#content ul.key li#key_rocket { background:url(http://www.pyroexpress.co.uk/images/rocket.jpg) no-repeat; }
#content ul.key li#key_ground { background:url(http://www.pyroexpress.co.uk/images/ground.jpg) no-repeat; }
#content ul.key li#key_time { background:url(http://www.pyroexpress.co.uk/images/black_clock.jpg) no-repeat; }

#content .product input.submit_categories { cursor:pointer; width:110px; height:32px; background:url(http://www.pyroexpress.co.uk/images/view_products_button.gif) no-repeat; border:0px; font-size:7pt; font-family:comic sans ms; color:#FFF; font-weight:bold; margin-left:-4px; } 


/* CATEGORIES PAGE */

#content .categories .product	{ width:220px; height:150px; }
#content .categories .product.bordered	{ border-right:1px dashed #FF3100; }
#content .categories .product .product_img	{ margin-bottom:20px; }

/* PRODUCT DETAIL CONTENT */

#content .product_detail .product_pic	{ position:relative; width:240px; float:left; }
#content .product_detail .detail_img { height:180px; width:180px; }
#content .product_detail a	{ float:left; margin-top:147px;  }
#content .product_detail .type { float:right; text-align:right; }
#content .product_detail .type img { margin:10px 0 0 20px;float:right; }
#content .product_detail .price { font-size:26pt; color:#222966; font-weight:bold; text-align:right; position:relative; }
#content .product_detail .price p	{ margin-bottom:0; }
#content .product_detail .price .express_price	{ font-size:12pt; clear:none; }
#content .product_detail .price .norm_price { font-size:8pt; color:#FF2F00; }
#content .product_detail h3 { margin-top:20px; }
#content .product_detail ul.small_boxes	{ clear:left; }
#content .product_detail ul.small_boxes li { float:left; height:19px; border:1px solid #FF2F00; padding:5px 5px 3px 5px; margin-right:3px; margin-top:10px; background-image:none; }
#content .product_detail ul.small_boxes li.time { padding:5px 5px 3px 30px; background-position:5px 3px; }


#content .product_detail dl.info_list	{ display:block; width:100%; float:left; margin-bottom:20px }
#content .product_detail dl.info_list dt	{ display:block; width:17em; float:left; clear:left; }
#content .product_detail dl.info_list dd { display:block; float:left; }


/* BASKET CONTENT */

#content table#cart { margin:0 auto; text-align:center; }
#content table#cart tr { margin-top:-15px; }
#content table#cart tr th { font-weight:bold; width:90px; padding:0 6px; }
#content table#cart tr td { padding:0 6px; width:90px; }
#content table#cart tr td.wide_cell { width:243px; }
#content table#cart tr th.total_cell a { font-weight:bold; }
#content table#cart tr td.remove a { font-size:12pt; color:#FF2F00; }
#content table#cart tr td input { width:15px; margin-top:4px; }
#content table#cart tr td input.checkbox	{ width:auto; display:inline; }

#content table#cart tr th.narrow,
#content table#cart tr td.narrow	{ width:50px; }

#content table#cart tr th.wide,
#content table#cart tr td.wide	{ width:300px; }

#content table#cart tr th.values,
#content table#cart tr td.values	{ width:80px; text-align:right; }

#content table#cart thead tr th { padding-bottom:1em; }
#content table#cart tbody 	{  }
#content table#cart tfoot	{  }
#content table#cart tfoot tr th,
#content table#cart tfoot tr td.values	{ padding-top:1em; }

#content table#cart select.quantity	{ width:auto; }

#buttons { margin-top:6px; }
#buttons input { float:right; width:162px; height:44px; border:0px; margin-top:-10px; color:#FFF; font-weight:bold; font-family:comic sans ms; font-size:8pt; background:url(http://www.pyroexpress.co.uk/images/pink_title.jpg) no-repeat bottom; }
#buttons a { display:block; width:162px; height:29px; padding-top:5px; color:#FFF; font-weight:bold; text-align:center; background:url(http://www.pyroexpress.co.uk/images/blue_title.jpg) no-repeat; }


/* CHECKOUT CONTENT */

dl.checkout_list { padding:10px; }
dl.checkout_list dd { margin:-1.5em 0 0.4em 70px; }
dl.checkout_list input, dl.checkout_list textarea { width:200px; padding:0 1px; }
dl.checkout_list input.radio { width:15px; }
dl.checkout_list h3 { margin-top:20px; }


/* FAQs */

.faq	{ padding-left:10px;; }
ul.faq	{ margin-bottom:2em; }


/* GALLERY */

table.gallery tr td	{ width:160px;  }
table.gallery tr td a	{ padding:0; }
table.gallery tr td img	{ width:150px; height:100px;margin:10px; }



/* CONTACT CONTENT */

dl.contact_details_list dt { font-weight:bold; text-transform:uppercase; }
dl.contact_details_list dd { margin:-1.4em 0 10px 70px; }

dl.contact_form_list dd { margin:-1.5em 0 0.4em 70px; }
dl.contact_form_list dd input.contact_button { width:89px; height:32px; background:url(http://www.pyroexpress.co.uk/images/contact_button.gif) no-repeat; border:0px; font-size:7pt; font-family:comic sans ms; color:#FFF; font-weight:bold; margin:0px 0 -15px 83px; padding:0 30px 15px 0; }


/* FOOT */

#foot #payment { float:right }
#foot #payment img { border:0px solid #000; }

#foot ul { clear:left; }
#foot ul li { float:left; margin-right:10px; }
#foot ul li a { color:#FFF; }
#foot ul li a:hover { color:#FF9F00; }


/* UTILITY */

.split { clear:both }

.dotted_line_horizontal { height:1px; margin:0 auto 2px; background:url(http://www.pyroexpress.co.uk/images/dotted_line_horizontal.gif) repeat-x; clear: both; }
.dotted_line_vertical { float:left; width:1px; height:149px; background:url(http://www.pyroexpress.co.uk/images/dotted_line_vertical.gif) repeat-y; }
.product_line { width:95%; margin-top:152px; }
.product_list_line { width:80%; }
.contact_line { height:235px; }

.left_img_bs { float:left; width:43px; height:43px; margin:5px 5px 0 0; }
.right_img_safety { float:right; margin:5px 0 0 5px; }
.register_button { width:89px; height:32px; background:url(http://www.pyroexpress.co.uk/images/register_button.gif) no-repeat; border:0px; font-size:7pt; font-family:comic sans ms; color:#FFF; font-weight:bold; margin:0px 0 -15px 57px; padding:0 3px 15px 0; }

.left_img { float:left; margin:5px 10px 10px 0; }
.right_img { float:right; margin:5px 0 10px 10px; }
.center_img { display:block; margin:5px auto 10px; }

.upper_case { text-transform:uppercase; }

#content ul.bulleted li	{ background:url(http://www.pyroexpress.co.uk/images/bullet.gif) 0 50% no-repeat; padding-left:12px;; }
#content ul.bulleted li.sub	{ background:url(http://www.pyroexpress.co.uk/images/bullet_small.gif) 10px 50% no-repeat; padding-left:25px; }
#content .red_title_wide ul li.right	{ float:right; }


/* HOMEPAGE */
.main_banner	{ margin-bottom:20px; }

#content h2.featured	{ font-family:'comic sans ms', comic, arial; color:#685b12; display:block; height:60px; width:460px; margin-bottom:0; padding:15px 0 0 10px; background:url(../images/featured-top.gif) 0 0 no-repeat; }
#content h3.month	{ text-transform:capitalize; color:#685b12; display:block; text-align:right; float:right; margin:-58px 30px 0 0; font-family:verdana; }
#content ul.featured	{ display:block; min-height:260px; width:500px; background:url(../images/featured-sides.gif) 0 0 repeat-y; margin-bottom:20px; }
#content ul.featured li	{ display:block; float:left; width:240px; height:120px; margin:0 0px 10px 5px; padding-left:0; background:none; }
#content ul.featured li#featured-bottom	{ clear:both; display:block; background:url(../images/featured-bottom.gif) 0 0 no-repeat; height:24px; width:100%; padding:0 0 15px 0; margin:0 0 20px 0; }
#content ul.featured li ul	{ float:left; width:135px; }
#content ul.featured li ul li	{ height:auto; float:left; width:120px; clear:none; margin:0; border:none; }
#content ul.featured li ul li.price	{ margin-top:5px; }
#content ul.featured li ul li.time	{ min-height:20px; }
#content ul.featured li ul li a.details	{ margin-top:5px; }
#content ul.featured li img.product_img	{ float:left; margin:0 5px 5px 0; }
#content ul.featured li.description	{ font-style:italic; }
#content ul.featured li.buttons	{ clear:left; }
#content ul.featured li.product_name h4, #content .product h4.price	{ font-size:120%; }
#content .product h4.price	{ float:left; width:auto; margin-top:5px; }
#content .product a.details	{ display:block; margin-top:5px; }
#content ul li.time { background:url(http://www.pyroexpress.co.uk/images/black_clock.jpg) no-repeat; height:19px; padding:2px 0 0 22px; }

#content ul.featured ul.full_width	{ width:200px; }
#content ul.featured ul.full_width li	{ width:200px; }
#content ul.featured ul.full_width li input, #content ul.featured ul.full_width li label	{ float:left; }

#content ul.featured a.details {  margin:0; font-family:'comic sans ms', comic, arial; }

#content ul.sub_banners li	{ display:block; float:left; width:232px; height:100px; padding-left:0; background-color:#DDD; background-image:none; margin:0 5px 5px 0; }

h2.seperator	{ margin:0 0 1em 0 }

#content ul li	{ padding-left:15px; background:url(http://www.pyroexpress.co.uk/images/bullet.gif) 0 0.2em no-repeat; }
#content img.full_width	{ margin:2em 0; }
#content p.caption	{ padding:0 20px; font-size:90%; margin-top:-20px; margin-bottom:20px; text-transform:small-caps;  }

.cb{clear: both;}