/* =Grid Layout
 * author: kirk@kirkbeard.com
 *
 * Comments Prefixes:
 *   @  Main blocks of website/code
 *   =  Subsections for each main block
--------------------------------------------- */


/* -----------------------------------------------------------------------------------------------------------------------
	@Layout/Generic
----------------------------------------------------------------------------------------------------------------------- */


/* =Float Clearings - taken from 960.gs
--------------------------------------------- */
html body * span.clear,html body * div.clear,html body * li.clear,html body * dd.clear{background:none;border:0;clear:both;display:block;float:none;font-size:0;list-style:none;margin:0;padding:0;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after{clear:both;content:'.';display:block;visibility:hidden;height:0}.clearfix{display:inline-block}* html .clearfix{height:1%}.clearfix{display:block}


/* =Layout Grids
 * url: http://blog.html.it/layoutgala/LayoutGala13.html
--------------------------------------------- */
#container { min-width:1240px; }
#hd { position:relative; height:160px; }
#wrapper { float:left;width:100%; }
#site { padding-bottom:30px; }
* html #site { height:20px; } /* height required for IE to display at all - height automatically adapts to suit required height - other browsers don't adapt */
body.col3 #content { margin:20px 230px 0 185px; }
body.col3 #lsb { float:left; width:176px; margin-left:-100%}
body.col3 #rsb { float:left; width:220px; margin-left:-220px; margin-top: 50px; }

body.col2 #content { margin:50px 10px 0 185px; }
body.col2 #lsb { float:left; width:176px; margin-left:-100%}
body.col2 #rsb { display:none; }



/* =Common Elements
--------------------------------------------- */
a { text-decoration:none; }
a:hover { text-decoration:underline;}
img {border:0; }
div.empty { color:#999; text-align:center; padding:20px 0; font-weight:bold; }
marquee { display:none; }

div.content_text { line-height:1.5em; }
img.right { float:right; margin:10px 15px  }
img.left  { float:left;  margin:10px 15px  }
blockquote { font-style:italic; }
ul.spaced li { padding-bottom:10px; }
.pv     { padding:20px 0; }
.pv1    { padding:0 10px; }
.pvb    { padding-bottom:10px; }
.ph     { padding:0 20px; }
.center { text-align:center; }
.right  { text-align:right; }
.left   { text-align:left; }
.clear  { clear:both; }
.hover  { cursor:pointer; }
.bold   { font-weight:bold; }
.nobold { font-weight:normal; }
.required   { color:#f00; } /* compulsary <form> fields */
.error  { color:#c00; }
.small  { font-size:.9em; }
.subtle { color:#999; }


ul.ticks { list-style-image: url(/assets/images/tick.png); }
ul.ticks li { padding-bottom:5px; }
.hide { display:none; visibility: hidden; position: absolute; top: -400px; }
a.selected { font-weight:bold; }
#dumped { width: 90%; background: #cff; color: #000; padding: 3px; border: solid 1px #000; margin-left: auto; margin-right: auto; display: none;}


/* =Shopping Cart Buttons
--------------------------------------------- */
.actions { text-align:center; margin:30px 0;}
.actions div { margin:0 auto; }
.actions a { float:left; margin:0 5px; font-weight:bold; }

/*
.formactions { text-align:center; margin:20px 0; }
.formactions div { margin:0 auto; }
.formactions div input.btn-med { margin:0 5px; float:left; }
*/


						/* Text fields  */
						.textup { text-transform:uppercase }
						.textlow { text-transform:lowercase }

p.icons { height:16px; line-height:16px; }
a.i-print { padding-left:20px; background:transparent url(../images/layout/icons/printer.png) scroll no-repeat 0 50%; height:16px; line-height:16px; display:block; float:left; margin-left:20px; }


/* =Section Titles
--------------------------------------------- */
h4 { margin:25px 0 10px; line-height:1; padding:0; }
h4 span { }
h4 span b { font-size:1em; font-weight:normal; /* margin-left:10px; */ color:#666; display:block; padding-top:3px; }
table h4, table h5 { width:95%; }
h5 { margin:10px 0 5px; line-height:1; padding:0; }
h4 a, h5 a { margin-left:10px; font-size:13px; font-weight:normal; }

h4.news-title { margin:0; }
p.news-date { font-weight:bold; font-size:12px; }






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


/* =Header Elements
--------------------------------------------- */
.hd { background-repeat:no-repeat; height:134px; }
#logo { margin:0; height:135px; }
#logo a { display:block; width:150px; height:135px; }
#logo a img { display:none; }
#top-banner { position: absolute; right: 10px; text-align: center; } 
.dep { padding: 0px 15px; border-left: 1px solid #444; border-right: 1px solid #787878; clear: both }
.depend {width: 104px; border-top: 1px solid #aaa; border-left: 1px solid #444;} 


/* =Breadcrumbs
--------------------------------------------- */
#cartdetails         { float:right; height: 50px; line-height:16px; top: 25px; padding:5px 10px 0; font-size:11px; }
#cartdetails a       { color:#666; display:block; float:left; background-repeat:no-repeat; }
#cartdetails a#cart-view { background-image:url(/assets/images/layout/icons/cartdetails-cart-empty.png); }
#cartdetails a#cart-checkout { background-image:url(/assets/images/layout/icons/cartdetails-checkout.png); }
#cartdetails a#system-enabled { padding-left: 20px; background-image:url(/assets/images/layout/icons/computer_add.png); }
#cartdetails a#system-disabled { padding-left: 20px; background-image:url(/assets/images/layout/icons/computer.png); }
#breadcrumbs         { color:#666; font-size:11px; padding:5px 0 0; margin-left:185px; height:1em; }
#breadcrumbs a       { color:#666; text-decoration:none; }
#breadcrumbs a:hover { color:#333; text-decoration:underline; }


/* =Primary Navigation - top
--------------------------------------------- */
#nav, #nav li { list-style:none; padding:0; margin:0; }
#nav { position:absolute; left:176px; top:110px; }
#nav a { font-weight:bold; text-decoration:none; display:block; text-align:center; height:24px; line-height:24px; }
#nav li { float: left;}
#nav li ul { position: absolute; width:160px; left:-999em; z-index:100;}
#nav li ul a { display:block; padding:3px 5px; float:none; width:150px; text-align:left; }
#nav li:hover ul, #nav li.sfhover ul { left: auto; }

#pn-theme { min-width:40px; }

#current-dept { position:absolute; right:10px; top:110px; z-index:111; }
#current-dept li { list-style:none; margin:0; padding:0; }
#current-dept a { font-weight:bold; text-decoration:none; text-align:center; height:24px; line-height:24px; }

/* -----------------------------------------------------------------------------------------------------------------------
	@Sidebar (Left)
----------------------------------------------------------------------------------------------------------------------- */


/* =Secondary Navigation - left column
--------------------------------------------- */
.sn { clear:both; padding:0 0 5px; }
.sn p { padding:0 10px; margin-bottom:5px; }
.sn h3 { font-size:14px; padding:0 5px; margin:0; height:38px; line-height:38px; }
.sn ul, .sn ul li { padding:0; margin:0; list-style:none; float:left; width:176px; }
div.sn ul { margin-bottom:5px; }
.sn li { position:relative; float:left; width:176px; letter-spacing:.005em; }
.sn li a { width:156px; display:block; text-decoration:none; padding:0 10px; height:23px; line-height:23px; overflow:hidden; }
.sn li ul { position:absolute; left: -999em; margin-left:176px; }
.sn li:hover ul { left: auto; width:187px; width:267px; border-style:solid; border-width:0 1px 0 0; }
.sn li ul li { width:188px; width:268px; }
.sn li ul li a { width:236px; }
.sn ul li ul li.first { padding-top:3px;  }
.sn ul li ul li.last { padding-bottom:3px; }
.sn ul li ul li a { margin-left:9px; border-style:solid; border-width:0 0 1px; }


/* =Theme Selection overrides
--------------------------------------------- */
.sn ul li:hover ul.sub_theme { left: auto; width:520px; border-style:solid; border-width:0 1px 0 0; }
.sn ul li ul.sub_theme { margin-top:-72px; }
.sn ul li ul.sub_theme li { float:left; width:170px; padding:0; }
.sn ul li ul.sub_theme li a,
.sn ul li:hover ul.sub_theme li a { width:170px; padding:0; display:block; text-decoration:none; height:120px; overflow:hidden; border:0; text-align:center; font-size:.9em; }
.sn ul li:hover ul.sub_theme li a img { margin-top:10px; border:1px solid #000; }



/* =Search Form / Results / Filters
--------------------------------------------- */
#searchBox { margin-left: 5px; }
#q { padding:3px; width:120px; margin:0 1px 5px 0; }
#btn-search { width:27px; height:22px; background-repeat:no-repeat; outline:0; border:0; cursor:pointer; text-indent:-9999px; font-size:1px; vertical-align:top; margin-top:2px; line-height:5; }
#btn-search:hover { background-position:0 -22px; }
.no-search-results { color:#999; font-size:1.2em; text-align:center; margin:0 0 15px; }
#search-filters { clear:both; padding:0px 0 0; }
#search-filters h3 { font-size:14px; padding:0 5px; margin:0; }
.filters-group p { padding:0 5px; font-size:12px; }
ul.filters { list-style:none; margin:0 5px 15px; padding:0; }
ul.filters li { list-style:none; margin:0 0 4px; padding:0; font-size:12px; }
ul.filters li.more a { font-size:11px; }
ul.currentfilters li { margin:0 0 7px; padding-left:13px; background-repeat:no-repeat; background-position:left 4px; }

#start-search { text-align:center; }
#start-search #keyword { font-size:1.1em; padding:5px; width:250px; }















/* -----------------------------------------------------------------------------------------------------------------------
	@Sidebar (Right)
----------------------------------------------------------------------------------------------------------------------- */


/* =Right Panels
--------------------------------------------- */
.panel-ad { margin:0 0 10px; }
.panel { margin:0 0 10px; width:212px; }
.panel h3 { font-size:14px; padding:0 5px; }


/* =Sidebar - Shopping Cart
--------------------------------------------- */
#panel-cart { width:100%; margin:5px 0 1em; }
#panel-cart td,
#panel-cart th { padding:2px 4px; }
#panel-cart th { text-align:left; }
#panel-cart .t { text-align:right; }
#panel-cart .q,
#panel-cart .m { text-align:center; }
#panel-cart .total { font-weight:bold; }



#cart-empty 	{width:142px; height:25px; padding: 25px 0 0 55px; background-image:url(/assets/images/cart_empty.png); background-repeat:no-repeat;}
#cart-full	 	{width:142px; height:25px; padding: 25px 0 0 55px; background-image:url(/assets/images/cart_full.png); background-repeat:no-repeat;}
#cart-items		{margin:30px 0 0 45px; }
#btn-checkout	{width:53px; height:50px; float: right; }

#panel-shopping { width:192px; height:50px; background-image:url(/assets/images/cart_empty.png); background-repeat:no-repeat;}
#panel-facebook	{ width:220px; height:55px; margin:0 0 0 -5px;}
#panel-fb-btn 	{ float: left}
#panel-fb-like 	{ width:143px; height:25px; padding: 30px 0 0 20px; float: right; background-image:url(/assets/images/fb_joinus.png); background-repeat:no-repeat;}
.panel-generic 	{ width:220px; height:55px; margin:0 0 5px -5px; }
#panel-mail 	{ width:220px; height:55px; margin:0 0 5px -5px; background-image:url(/assets/images/ml_split.png); background-repeat:no-repeat;}
#btn-mail 		{ width:17px; height:17px; border: none; cursor:pointer; text-indent: -999px; background-image:url(/assets/images/go_button.png); background-repeat:no-repeat;}
.txt-mail 		{ width:120px; height:15px; margin:30px 0 0 65px;
				border: 1px; border-color: #555555; color:#555555; background-color:#eeeeee; font-size:10px; text-align: center;}


/* =News Scroller
--------------------------------------------- */
#news_headlines { width:190px;  display: block; overflow: hidden; position: relative; }
#news_headlines a.priority { font-weight:bold; color:#c00; }
#newsticker { width:190px; height:100px; display: block; list-style: none; margin: 0; padding: 0; }
#newsticker li { display: block; width: 190px; margin: 0; padding: 6px; float: left; }



/* =Voting Polls
--------------------------------------------- */
ul.poll-questions, ul.poll-questions li { list-style:none; padding:0; margin:0 0 5px; }
ul.polls { list-style:none; padding:0; margin:0 0 15px; }
ul.polls li { list-style:none; padding:0; margin:0 0 5px; }
.poll_slider { border-style:solid; border-width:1px; height:10px; }
.poll_slider div { height:10px; font-size:1px; }
.poll-links { font-size:11px; border-style:solid; border-width:1px 0 0; padding:3px 0 0; margin:10px 0 0; }






/* -----------------------------------------------------------------------------------------------------------------------
	@Tables
----------------------------------------------------------------------------------------------------------------------- */


/* =Products List (darker colour header)
--------------------------------------------- */
.product_list { width:100%; margin:auto; margin-bottom:2em; }
.product_list th { font-weight:bold; border:0; padding:5px 7px; text-align:left; }
.product_list th a { background-repeat:no-repeat; background-position:right center; padding-right:15px; }
.product_list th.right a { background-position:left center; padding-right:0; padding-left:12px; }
.product_list th span a { background:none; padding:0; }
.product_list tr td { border-bottom:1px solid #d2d2d2; vertical-align:top; padding:5px 7px; }
.product_list tr.odd { background:#ececec; }
.product_list tr.even { background:#e0e0e0; }
.product_list tr.odd:hover,
.product_list tr.even:hover { background:#dddddd; }



.product_list tr.noborder td { border:0; }


.product_list h3 { margin:10px 0 0; }
.product_list .totals td { border-bottom:none; border-top:2px solid #7D7D7D; }
.product_list .totals_noborder td { border:none; }
.product_list .totals td,
.product_list .totals_noborder td { font-weight:bold; text-align:right; padding-top:1px; padding-bottom:1px; }
.product_list tr.totals td.stantext,
.product_list tr.totals_noborder td.stantext { text-align:center; }

.product_list tr.totals td.total,
.product_list tr.totals_noborder td.total { width:6em;}
.product_list tr.spacer td { border-bottom:none; }
.product_list tr td a { text-decoration:none; }
.product_list tr td a:hover { text-decoration:underline; }

						.product_list tr.product_list_header { font-weight:bold; }
						.product_list tr.product_list_header td { }

						.product_list tr.system_item_header { background-color:#7D7D7D; font-weight:bold; color:#fff}
						.product_list tr.system_item_header td { border:none; }

html table tr td.empty { color:#999; text-align:center; padding:30px 0; font-size:1.1em; }

/* =Standard List (lighter colour header)
--------------------------------------------- */
table.standard_list { margin:auto; margin-bottom:2em; }
table.standard_list tr th { font-weight:bold; border:0; padding:5px 7px; text-align:left; }
table.standard_list tr td { border-bottom:1px solid #d2d2d2; vertical-align:top; padding:5px 7px; }
table.standard_list tr.odd { background:#ececec; }
table.standard_list tr.even { background:#e0e0e0; }
table.standard_list tr.odd:hover,
table.standard_list tr.even:hover { background:#dddddd; }



/* =Overrides for Alignment/Width  (with extra weight to force override)
--------------------------------------------- */
html body th.center, html td.center { text-align:center; }
html body th.right, html td.right  { text-align:right; }
html body th.rank, html td.rank { width:2em; text-align:center; }
html body th.med, html td.med { width:15em; }
html body th.sml, html td.sml { width:5em; }




/* =Correspondence (Quotes)
--------------------------------------------- */
.customer_correspondence div { padding:0px 10px; }
.customer_correspondence .customer { background:transparent url(../images/layout/icons/user.png) scroll no-repeat 0 4px; padding-left:35px; color:#666; }
.customer_correspondence .staff { background:transparent url(../images/layout/icons/scorptec.png) scroll no-repeat 0 4px; padding-left:35px; color:#000; }
.customer_correspondence div b { display:block; }
.customer_correspondence div div { padding:0 0 25px; }


	.shipping-addresses { margin:auto; width:100%; }
	.shipping-addresses td { vertical-align:top; padding:0; }
	.shipping-addresses input { vertical-align:middle; }
	.shipping-address label { float:none; display:inline; margin:0; padding:0; }





/* =Pagination
--------------------------------------------- */
div.pagenav { padding:5px 15px; text-align:center; color:#666; line-height:2em; }
div.pagenav a, div.pagenav span { padding:3px 6px; border-bottom:3px solid #fff; margin:0 1px; }
div.pagenav .selected { font-weight:bold; }











/* -----------------------------------------------------------------------------------------------------------------------
	@Products
----------------------------------------------------------------------------------------------------------------------- */


/* =Product Details
--------------------------------------------- */
#product-photos { float: right; vertical-align: baseline; width:395px; margin: 20px 40px 0; font-size:0.8em; }
#product-photos .main-photo { }
#product-photos .main-photo div { padding:10px; text-align:center; width:175px; height:165px; }
#product-photos .other-photos { list-style:none; margin:0; padding:0; }
#product-photos .other-photos ul { float: right; }
#product-photos .other-photos li { list-style:none; margin:0; padding:0;  height:50px; margin:4px 0; width:65px; text-align:center; }
#product-photos .other-photos li a { display:block; margin:3px; height:50px; }
#product-info { margin-right:230px; }
#product-info .stock-status { font-weight:bold; font-size:1.2em; }
#product-intro { margin:0 0 1em; }

#product-purchase { clear:both; margin: 0; text-align:center; }
#product-purchase a { margin:auto; }

.product-details-box {  vertical-align: baseline; border: 1px #bbb solid; background: #fafafa; padding: 10px 25px ; height: 220px; margin: 20px 0 0; -moz-border-radius: 3px; border-radius: 3px;  }
.product-details-table {  margin: 0px; }
.product-details-table tr td,th { padding: 0px 5px 4px 0px; text-align: left; }
.product-details-heading { clear: both; margin-top: 10px; }
.product-details-add-button { clear: both; margin-top: 30px; }


.cancelled { text-decoration:line-through; }
.new_item, .ex_demo, .on_special { color: #CC0000; font-weight:bold; }

.product-special, .product-new, .product-wty,
.product-details-special, .product-details-new, .product-details-wty
{ 	
	color: white;
	font-weight: bold; 
	font-face: myriad; 
	letter-spacing: 1.3px; 
	padding: 1px 3px ; 
	border-radius:3px;
}
.product-special, .product-details-special { background-color: #CC0000; }
.product-new, .product-details-new { background-color: #007700; }
.product-wty, .product-details-wty { background-color: #444444; }

.product-special, .product-new, .product-wty  { font-size: 11px; }
.product-details-special, .product-details-new, .product-details-wty { font-size: 18px; }


	

/* =System Suitability
--------------------------------------------- */
ul.suitability { list-style-image: url(/assets/images/tick.png); }
ul.suitability li { padding-bottom:5px; }


/* =Preconfigured Systems
--------------------------------------------- */
div.system    	{ clear:left; margin-top:15px; }
div.system h3 	{ font-size:14px; font-weight:bold; margin:0 0 5px 0; clear:left; }
div.system img { float:left; padding:0 10px;}

#system_suit_list { float:right; }
#system_suit_list ul,
#system_suit_list ul li { list-style:none; margin:0; padding:0; }
#system_suit_list ul li 	 { border-bottom:1px solid #7D7D7D; margin:0 1px; }
#system_suit_list a { display:block; text-decoration:none; padding:3px 5px; color:#333; }
#system_suit_list a:hover,
#system_suit_list a.selected { background:#cfcfcf; color:#000; }

#system_list { margin-right:230px; }





/* =Tabbed Information
--------------------------------------------- */
.tab-wrapper { padding:1em 1.5em; margin:0 0 20px; /* border:1px solid #ccc; border-width:0 1px 1px; */ }
.tab-menu { margin:0; padding:0; list-style:none; height:24px; background-repeat:repeat-y; }
.tab-menu li { margin:0; padding:0; float:left; line-height:24px; height:24px; background-repeat:no-repeat; font-size:12px; cursor:pointer; }
.tab-menu li a { padding:0 1em; font-weight:bold; display:block; background-repeat:no-repeat; background-position:right top; float:left; }
.tab-menu li.tab-selected { background-repeat:no-repeat; }
.tab-menu li.tab-selected a { background-repeat:no-repeat; background-position:right top; text-decoration:none; }
.tab-menu li.filters { float:right; background:none; }
.tab p,
.tab table,
.tab ul { margin:0 0 5px; }


/* =Tabbed Tables
--------------------------------------------- */
.tab table { width:100%; }
.tab table th,
.tab table td { text-align:left; vertical-align:top; padding:3px 5px; }
.tab table.warranty,
.tab table.info { width:auto; }
.tab table.info th,
.tab table.info td { }

table.freight, table.freight th { width:49%; max-width:200px; }
table.freight { float:left; margin:0; }
p.freight { clear:left; font-size:11px; }


/* =Scorptec System Configurations
--------------------------------------------- */
.system_components { }
.system_components select { width:95%; }



/* =Stock Explanations
--------------------------------------------- */
ul.stock-status lh { font-weight:bold; }
.stock_status_order_only    { color:#FF6633; }
.stock_status_on_special    { color:#a60000; }
.stock_status_in_stock      { color:#04a600; }
.stock_status_limited_stock { color:#8F8300; }
.stock_status_out_of_stock  { color:#ff00ff; }
.stock_status_end_of_life   { color:#800000; }
.stock_status_pre_order     { color:#7000bb; }
.stock_status_clearance     { color:#FF6600; }
.stock_status_transfer	    { color:#0033a6; }

.stock_status_order_only2		{ background: url('../images/layout/icons/stock-icons.png') no-repeat -35px -3px; width: 17px; height: 20px; color:#FF6633; }
.stock_status_in_stock2			{ background: url('../images/layout/icons/stock-icons.png') no-repeat -5px 0px; width: 17px; height: 20px; color:#FF6633; }
.stock_status_limited_stock2	{ background: url('../images/layout/icons/stock-icons.png') no-repeat -5px 0px; width: 17px; height: 20px; color:#FF6633; }
.stock_status_transfer2			{ background: url('../images/layout/icons/stock-icons.png') no-repeat -35px 0px; width: 17px; height: 20px; color:#0033a6; }
.stock_status_end_of_life2		{ background: url('../images/layout/icons/stock-icons.png') no-repeat -35px -3px; width: 17px; height: 20px; color:#FF6633; }


/*   =Search listing
--------------------------------------*/
#item_list {position: absolute; display: block; min-width: 100px; min-height: 100px; border: #000 solid 2px; background: rgba(30,30,30,.9); color: #fff; left: 143px; top: 173px; padding: 5px 7px; -moz-border-radius: 0 15px 15px 15px; border-radius: 0 15px 15px 15px; z-index: 102; }
.list_item {background: none; margin: 0px; padding: 0px; }
.list_item_selected { background: rgba(255, 0, 0, .7); }
.list_item_selected:after { content: "\2192"; float: right; padding: 0 10px; font-weight: 300; }




/* =Random Product Thumbnails
--------------------------------------------- */
.random_thumbs_container { float:left; margin: 10px; }
ul.random_thumbs { width:100%; line-height:1.3; }
ul.random_thumbs, ul.random_thumbs li{list-style:none;margin:0;padding:0}
ul.random_thumbs li {float:left; display:inline; margin:0; width:200px; text-align:center; border-right:1px solid #ddd; border-bottom:1px solid #ddd; }
ul.random_thumbs li div.main { display:block; height:223px; padding:10px 0px 20px; color:#333; font-size:12px;width:200px; }
ul.random_thumbs li div.main div.prod_img { height:160px; display:block; width:200px; }
ul.random_thumbs li div.main strong { font-size:13px; display:block;}
ul.random_thumbs li div.main img { border:1px solid #fff; padding:1px; }
ul.random_thumbs li div.main div { text-align:center; }
ul.random_thumbs li div.main div.desc { height: 35px; }
ul.random_thumbs li div.main div.product-price div.price { font-size:1.6em; font-weight:bold; color:#e00; }



/* =Sublist Subcategories/Manufacturers
--------------------------------------------- */
.product-sublist { background:#eee; padding:5px 10px; border-color:#ccc; border-style:solid; border-width:2px 0; margin:0 30px 20px; }
.product-sublist h2 { margin:0; font-size:14px; }
.product-sublist ul { list-style:none; padding:0; margin:0; }
.product-sublist li { display:inline; list-style:none; margin:0; padding:0; padding-right:15px; }
.product-sublist a { color:#333333; }
.product-sublist a:hover { color:#000000; }
.product-sublist label { margin-right:15px; font-weight:bold; }
.product-sublist label select { margin-left:5px; }


/* =Display options for product list
--------------------------------------------- */
form#product-list-options { margin:0 0 10px; }
form#product-list-options label { cursor:pointer; }
form#product-list-options label,
form#product-list-options select { margin-right:15px; }




/* ------- Create A Custom System -------------------------------------------------------------------------------------------- */
.create_custom_system { width:270px; background: #f5f5f5 url(/assets/images/system-custom-start.jpg) no-repeat top left; height:140px; padding:5px 0 0 140px; border:1px solid #7D7D7D; margin:15px auto; text-align:left; }


/*------ Custom System Builder - Quick Select Products ----------------*/

.cshighlight {color: #f00; font-size: 110%; font-weight: bold}
.cslowlight {color: #000; font-weight: bolder; }
.csaltprice {color: #d00; font-weight: bold; }
.cstooltip {color: #00f; cursor: help; }











/* -----------------------------------------------------------------------------------------------------------------------
	@Account Pages
----------------------------------------------------------------------------------------------------------------------- */


/* =Account - Entry Page
--------------------------------------------- */
#account_lhcol { float:left; width:49%; }
#account_rhcol { float:right; width:50%; }
.account_links     { margin:10px 0 35px; }
.account_links h3  { background-repeat:no-repeat; background-position:right top; height:26px; line-height:26px; font-size:14px; margin:0; }
.account_links h3 span { background-repeat:no-repeat; background-position:left top; display:block; padding:0 10px; }
.account_links div { background-repeat:no-repeat; background-position:right bottom; margin:0; padding:0; }
.account_links div ul { background-repeat:repeat-y; list-style:none; margin:0; padding:0 1px 1px; }
.account_links div ul li { list-style:none; margin:0; padding:0; border-bottom:1px solid #000; width:100%; line-height:30px; height:30px; }
.account_links div ul li.last { border:0; }
.account_links a { display:block; text-decoration:none; padding:0 5px; font-weight:bold; }


/* ------- Login Page -------------------------------------------------------------------------------------------------------- */
#registration_benefits { width:320px; float:right; }
#registration_benefits .register-btn { text-align:center; }
#registration_benefits .register-btn a { margin:auto; width:9em; }
#login { margin-right:360px; }
#login div { margin-left:10px; padding:5px 0; }
#login h4,
#registration_benefits h4 { margin-top:0px; }
#recover_password { margin:auto; width:340px; }
#recover_email { margin:auto; width:450px; }
div.submit { text-align:center; }
div.submit input { font-weight:bold; }




/* =Saved Shopping Cart
--------------------------------------------- */
.cart_price_rise { color:#900; text-decoration:line-through; }
.cart_price_drop { color:#090; text-decoration:line-through; }



/*  =Order details  */
.keyhead { font-weight: bold;}
.keybody { font-size: .9em;}











/* -----------------------------------------------------------------------------------------------------------------------
	@Static Pages
----------------------------------------------------------------------------------------------------------------------- */
#contactmap { float:right; }
#contactmap img { border:1px solid #999; }
.news-story { margin:0 8px 20px; }






/* -----------------------------------------------------------------------------------------------------------------------
	@Shopping Cart
----------------------------------------------------------------------------------------------------------------------- */
#estimate-freight-button { float:left; }
#estimate-freight { float:left; font-weight:normal; }
/* #estimate-freight { text-align:center; margin-bottom:10px; } */
#estimate-freight select { font-size:11px; }



/* -----------------------------------------------------------------------------------------------------------------------
	@Messages/Warnings
----------------------------------------------------------------------------------------------------------------------- */
.msg_info,
.msg_error,
.msg_confirm { border-width:2px 0; border-style:solid; padding:5px 10px; margin:0 20px 20px; min-height:40px; font-weight:bold; font-size:14px;}

* html .msg_info,
* html .msg_error,
* html .msg_confirm { height:40px; }

.msg_info { border-color:#c3e1e5; background:#dbedef; }
.msg_confirm { border-color:#c0e9c5; background:#d9f1dc url(/assets/images/message/icon-confirm.gif) no-repeat 8px 8px; padding-left:50px; }
.msg_error { border-color:#e9c0c0; background:#f1d9d9 url(/assets/images/message/icon-error.gif) no-repeat 8px 8px; padding-left:50px; }

div.close_link { float:right; font-size:11px; }
div.close_link a { color:#666; }


.exclaim { background:#fef9e8 url(../images/exclamation.png) scroll no-repeat 0 50%; padding:10px 10px 10px 30px; margin:10px 30px; border:2px solid #f8e38b; border-width:2px 0; }
.exclaim a { color:#000; font-weight:bold; padding:2px; }
.exclaim a:hover { background:#fcf2cc; }


/* -----------------------------------------------------------------------------------------------------------------------
	@Theme Selector
----------------------------------------------------------------------------------------------------------------------- */
#theme-selector { width:800px; }
#theme-selector, #theme-selector li { list-style:none; margin:0; padding:0; }
#theme-selector li { padding:10px 10px 20px; float:left; text-align:center; }
#theme-selector img { border-style:solid; border-width:3px; border-color:#f00; }
#theme-selector a.sel img { border-color:#999; }
#theme-selector a:hover img { border-color:#00f; }



#store-select h3 { color:#FFFF1A; font-weight:bold; font-size:16px;}





/* -----------------------------------------------------------------------------------------------------------------------
	@Forms
----------------------------------------------------------------------------------------------------------------------- */
textarea { font:13px/1.5 Helvetica,Arial,'Liberation Sans',FreeSans,sans-serif; }
div.formsubmit { margin:10px; text-align:center; }
div.formsubmit input  { margin:auto; }

.tablefree div { padding:10px; }
.tablefree div div.select-group { padding:0; }


.tablefree div label,
.tablefree div strong{ width:200px; float:left; clear: left; font-weight:bold; }
.tablefree div.wider label { width:auto; float:none; }

.tablefree_wide div { padding:5px; }
.tablefree_wide div strong { width:300px; float:left; font-weight:bold; }

.clean { font-family:Verdana, Arial, sans-serif; font-size:1em; border:1px solid #ccc; padding:2px; }
.clean:focus { border-color:#aaa; }
.button{ font-weight:bold; }
.w200  { width:200px; }
.w300  { width:300px; }
.w90   { width:90%; }
label.block { display:block; }
label.spaced { padding:5px 0 2px; }



/* ------- advsearch --------------------------------------------------------------------------------------------------------- */
	#sta_search_options div { padding:5px; border:0; }
	#sta_search_options div label{ width:150px; display:block; float:left; }


	#adv_search_options div { padding:5px; border:0; }
	#adv_search_options div label { width:150px; display:block; float:left; }
	#adv_search_options div label.ignore { width:auto; display:inline; float:none; }
	input[type=checkbox] { vertical-align:middle; }


	/* Infobox Section */
	.right_fixed_infobox { position:relative; margin-left:220px; top:0px;}
	.right_float_infobox { float:right; width:400px; margin:-50px 0 0 20px;}
	.main_detail_infobox { position:relative; top:20px;}

	.right_infobox { text-align:left;  margin:20px 80px 0 0; }
	.right_infobox .top {   }



	.infobox { text-align:left;  margin:10px 30px 0 0; }
	
	.banner { margin-bottom: 8px; z-index: 0;	}





	.infobox div.bottom_bar { position:relative; top:50px; padding:10px 10px; background: url(/assets/images/layout/product_details/shadow_bottom.gif) repeat-x top left; }

	.cont	{ background-color:#fff; background-image:url(/assets/images/layout/product_details/box_left_side.gif); background-repeat:repeat-y; margin:0 -20px 0 -16px;
		padding:0 0 0 50px;}
	.cont .contr { background-image:url(/assets/images/layout/product_details/box_right_side.gif); background-repeat:repeat-y; background-position:right;
		padding:0 30px 20px 0}


	#prod_enq { }

	.infobox_content 	{ background-color:#fff; background-image:url(/assets/images/layout/product_details/box_left_side.gif); background-repeat:repeat-y; margin:20px -14px 0 -11px;
		padding:0 0 0 50px; }
	.infobox_content .infobox_content_right { background-image:url(/assets/images/layout/product_details/box_right_side.gif); background-repeat:repeat-y; background-position:right;
		padding:20px 29px 20px 0; }

	.infobox_content_fix 	{ background-color:#fff; background-image:url(/assets/images/layout/product_details/box_left_side.gif); background-repeat:repeat-y; margin:20px -13px 0 -11px;
		padding:0 0 0 30px; height:280px;}
	.infobox_content_fix .infobox_content_right_fix { background-image:url(/assets/images/layout/product_details/box_right_side.gif); background-repeat:repeat-y; background-position:right;
		padding:10px 29px 10px 0; height:270px;}


	.infobox_top 	{ position:relative; top:33px;  background-color:#fff; background-image:url(/assets/images/layout/product_details/box_middle_top.gif); background-repeat:repeat-x; height:15px;  z-index:2;}
	.infobox_top .left { background-image:url(/assets/images/layout/product_details/box_left_top.gif); background-repeat:no-repeat;    float:left;  margin-left:-11px; height:15px; width:15px; }
	.infobox_top .right { background-image:url(/assets/images/layout/product_details/box_right_top.gif); background-repeat:no-repeat; float:right; margin-right:-15px; height:15px; width:15px; }

	.infobox_bottom	{ background-color:#fff; background-image:url(/assets/images/layout/product_details/box_middle_bottom.gif); background-repeat:repeat-x; height:35px; }
	.infobox_bottom .left { background-image:url(/assets/images/layout/product_details/box_left_bottom.gif);  background-repeat:no-repeat; float:left;  margin-left:-11px; height:15px; width:15px; }
	.infobox_bottom .right { background-image:url(/assets/images/layout/product_details/box_right_bottom.gif); background-repeat:no-repeat; float:right; margin-right:-15px; height:15px; width:15px; }


	/***************************************************  Promotion Code Search  ***************************************************/
	#condition_box { width:100; margin-right:230px; }
	#promo_box { float:right;  width:650px; margin-right:10px;}
	.box { text-align:left;  margin:10px 30px 0 20px; margin-right:400px; }
	
	.box_content 	{ background-color:#fff; background-image:url(/assets/images/layout/product_details/box_left_side.gif); background-repeat:repeat-y; margin:20px -14px 0 -11px;
		padding:0 0 0 20px; }
	.box_content .box_content_right { background-image:url(/assets/images/layout/product_details/box_right_side.gif); background-repeat:repeat-y; background-position:right;
		padding:20px 29px 0px 0; }

	.box_top 	{ position:relative; top:33px;  background-color:#fff; background-image:url(/assets/images/layout/product_details/box_middle_top.gif); background-repeat:repeat-x; height:15px;  z-index:2;}
	.box_top .left { background-image:url(/assets/images/layout/product_details/box_left_top.gif); background-repeat:no-repeat;    float:left;  margin-left:-11px; height:15px; width:15px; }
	.box_top .right { background-image:url(/assets/images/layout/product_details/box_right_top.gif); background-repeat:no-repeat; float:right; margin-right:-15px; height:15px; width:15px; }

	.box_bottom	{ background-color:#fff; background-image:url(/assets/images/layout/product_details/box_middle_bottom.gif); background-repeat:repeat-x; height:35px; }
	.box_bottom .left { background-image:url(/assets/images/layout/product_details/box_left_bottom.gif);  background-repeat:no-repeat; float:left;  margin-left:-11px; height:15px; width:15px; }
	.box_bottom .right { background-image:url(/assets/images/layout/product_details/box_right_bottom.gif); background-repeat:no-repeat; float:right; margin-right:-15px; height:15px; width:15px; }


	.box_content .innerbox { text-align:left; margin:0 30px 0 20px; margin-right:400px; }

	.box_content .innerbox_content 	{ background-color:#fff; background-image:url(/assets/images/layout/product_details/box_left_side.gif); background-repeat:repeat-y; margin:20px -14px 0 -11px;
		padding:0 0 0 20px; }
	.box_content .innerbox_content .box_content_right { background-image:url(/assets/images/layout/product_details/box_right_side.gif); background-repeat:repeat-y; background-position:right;
		padding:20px 29px 0px 0; }

	.box_content .innerbox_top 	{ position:relative; top:33px;  background-color:#fff; background-image:url(/assets/images/layout/product_details/box_middle_top.gif); background-repeat:repeat-x; height:15px;  z-index:2;}
	.box_content .innerbox_top .left { background-image:url(/assets/images/layout/product_details/box_left_top.gif); background-repeat:no-repeat;    float:left;  margin-left:-11px; height:15px; width:15px; }
	.box_content .innerbox_top .right { background-image:url(/assets/images/layout/product_details/box_right_top.gif); background-repeat:no-repeat; float:right; margin-right:-15px; height:15px; width:15px; }

	.box_content .innerbox_bottom	{ background-color:#fff; background-image:url(/assets/images/layout/product_details/box_middle_bottom.gif); background-repeat:repeat-x; height:35px; }
	.box_content .innerbox_bottom .left { background-image:url(/assets/images/layout/product_details/box_left_bottom.gif);  background-repeat:no-repeat; float:left;  margin-left:-11px; height:15px; width:15px; }
	.box_content .innerbox_bottom .right { background-image:url(/assets/images/layout/product_details/box_right_bottom.gif); background-repeat:no-repeat; float:right; margin-right:-15px; height:15px; width:15px; }
	/***************************************************  Promotion Code Search  ***************************************************/

/* -----------------------------------------------------------------------------------------------------------------------
	@Checkout
----------------------------------------------------------------------------------------------------------------------- */
#header-addresses .billing,
#header-addresses .shipping { width:49%; margin:0 0 20px; }
#header-addresses .billing { float:left; }
#header-addresses .shipping { float:right; }
#header-addresses div div { /* padding:0 10px;  */}
#header-addresses div h4 { margin-bottom:0; margin:0; }

#cart-comments h4,
#header-addresses h4 { margin-bottom:0; }
#cart-comments span,
#header-addresses span { background:none; }
#cart-comments span a,
#header-addresses span a { text-align:right; color:#fff; float:right; background:transparent url(../images/layout/icons/checkout-edit.png) scroll no-repeat; padding-left:18px; padding-right:5px; }
#cart-comments span a:hover,
#header-addresses span a:hover { background-position:0 -15px; }

.checkout-details { border-style:solid; border-width:0 1px 1px; padding:5px; }

/* =Progress Tracking Bar (Checkout/Returns
--------------------------------------------- */
.progress-tracker { width:700px; height:44px; list-style:none; margin:10px auto 30px; padding:0; background-repeat:no-repeat; }
.progress-tracker li { float:left; width:140px; list-style:none; margin:0; padding:0; text-align:center; height:44px; line-height:44px; background-repeat:no-repeat; }
.progress-tracker li.current,
.progress-tracker li.current-first { font-weight:bold; }
.progress-tracker li.completed-last { background-position:right top; }


/* =Terms & Conditions
--------------------------------------------- */
.checkout_terms { height:200px;	overflow: auto; border-style:solid; border-width:1px; border-color:#999; padding:5px 10px; margin:0 10px; }
.checkout_terms_accept { text-align:center; background:#c00; color:#fff; font-weight:bold; padding:10px; font-size:1.1em;  margin:0 10px; }



/* =Ajax Checkout Features
--------------------------------------------- */
.edit-cart-moodal { display:none; }

#ajax-checkout { height:500px; }
#ajax-title { padding:0 5px; margin:0; height:34px; }
#ajax-title strong { font-size:14px; line-height:34px; }
#ajax-title a { float:right; display:block; height:25px; line-height:25px; margin-top:5px; margin-right:10px; }

#ajax-options { float:left; width:170px;  }
#ajax-options, #ajax-options li { list-style:none; margin:0; padding:0; }
#ajax-options li a,
#ajax-options li span { display:block; padding:0 5px; line-height:30px; height:30px; font-weight:bold; overflow:hidden;}
#ajax-options li.selected { }
#ajax-details { width:560px; float:left; }
#ajax-details .ajax-detail { padding:5px; }


#ajax-checkout p { width:100%; }
#ajax-checkout p textarea { padding:2px; border:1px solid #ccc; margin:0 0 5px; width:90%; }
#ajax-checkout .ajax-q { padding-bottom:20px; }
#ajax-checkout .ajax-q label { }





/* ------- Checkout ---------------------------------------------------------------------------------------------------------- */
	.checkout_delivery_options .subtitle { border-bottom:1px solid #7D7D7D; }
	.checkout_delivery_options .subtitle b { font-size:1.3em;  }
	.checkout_address_title   { font-weight:bold; background: #E0E0E0; padding:3px 0; }
	.checkout_address_content { padding:5px 5px 5px 35px; width: 500px; }

	.delivery_method_hide { height:150px; overflow:hidden; }
	.delivery_method_show { }
	.checkout_comments { padding:5px 10px; }

	.linksbar { text-align:center; }
	.linksbar a.active { font-weight:bold; }

/* ------- Returns ---------------------------------------------------------------------------------------------------------- */








	table.bpay { border:none; margin: 10px;}
	table.bpay td { border:none; }
	table.bpay td.box { border:solid #001c58 1px; color:#001c58; margin-left:3px; padding:10px; font-weight:bold; font-size: 15px; font-family:Helvetica; vertical-align: top; }




/* -----------------------------------------------------------------------------------------------------------------------
	@Footer
----------------------------------------------------------------------------------------------------------------------- */

/* =Footer
--------------------------------------------- */
#ft { padding:5px 10px; font-size:11px; }
#ft p { margin:0; }
#ft #copyright, #ft #flinks { height:4em; margin: 0px auto 0px auto; }
#ft #credits p { font-weight:bold; margin-top:10px;}
#ft #credits ul { height:60px; }
#ft #credits ul li { float:left; height:40px; list-style:none; padding:0; margin:0 10px; }
#ft #credits ul li a { display:block; height:40px; text-indent:-999em; }
#ft #home a { font-weight:bold; align:center; }






/* -----------------------------------------------------------------------------------------------------------------------
	@Calendar JS Widget
----------------------------------------------------------------------------------------------------------------------- */

/* The main calendar widget.  DIV containing a table. */
.calendar {
  position: relative;
  display: none;
  border-top: 2px solid #fff;
  border-right: 2px solid #000;
  border-bottom: 2px solid #000;
  border-left: 2px solid #fff;
  font-size: 11px;
  color: #000;
  cursor: default;
  background: #eef9ff;
  font-family: tahoma,verdana,sans-serif;
}

.calendar table {
  border-top: 1px solid #000;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #000;
  font-size: 11px;
  color: #000;
  cursor: default;
  background: #eef9ff;
  font-family: tahoma,verdana,sans-serif;
}

/* Header part -- contains navigation buttons and day names. */

.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
  text-align: center;
  padding: 1px;
  border-top: 1px solid #fff;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  border-left: 1px solid #fff;
}

.calendar .nav {
  background: transparent url(menuarrow.gif) no-repeat 100% 100%;
}

.calendar thead .title { /* This holds the current "month, year" */
  font-weight: bold;
  padding: 1px;
  border: 1px solid #000;
  background: #7d96a4;
  color: #fff;
  text-align: center;
}

.calendar thead .headrow { /* Row <TR> containing navigation buttons */
}

.calendar thead .daynames { /* Row <TR> containing the day names */
}

.calendar thead .name { /* Cells <TD> containing the day names */
  border-bottom: 1px solid #000;
  padding: 2px;
  text-align: center;
  background: #99c6e3;
}

.calendar thead .weekend { /* How a weekend day name shows in header */
  color: #000;

}

.calendar thead .hilite { /* How do the buttons in header appear when hover */
  border-top: 2px solid #fff;
  border-right: 2px solid #000;
  border-bottom: 2px solid #000;
  border-left: 2px solid #fff;
  padding: 0px;
  background-color: #d6f0ff;
}

.calendar thead .active { /* Active (pressed) buttons in header */
  padding: 2px 0px 0px 2px;
  border-top: 1px solid #000;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #000;
  background-color: #99c6e3;
}

/* The body part -- contains all the days in month. */

.calendar tbody .day { /* Cells <TD> containing month days dates */
  width: 2em;
  text-align: right;
  padding: 2px 4px 2px 2px;
}
.calendar tbody .day.othermonth {
  font-size: 80%;
  color: #88a7b9;
}
.calendar tbody .day.othermonth.oweekend {
  color: #aaa;
}

.calendar table .wn {
  padding: 2px 3px 2px 2px;
  border-right: 1px solid #000;
  background: #99c6e3;
}

.calendar tbody .rowhilite td {
  background: #d6f0ff;
}

.calendar tbody .rowhilite td.wn {
  background: #eef9ff;
}

.calendar tbody td.hilite { /* Hovered cells <TD> */
  padding: 1px 3px 1px 1px;
  border:1px solid #6eafd5;
  background:#b3d5e9;
}

.calendar tbody td.active { /* Active (pressed) cells <TD> */
  padding: 2px 2px 0px 2px;
  border-top: 1px solid #000;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #000;
}

.calendar tbody td.selected { /* Cell showing selected date */
  font-weight: bold;
  border-top: 1px solid #000;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #000;
  padding: 2px 2px 0px 2px;
  background: #d6f0ff;
}

.calendar tbody td.weekend { /* Cells showing weekend days */
  color: #aaa;
}

.calendar tbody td.today { /* Cell showing today date */
  font-weight: bold;
  color: #00f;
}

.calendar tbody .disabled { color: #999; }

.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
  visibility: hidden;
}

.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
  display: none;
}

/* The footer part -- status bar and "Close" button */

.calendar tfoot .footrow { /* The <TR> in footer (only one right now) */
}

.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
  background: #f4e8f0;
  padding: 1px;
  border: 1px solid #000;
  background: #7d96a4;
  color: #fff;
  text-align: center;
}

.calendar tfoot .hilite { /* Hover style for buttons in footer */
  border-top: 1px solid #fff;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  border-left: 1px solid #fff;
  padding: 1px;
  background: #d6f0ff;
}

.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
  padding: 2px 0px 0px 2px;
  border-top: 1px solid #000;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #000;
}

/* Combo boxes (menus that display months/years for direct selection) */

.calendar .combo {
  position: absolute;
  display: none;
  width: 4em;
  top: 0px;
  left: 0px;
  cursor: default;
  border-top: 1px solid #fff;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  border-left: 1px solid #fff;
  background: #d6f0ff;
  font-size: 90%;
  padding: 1px;
}

.calendar .combo .label,
.calendar .combo .label-IEfix {
  text-align: center;
  padding: 1px;
}

.calendar .combo .label-IEfix {
  width: 4em;
}

.calendar .combo .active {
  background: #eef9ff;
  padding: 0px;
  border-top: 1px solid #000;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #000;
}

.calendar .combo .hilite {
  background: #99c6e3;
  color: #000;
}

.calendar td.time {
  border-top: 1px solid #000;
  padding: 1px 0px;
  text-align: center;
  background-color: #f4f0e8;
}

.calendar td.time .hour,
.calendar td.time .minute,
.calendar td.time .ampm {
  padding: 0px 3px 0px 4px;
  border: 1px solid #889;
  font-weight: bold;
  background-color: #fff;
}

.calendar td.time .ampm {
  text-align: center;
}

.calendar td.time .colon {
  padding: 0px 2px 0px 3px;
  font-weight: bold;
}

.calendar td.time span.hilite {
  border-color: #000;
  background-color: #766;
  color: #fff;
}

.calendar td.time span.active {
  border-color: #f00;
  background-color: #000;
  color: #0f0;
}


.surcharge-options { width:550px; list-style:none; margin:0 0 20px; padding:0; }
.surcharge-options li { height:1.2em; clear:both; margin:0; padding:0; line-height:2em; border-bottom:1px solid #ddd; height:1.7em; margin:5px 0; }
.surcharge-options span { display:block; float:left; width:100px; padding-left:5px; }
.surcharge-options span.right { text-align:right; }
.surcharge-options span.title { width:220px; }
.surcharge-options .header { font-weight:bold; /* border-bottom:2px solid #ccc; */ background:#ddd; border-width:0 0 2px; }



.flash_tutorial { background-image:url(/assets/flash/scorpion_blank.png); background-repeat:no-repeat;  background-position:right 7px; height:600px; }
.flash_tutorial li { list-style:none; line-height:3.5em; }
.flash_tutorial div { width:200px; float: left;}
.flash_tutorial img { margin:6px;  float: left;}