/* 

CSS Core

Contains:

Reset
Generally Useful Styles
Body declarations
Columns
Header
Stage
Basic Text Formatting
Footer
ProdList
ul.Column
Forms

*/

/* RESET *************************************************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li, i, b, 
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: normal;
	font-size: 1em;
	font-family: inherit;
	vertical-align: baseline;
}
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
small {
	font-size:.9em;
}
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* GENERALLY USEFUL STYLES *********************************************/

strong {
	font-weight:bold;
}

em {
	font-style:italic;
}

.block {
	display:block;
}

.floatL {
	float:left !important;
}

.floatR {
	float:right !important;
}

.noMargin {
	margin:0 !important;
}

.alignR {
	text-align:right !important;
}

.clear {
	clear:both !important;
}

.clearer {
	display:block !important;
	float:none !important;
	width:100% !important;
	height:1px !important;
	line-height:0px !important;
	font-size:0px !important;
	border:0px !important;
	clear:both !important;
}

.HIDE {
	display:none;
}

a:active {
	outline:none !important;
}

a:focus {
	-moz-outline-style:none;
}

b {
	font-weight:bold;
}

i {
	font-style:italic;
}

/* BODY & COLUMNS ******************************************************/

body {
    font-family: "Lucida Grande", Arial, "Lucida Sans Unicode", sans-serif;
	font-size:62.5% !important;
	line-height:62.5% !important;
	background:#001d2e;
	color:#ffffff;
}

strong, em {
/*    font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Arial, sans-serif;*/
}

.wrapper {
	width:950px;
	margin:0 auto;
}

.col {
	float:left;
	margin-right:10px;
	display:inline;
}

.w1 {
	width:110px !important;
}

.w2 {
	width:230px !important;
}

.w3 {
	width:350px !important;
}

.w4 {
	width:470px !important;
}

.w5 {
	width:590px !important;
}

.w6 {
	width:710px !important;
}

.w7 {
	width:830px !important;
}

.w8 {
	width:950px !important;
	margin-right:0px;
}

.col3 {
	float:left;
	margin-right:25px;
}

.col3.w13 {
	width:300px;
}

.col3.w23 {
	width:625px;
}

.col3.w33 {
	width:950px;
	margin-right:0;
}

.col.last,
.col3.last,
div.last,
.last {
	margin-right:0px !important;
}

/* HEADER & NAV *****************************************************************/

#header {
	position:relative;
	background:#002438 url("images/header_bg.gif") repeat-x bottom;
	font-weight:bold;
	padding-bottom:1px;
	z-index:1000;
}

#header .wrapper {
	position:relative;
}

#status {
	position:relative;
	background:#001828;
	border-bottom:1px solid #ffffff;
	height:2.5em;
	line-height:2.5em;
	color:#ffffff;
	font-size:1em;
	z-index:1000;
}

.halfL {
	width:465px;
	float:left;
}

.halfR {
	width:465px;
	float:right;
	text-align:right;
}

#status b {
	color:#b3cddb;
}

#status a, #adminpanel a {
	color:#8fd7ff !important;
	font-weight:bold;
}

#status a:hover, #adminpanel a:hover {
	color:#ffffff !important;
	border-bottom:1px solid #ffffff;
}

#notify a {
	color:#002438;
	display:block;
}

#notify a:hover {

}

#header a#logo {
	display:block;
	margin-left:43px;
}

#header ul#nav {
	position:absolute;
	right:0;
	bottom:0;
}

#header ul#nav li {
	float:left;
	margin:0; 
	padding:0;
}

#header ul#nav li a {
	display:block;
	width:106px;
	height:25px;
	text-indent:-5000px;
	overflow:hidden;
	border-left:2px solid #ffffff;
	padding-left:2px;
	margin-right:10px;
	opacity:60;
	filter:alpha(opacity=60);
  	opacity:0.6;
}

#header ul#nav li.current a,
#header ul#nav li a:hover {
	border-left:4px solid #ffffff;
	padding-left:0;
	filter:alpha(opacity=100);
  	opacity:1;
	background-position:3px center !important;
}

#header ul#nav li#slot1 a {
	background:url(images/nav_home.gif) 5px center no-repeat;
}

#header ul#nav li#slot2 a {
	background:url(images/nav_showreel.gif) 5px center no-repeat;
}

#header ul#nav li#slot3 a {
	background:url(images/nav_about.gif) 5px center no-repeat;
}

#header ul#nav li#slot4 a {
	background:url(images/nav_contact.gif) 5px center no-repeat;
}

#header ul#nav li#slot5 a {
	background:url(images/) 5px center no-repeat;
}

#header ul#nav li#slot6 a {
	background:url(images/) 5px center no-repeat;
	margin-right:0px;
}

/* STAGE & MAIN COLUMN FORMATTING ******************************************************************/

#main {
	padding-top:20px;
	background:#ffffff url(images/main_bg.gif) top left repeat-x;
	color:#002438;
}

#stage {
	border:1px solid #cfdee7;
}

#stage img,
#stage object,
#stage embed {
	border:1px solid #eff5f9;
	margin:3px;
}

#showreel {
	text-align: center;
	margin: 3px;
	padding: 10px;
	border:1px solid #cfdee7;
	background:#fff;
}

#main h2 {
	clear:both;
	width:100%;
	font-size:2em;
	line-height:1.3em;
	padding:2em 0 0 0;
	color:#002438;
	font-weight:bold;
	border-bottom:1px solid #d6e6ee;
}

#main h2.small {
	font-size:1.4em;
}

#main h2 i {
	font-style:normal;
	font-size:.6em;
	font-weight:normal;
	color:#427795;
}

#main h2.small i {
	font-size:.8em;
}

#main h3 {
	font-size:1.5em;
	line-height:1.5em;
	font-weight:bold;
	margin:1.4em 0;
}

#main h4 {
	font-weight:bold;
	text-transform:uppercase;
	font-size:1.1em;
	line-height:1.1em;
	margin:3em 0 1em 0;
}

#main h4.top {
	margin-top:0px;
}

#main p {
	margin:1.4em 0;
	font-size:1.1em;
	line-height:1.5em;
}

#main p.sub {
	clear:both;
	font-size:1.1em;
	font-weight:bold;
	border-top:1px dotted #d6e6ee;
	padding-top:10px;
	text-align:right;
}

#main .content p.bodyhead {
	font-size:1.6em;
	line-height:1.2em;
	margin:1em 0;
	color:#ff5200;
}

#main .content ul {
	margin:1.4em 0;
	font-size:1.1em;
	line-height:1.5em;
	list-style-type:disc;
	list-style-position: outside;
}

#main .content ul li {
	margin:5px 0 0 20px;
	padding:0 0 0 0;
}

#main ul.column li.block p.sub {
	font-size:1em;
}

#main blockquote, div.errorExplanation {
	margin:1.6em 0;
	padding:15px 20px 15px 20px;
	font-size:1.1em;
	line-height:1.6em;
	color:#001828;
	background:#eff5f9;	
}

div.errorExplanation h2 {
	margin:0 !important;
	padding:0 !important;
	font-size:14px !important;
	border:0 !important;
}

#main blockquote.error, div.errorExplanation {
	border-left:4px solid #dd0000;
}

#main blockquote.error ul, div.errorExplanation ul {
	list-style-type:disc;
	padding-left:2em;
	font-size:.9em;
}

#main blockquote.error ul li, div.errorExplanation ul li {
	padding-left:.25em;
}

#main blockquote p {
	font-size:1em !important;
}

a, 
a:hover, 
a:active, 
a:visited {
	text-decoration:none;
}

#main a, 
#main a:visited, 
#main a:active {
	color:#005b8d;
}

#main p a {
	
}

#main a:hover {
	color:#ff5200;
}

/* FOOTER *****************************************************************************************/

#footerFeatures {
	padding:40px 0 0 0;
	height:102px;
}

#footerFeatures a img {
	border:1px solid #cfdee7;
	margin-right:19px;
}

#footerFeatures a.last img {
	margin-right:0 !important;
}

#footer {
	clear:both;
	padding:50px 0;
	background:#001d2e url("images/footer2_bg.gif") top left repeat-x;
	color:#ffffff !important;
	line-height:1.6em;
}

#footer .wrapper {
	
}

#footer h5 {
	font-size:1.3em;
	line-height:2em;
	font-weight:bold;
}

#footer a {
	color:#ffffff !important;
}

#footer ul {
	list-style-type:none;
}

#footer ul li {
	display:inline;
}

#footer ul li a {
	display:block;
}

#footer ul li a:hover {
	padding-left:3px;
	border-left:2px solid #ffffff;
}

#footer .col.w2.last {
	position:relative;
}

#footer a img {
}

/* THE ALMIGHTY PRODLIST *************************************************************************/	

ul.prodList {
	margin:0 !important;
	padding:0 !important;
	font-size:1em !important;
	line-height:1em !important;
	list-style-type:none !important;
	outline:none !important;
}

ul.prodList li {
	position:relative;
	float:left;
	padding:0 !important;
	margin:10px 10px 0 0;
	width:228px;
	height:70px;
	background:url("../images/product/prodbox_bg.gif") bottom left repeat-x;
	border:1px solid #e7f0f5;
	display:inline;
}

ul.prodList li.last,
.col.w2 ul.prodList li {
	margin-right:0 !important;
}

ul.prodList li div,
ul.prodList li img,
ul.prodList li a {
	z-index:90;
}

ul.prodList li .image {
	position:absolute;
	left:-1px;
	top:-1px;
	width:70px;
	height:70px;
	background:#ffffff;
	border:1px solid #c1d9e5;
}

ul.prodList li .title {
	color:#002438;
	position:absolute;
	top:5px;
	left:78px;
	width:145px;
	font-size:1.2em;
	line-height:1.1em;
	font-weight:bold;
}

ul.prodList li .subTitle {
	position:absolute;
	bottom:5px;
	left:78px;
	width:145px;
	font-size:1.1em;
	line-height:1em;
	color:#004165;
}

ul.prodList li .subTitle small {
	font-size:.8em;
	opacity:60;
	filter:alpha(opacity=60);
  	opacity:0.6;
}

ul.prodList li .subTitle i {
	color:#8aa2ad;
}

ul.prodList li strike {
	color:#b9e0f5;
}

ul.prodList li a.invisible {
	position:absolute;
	left:-3px;
	top:-3px;
	display:block;
	z-index:100;
}

ul.prodList li a.invisible img {
	width:232px;
	height:74px;
}

ul.prodList li a.invisible b {
	display:block;
	position:absolute;
	left:-6000px;
}

ul.prodList li a.invisible:hover {
	border:1px solid #c1d9e5;
}

ul.prodList li a.edit {
	position:absolute;
	right:0;
	bottom:0;
	z-index:150;
}

ul.prodList li .extra {
	position:absolute;
	left:0px;
	bottom:0px;
	border:1px solid #ffffff;
	height:13px;
	text-indent:-6000px;
}

ul.prodList li.new .extra {
	width:22px;
	background:url("../images/product/prodbox_new.gif");
}

ul.prodList li.special .extra {
	width:34px;
	background:url("../images/product/prodbox_special.gif");
}

ul.prodList li.preorder .extra {
	background:url("../images/product/prodbox_preorder.gif");
}

ul.prodList li.discontinued .extra {
	width:58px;
	background:url("../images/product/prodbox_discontinued.gif");
}

ul.prodList li.comingsoon .extra {
	width:57px;
	background:url("../images/product/prodbox_comingsoon.gif");
}

ul.prodList li.backorder .extra {
	width:48px;
	background:url("../images/product/prodbox_backorder.gif");
}

/* THE ALSO MIGHTY UL.COLUMN **************************************************/

ul.column {
	margin:10px 0;
	padding:0 !important;
	font-size:1em;
	line-height:1em;
	font-size:1.1em !important;
	z-index:190;
}

ul.column li.block {
	position:relative;
	margin:-1px 0 0 0 !important;
	padding:0 !important;
	border:1px solid #d6e6ee;
	z-index:199;
	height:3em;
	overflow:hidden;
}

ul.column li.block.open {
	position:relative;
	display:block;
	overflow:visible;
	height:auto;
}

ul.column li.block.selected {
	border:1px solid #00669e;
	z-index:201;
}

ul.column li.block:hover {
	border:1px solid #00669e;
	z-index:200;
}

ul.column li.block a, 
ul.column li.block a:hover {
	color:#002438 !important;
}

ul.column li.block p a {
	color:#005b8d !important;	
}

ul.column li.block p a:hover {
	color:#ff5200 !important;
}

ul.column li.block a.header:hover,
ul.column li.block.selected a.header {
	opacity:100;
	filter:alpha(opacity=100);
  	opacity:.99999;
}

ul.column li.block a.header {
	display:block;
	height:3em;
	line-height:2.9em;
	padding-left:30px;
	background-color:#ffffff;
	background-position:5px center;
	background-repeat:no-repeat;
	font-weight:bold;
	opacity:80;
	filter:alpha(opacity=80);
  	opacity:0.8;
}

ul.column li.block a.header {
	background-image:url("images/block_right.gif");
}

ul.column li.block.blank a.header {
	background-image:none;
}

ul.column li.block.left a.header {
	background-image:url("images/block_left.gif");
}

ul.column li.block.home a.header {
	background-image:url("images/block_home.gif");
}

ul.column li.block.file a.header {
	background-image:url("images/block_document.gif");
}

ul.column li.block.down a.header {
	background-image:url("images/block_down.gif");
}

ul.column li.block.special a.header {
	background-image:url("images/block_special.gif");
}

ul.column li.block.open p,
ul.column li.block.open ul {
	font-size:1em !important;
	margin:15px !important;
}

ul.column li.block.open p.top {
	margin-top:0 !important;
}

ul.column li.block.open ul li {
	margin:7px 0;
	line-height:1.2em;
}

/* left column nav adjustments */

.col.w2 ul.column li.block {
	border-left:0px !important;
	border-right:0px !important;
}

.col.w2 ul.column li.block a.header {
	padding-left:20px;
	background-position:-4px center;
}

ul.column li.block.open ul.subNav {
	margin-top:0 !important;
	padding:0;
	list-style-type:disc;
}

ul.column li.block.open ul.subNav li {
	line-height:1.8em;
	height:1.8em;
	margin-left:30px;
	font-size:.8em;
}

ul.column li.block.open ul.subNav li a {
	display:block;
	font-size:1.2em;
}

ul.column li.block.open ul.subNav li a:hover {
	color:#ff5200 !important;
}

/* TileBlock lists **********************************************************************/

ul.tileBlock  {
	font-size:1.1em;
	line-height:1.3em;
}

ul.tileBlock li {
	float:left;
	margin:10px 10px 0 0;
	position:relative;
	width:230px;
	display:inline;
}

ul.tileBlock li.last {
	margin-right:0 !important;
}

ul.tileBlock li a.block {
	color:#001828 !important;
	padding:10px;
	border:1px solid #d6e6ee;	
}

ul.tileBlock li a.block:hover {
	color:#001828 !important;
	border:1px solid #00669e !important;
}

ul.tileBlock li a.edit {
	position:absolute;
	right:0;
	bottom:0;
}

/* LinkLists **************************************************************************/

ul.linkList {
	font-size:1.1em;
	line-height:1.5em;
	margin:1.4em 0;
}

ul.linkList li {
	margin:1.4em 0;
}

ul.linkList li ul li {
	margin:0 0 0 20px;
}

ul.linkList li a {
	color:#002438 !important;
}

ul.linkList li a:hover {
	color:#ff5200 !important;
}

ul.linkList li small {
	margin-right:15px;
	font-size:.9em;
	font-weight:bold;
	color:#427795;
}

/* Toggling LinkLists *******************************************/

ul.linkList.toggler li.block {
	height:1.5em;
	overflow:hidden;
}

ul.linkList.toggler li.block.open {
	height:auto;
	overflow:visible;
}

ul.linkList.toggler li p,
ul.linkList.toggler li p.sub {
	font-size:1em !important;
}

ul.linkList.toggler li blockquote {
	border-top:1px solid #427795;
	margin-top:5px !important;
}

/* Chooser **************************************************************************/

#chooser {
	z-index:600;
}

#chooser ul {
	margin:0 !important;
	padding:0 !important;
	list-style-type:none !important;
	height:95px;
	background:url('../images/product/chooser_bg.jpg') repeat-x top left;
	border-left:1px solid #d6e6ee;
	border-right:1px solid #d6e6ee;
	border-bottom:1px solid #d6e6ee;
	width:708px;
}

#chooser ul.wide {
	width:948px;
}

#chooser ul li {
	position:relative;
	margin:0 0 0 5px !important;
	padding:0 !important;
	float:left;
	height:95px;
	z-index:706;
}

#chooser ul.few li {
	margin-left:15px !important;
}

#chooser ul li a {
	display:block;
}

#chooser ul li a:hover {
	margin-top:1px;
	margin-bottom:-1px;
}

#chooser ul li a img {
	position:relative;
	z-index:700;
}

#chooser ul li.selected {
	z-index:705;
}

#chooser ul li .caption {
	position:absolute;
	left:35%;
	top:88px;
	z-index:702;
	display:none;
	width:200%;
}

#chooser ul li.selected .caption {
	display:block;
}

#chooser ul li .caption.hovered {
	display:block !important;
}

#chooser ul li .caption .arrow {
	position:absolute;
	height:15px;
	width:15px;
	left:0px;
	top:0;
	background:url('../images/product/chooser_arrow.gif') no-repeat top center;
	z-index:705;
}

#chooser ul li .caption .captionText {
	position:absolute;
	left:0;
	top:11px;
	background:#ffffff;
	border:1px solid #c1d9e5;
	padding:10px;
	text-align:center;	
	line-height:1.3em;
}


#chooser ul li .caption .captionText b {
	display:block;
}

/* Forms  *******************************************/
ul.formList {
	list-style-type:none;
	text-align:right;
	font-size:1.1em;
	line-height:1.6em;
	margin:1.4em 0;
	padding:0;
}

ul.formList blockquote, ul.formList p {
	font-size:1em !important;
}

blockquote ul.formList {
	font-size:1em;
}

ul.formList li {
	margin:5px 0;
	padding:0;
}

ul.formList li label {
	font-weight:bold;
	margin-right:10px;
}

ul li input.text {
	width:226px;
	height:1.6em;
	line-height:1.6em;
	border:1px solid #d6e6ee;
}

ul li input.text.short {
	width:40px !important;
}

ul li input.button {
	margin-top:10px;
	width:115px;
}

ul.formList li.radio input,
ul.formList li.radio label {
	font-weight:normal;
	float:left;
}

ul.formList li textarea {
	width:75%;
	height:100px;
	border:1px solid #d6e6ee;
}

ul.formList li select {
	width:230px;
}



div.fieldWithErrors {
	display:inline;
}

div.fieldWithErrors input {
	border-left:5px solid #ff0000 !important;
}