@charset "utf-8";

/* TartyBikes Version 3.0 CSS Document
 * ===================================
 *
 * Created by Cox Web Design on 02/07/2010
 * http://www.coxwebdesign.com
 * (c) Cox Web Design, 2010
 *
 * Structure
 * =========
 *
 * Layout	
 * ------
 *
 * > Global				Everything including and outside the main page container
 * > Fixes				Browser specific fixes
 * > Title				The very top bar of the site that includes the page title and My Account buttons
 * > Top				The top bar that contains the country flag and telephone numbers
 * > Logo
 * > Profile			The box to the right of the logo that contains the user profile picture, add to basket and checkout buttons
 * > Toolbar			The main top toolbar including the product search
 * > Sub-toolbar		The grey toolbar that appears under the banner on the category page, etc
 * > Status				The site status bar, located under the top toolbar
 * > Side Bar			The left hand area of the site containing the product menu as well as any other side menus
 * > Content			The page's main content area
 * > Footer				The page footer, including company logos, etc
 *
 * Navigation
 * ----------
 * 
 * > Menu				The menu that appears in the side bar
 * > Secondary Toolbar	The secondary toolbar that appears within the content area of the page (used within My Account section)
 *
 * Page Elements
 * -------------
 *
 * > Banner				The page's large rectangular rotating banner
 * > Columns			Used for the layout of page elements within the page's main content area
 * > Boxes				The boxes that are used to divide content
 * > Buttons
 * > Forms				
 * > Tables
 * > Lists				Ordered lists, unordered lists, bullets, etc
 * > Images				Specially formated images
 *
 * Specific Elements
 * -----------------
 *
 * > News				News item that appears in an infobox
 */	

 
/********************************************************************************
 * Global
 * ======
 */
 
html, 
body, 
div
{
	margin:0px;
	padding:0px;
	border:0px;
	background-repeat:no-repeat;
	background-position:top left;
}

html, 
body
{
	width:100%;
	height:100%;
}

body
{
	background:#f7f7f7 url( '../images/bg.jpg' ) repeat-x;
	font:12px Arial, Helvetica, sans-serif;
	color:#3b3b3b;
	min-width:960px;
}

img
{
	border:0px;
}

b, strong
{
	font-weight:bold;
}

p
{
	margin:0px 0px 15px 0px;
}

h1, h2, h3, h4
{
	margin:0px 0px 12px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}

h1
{
	font-size:14px;
}

h2
{
	font-size:12px;
}

h3, h4
{
	font-size:11px;
	margin-bottom:5px;
}

a, 
a:visited, 
a:hover
{
	color:#013044;
	text-decoration:none;
}	

a:hover
{
	text-decoration:underline;
}

input
{
	font:11px Arial, Helvetica, sans-serif;
	overflow:visible;
	width:auto;
	line-height:1.2em;
	color:#555555;
}

select,
textarea,
.text 
{
	font:11px Arial, Helvetica, sans-serif;
	width:auto;
	padding:5px;
	border:1px solid #777777;
	color:#555555;
	width:180px;
	line-height:1.2em;
	margin-bottom:5px;
	display:block;
}

select
{
	vertical-align:middle;
}

.text
{
	padding:6px 5px 6px 5px;
}



label
{
	display:block;
	padding-top:0px;
	padding-bottom:2px;
	font-size:11px;
	font-weight:bold;
}

label span
{
	font-weight:normal;
}	

ul
{

}

li
{
	list-style:square;
	padding-left:15px;
	margin-left:15px;
}

.bg
{
	width:100%;
	background:url( 'http://www.tartybikes.co.uk/tb30_test/bg_default.jpg' ) no-repeat top center;
}

.container
{
	width:960px;
	margin-left:auto;
	margin-right:auto;
}

.clear
{
	clear:both;
	line-height:0px;
	height:0px;
	font-size:0px;
	display:block;
}	

.hidden
{
	display:none;
}

.small
{
	font-size:11px;
}

th, td
{
	zoom:1;
}

/********************************************************************************
 * Fixes
 * =====
 */
 
input::-moz-focus-inner 
{ 
    border:none;
    padding:0px;
}


/********************************************************************************
 * Title
 * =====
 */

.title
{
	background:url( '../images/title.png' ) no-repeat top center;
	zoom:1; /* IE7 Fix */
	color:#ffffff;
	font-size:11px;
	font-weight:bold;
}

/* IE6 Fix */
* html .title
{
	background-image:url( '../images/title.gif' );
}

.title a, 
.title a:visited, 
.title a:hover
{
	color:#ffffff;
}

.title h1
{
	float:left;
	width:600px;
	padding:12px 15px 12px 15px;
	font-size:11px;
	margin:0px;
	display:block;
	text-shadow: 0px -1px 1px #000000;
}

.title ul
{
	float:right;
	display:block;
	padding:1px 6px 1px 6px;
	margin:0px;
}

.title p
{
	float:right;
	display:block;
	padding:11px 0px 11px 10px;
	margin:0px;
}

.title p a, 
.title p a:visited,
.title p a:hover
{
	color:#cccccc;
	text-shadow: 0px -1px 1px #000000;
}

.title p a:hover
{
	color:#ffffff;
}

.title img
{
	float:right;
	display:block;
	padding:0px;
	margin:-3px 5px -3px 10px;
	border:1px solid #000000;
}


/********************************************************************************
 * Top
 * ===
 */

.top_bar
{
	background:url( '../images/top.png' ) no-repeat bottom center;
	zoom:1; /* IE7 Fix */
}

/* IE6 Fix */
* html .top_bar
{
	background-image:url( '../images/top.gif' );
}

.top_bar .content
{
	background:url( 'images/top_content.png' ) no-repeat bottom center;
	font-size:11px;
	font-weight:bold;
	padding:0px 5px 2px 5px;
}

.top_bar .left,
.top_bar .right
{
	padding:10px 15px 10px 15px;
	display:block;
}

.top_bar .left
{
	float:left;
	background-image:none;
	margin:0px;
	padding-left:11px;
	text-shadow: 0px 1px 1px #ffffff;
}

.top_bar .left img
{
	float:left;
	border:1px solid #000000;
	margin-right:24px;
}

.top_bar .right
{
	float:right;
}

.top_bar .right div
{
	float:right;
	background-color:#0000FF;
	font-weight:bold;
	background:url( '../images/top_right.gif' ) no-repeat center left;
	padding-left:24px;
	margin-left:15px;
	text-shadow:0px 1px 1px #ffffff;
}

.top_bar .right .last
{
	background:none;
}

.top_bar .led
{
	float:right;
	padding-top:8px;
	padding-right:11px;
	padding-left:10px;
}


/********************************************************************************
 * Logo
 * ====
 */

.logo
{
	float:left;
	margin-bottom:-4px;
}

* html .logo img	
{ 
	behavior: url('styles/iepngfix_v2/iepngfix.htc');
}


/********************************************************************************
 * Profile
 * =======
 */
 
.profile
{
	float:right;
	padding:5px;
	color:#ffffff;
}

.profile a, 
.profile a:visited, 
.profile a:hover
{
	color:#ffffff;
}

.profile .top
{
	background-image:url( '../images/profile_top.png' );
	width:244px;
	font-size:11px;
}

* html .profile .top
{
	background-image:url( '../images/profile_top.gif' );
}

.profile .top a, 
.profile .top a:visited, 
.profile .top a:hover
{
	font-weight:bold;
	color:#00ffd8;
}

.profile .top p
{
	padding:0px;
	margin:0px;
}

.profile .top img
{
	float:left;
	border:1px solid #000000;
}

.profile .right
{
	float:left;
	padding-left:10px;
	width:149px;
}

.profile .right div
{
	padding-bottom:6px;
}

.profile .top .content
{
	background:url( '../images/profile_top_content.gif' ) no-repeat bottom left;
	padding:11px 11px 12px 11px;
}

#profile_bottom
{
	background:url( '../images/profile_bottom.png' ) no-repeat bottom left;
	min-height:30px;
	padding-left:53px;
	font-size:11px;
	font-weight:bold;
	width:192px;
}

* html #profile_bottom
{
	background-image:url( '../images/profile_bottom.gif' );
}

.profile .button_view_basket
{
	float:left;
	width:97px;
	text-align:center;
	padding:8px 5px 6px 5px;
	margin:0px;
	display:block;
	cursor:pointer;
	text-shadow: 0px 0px 5px #111111;
}

.profile .button_checkout
{
	float:left;
	width:72px;
	text-align:center;
	padding:8px 5px 6px 5px;
	cursor:pointer;
	text-shadow: 0px 0px 5px #111111;
}


/********************************************************************************
 * Toolbar
 * =======
 */
 
.toolbar
{
	background:url( '../images/toolbar.png' ) no-repeat top center;
	margin:0px;
	width:960px;
	overflow:hidden;
}

* html .toolbar
{
	background-image:url( '../images/toolbar.gif' );
}

.toolbar p
{
	margin:0px;
}

.toolbar_content
{
	width:960px;
	background:url( '../images/toolbar_content.gif' ) no-repeat bottom center;

}

/*
.toolbar_left
{
	float:left;
	display:block;
	padding: 2px 9px 0px 9px;
	width:680px;
}

.toolbar_right
{
	float:right;
	display:block;
	padding: 0px 0px 0px 0px;
	width:250px;
	margin-top:2px;

}

.toolbar_search
{
	float:left;
	display:inline;
	background-color:#ff0000;
	margin:2px 3px 0px 0px;
	border:1px solid #000000;
	width:195px;
	display:block;
}

.toolbar_search input
{

	display:inline;
	background:#6f6f6f url( '../images/toolbar_search.gif' ) repeat-x;
	margin:0px;
	padding:7px 10px 4px 10px;
	width:175px;
	border:0px;
	border-bottom:1px solid #888888;
	color:#ffffff;
	overflow:visible;
	line-height:normal;
	font-weight:bold;
	margin-top:-2px;
}

.toolbar_button_right .toolbar_button_default
{
	float:right;
}

* html .toolbar_search input
{
	margin-right:-3px;
}

.toolbar_search input, 
x:-moz-any-link, 
x:only-child
{
	padding-top:8px;
}
*/

.toolbar_left
{
	float:left;
	display:block;
	padding: 2px 9px 0px 9px;
}

.toolbar_right
{
	float:right;
	display:block;
	padding: 2px 7px 0px 0px;
	width:254px;
}

.toolbar_search
{
	float:right;
	display:inline;
	margin:2px 3px 0px 0px;
	border:1px solid #000000;
	width:197px;
	display:block;
}

.toolbar_search input
{
	float:right;
	display:inline;
	background:#6f6f6f url( '../images/toolbar_search.gif' ) repeat-x;
	margin:0px;
	padding:7px 10px 4px 10px;
	width:177px;
	border:0px;
	border-bottom:1px solid #888888;
	color:#ffffff;
	overflow:visible;
	line-height:normal;
	font-weight:bold;
}

.toolbar_right .toolbar_button_default
{
	
	float:right;
}

* html .toolbar_right .toolbar_button_default
{
	margin-right:1px;
}

.toolbar_search input, 
x:-moz-any-link, 
x:only-child
{
	padding-top:8px;
}

.toolbar_button_default, 
.toolbar_button_default_over, 
.toolbar_button_default_selected, 
.toolbar_button_arrow, 
.toolbar_button_arrow_over, 
.toolbar_button_arrow_selected 
{
	float:left;
	display:block;
	background-image:url( '../images/toolbar_button_default.png' );
	background-position:top right;
	font-size:11px;
	font-weight:bold;
	margin:0px;
	margin-right:2px;
	margin-bottom:3px;
	list-style:none;
	padding:0px;
}

* html .toolbar_button_default
{
	background-image:url( '../images/toolbar_button_default.gif' );
}

.toolbar_button_default_over
{
	background-image:url( '../images/toolbar_button_default_over.png' );
}

* html .toolbar_button_default_over
{
	background-image:url( '../images/toolbar_button_default_over.gif' );
}

.toolbar_button_default_selected
{
	background-image:url( '../images/toolbar_button_default_selected.png' );
}

* html .toolbar_button_default_selected
{
	background-image:url( '../images/toolbar_button_default_selected.gif' );
}

.toolbar_button_arrow
{
	background-image:url( '../images/toolbar_button_arrow.png' );
}

* html .toolbar_button_arrow
{
	background-image:url( '../images/toolbar_button_arrow.gif' );
}

.toolbar_button_arrow_over
{
	background-image:url( '../images/toolbar_button_arrow_over.png' );
}

* html .toolbar_button_arrow_over
{
	background-image:url( '../images/toolbar_button_arrow_over.gif' );
}

.toolbar_button_arrow_selected
{
	background-image:url( '../images/toolbar_button_arrow_selected.png' );
}

* html .toolbar_button_arrow_selected
{
	background-image:url( '../images/toolbar_button_arrow_selected.gif' );
}

.toolbar a, 
.toolbar a:visited, 
.toolbar a:hover
{
	color:#ffffff;
	text-shadow: 0px 0px 5px #000000;
}

.toolbar_button 
{
	background:url( '../images/toolbar_button.gif' ) no-repeat top left;
	margin:2px 0px 2px 0px;
	display:block;
}

.toolbar_button_default_over .toolbar_button,
.toolbar_button_arrow_over .toolbar_button
{
	background-image:url( '../images/toolbar_button_over.gif' );
}

.toolbar_button_default_selected .toolbar_button,
.toolbar_button_arrow_selected .toolbar_button
{
	background-image:url( '../images/toolbar_button_selected.gif' );
}

.toolbar_button_content
{
	padding:8px 16px 6px 16px;
	margin:0px 2px 0px 1px;
	background:transparent url( '../images/toolbar_button_content.gif' ) no-repeat bottom right;
	color:#ffffff;
	font-weight:bold;
	border:0px;
	cursor:pointer;
	list-style:none;
}

.toolbar_button_content a
{
	display:inline-block;
	line-height:normal;
	font-size:11px;
}

input.toolbar_button_content
{
	display:inline-block;
	font-size:11px;
	padding:8px 10px 6px 10px;
	line-height:normal;
}

* html input.toolbar_button_content
{
	padding-top:6px;
	padding-bottom:4px;
}

input.qty
{
	width:30px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) 
{
	input.toolbar_button_content
	{
		padding:6px 8px 5px 9px;
		margin:0px 2px 0px 1px;
	}
}

.toolbar_button_arrow .toolbar_button_content,
.toolbar_button_arrow_over .toolbar_button_content,
.toolbar_button_arrow_selected .toolbar_button_content
{
	padding-right:36px;
	background-image:url( '../images/toolbar_button_arrow_content.gif' );
}

.toolbar_popup
{
	position:absolute;
	background-color:#0a0a0a;
	top:0px;
	left:0px;
	list-style:none;
	padding:0px;
	margin:0px;
	z-index:50;
	border:1px solid #000000;
}

.toolbar_popup p
{
	background-color:#000000;
	padding-top:10px;
}

.toolbar_popup img
{
	border:1px solid #000000;
	border-left:0px;
	border-right:0px;
}

.toolbar_popup ul
{
	width:160px;
	list-style:none;
	padding:10px;
	margin:0px;
	background:url( '../images/toolbar_popup.gif' ) repeat-x top left;
}

.toolbar_popup li
{
	padding:5px;
	color:#ffffff;
	list-style:none;
	margin:0px;
	font-size:11px;
	font-weight:bold;
}

/********************************************************************************
 * Breadcrumb
 * ==========
 */
 
.breadcrumb
{
	padding:5px;
}

.breadcrumb ul
{
	width:734px;
	border:1px solid #5e5e5e;
	background:#d4d3d3 url( '../images/breadcrumb.jpg' ) no-repeat top left;
	height:34px;
	padding-left:16px;
	overflow:hidden;
	display:block;
}

.breadcrumb li
{
	padding:11px 0px 10px 29px;
	display:block;
	float:left;
	display:inline;
	margin:0px;
	font-weight:bold;
	height:22px;
	background:url( '../images/breadcrumb_arrow.jpg' ) no-repeat top left;
	font-size:11px;
	list-style:none;
}

li.breadcrumb_home
{
	padding:9px 0px 10px 10px;
	background-image:none;
}


/********************************************************************************
 * Sub-toolbar
 * ===========
 */
 
.sub_toolbar
{
	padding:5px;
}

.sub_toolbar ul
{

	border:1px solid #5e5e5e;
	background:#d4d3d3 url( '../images/sub_toolbar.jpg' ) no-repeat top left;
	height:34px;
	padding-left:15px;
	padding-right:5px;
	overflow:hidden;
	display:block;
}

.sub_toolbar li
{
	padding:11px 10px 10px 10px;
	display:block;
	float:left;
	font-weight:bold;
	font-size:11px;
	margin:-1px 0px 0px -1px;
	border:1px solid #5e5e5e;
	background:#d4d3d3 url( '../images/sub_toolbar_item.gif' ) repeat-x top left;
	height:13px;
}

.sub_toolbar .selected
{
	background:#a8c6d2 url( '../images/sub_toolbar_item_selected.gif' ) repeat-x top left;
}

.sub_toolbar .right
{
	border:0px;
	margin:0px 0px 0px 0px;
	float:left;
	background:none;
}

.sub_toolbar .img,
.sub_toolbar .img2
{	
	float:right;
	margin-right:10px;
	vertical-align:top;
	padding-left:29px;
	background-repeat:no-repeat;
	background-position:top left;
	padding-right:0px;
}

* html .sub_toolbar .img
{
	float:left;
	margin:0px;
	margin-left:10px;
}

.sub_toolbar .img2
{
	margin-top:5px;
	margin-left:5px;
	padding:5px 0px 10px 26px;
}


/********************************************************************************
 * Status
 * ======
 */
 
.status
{
	background:url( '../images/status.png' ) repeat-y bottom center;
}

* html .status
{
	background-image:url( '../images/status.gif' );
}

.status .content
{
	background-image:url( '../images/status_content.jpg' );
	background-position:bottom center;
	font-size:11px;
	font-weight:bold;
	zoom:1; /* IE7 Fix */
}

.status .left
{
	float:left;
	width:877px;
	padding:10px 16px 5px 21px;
	
}

.status .right
{
	float:right;
	padding:10px 16px 5px 10px;
	margin:0px;
}

.status_bottom
{
	background-image:url( '../images/status_bottom.png' );
	background-position:bottom center;
	height:6px;
	margin-bottom:4px;
}

.status_bottom
{
	background-image:url( '../images/status_bottom.gif' );
}


/********************************************************************************
 * Side Bar
 * ========
 */

.side_bar
{
	float:left;
}


/********************************************************************************
 * Main
 * =======
 */

.main
{
	float:right;
	width:762px;
	overflow:hidden;
}


/********************************************************************************
 * footer
 * ======
 */
 
.footer
{
	margin-top:40px;
	background-image:url( '../images/footer_hr.jpg' );
	padding:10px 0px 40px 0px;
}

.footer a, 
.footer a:visited, 
.footer a:hover
{
	font-weight:bold;
}

.footer_logos
{
	background:url( '../images/footer_hr.jpg' ) no-repeat bottom center;
	padding:0px 0px 10px 0px;
	zoom:1; /* IE7 Fix */
}

.footer_logos p
{
	float:left;
	padding:4px;
	margin:0px;
}

.footer_top
{
	background:url( '../images/footer_led_green.gif' ) no-repeat center left;
	padding:11px 5px 10px 23px;
	font-size:11px;
	zoom:1; /* IE7 Fix */
	text-shadow: 0px 1px 1px #ffffff;
}

.footer_top .left
{
	background:url( '../images/footer_top_left.gif' ) no-repeat center right;
	padding-right:21px;
	margin-right:10px;
	float:left;
	
}

.footer_top .right
{
	background:url( '../images/footer_top_right.gif' ) no-repeat center left;
	padding-left:25px;
	float:right;
}

.footer_middle
{
	background:url( '../images/footer_middle.gif' ) repeat-y top center;
	margin-bottom:10px;
	font-size:11px;
}

.footer_middle a, 
.footer_middle a:visited, 
.footer_middle a:hover
{
	color:#ffffff;
}

.footer_middle .content
{
	background:url( '../images/footer_middle_content.gif' ) no-repeat top center;
	padding:21px 16px 19px 16px;
	color:#ffffff;
	zoom:1;
	overflow:auto;
}

.footer_middle .bottom
{
	background:url( '../images/footer_middle_bottom.gif' ) no-repeat bottom center;
	padding-top:2px;
}

.footer_middle .content li
{
	float:left;
	padding:0px;
	margin:0px;
	padding-right:30px;
	list-style:none;
	display:block;
}

.footer_middle .content .right
{
	padding:0px 0px 0px 30px;
	float:right;
}

.footer_bottom
{
	font-size:10px;
	padding:0px 5px 0px 5px;
	text-shadow: 0px 1px 1px #ffffff;
}

.footer_bottom p
{
	float:right;
	padding-left:7px;
	margin:0px;
}

.footer_bottom .left
{
	float:left;
	width:750px;
	color:#777777;
	line-height:150%;
	padding:0px;
}

/********************************************************************************
 * Menu
 * ====
 */
 
.menu, 
.sub_menu
{
	width:190px;
	padding:4px;
	font-size:11px;
	font-weight:bold;
}

.menu ul,
.sub_menu ul
{
	padding:0px;
	margin:0px;
}

.menu_header
{
	background-image:url( '../images/menu_header.png' );
	padding:11px 16px 10px 16px;
}

* html .menu_header
{
	background-image:url( '../images/menu_header.gif' );
}

.menu_header a,
.menu_header a:visited, 
.menu_header a:hover
{
	font-weight:bold;
	color:#ffffff;
}

.menu_header h1,
.menu_header h2,
.menu_header h3
{
	margin:0px;
	font-size:11px;
	color:#ffffff;
	text-shadow: 0px 0px 5px #000000;
}

.menu_top, 
.menu_top_over, 
.menu_top_selected
{
	background-image:url( '../images/menu_top.png' );
	cursor:pointer;
	padding:0px;
	margin:0px;
	list-style:none;
}

* html .menu_top
{
	background-image:url( '../images/menu_top.gif' );
}

.menu_top_over
{
	background-image:url( '../images/menu_top_over.png' );
}

* html .menu_top_over
{
	background-image:url( '../images/menu_top_over.gif' );
}

.menu_top_selected
{
	background-image:url( '../images/menu_top_selected.png' );
}

* html .menu_top_selected
{
	background-image:url( '../images/menu_top_selected.gif' );
}

.menu_bottom, 
.menu_bottom_over, 
.menu_bottom_selected
{
	background:url( '../images/menu_bottom.png' ) no-repeat bottom left;
	/*background-image:url( '../images/menu_top.png' );*/
	margin:0px;
	padding:0px;
	padding-bottom:0px;
	cursor:pointer;
	list-style:none;
}

* html .menu_bottom
{
	background-image:url( '../images/menu_bottom.gif' );
}

.menu_bottom_over
{
	background-image:url( '../images/menu_bottom_over.png' );
}

* html .menu_bottom_over
{
	background-image:url( '../images/menu_bottom_over.gif' );
}

.menu_bottom_selected
{
	background-image:url( '../images/menu_bottom_selected.png' );
}

* html .menu_bottom_selected
{
	background-image:url( '../images/menu_bottom_over.gif' );
}

.menu_middle, 
.menu_middle_over, 
.menu_middle_selected
{
	background-image:url( '../images/menu_middle.png' );
	cursor:pointer;
	padding:0px;
	margin:0px;
	list-style:none;
}

* html .menu_middle
{
	background-image:url( '../images/menu_middle.gif' );
}

.menu_middle_over
{
	background-image:url( '../images/menu_middle_over.png' );
}

* html .menu_middle_over
{
	background-image:url( '../images/menu_middle_over.gif' );
}

.menu_middle_selected
{
	background-image:url( '../images/menu_middle_selected.png' );
}

* html .menu_middle_selected
{
	background-image:url( '../images/menu_middle_selected.gif' );
}

.menu_item
{
	margin:0px 1px 0px 1px;
	padding:8px 15px 8px 15px;
	border-bottom:1px solid #000000;
	display:block;
}

.menu_item a, 
.menu_item a:visited, 
.menu_item a:hover
{
	color:#212020;
	text-shadow: 0px 1px 1px #dddddd;
}

.sub_menu .menu_item a, 
.sub_menu .menu_item a:visited, 
.sub_menu .menu_item a:hover
{
	color:#212020;
	text-shadow: 0px -1px 1px #111111;
}

.menu_bottom .menu_item, 
.menu_bottom_over .menu_item, 
.menu_bottom_selected .menu_item
{
	background-image:url( '../images/menu_bottom_item.gif' );
	border:0px;
	background-repeat:no-repeat;
}

.menu_bottom_over .menu_item
{
	background-image:url( '../images/menu_bottom_item_over.gif' );
}

.menu_bottom_selected .menu_item
{
	background-image:url( '../images/menu_bottom_item_selected.gif' );
}

.sub_menu .menu_top
{
	background-image:url( '../images/sub_menu_top.png' );
}

* html .sub_menu .menu_top
{
	background-image:url( '../images/sub_menu_top.gif' );
}

.sub_menu .menu_top_over
{
	background-image:url( '../images/sub_menu_top_over.png' );
}

* html .sub_menu .menu_top_over
{
	background-image:url( '../images/sub_menu_top_over.gif' );
}

.sub_menu .menu_top_selected
{
	background-image:url( '../images/sub_menu_top_selected.png' );
}

* html .sub_menu .menu_top_selected
{
	background-image:url( '../images/sub_menu_top_selected.gif' );
}

.sub_menu .menu_middle
{
	background-image:url( '../images/sub_menu_middle.png' );
}

* html .sub_menu .menu_middle
{
	background-image:url( '../images/sub_menu_middle.gif' );
}

.sub_menu .menu_middle_over
{
	background-image:url( '../images/sub_menu_middle_over.png' );
}

* html .sub_menu .menu_middle_over
{
	background-image:url( '../images/sub_menu_middle_over.gif' );
}

.sub_menu .menu_middle_selected
{
	background-image:url( '../images/sub_menu_middle_selected.png' );
}

* html .sub_menu .menu_middle_selected
{
	background-image:url( '../images/sub_menu_middle_selected.gif' );
}

.sub_menu .menu_bottom, 
.sub_menu .menu_bottom_over, 
.sub_menu .menu_bottom_selected
{
	background-image:url( '../images/sub_menu_bottom.png' );
	padding-bottom:2px;
}

* html .sub_menu .menu_bottom
{
	background-image:url( '../images/sub_menu_bottom.gif' );
}

.sub_menu .menu_bottom_over
{
	background-image:url( '../images/sub_menu_bottom_over.png' );
}

* html .sub_menu .menu_bottom_over
{
	background-image:url( '../images/sub_menu_bottom_over.gif' );
}

.sub_menu .menu_bottom_selected
{
	background-image:url( '../images/sub_menu_bottom_selected.png' );
}

.sub_menu .menu_bottom_selected
{
	background-image:url( '../images/sub_menu_bottom_selected.gif' );
}

.sub_menu .menu_item a, 
.sub_menu .menu_item a:visited, 
.sub_menu .menu_item a:hover
{
	color:#ffffff;
}

.sub_menu .menu_bottom .menu_item
{
	background-image:url( '../images/sub_menu_bottom_item.gif' );
}

.sub_menu .menu_bottom_over .menu_item
{
	background-image:url( '../images/sub_menu_bottom_item_over.gif' );
}

.sub_menu .menu_bottom_selected .menu_item
{
	background-image:url( '../images/sub_menu_bottom_item_selected.gif' );
}



/********************************************************************************
 * Columns
 * =======
 */

.col
{
	width:254px;
	float:left;
	overflow:hidden;
}

.col_double
{
	width:508px;
	float:left;
	overflow:hidden;
}

.col_triple
{
	width:762px;
	float:left;
	overflow:hidden;
}

.col_left
{
	float:left;
	width:343px;
	overflow:hidden;
}

.col_right
{
	float:right;
	width:343px;
	overflow:hidden;
}

.col_option
{
	margin-top:15px;
	background:url( '../images/arrow_option.gif' ) no-repeat top left;
	padding-left:47px;
	padding-top:2px;
}

.col_option h2
{
	margin-bottom:5px;
}

.box_left, .box_right
{
	padding:0px 10px 0px 0px;
	width:355px;
	float:left;
}

.box_right
{
	padding:0px;
}


/********************************************************************************
 * Banner
 * ======
 */

.banner,
.banner_short
{
	position:relative;
	padding:0px;
	margin:0px;
	height:162px;
}

.banner_short
{
	height:112px;
}

.banner img,
.banner_short img
{
	border:1px solid #000000;
	margin:5px;
	width:750px;
	height:150px;
	
}

.banner_short img
{
	width:750px;
	height:100px;
}

.banner_small
{
	float:left;
	border:1px solid #000000;
	width:242px;
	margin:5px;
}


/********************************************************************************
 * Box
 * ===
 */
 
.box
{
	width:754px;
	margin-left:4px;
	margin-right:4px;
	zoom:1;
}

.box_no_header
{
	background-image:url( '../images/box_top_no_header.png' );
	padding-top:25px;
}

* html .box_no_header
{
	background-image:url( '../images/box_top_no_header.gif' );
}

.box h1, 
.box_medium h1, 
.box_small h1
{
	font-size:11px;
}

.box_toolbar_top
{
	margin-top:3px;
	
	padding:3px 19px 0px 26px; 
	font-size:11px;
	font-weight:bold;
}

.box_toolbar_top h1, 
.box_toolbar_top h2,
.box_toolbar_top h3,
.box_toolbar_item
{
	margin:0px;
	padding:6px 0px 6px 0px;
	color:#ffffff;
	font-size:11px;
}

.box_no_header h2
{
	font-size:14px;
}

.box_toolbar_top a, 
.box_toolbar_top a:visited
{
	color:#cccccc;
}

.box_toolbar_top a:hover,
.box_toolbar_top h2 a, 
.box_toolbar_top h2 a:visited, 
.box_toolbar_top h2 a:hover 
{
	color:#ffffff;
}

.box_toolbar_bottom
{
	height:13px;
	margin-bottom:4px;
}

.box_toolbar_top h1,
.box_toolbar_top h2,
.box_toolbar_top h3
{
	float:left;
	display:block;
	margin:0px;
	text-shadow: 0px 1px 1px #222222;
}

.box_toolbar_top p
{
	float:right;
	margin:0px;
	text-shadow: 0px 1px 1px #222222;
}

.box_toolbar_top p .box_toolbar_item, 
.box_toolbar_top p img
{
	margin-left:10px;
	float:right;
}

.box_toolbar_top p img
{
	border:1px solid #000000;
	margin-top:3px;
}

.box_header,
.box_header_tabs
{
	background-image:url( '../images/box_top.png' );
	background-position:top center;
	padding-top:3px;
	padding-left:6px;
	padding-right:1px;
}

* html .box_header
{
	background-image:url( '../images/box_top.gif' );
}

.box_header_tabs
{
	background-image:url( '../images/box_top_tabs.png' );
	padding-left:0px;
	padding-right:0px;
	padding-bottom:21px;
	background-position:bottom center;
}

* html .box_header_tabs
{
	background-image:url( '../images/box_top_tabs.gif' );
}

.box_title, .box_title_important
{
	float:left;
	min-width:201px;
}

.box_title_top
{
	background-image:url( '../images/box_title.png' );
	background-position:top right;
}

.box_title_top_content
{
	background-image:url( '../images/box_title_content.png' );
	background-position:top left;
	margin-right:12px;
	padding:6px;
	padding-left:25px;
	padding-right:10px;
	color:#ffffff;
	font-size:11px;
	line-height:1.4em
}

.box_title_important .box_title_top_content
{
	background-image:url( '../images/box_title_content_important.png' );
}

.box_title_bottom
{
	background-image:url( '../images/box_title_bottom.png' );
	background-position:top right;
}

.box_title_bottom_shadow
{
	background-image:url( '../images/box_title_bottom_shadow.png' );
	background-position:top left;
	height:14px;
	margin-right:100px;
}

.box_header h1,
.box_header h2,
.box_header h3
{
	color:#ffffff;
	font-weight:bold;
	font-size:11px;
	margin:0px;
}

.box_header a,
.box_header a:visited,
.box_header a:hover
{
	color:#ffffff;
}

.box_body
{
	background-image:url( '../images/box_middle.png' );
	background-position:top center;
	background-repeat:repeat-y;
	zoom:1;
}

* html .box_body
{
	background-image:url( '../images/box_middle.gif' );
}

.box_body_content
{
	background-image:url( '../images/box_bottom.jpg' );
	background-position:bottom center;
	min-height:42px;
	padding:17px;
	padding-top:0px;
	line-height:1.3em;
	padding-bottom:22px;
}

.box_small, .box_video
{
	float:left;
	width:246px;
	padding-left:4px;
	padding-right:4px;
}

.box_small .box_header
{
	background-image:url( '../images/box_small_top.png' );
}

.box_small .box_body
{
	background-image:url( '../images/box_small_middle.png' );
}

.box_small .box_body_content
{
	background-image:url( '../images/box_small_bottom.jpg' );
}

.box_medium
{
	float:left;
	width:500px;
	margin-left:4px;
	margin-right:4px;
}

.box_medium_no_header
{
	background-image:url( '../images/box_medium_top_no_header.png' );
	padding-top:25px;
}

.box_medium .box_header
{
	background-image:url( '../images/box_medium_top.png' );
}

.box_medium .box_header_tabs
{
	background-image:url( '../images/box_medium_top_tabs.png' );
}

.box_medium .box_body
{
	background-image:url( '../images/box_medium_middle.png' );
}

.box_medium .box_body_content
{
	background-image:url( '../images/box_medium_bottom.jpg' );
}

.box_medium .box_toolbar_top
{
	background-image:url( '../images/box_medium_toolbar_top.png' );
}

.box_medium .box_toolbar_bottom
{
	background-image:url( '../images/box_medium_toolbar_bottom.png' );
}

.box_video .box_header
{
	background-image:url( '../images/box_video_top.png' );
	padding:16px 16px 14px 16px;
	margin-top:4px;
}

.box_video .box_body
{
	background-image:url( '../images/box_video_bottom.png' );
	background-position:bottom center;
	background-repeat:no-repeat;
	min-height:0px;
	margin-bottom:4px;
}

.box_video .box_body_content
{
	background-image:url( '../images/box_video_middle.jpg' );
	background-position:top center;
	background-repeat:no-repeat;
	min-height:0px;
	padding-top:16px;
	font-size:11px;
	
	color:#ffffff;
}

.box_video a, 
.box_video a:visited, 
.box_video a:hover
{
	font-weight:bold;
	color:#ffffff;
}

.box_video .small
{
	padding-top:2px;
}

.box_video .small a, 
.box_video .small a:visited, 
.box_video .small a:hover
{
	font-weight:normal;
	color:#aaaaaa;
}

.box_tab,
.box_tab_selected
{
	float:left;
	margin-left:12px;
	background:url( '../images/box_tab.png' ) no-repeat top right;
	zoom:1;
}

* html .box_tab,
* html .box_tab_selected
{
	margin-left:0px;
	margin-bottom:-3px;
}


.box_tab_selected
{
	background:url( '../images/box_tab_selected.png' ) no-repeat top right;
}

.box_tab_content
{
	margin-left:-12px;
	padding:11px 17px 8px 17px;
	font-weight:bold;
	font-size:11px;
	background:url( '../images/box_tab_content.png' ) no-repeat top left;
}

* html .box_tab_content
{
	margin-left:0px;
}

.box_tab_selected .box_tab_content
{
	padding-bottom:9px;
	background:url( '../images/box_tab_content_selected.png' ) no-repeat top left;
}

.box_mini
{
	padding:4px;
}

.box_mini_red
{
	color:#930000;
}

.box_mini .header
{
	background:url( '../images/box_grey_header.png' ) no-repeat top left;
	padding:12px 17px 0px 17px;
	font-weight:bold;
	font-size:11px;
}

.box_mini_red .header
{
	background:url( '../images/box_red_header.png' ) no-repeat top left;
}


.box_mini .header .header_text
{
	margin:0px;
	padding:0px;
	width:170px;
	float:left;
	display:block;
}

.box_mini .header .header_img
{
	margin:-1px 10px 0px 0px;
	display:block;
	padding:0px;
	float:left;
	width:16px;
	display:block;
}

.box_mini_red .header,
.box_mini_red .header a,
.box_mini_red .header a:visited,
.box_mini_red .header a:hover
{
	color:#ffffff;
}

.box_mini .header_bottom
{
	background:url( '../images/box_grey_bottom.png' ) no-repeat bottom left;
	height:12px;
}

.box_mini_red .header_bottom
{
	background:url( '../images/box_red_bottom.png' ) no-repeat bottom left;
}

.box_mini .body
{
	background:url( '../images/box_grey_body.png' ) repeat-y top left;
}

.box_mini_red .body
{
	background:url( '../images/box_red_body.png' ) repeat-y top left;
}

.box_mini .content
{
	background:url( '../images/box_grey_body_content.png' ) no-repeat top left;
	padding:26px 17px 5px 17px;
	zoom:1;
}

.box_mini_red .content
{
	background:url( '../images/box_red_body_content.png' ) no-repeat top left;
}

.box_mini .bottom
{
	background:url( '../images/box_grey_body_bottom.png' ) no-repeat top left;
	height:12px;
}

.box_mini_red .bottom
{
	background:url( '../images/box_red_body_bottom.png' ) no-repeat top left;
	height:12px;
}

.free_items
{
	margin:0px;
	margin-bottom:-10px;
	color:#930000;
	font-weight:bold;
	font-size:11px;
}	

.free_items .left
{
	float:left;
	width:52px;
	margin-right:15px;
}

.free_items .left img
{
	width:50px;
	border:1px solid #000000;
}

.free_items .right
{
	margin-top:1px;
	float:left;
	width:145px;
}

.free_items .right p
{
	margin-bottom:10px;
}

.free_items a,
.free_items a:visited,
.free_items a:hover
{
	font-size:12px;
	color:#000000;
}

.form_box
{
	background:#fefefe url( '../images/form_box.gif' ) repeat-x top left;
	border:1px solid #414141;
	margin:5px;
	zoom:1;
	display:block;
}

.box_body_content .form_box,
.popup .form_box
{
	margin:0px;
	margin-bottom:10px;
}

.form_box_content
{
	background:url( '../images/form_box_content.gif' ) no-repeat bottom left;
	min-height:108px;
	padding:18px 10px 4px 10px;
	zoom:1;
}

.form_box_content2
{
	padding:18px 15px 15px 15px;
	zoom:1;
}

.form_box_content3
{
	padding:18px 10px 10px 10px;
	zoom:1;
}

.form_title
{
	background:#f9f9f9 url( '../images/th.gif' ) repeat-x bottom left;
	font-size:11px;
	font-weight:bold;
	padding:5px 10px 5px 10px;
	text-shadow:0px 1px 1px #ffffff;
	border:1px solid #5e5e5e;
	border-bottom:0px;
}

.form_content
{
	background-color:#ffffff;
	border:1px solid #5e5e5e;
	padding:10px 10px 10px 10px;
	margin-bottom:10px;
}

.form_content .col_left,
.form_content .col_right
{
	width:332px;
}

.form_title h3
{
	margin:0px;
}

p.form_section
{
	padding:0px 0px 5px 0px;
	margin:0px;
	float:left;
	display:block;
}

.form_section select, 
.form_section input
{
	float:left;
	margin:0px 5px 5px 0px;
}

.form_section .button
{
	float:left;
	margin:0px 0px 5px 0px;
}

.form_text_image select, 
.form_text_image input
{
	border-top:0px;
	border-bottom:0px;
	border-right:0px;
	float:left;
	margin:0px;
}

.form_text_image 
{
	float:left;
	border:1px solid #777777;
	background:#ffffff url( '../images/form_text_image.gif' ) repeat-x bottom left;
	margin:0px 5px 5px 0px;
}

.form_text_image img
{
	border:1px solid #000000;
	margin:7px 7px 0px 7px;
	float:left;
}

.form_image
{
	background:none no-repeat top left;
	padding-left:62px;
	min-height:62px;
}

.form_radio input,
.form_checkbox input
{
	display:inline;
}

.form_radio label,
.form_checkbox label
{
	display:inline;
}

.form_checkbox input
{
	margin-top:1px;
}

.form_textarea
{
	border:1px solid #666666;
	background-color:#CCCCCC;
	display:block;
	width:674px;
	margin-bottom:5px;
}

.form_textarea textarea
{
	border:0px;
	border-right:1px solid #666666;
	width:580px;
	margin:0px;
	float:left;
}

.box_left .form_box, 
.box_right .form_box
{
	background:#fefefe url( '../images/form_box_col.gif' ) no-repeat top left;	
}

.box_left .form_box_content, 
.box_right .form_box_content
{
	background:url( '../images/form_box_col_content.gif' ) no-repeat bottom left;
}

.success_box,
.warning_box, 
.comment_box,
.error_box,
.notice_box
{
	padding:10px 10px 10px 45px;
	margin:0px 0px 10px 0px;
}

.success_box
{
	background:#e9fde9 url( '../images/success_box.gif' ) no-repeat top left;
	border:1px solid #005d00;
	color:#006000;
}

.success_box a,
.success_box a:visited,
.success_box a:hover
{
	font-weight:bold;
	color:#463600;
}

.warning_box
{
	background:#fcfce8 url( '../images/warning_box.gif' ) no-repeat top left;
	border:1px solid #787000;
	color:#463600;
}

.warning_box a,
.warning_box a:visited,
.warning_box a:hover
{
	font-weight:bold;
	color:#463600;
}

.error_box
{
	background:#fde9e9 url( '../images/error_box.gif' ) no-repeat top left;
	border:1px solid #5d0004;
	color:#800000;
}

.error_box a,
.error_box a:visited,
.error_box a:hover
{
	font-weight:bold;
	color:#800000;
}

.comment_box
{
	background:#e8f7fc url( '../images/comment_box.gif' ) no-repeat top left;
	border:1px solid #00435c;
	color:#005e80;
}

.comment_box a,
.comment_box a:visited,
.comment_box a:hover
{
	font-weight:bold;
	color:#005e80;
}

.notice_box
{
	background:#e8f7fc url( '../images/notice_box.gif' ) no-repeat top left;
	border:1px solid #00435c;
	color:#005e80;
}

.comment_box a,
.comment_box a:visited,
.comment_box a:hover
{
	font-weight:bold;
	color:#005e80;
}

.box_no_image
{
	background-image:none;
	padding-left:10px;
}

/********************************************************************************
 * Buttons
 * =======
 */
 
.buttons_left
{
	float:left;
	padding:0px 0px 5px 0px;
	width:100%;
	margin:0px;
}

.buttons_left .button
{
	float:left;
	margin:0px 5px 5px 0px;
}
 
.buttons_right
{
	float:left;
	padding:0px 0px 5px 0px;
	width:100%;
	text-align:right;
	margin:0px;
}

.buttons_right .button
{
	float:right;
}

.button
{
	border:1px solid #000000;
	margin:0px 0px 5px 5px;
	padding:6px 15px 6px 15px;
	font:bold 11px Arial, Helvetica, sans-serif;
	color:#ffffff;
	background:#000000 url( '../images/button.gif' ) repeat-x top left;
	cursor:pointer;
	text-shadow: 0px -1px 1px #000000;
	display:block;
	float:right;
	line-height:1.25em;
	vertical-align:top;
}

@media screen and (-webkit-min-device-pixel-ratio:0) 
{
	/* Safari and Google Chrome only - fix margins */	
	.button
	{
		margin-top: 2px;
		padding:6px 15px 7px 15px;
	}
}



* html .button
{
	padding:4px 15px 4px 15px;
	border:1px solid #000000;
	margin-top:1px;
}

p.button
{
	padding:6px 15px 6px 15px;
}

* html p.button
{
	border:2px solid #000000;
	padding:4px 15px 4px 15px;
}	

.button a,
.button a:visited,
.button a:hover
{
	color:#ffffff;
	text-decoration:none;
}

.button_sub
{
	background:#4b4b4b url( '../images/button_sub.gif' ) repeat-x top left;
	text-shadow:0px -1px 1px #4b4b4b;
	border-color:#3a3a3a;
}

.button_positive
{
	background:#013e0c url( '../images/button_positive.gif' ) repeat-x top left;
	text-shadow:0px -1px 1px #013e0c;
	border-color:#001f06;
}

.button_negative
{
	background:#3e0101 url( '../images/button_negative.gif' ) repeat-x top left;
	text-shadow:0px -1px 1px #3e0101;
	border-color:#260000;
}

/********************************************************************************
 * Tables
 * ======
 */
 
.form_box table
{
	border-collapse:collapse;
	width:100%;
	zoom:1;
}

.form_box th
{
	border-collapse:collapse;
	font-size:11px;
	font-weight:bold;
	padding:5px 10px 5px 10px;
	text-shadow:0px 1px 1px #ffffff;
}

.form_box td
{
	padding:15px 10px 15px 10px;
	vertical-align:top;
}

.swatch
{
	display:block;
	-moz-border-radius:2px;
	border-radius:2px;
	width:14px;
	height:14px;
	background:transparent;
	border:1px solid #000000;
	margin-right:10px;
	float:left;
	margin-top:-1px;
	margin-bottom:-1px;
}

.table
{
	border-right:1px solid #5e5e5e;
	margin-bottom:10px;
}

.table th
{
	background:#f9f9f9 url( '../images/th.gif' ) repeat-x bottom left;
	border:1px solid #5e5e5e;
}

.table tr
{
	background:#fafafa url( '../images/td.gif' ) repeat-x top left;
}

.table td
{
	border:1px solid #5e5e5e;
	border-collapse:collapse;
	background-color:transparent;
	zoom:1;
}

table.narrow td,
tr.narrow td
{
	padding:10px;
	zoom:1;
}

td .text
{
	margin:-5px 0px -5px 0px;
}

tr.error
{
	background:#fde9e9 url( '../images/td_error.gif' ) repeat-x top left;
}

tr.error b
{
	color:#800000;
}

tr.error a,
tr.error a:visited,
tr.error a:hover
{
	color:#800000;
}

tr.blank
{
	background-image:none;
	background-color:transparent;
}

td.blank
{
	border:0px;
}

td.total
{
	border:1px solid #5e5e5e;
	border-collapse:collapse;
	font-size:12px;
}

.table td strong
{
	font-size:14px;
}

.table_clear_header table
{
	border:0px;
	border-collapse:collapse;
}

.table_clear_header th
{
	border:0px;
}

.table_clear_header tr
{
	border:1px solid #5e5e5e;
	border-collapse:collapse;
}

.table_clear_header td
{
	background:#ebebeb url( '../images/td.gif' ) repeat-x top left;
}

* html .table_clear_header td
{
	border:1px solid #5e5e5e;
}

.table_clear_header tr.table_no_border
{
	border:0px;
}

table .radio
{
	float:left;
	vertical-align: top; 
	margin:0px;
	padding:0px;
	margin-right:10px;
}

table .icon
{
	display:block;
	float:left;
	margin-right:10px;
	margin-top:-1px;
}


/********************************************************************************
 * Images
 * ======
 */

.thumb
{
	border:1px solid #000000;
	background-color:#000000;
	padding-right:4px;
}


/********************************************************************************
 * News
 * ====
 */
 
.news_content
{
	float:left;
	width:294px;
}

.news_image
{
	float:right;
}

.news_image img
{
	width:150px
}

.news_date
{
	font-size:11px;
	margin-bottom:12px;
}

.news h3
{
	font-size:14px;
}

/********************************************************************************
 * Product
 * =======
 */
 
.product_price, .td_right
{
	color:#111111;
} 

.product_left
{
	float:left;
	width:25px;
	margin-left:-7px;
	margin-top:27px;
	display:inline;
}

.product_right
{
	float:right;
	width:25px;
	margin-right:-10px;
	margin-top:27px;
	display:inline;
}
 
.product_items
{
	float:left;
	padding-left:2px;
	padding-top:0px;
	padding-bottom:0px;
	width:682px;
	display:inline;
}

.product_items .surface_clip
{
	
}

.product_item
{
	float:left;
	text-align:center;
	width:126px;
	font-weight:bold;
	padding-left:5px;
	padding-right:5px;
	margin:0px;
}

.product_item p
{
	margin:0px;
}

.product_items img
{
	float:none;
	margin-bottom:10px;
}

.box_small .product_content h2
{
	margin-bottom:2px;
}
 
.box_small .product_content
{
	float:left;
	width:96px;
	min-height:80px;
}

.box_small .product_image
{
	float:right;
	width:105px;
	margin-right:-5px;
}

.box_small .product_table
{
	margin-left:-5px;
	width:222px;
	margin-bottom:-11px;
}

.box_small .product_table_top,
.box_small .product_table_bottom
{
	background-position:top left;
	height:23px;
	margin:0px;
	text-align:right;
	padding-right:10px;
}

.box_small .product_table_top
{
	background-image:url( '../images/product_table_top.gif' );
}

.box_small .product_table_bottom
{
	background-image:url( '../images/product_table_bottom.gif' );
	height:20px;
}

.box_small .product_table_middle
{
	background-image:url( '../images/product_table_middle.gif' );
	background-position:top left;
	background-repeat:repeat-y;
}

.box_small .product_table_middle_content
{
	background-image:url( '../images/product_table_middle_content.gif' );
	background-position:top left;
	padding:0px 6px 0px 6px;
}

.box_small .list_box img
{
	float:right;
	margin-right:16px;
}

.box_small .list_box
{
	border:1px solid #555555;
	width:210px;
	height:122px;
	font-size:11px;
}

.box_small .list_box p
{
	border-bottom:1px solid #555555;
	padding:5px 10px 5px 10px;
	font-weight:bold;
	background-color:#ffffff;
	background-image:url( '../images/product_table_td.gif' );
	background-position:bottom left;
	background-repeat:repeat-x;
	height:30px;
	overflow:hidden;
	float:left;
	display:block;
	width:119px;
	margin:0px;
}

.box_small .list_box .right
{
	width:50px;
	background-image:url( '../images/product_table_td_right.gif' );
	background-color:#f9f9f9;
	border-left:1px solid #000000;
}

.product_list_item,
.product_grid .product_list_item
{
	padding:15px;
	border:1px solid #414141;
	background:url( '../images/block.gif' ) repeat-x bottom left;
	background-color:#ffffff;
	float:left;
	margin:5px;
	display:inline;
	width:720px;
}

.product_list .product_list_item_right
{
	float:left;
	width:618px;
}

.product_grid .product_list_item_right
{
	float:right;
	width:auto;
	width:222px;
}

.product_grid .product_list_item
{
	width:339px;
	border:0px;
	background-image:none;
	margin:6px;
	background-color:transparent;
	display:inline;
}

.product_list_top
{
	background:url( '../images/product_grid_top.gif' ) no-repeat top left;
	zoom:1;
	
}

.product_list_bottom
{
	background:url( '../images/product_grid_bottom.gif' ) no-repeat bottom left;
	float:left;
}

.product_list .product_list_top,
.product_list .product_list_bottom
{
	background:none;
}

.product_list_item .image
{
	float:left;
	width:100px;
	border:1px solid #000000;
}

.product_list_item h3
{
	font-size:12px;
}

.product_list_item .code,
.product .code
{
	font-size:11px;
	font-weight:bold;
	margin-bottom:5px;
}

.product_list_item .stars
{
	font-size:11px;
}

.product_list_item .stars img
{
	float:left;
}

.product_list_item .stars span
{
	padding-left:10px;
}

.product_grid .product_list_item .stars span
{
	display:block;
	float:left;
	width:200px;
	padding:5px 0px 15px 0px;
}

.product_grid .product_list_item .buy
{
	width:200px;
	float:none;
}

.product_list_item .summary
{
	float:left;
	margin-left:15px;
	width:365px;
	display:inline;
}

.product_grid .product_list_item .summary
{
	width:200px;
	float:none;
}

.product_list_item .price
{
	font-size:13px;
	font-weight:bold;
	margin-bottom:10px;
}

.product_list_item .stock
{
	font-size:11px;
	font-weight:bold;
	margin-bottom:10px;
}

.product_list_item .buttons_left
{
	padding-bottom:0px;
}

.product_list_item .buttons_left input
{
	float:left;
	margin-right:5px;
}

.product_list_item .buttons_left .text
{
	width:24px;
}

.product_list_item .stock img
{
	float:left;
	margin:-1px 5px 0px 0px;
}

.product_list_item .buy
{
	float:right;
	width:223px;
	display:inline;
}

.product h2
{
	font-size:14px;
}

* html .product_grid .product_list_item .summary h3
{
	margin-left:-15px;
}

.product .stars
{
	font-size:11px;
	margin-left:-2px;
	padding-bottom:20px;
}

.product .stars img
{
	float:left;
}

.product .stars span
{
	padding-left:10px;
	display:block;
	padding-top:7px;
	float:left;
}

.product .left
{
	float:left;
	width:493px;
	padding-bottom:15px;
	display:inline;
}

.product .right
{
	float:left;
	margin-left:15px;
	width:212px;
	text-align:center;
	padding-bottom:5px;
	display:inline;
}

.product .right p
{
	margin-bottom:10px;
}

.product .right .main_image img
{
	border:1px solid #000000;
}

.product .arrow_left,
.product .arrow_right
{
	float:left;
	margin-top:20px;
	border:0px;
}

.product .additional_images
{
	margin-left:-9px;
	width:232px;
}

.product .mini_thumbs
{
	width:189px;
	height:60px;
	float:left;
	margin-right:-3px;
	margin-bottom:10px;
}

.product .mini_thumb
{
	float:left;
	display:block;
	width:54px;
	height:54px;
	overflow:hidden;
	padding:2px;
	border:1px solid #d3d3d3;
	margin-right:3px;
}

.product .mini_thumb_selected
{
	border:2px solid #888888;
	padding:1px;
}

.product .arrow_left
{
	float:left;
}

.product .arrow_right
{
	float:left;
}

.product .controls p
{
	padding-bottom:0px;
}

.product .price
{
	color:#930000;
	float:left;
	display:block;
	padding-right:10px;
}

.product .rrp
{
	text-decoration:line-through;
	color:#999999;
}

.product .price .rrp
{
	text-decoration:none;
}

.product .stock, .image_item
{
	float:left;
	display:block;
	font-size:11px;
	font-weight:bold;
	padding-top:1px;
	margin-right:15px;
}

.product .stock img, .image_item img
{
	float:left;
	margin:-1px 10px 0px 0px;
}

/********************************************************************************
 * Player
 * ======
 */
 
.player
{
	border:1px solid #000000;
}	

.box_video .player
{
	width:242px;
	height:160px;
	margin-left:1px;
	margin-right:1px;
	background-color:#000000;
}

/********************************************************************************
 * Checkout
 * ========
 */
 
img.checkout_item 
{
	float:left;
	width:50px;
	border:1px solid #000000;
	margin:-5px 10px -5px 0px;
}

div.checkout_item
{
	float:left;
	width:270px;
	margin:0px;
	margin-bottom:-10px;
}

p.checkout_item b
{
	font-size:12px;
}

p.checkout_item
{
	font-size:11px;
	font-weight:bold;
	margin-bottom:10px;
}

.tab
{
	width:700px;
	padding:10px;
	background:url( '../images/tab.png' ) no-repeat top left;
	margin-bottom:3px;
	border-bottom:1px solid #000000;
}

.tab_top
{
	background:url( '../images/tab_top.png' ) no-repeat top left;
}	

.tab_bottom
{
	border-top:1px solid #000000;
	border-bottom:0px;
	background:url( '../images/tab_bottom.png' ) no-repeat bottom left;
}

.tab_selected
{
	background:url( '../images/tab_selected.png' ) no-repeat top left;
}	

.tab_top_selected
{
	background:url( '../images/tab_top_selected.png' ) no-repeat top left;
}	

.tab_bottom_selected
{
	background:url( '../images/tab_bottom_selected.png' ) no-repeat bottom left;
}	

.tab h2
{
	margin:0px;
	padding:0px;
	color:#ffffff;
	font-size:11px;
	line-height:1.2em;
}

.tab a,
.tab a:visited,
.tab a:hover
{
	color:#ffffff;
}

.section
{
	padding-bottom:10px;
}

.numbers
{
	padding:5px 0px 5px 0px;
}

.numbers p
{
	float:left;
	padding:0px 10px 10px 0px;
	display:block;
	margin:0px;
}

.form_box_bottom .numbers p
{
	padding-bottom:0px;
}


.numbers .right
{
	float:right;
	padding:0px 0px 0px 10px;
	font-weight:bold;
	width:auto;
}

.numbers .img
{
	margin-top:-5px;
	zoom:1;
}

.controls
{
	background:url( '../images/controls.png' ) repeat-y top left;
	margin-bottom:10px;
	zoom:1;
}

* html .controls
{
	background-image:url( '../images/controls.gif' );
	
}

.controls .top
{
	background:url( '../images/hr.png' ) no-repeat top center;
}

.controls .content
{
	
	background:url( '../images/hr.png' ) no-repeat bottom center;
	padding:12px 0px 12px 0px;
}

* html .controls .top,
* html .controls .content
{
	background-image:url( '../images/hr.jpg' );
}

.controls_double
{
	background:url( '../images/controls_double.png' ) repeat-y top left;
	width:481px;
}

* html .controls_double
{
	background-image:url( '../images/controls_double.gif' );
}

.controls_double .top
{
	background:url( '../images/hr_double.png' ) no-repeat top center;
}

.controls_double .content
{
	background:url( '../images/hr_double.png' ) no-repeat bottom center;
	padding:12px 0px 12px 0px;
}

.controls_double .top,
.controls_double .content
{
	background-image:url( '../images/hr.jpg' );
}

.controls p
{
	display:block;
	float:left;
	padding:0px;
	padding-right:10px;
	margin:0px;
}

.controls .right
{
	float:right;
	padding:0px;
	display:block;
	text-align:right;
	width:450px;
}

.controls_double .right
{
	width:270px;
}

.controls .right span
{
	padding-left:2px;
}

.controls .narrow
{
	margin:-6px 0px -6px 0px;
	zoom:1;
}

.controls .button,
.controls select,
.controls .text
{
	/* margin:-6px 0px -6px 0px; */
	float:none;
	display:inline;
	margin:0px;
}

.controls .icon
{
	float:left;
	display:block;
	margin-right:10px;
}

.block,
.form_box_bottom
{
	padding:15px;
	border:1px solid #414141;
	margin-bottom:10px;
	background:url( '../images/block.gif' ) repeat-x bottom left;
	margin:5px;
}

.form_box_bottom
{
	background:url( '../images/form_box_bottom.gif' ) repeat-x bottom left;
}


/* popups */

.popup_help_right, .popup_help_left, .popup_error_right, .popup_error_left
{
	background-position:top left;
	background-repeat:no-repeat;
	color:#ffffff;
	padding-right:10px;
	padding-left:17px;
	padding-top:8px;
	padding-bottom:8px;
	width:203px;
	position:absolute;
	top:0;
	left:0;
	line-height:135%;
	z-index:14;
}

.popup_help_right
{
	background-image:url( '../images/popup_help_right.gif' );
}

.popup_error_right
{
	background-image:url( '../images/popup_error_right.gif' );
}

.popup_help_left, .popup_error_left
{
	background-position:top right;
	padding-right:17px;
	padding-left:10px;
}

.popup_help_left
{
	background-image:url( '../images/popup_help_left.gif' );
}

.popup_error_left
{
	background-image:url( '../images/popup_error_left.gif' );
}


.form_icon
{
	float:left;
	padding-top:5px;
	padding-bottom:6px;
	padding-left:5px;
}


div.auto_complete {
  position:absolute;
  width:250px;
  background:url( '../images/auto_complete.png' ) repeat-x top left;
  border:1px solid #000000;
  margin:0;
  padding:0;
  margin-top:1px;
  margin-left:-1px;
  font-size:11px;
  font-weight:bold;
  z-index:100;
}
div.auto_complete ul {
  list-style-type:none;
  margin:0;
  padding:0;
}
div.auto_complete ul li.selected { background-color: #cccccc; color:inherit; }
div.auto_complete ul li {
  list-style-type:none;
  display:block;
  margin:0;
  padding:5px 10px 5px 10px;
  cursor:pointer;
  color:#ffffff;
}

.filter
{
	float:left;
}

.filter h4
{
	margin:0px;
	padding:0px;
	padding-bottom:10px;
	font-weight:bold;
}

.filter .items
{

}

.filter .item
{
	width:170px;
	float:left;
	padding-right:10px;
}

.filter .item input
{
	float:left;
}

.filter .item span
{
	float:left;
	width:117px;
	padding-left:10px;
	display:block;
		padding-top:2px;
}

.stars
{
	margin-left:-2px;
}

.review h4
{
	font-size:14px;
}

.review .stars
{
	float:left;
	padding-bottom:10px;
	padding-right:5px;
	margin:0px;
	margin-left:-2px;
	display:block;
}

.review .sub_title, .comment_box .sub_title
{
	color:#666666;
	margin:0px;
	padding-bottom:10px;
	padding-top:2px;
	font-size:11px;
	font-weight:bold;
}

.comment_box .sub_title
{
	color:#000000;
}

.icon_image
{
	float:left;
	margin:-2px 5px 0px 0px;
}

.questions h4
{
	font-size:12px;
}

.no_input
{
	margin-left:23px;
}	

.slides
{
	position:relative;
	display:block;
}

.slide
{
	position:absolute;
	top:0px;
	left:0px;
}

.product_list_item_right .offer
{
	margin-top:-5px;
	margin-bottom:10px;
}

.product_list_item_right .rrp
{
	font-weight:bold;
	margin-top:-5px;
	margin-bottom:10px;
	font-size:10px;
	color:#999999;
}

.border
{
	border:1px solid #000000;
}

.offer
{
	color:#cc0000;
	font-weight:bold;
}

.comment_image
{
	float:left;
	margin-right:15px;
}

.comment_image img
{
	border:1px solid #000000;
	width:30px;
	height:35px;
}

.comment_content
{
	float:left;
	width:419px;
}

.click
{
	position:fixed; 
	top:0; 
	left:0; 
	right:0px; 
	bottom:0px; 
	background-color:#000000; 
	display:none; 
	z-index:15; 
	filter: alpha(opacity=25); /* ie */ 
	-moz-opacity: .25; /* mozilla */ 
	opacity: 0.25; /* safari */ 
	khtml-opacity: 0.25; /* konquerer */
}

* html .click
{
  position:absolute;
  left: expression( ( ignoreMe = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) + 'px' );
  top: expression( ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) + 'px' );
  width:100%;
  height:100%;
}

.click_transparent
{
	background-color:transparent;
	z-index:12;
}

.popup
{
	position: absolute; 
	top:0px; 
	left:0px; 
	z-index:20;
}

.popup_window
{
	padding: 10px;
	border: solid 1px #000000;
	background: #fafafa;
	-moz-box-shadow: 0px 0px 10px #000000;
	-webkit-box-shadow: 0px 0px 10px #000000;
}

.popup_header
{
	background:#000000 url( '../images/popup_header.gif' ) repeat-x top left;
	padding:7px;
	padding-bottom:6px;
	margin-bottom:10px;
	border:1px solid #000000;
}

.popup_header h1
{
	margin:0px;
	padding:0px;
	font-size:12px;
	color:#ffffff;
	float:left;
	display:block;
}


.popup_close
{
	float:right;
	padding-left:25px;
	margin:0px;
	padding:0px;
}

.popup_clear
{
	clear:both;
	height:0px;
	font-size:0px;
	line-height:0px;
}

.popup .success_box,
.popup .warning_box, 
.popup .comment_box,
.popup .error_box,
.popup .notice_box
{
	width:664px;
}

.select_country
{
	padding-left:20px;
}

.person
{

}

.person .left
{
	float:left;
	display:block;
	padding-bottom:20px;
}

.person .left img
{
	width:120px;
	border:1px solid #000000;
}

.person .right
{
	float:right;
	width:583px;
	padding-bottom:5px;
}

.person .right h3
{
	font-size:12px;
}

.person .right h4
{
	color:#999999;
}

.col_two_thirds
{
	width:468px;
}

.col_one_third
{
	width:230px;
}

.col_two_thirds .form_textarea
{
	width:422px;
}

.col_two_thirds .form_textarea textarea
{
	width:318px;
}

.image_bullets
{
	padding:0px;
	padding-bottom:12px;
}

.image_bullets li
{
	list-style-type:none;
	background-image:none;
	background-position:top left;
	background-repeat:no-repeat;
	padding:4px 0px 12px 33px;
	margin:0px;
	min-height:8px;
}

.image_bullets_small li
{
	padding:0px 0px 8px 26px;
}

.article
{
	padding-bottom:0px;
}

.article li
{
	padding-left:31px;
	padding-top:0px;
	background-image:url( '../images/icon_talk_bullet.gif' );
}

.article h3
{
	font-size:12px;
}

.article h4
{
	color:#999999;
	margin-bottom:5px;
}

.article_twitter
{
	float:right;
	padding-left:20px;
	padding-bottom:20px;
}

.no_padding_bottom
{
	padding-bottom:0px;
}
/*
.surface_clip
{
	position:relative;
	overflow:hidden;
	width:100%;
}

.surface
{
	position:relative;
	top:0px;
	left:0px;
	width:10000px;
}
*/

.surface_clip{ width:100%; height:100%; overflow:hidden; position:relative; top:0; left:0; }
.surface { width:10000px; min-width:100%; position:relative; top:0; left:0; overflow:hidden; }

.popup_scroll
{
	width:665px;
	padding:10px;
	padding-left:5px;
	height:300px;
	overflow:auto;
	margin-top:10px;
	margin-bottom:10px;
}

* html .popup_scroll
{
	overflow:scroll;
}

.image_scroll
{
	width:650px;
	padding:15px;
	height:300px;
	padding-top:5px;
	padding-bottom:5px;
	overflow:auto;
	margin-bottom:10px;
}

* html .image_scroll
{
	overflow:scroll;
}



.image_scroll .image_scroll_thumb
{
	width:190px;
	float:left;
	padding-right:15px;
	padding-bottom:15px;
}

.image_scroll h2
{
	margin-bottom:3px;
}

.image_scroll p
{
	margin-bottom:5px;
}

.image_scroll .small
{
	color:#999999;
}

.box_square
{
	padding:5px;
}

.box_square_item
{
	padding:15px;
	border:1px solid #414141;
	background:url( '../images/block.gif' ) repeat-x bottom left;
	background-color:#ffffff;
	float:left;
	width:auto;
}

.col_double .box_square_item
{
	width:466px;
}

.box_no_image img
{
	float:left;
	padding-right:10px;
	padding-bottom:10px;
}

.media_stage
{
	margin:5px;
	border:1px solid #000000;
	padding:15px;
	background:#ffffff url( '../images/block.gif' ) repeat-x bottom left;
}

.media_content
{
	margin-left:auto;
	margin-right:auto;
	border:2px solid #000000;
	display:block;
}

.used_by
{
	margin-left:-5px;
	margin-top:-5px;
}

.used_by img
{
	margin-bottom:10px;
}

.banner_slides
{

}

.banner_numbers
{
	position:absolute;
	bottom:13px;
	left:15px;
	width:730px;
	z-index:19;
	line-height:0px;
	font-size:0px;
	text-align:right;
}



.banner_numbers img
{
	width:16px;
	height:16px;
	margin-left:2px;
}

.banner_number, .banner_number_over
{
	display:inline;
	margin:0px;
	padding:0px;
	overflow:hidden;
	zoom:1;
}

.banner_number img
{
	
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
	-moz-opacity: .50; /* mozilla */ 
	khtml-opacity: 0.50; /* konquerer */ 
	opacity: 0.50; /* safari */ 
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; 
}

.banner_number_over img
{
	
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	-moz-opacity: 1; /* mozilla */ 
	khtml-opacity: 1; /* konquerer */
	opacity: 1; /* safari */ 
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	
}

.extend_box
{
	border:1px solid #999999;
	width:auto;
	padding:15px;
	background:#CCCCCC url( '../images/extend_box.gif' ) bottom left repeat-x; 
	text-align:center;
	margin:5px 0px 0px 0px;
	font-size:12px;
}

.extend_box a,
.extend_box a:visited,
.extend_box a:hover
{
	color:#444444;
}

.label_image
{
	padding:5px 15px 0px 0px;
	margin-bottom:20px;
	width:230px;
	float:left;
}

.label_image h3
{
	margin:0px;
	padding:9px 12px 6px 12px;
	background:#000000 url( '../images/label_image_header.jpg' ) top left no-repeat;
	display:block;
	font-weight:bold;
	color:#FFFFFF;
	text-align:center;
	font-size:13px;
}

.label_image h3 a,
.label_image h3 a:visited,
.label_image h3 a:hover
{
	color:#ffffff;
}

.label_image p
{
	margin:0px;
	padding:0px;
	display:block;
	width:230px;
	padding-bottom:10px;
	background:url( '../images/label_image_footer.jpg' ) top left no-repeat;
}

.label_image img
{
	padding-top:10px;
}

.label_image_right
{
	padding-right:0px;
	float:right;
}

td.td_green
{
	background:#e5fceb url( '../images/td_green.gif' ) bottom left repeat-x;
}

td.td_red
{
	background:#fce5e5 url( '../images/td_red.gif' ) bottom left repeat-x;
}