@CHARSET "UTF-8";


*{
	margin: 0;
	border: 0;
	padding: 0;
}

#chrs{
	float: left;
	clear: both;
	width: 30%;
	margin-right: 10%;
}

#cpost{
	float: left;
	width: 30%;
}
#clive a{
	display: block;
}

#clive{
	float: right;
	position: relative;
	display: block;
	top: -166px;
	left: -32px;
	z-index: 200;
	text-align: right;
	margin-bottom: -92px;
	overflow: hidden;
	cursor: pointer;
}

#csales{
	float: left;
	/*margin-right: 10%;*/
	width: 33%;
		clear:both;
}

#cacc{
	float: left;
	margin-right: 10%;
	width: 23%;
}

#csup{
	float: left;
	width: 33%;
}
.iblk{
	padding-bottom: 32px;

}
h4{
	margin-top:0px;
	margin-bottom:8px;
}
	
/* --- [Testing] -------------------------------------- 


* { border: 1px dashed red; } */

img#cards{
	display: block;
	margin-left: auto;
    margin-right: auto;
}

.blue{
	color: Blue;
}
.red{
	color: red;
}
	
div#devnote {
        list-style-type: none;
        background-color:    Red;
        background-repeat:   repeat-x;
        background-position: center bottom;
        border:              none;
        color:               White;
        font-weight:         bold;
        margin:              0;
        padding:             8px 3px 0 3px;
        white-space:         nowrap;
        position:            fixed;
        _position:           absolute;
        top:                 0;
        _top:                expression(eval(document.body.scrollTop-4));
        _left:               expression(eval(document.body.scrollLeft));
        left:                0;
       /* width:               100%;
        _width:               expression(eval(document.body.offsetWidth-18));*/
		  text-align: left;
		  font-size: 1.3em;
			z-index: 256;
			opacity: 0.4;
			filter: alpha(opacity=40);
    }


/* --- [Basic Elements] -------------------------------------- */
    
	 dt, dd {line-height: 1.2; font-size: 1em; font-weight: normal;}
    /* dt {float: left; clear: left; width: 2.75em;} */
	 dt {text-indent: 0; padding: 0 0 0 0; margin: 0 0 0 0; float: left; clear: left; width: 2.5em;}
    dd {text-indent: 0; padding: 0 0 0 0; margin: 0 0 0.75em 3em;}
	dd{
		text-align: justify;
		vertical-align: text-top;
	}
dd h4,dt{
	font-weight: bold;
	margin-bottom: 4px;
	padding: 0px 0px 0px 0px;
	background-color: #FCFCFC;
	/*border: 1px dashed red;*/
	border-bottom: 1px dashed #D7D4D3;
	vertical-align: text-top;

}
dt{
	text-align: right;
}
ul{
	margin-bottom: 1em;
}
dl{
	margin-bottom: 2em;
}
dd li{
	margin-bottom: 0.5em;
	margin-right: 4em;
	line-height: 1;
}
dd dd{
	margin-bottom: 0.5em;
	margin-right: 4em;

}
fieldset dl{
	margin: 0;
	padding: 0;
}
fieldset dd {
margin: 0 0 0.75em 8.8em;
}
fieldset dt {
	border: none;
	text-indent: 0; 
	padding: 0 5px 0 0; 
	margin: 0 0 0 0; 
	float: left; 
	clear: left; 
	width: 8.5em;
}

span#next-button{
	border: 1px solid red;

}
div#next-button:hover{
	background-color: Gray;
}
p#fbright{
	text-align: right;
}
div#product-details {
	float: left; 
	margin-right: 16px;
}
div#product-info {
	margin-left: 100px;
}
div#pi{
	margin-left: 100px;
}
div#pi, div#product-details, div#product-info{
	/*border: 1px dashed red;*/
}

input#pan_code1,input#pan_code2,input#pan_code3,input#pan_code4{
	width: 36px;
}

.bigprice{
	font-size: 48px;
}
.price-notes{
	font-size: 18px;	
}

.bigprice, .price-notes{
	color: Gray;
}

div#product-details dt {
	border: none;
	text-indent: 0; 
	padding: 0 5px 0 0; 
	margin: 0 0 0 0; 
	float: left; 
	clear: left; 
	width: 15.5em;
	text-align: left;
}
div#product-details dd {
	padding: 0 0 0 0; 
	margin: 0 0 0 0; 
}
.datesel{
	width: 3.7em;
}


   textarea,select,input {background: #eeeeee; border: 1px solid #cccccc;}
   textarea:hover,select:hover,input:hover {background-color: #f8f8f8;}
   textarea:focus,select:focus,input:focus {background-color: #ffffff;border: 1px solid #993300;}


body{
	/*background-attachment: fixed;*/
	/*background-image: url(../../css/.);*/

	margin: 0;
	padding: 0;

	/* IE auto center fix */
	text-align: center;
}

form,input,option,select,textarea,body{
	color: #333;
	font-family: "Trebuchet MS",Arial, Verdana, Helvetica,  sans-serif;
	font-size: 0.9em;	
}
form,input,option,select,textarea{
	font-family: Arial, Verdana, Helvetica,  sans-serif;
		font-size: 1em;	
}
option.cc_type{
	display: inline-block;
	background-color: Aqua;
}


h1, h2, h3 {
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}

/* h1 image replacement technique - http://www.kryogenix.org/code/browser/lir */
h1.logo {
   	background-image: url(../image/noc4-head.png);
   	background-position: top center;
	background-repeat: no-repeat;
	margin: 0px 0 0px 0;
   	overflow: hidden;
	padding: 170px 0 0 0;

   	height: 0px !important;
   	height /**/:170px;
}

	
h2 {
	border-bottom: 1px solid #D7D4D3;
	font-size: 164%;
	letter-spacing: 0.1em;
	margin-bottom: 35px;
	padding: 0 0 5px 0;
}


h3 {
	font-size: 145%;
	/*font-weight: normal;*/
	margin-bottom: 6px;
	padding: 6px;
	background-color: #FCFCFC;
	border-bottom: 1px dashed #D7D4D3;
}

h3.plain {
	padding: 0px;
	background-color: #FFF;
	border-bottom: none;
}




p {
	margin: 0;
	margin-bottom: 20px;
}

/* --- [Main Layout] -------------------------------------- */

div#n4sheader{
	background-image: url(../image/noc4-head-bg.png);
	background-repeat: repeat-x;
}

div#nav-head {
	float: none;
	clear: both;
	line-height: 1.6em;
	margin: 0 auto 0 auto;
	text-align: left;
	width: 762px;
}

div#container {
	/*line-height: 1.6em;*/
  	margin: 50px auto 0 auto;
	padding: 0;
	text-align: left;
  	width: 762px;

}

div#main {
	float: left;
	margin: 0;
	margin-bottom: 50px;
	padding: 0 40px;
	width: 497px;
}

div#side {
	margin: 0;
	margin-bottom: 50px;
	padding: 0 40px 0 577px;
}

div#wide {
	margin: 0;
	margin-bottom: 50px;
	padding: 0 16px;
}

div#footer {
	background-color: #fcfcfc;
	border-top: 1px solid #D7D4D3;
	border-bottom: 1px solid #D7D4D3;
	clear: both;
	font-size: .75em;
	margin: 0 auto 20px auto;
	padding: 3px;
	width: 762px;
}

/* --- [Links] -------------------------------------- */

a:link, a:visited, a:hover, a:active {
 	color: #cc3333;
	font-weight: bold;
	text-decoration: none;
}
 
a:hover, a:active {
	color: #932424;
}

/*--------------------------------------------------------------- */

.vlist {
	list-style: none;
	margin: 0px 8px 20px 8px;
	padding: 0;
	float: left;
	width: 10em;
	font-size:11px;
/*	border: 1px red dashed;*/
	text-align: left;
}




/* --- [Tabbed Navigation] -------------------------------------- */


/* 
	the left image is attached to the A tag
	background:url(../images/m2/nav_over_left.gif) no-repeat;

	the right image is attached to SPAN tag inside the A tag
	background:url(../images/m2/nav_over_right.gif) no-repeat 100% 0;
*/
/*	background: url(../image/m2/nav_bar_bg.gif) repeat-x #2e3940;*/
	#nav-outer{
	background: #2e3940;

	}
	#nav{
		height: 2.15em;
		background: #2e3940;
		font-family: "Trebuchet MS";
		font-weight: bold;
		font-size: 1.0em;
		width: 762px;
		margin: 0px auto 0px auto;
		overflow: hidden;
	}

	/* all ul's within #nav */
	#nav ul{
		list-style: none;
	}

	/* Main Bar UL */
	ul.menu{
		padding: 4px 15px 0px 15px;
		text-align: left;
		height: 1.9em;
	}

	ul.menu li {
		position: relative;
		float: left;
	}

	ul.menu a{
		text-decoration: none;
		text-transform: none;
		display: block;
		padding-left: 5px;
		color: white;
	}

	ul.menu a span{
		display: block;
		line-height: 1.9em;
		padding: 0px 12px 0px 5px;
		white-space: nowrap;
	}
	
	
	/* top level hover */
	ul.menu li:hover a, ul.menu li.act a{
		background:url(../image/nav_over_left.gif) no-repeat;
		color: #0088b5;
	}
	ul.menu li:hover a span, ul.menu li.act a span{
		background:url(../image/nav_over_right.gif) no-repeat 100% 0;
	}

	/* stop sublevel inheritance of top level background style */
	ul.menu li:hover li a{
		background: none;
	}
	ul.menu li:hover li a span{
		background: none;
	}

	/* remove bold form sub levels */
	ul.menu li li{
		font-weight: normal;
	}



	/* 2nd level hover */
	ul.menu li li:hover a{
		background: red;
	}

	/* 3rd level hover */
	ul.menu li li li:hover a{
		background: green;
	}
	
	/* 4th level hover */
	ul.menu li li li li:hover a{
		background: blue;
	}



#nav li li a {
	height: 1.9em;
	line-height: 1.9em;
}

/*SUBLEVEL POSITIONING*/


ul.menu li li {
	float: none;
	padding: 0;
	width: 10.5em;
}

ul.menu li ul ul {
	margin: -1.9em 0 0 10.5em;
}


ul.menu li ul {
	position: absolute;
	left: -999em;
	height: auto;

	border-width: 0;
	margin: 0;
	padding: 0;
}

ul.menu li:hover {
	left: 0;
}

ul.menu li:hover ul ul, 
ul.menu li:hover ul ul ul,
ul.menu li:hover ul ul ul ul
 {
	left: -999em;
}

ul.menu li:hover ul, 
ul.menu li li:hover ul, 
ul.menu li li li:hover ul, 
ul.menu li li li li:hover ul
 {
	z-index: 100;
	left: 0;
}









/* --- [Form Elements] -------------------------------------- */

form {
	margin: 0;
	padding: 0;
}

fieldset, fieldset.supp-left, fieldset.supp-right {
	background-color: #FCFCFC;

	border: 1px dashed #D7D4D3;
	color: #333;
	font-size: 90%;
	margin: 0;
	padding: 0 20px 20px 20px;
}

fieldset.supp-left {
	width: 180px;
}

fieldset.supp-right {
	width: 393px;
}



legend {
	color: #444;
	font-size: 120%;
	font-weight: bold;
	margin: 0;
	padding: 10px 4px;
}

label {
	display: block;
	font-weight: bold;
}

label.contact {
	display: inline;
}
/*
input.form, input.supp-inputtext, input#search, textarea, textarea.supp-textarea {
	border: 1px solid #D7D4D3;
	overflow: auto;
	padding: 2px;
	width: 445px;
}

input.supp-inputtext {
	width: 170px;
}

input#search {
	width: 130px;
}

textarea.supp-textarea {
	width: 383px;
}

select {
	width: 120px;
}

select.filter {
	width: 137px;
}


select.supp-title {
	width: 220px;
}
*/
/* --- [Image Shadow] -------------------------------------- */

/* image drop shadow technique - http://www.alistapart.com/articles/cssdropshadows */
div.img-shadow, div.img-nested, div.img-nested-right, div#img-front, div#img-view {
	background: url(../../images/graphics/shadow.gif) no-repeat bottom right;
	float: left;
	margin: 10px 0 0 5px;
	padding: 0;
}

div.img-shadow img, div.img-nested img, div.img-nested-right img, div#img-front img, div#img-view img {
  	background-color: #FFF;
  	border: 1px solid #D7D4D3;
	display: block;
	margin: -6px 6px 6px -6px;
	padding: 4px;
	position: relative;
}

div#img-front {
	margin: 10px 0 30px 5px;
}

div.img-nested {
	margin: 10px 20px 0 5px;
}

div.img-nested-right {
	margin: 10px 20px 0 5px;
}

div#img-view {
	margin-bottom: 20px;
}

/* --- [ID] -------------------------------------- */

div#corporate {
	margin: 0;
	margin-bottom: 0;
	padding: 0 40px;
}

div#directx {
	font-size: 85%;
	line-height: 1.6em;
	margin: 20px;
	padding: 0;
	text-align: left;
}

p#form-submit {
	margin-bottom: 0;
}

p#footer-left {
	color: #52565B;
	/*float: left;*/
	margin-bottom: 0;
	padding-left: 3px;
	/*padding-top: 5px;*/
	text-align: left;
/*	border: 1px red dashed;*/
}
p#footer-left-company {
	color: #AAA;
	/*float: left;*/
	margin-bottom: 0;
	padding-left: 3px;
	/*padding-top: 5px;*/
	text-align: left;
/*	border: 1px red dashed;*/
}
p#footer-right {
	color: #AAA;
	margin-bottom: 0;
	padding-right: 3px;
	text-align: right;
	/*border: 1px red dashed;*/

}

p#footer-right, p#footer-left{
	font-family: Arial, Helvetica, sans-serif;
}


div#format, div#os, div#ic, div#osmac, div#icmac {
	float: left;
}

div#guillotine {
	clear: both;
}

div#ic {
	padding-left: 150px;
}

div#os {
	padding-left: 30px;
}

div#supp-left {
	float: left;
	margin: 0;
	margin-bottom: 50px;
	padding: 0 40px;
	width: 180px;
}

div#supp-right {
	margin: 0;
	margin-bottom: 50px;
	padding: 0 40px 0 322px;
}

p#contact-error, p#supp-error, p#imageview-error {
	background-color: #fcfcfc;
	border: 1px dashed #DDD;
	color: red;
	font-size: 90%;
	margin: 0;
	padding: 20px;
}

p#entertext {
	font-size: 90%;
	text-align: center;
}

p#frontline {
	font-size: 1.4em;
	margin-top: 40px;
	text-align: center;
}

p#imageview {
	float: left;
	margin-bottom: 0;
}

p#ticket-submit {
	margin-top: 20px;
	text-align: right;
}

/* --- [Class] -------------------------------------- */

div.corporate-section, div.corporate-section-right {
	float: left;
	margin-right: 40px;
	padding-bottom: 50px;
	width: 165px;
}

div.corporate-section-right {
	margin-right: 0;
}

div.even {
	background-color:#FFF;
}

div.image-row {
	margin: 50px auto 0 auto;
	width: 600px;
}

div.news-item {
	clear: both;
	margin-bottom: 40px;
	border-bottom: 1px dashed  #D7D4D3;
}

div.odd, div.even {
	background-color:#FFF;
	border: 1px dashed #D7D4D3;
	margin-top: 40px;
	padding: 0px;
	padding-bottom: 0;
}

div.retro-row {
	margin: 0 auto 0 auto;
	width: 640px;
}

div.retro-section, div.retro-section-right {
	float: left;
	margin-right: 26px;
	width: 190px;
}

div.retro-section-right {
	margin-right: 0;
}

div.tab {
	margin: 0 60px;
}

p.alignright, p.cor-alignright {
	text-align: right;
}

p.cor-alignright {
	margin-top: 20px;
}

p.clear {
	clear: both;
}

p.form {
	margin-bottom: 10px;
}

p.form-label {
	margin-bottom: 0px;
}

p.games-form {
	margin-bottom: 4px;
}

p.img-link {
	color: #D7D4D3;
	clear: both;
	font-size: 1.2em;
	margin: 2px 0 0 0;
	padding: 0;
	text-align: right;
}

p.img-text {
	color: #AAA;
	font-size: .8em;
	line-height: 2em;
	text-align: right;
	margin-bottom: 20px;
}

p.newsline {
	font-size: 1.2em;
	font-weight: bold;
	margin: 0;
	margin-bottom: 10px;
	padding: 0;
}

p.partner {
	margin: 40px 0;
	text-align: center;
}

p.smalltext {
	font-size: .8em;
}

span.form-error {
	color: red;
	font-weight: bold;
}

span.newsdate {
	color: #D7D4D3;
}

span.smalltext {
	color: #AAA;
	font-size: .85em;
	line-height: 1em;
}

#fiad{

}

/* --- [Temp Elements] -------------------------------------- */