body { background:#000; font-family:Arial, helvetica, sans-serif; font-size:75%; color:#000; width:853px; margin:0px auto }

p { margin-top:0 }
a { color:#fff; text-decoration:none }

a:hover { color:#ed3e4e }
img { border:0 }
h1 { margin:0; font-size:150%; color:#ed3e4e; font-weight:normal; font-family:helvetica, Arial, sans-serif; }
h2 { margin:0; font-size:125%; color:#ed3e4e }
h2 a { color:#ed3e4e }
h2 a:hover { color:#333 }
h3 { font-size:100% }
hr { height:2px; border:0; color:#a1a3a6; background:#a1a3a6; margin:0 2px }

/* Lang Bar */
#lang { height:26px; text-align:right; line-height:26px;}
#lang img { padding:3px 3px 0 0; margin:0;}

/* Header */
#header { margin-bottom:12px; background:url(graphics/header/strapline.gif) 100% 23px  no-repeat }



/* Main Menu */
#mainmenu { height:28px; margin-bottom:23px; font-size:120%; text-align:center; text-align:center; background-image:url(graphics/buttons/menubackground.gif); background-repeat:no-repeat; }
#mainmenu li a.option { padding:12px 27px; color:#fff; background:url(graphics/menu/bg.gif) 0 50% repeat-x; border-right:2px solid black }
#mainmenu li a.option:hover { color:#ed3e4e }
#mainmenu .end_left { padding:17px 0; background:url(graphics/menu/bg-left.gif) 0 50% no-repeat }
#mainmenu .end_right { padding:17px 0; background:url(graphics/menu/bg-right.gif) 100% 50% no-repeat }

/* CSS Dropdown Menus */
#csstopmenu, #csstopmenu ul { margin:0; padding:0; list-style:none }
#csstopmenu ul.submenus { position:absolute; top:36px; left:0; width:230px; z-index:1; padding:0 }
#csstopmenu li { float:left; position:relative; padding:12px 0 }

.submenus { display:none; width:10em; position:absolute; top:0; left:0; background-color:#66676a }
.submenus li { width:100%; font-size:90%; font-weight:normal; text-align:left }
.submenus li a { display:block; width:100%; color:#fff }
html>body .submenus li a { /* non IE browsers */ width:auto; padding-left:20px; margin:0 }
.submenus li a:hover { color:#ed3e4e }

#csstopmenu li>ul {/* non IE browsers */ top:auto; left:auto }
#csstopmenu li:hover ul, li.over ul { display:block }
html>body #clearmenu { /* non IE browsers */ height:3px }





/* Content */
#contentlayout {  }
#content { float:left; width:646px }

.box { width:100%; background:#fff }
.box a {color:#000000;}
.box .top { height:7px; background:url(graphics/borders/sides.gif) 0 0 repeat-x }
.box .top .topleft { float:left; width:7px; height:7px; background:url(graphics/borders/tl.gif) 0 0 no-repeat }
.box .top .topright { float:right; width:7px; height:7px; background:url(graphics/borders/tr.gif) 100% 0 no-repeat }
.box .bottom { height:7px; background:url(graphics/borders/sides.gif) 0 100% repeat-x }
.box .bottom .bottomleft { float:left; width:7px; height:7px; background:url(graphics/borders/bl.gif) 0 100% no-repeat }
.box .bottom .bottomright { float:right; width:7px; height:7px; background:url(graphics/borders/br.gif) 100% 100% no-repeat }

.blackbox { width:100%; background:#000; color:#FFFFFF;}
.blackbox a {color:#fff;}
.blackbox .top { height:7px; background:url(graphics/borders/sides.gif) 0 0 repeat-x }
.blackbox .top .topleft { float:left; width:7px; height:7px; background:url(graphics/borders/tlb.gif) 0 0 no-repeat }
.blackbox .top .topright { float:right; width:7px; height:7px; background:url(graphics/borders/trb.gif) 100% 0 no-repeat }
.blackbox .bottom { height:7px; background:url(graphics/borders/sides.gif) 0 100% repeat-x }
.blackbox .bottom .bottomleft { float:left; width:7px; height:7px; background:url(graphics/borders/blb.gif) 0 100% no-repeat }
.blackbox .bottom .bottomright { float:right; width:7px; height:7px; background:url(graphics/borders/brb.gif) 100% 100% no-repeat }

.blackbox #showreel {position:relative;left:-37px;}

.pagecontainer { background:url(graphics/borders/sides.gif) 0 0 repeat-y }
.page { background:url(graphics/borders/sides.gif) 100% 0 repeat-y }
.page .pageheader, .page .pageheaderblack { padding:15px 40px 20px; text-align:right; }
.page .pageheaderdahl { padding:15px 40px 20px; text-align:right; background:url(graphics/dahl-audio.gif) 40px 3px no-repeat }
.page .pageheaderfoxl { padding:15px 40px 20px; text-align:right; background:url(graphics/foxl.gif) 40px 3px no-repeat }
.page .pageheaderslim { padding:15px 40px 20px; text-align:right; background:url(graphics/slim.gif) 40px 3px no-repeat }
.page .pagecontent { padding:15px 40px }

.breadcrumbs { margin:10px 40px; font-size:90%; color:#666; text-align:right }
.breadcrumbs a { color:#666 }
.breadcrumbs a:hover { color:#ed3e4e }


.category .productimage { float:right; width:280px; margin-left:20px }
.product .productimage { width:233px; text-align:center }
.product .productinfo { float:right; width:275px }
.product .productinfo h2 { margin-bottom:10px; color:#000; font-size:140%; font-weight:normal }
.product .productinfo table { font-size:85%; border:0 }
.product .productinfo th { padding:2px 2px 2px 0; text-align:left; font-weight:normal }
.product .productinfo td { padding:2px }

.disclaimer{font-size:9px;text-align:center;}

/* Sidebar */
#sidebar { float:right }

#sidebar input { width:184px }
html>body #sidebar input { width:184px; margin-bottom:13px }
#sidebar img { margin-bottom:11px }

/* Footer */
#footer { padding:20px 0 0 10px; font-size:80%; color:#333 }
#footer a {color:#333;}
#footer a:hover {color:#999;}

/* General */
.floatleft { float:left }
.floatright { float:right }
.alignleft { text-align:left }
.alignright { text-align:right }
.aligncenter { text-align:center }
.clear { clear:both; height:0; line-height:0; font-size:1%; /*for IE*/ }
.clear_left { clear:left; height:0; line-height:0; font-size:1%; /*for IE*/ }
.clear_right { clear:right; height:0; line-height:0; font-size:1%; /*for IE*/ }

#trace, .trace { border:solid 1px #ff0000 }

/* exp styles */
/** Administration Module Manager form **/
.administration_modmgrheader {
	background-color: lightgrey;
}

.administration_modmgrheader span.active {
	color: green;
	font-weight: bold;
}

.administration_modmgrheader span.inactive {
	color: red;
	font-weight: bold;
}

.administration_modmgrbody {
	padding-left: 10px;
	border: 1px solid lightgrey;
}

/** Debugger Styles **/
table.debug_null,table.debug_null tr td, div.debug_null {
	background-color: #000;
	color: #fff;
	font-weight: bold;
}

table.debug_object, table.debug_object tr td {
	background-color: #a00;
	color: #fff;
}

table.debug_array, table.debug_array tr td {
	background-color: #0a0;
	color: #fff;
}

table.debug_scalar, table.debug_scalar tr td, div.debug_scalar {
	background-color: #00a;
	color: #fff;
}

td.debug_attribute {
	font-family: monospace;
	font-size: 10px;
}

td.debug_varname {
	font-weight: bold;
}

td.debug_type {
	background-color: #aaa;
	color: #fff;
	font-weight: bold;
	font-size: 14px;
}

td.debug_value {
	font-family: monospace;
	font-size: 11px;
	color: #fff;
}

/* Workflow */
div.workflow_action {
	border: 1px solid #DDD;
	margin-bottom: 1em;
}

div.workflow_inapproval {
	margin-left: 35px;
}

div.workflow_approved {
	border: 2px solid #030;
	background-color: #DDD;
}

div.workflow_action_restored {
	border: 2px dashed #030;
	background-color: #FFF;
}

div.workflow_action_posted {
	border: 2px solid black;
}

/* Error Message Style */
div.error {
	font-weight: bold;
	color: #F00;
	padding-bottom: 1em;
}

/* Container Styles */
div.container_box {
	
}

div.container_editbox {
	border: 2px dashed #CCC;
	margin: 2px;
}

div.container_editheader {
	padding: 3px;
	background-color: #ccc;
}

div.container_editheader table tr td.info {
	font-size: 8pt;
	font-weight: bold;
}


div.itemtitle {
	font-family: Arial, Verdana;
	font-weight: bold;
}