/*
 ****************************************** my own stuff *************************************************************
*/
.red_text {
color: #FA4E52;
}

.navigation {
position:absolute;
top:15px;
left:10px;
font-size: 11px;
font-family:Tahoma;
color:#FF9966;
}

.navigation a:link {  text-decoration: underline; color: #FF9966 }
.navigation a:visited { text-decoration: underline; color:#FF9966 }
.navigation a:hover { text-decoration: underline; color: #FF0000 }

.page_title {
position:absolute;
top:15px;
right:30px;
font-size: 26px;
font-family:Trebuchet MS;
color:#FFFFFF;
}

.yellowb {
background: #FFCC00 url(../artwork/shade.png) repeat-x bottom;
font-family: Tahoma, sans-serif;
font-size:12px;
font-weight:bold;
cursor:pointer;
}

.greenb {
background: #009900 url(../artwork/shade.png) repeat-x bottom;
font-family: Tahoma, sans-serif;
font-size:12px;
color:#fff;
font-weight:bold;
cursor:pointer;
}

.blueb {
background: #000066 url(../artwork/shade.png) repeat-x bottom;
font-family: Tahoma, sans-serif;
font-size:12px;
color:#CCCCCC;
font-weight:bold;
cursor:pointer;
}

.redb {
background: #993300 url(../artwork/shade.png) repeat-x bottom;
font-family: Tahoma, sans-serif;
font-size:12px;
color:#CCCCCC;
font-weight:bold;
cursor:pointer;
}

.greyb {
background: #333333 url(../artwork/shade.png) repeat-x bottom;
font-family: Tahoma, sans-serif;
font-size:12px;
color:#CCCCCC;
font-weight:bold;
cursor:pointer;
}


/* 
******* other buttons ********
*/

.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

a.button {
    background: transparent url('../artwork/bg_button_a.png') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.button span {
    background: transparent url('../artwork/bg_button_span.png') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
} 

a.button:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
} 


/* 
******* Main menu buttons ********
*/


.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

a.mainmenu {
    background: transparent url('../artwork/mainmenu_button_a.png') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.mainmenu span {
    background: transparent url('../artwork/mainmenu_button_span.png') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
} 

a.mainmenu:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.mainmenu:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
} 


/*
 ****************************************** main template *************************************************************
*/


body {
	margin:0px 0px 0px 10px;
	padding:10px 0px;
	/*background-image:url(http://www.neoworx.net/artwork/nx2bckgrnd.jpg);*/
	background-color:#111;
	color:#000;
	text-align:center;/*centre for ie5 */
	color:#FFFFFF;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size:11px
}

#container {
	width:985px;
	margin:auto;/* centre for compliant browsers*/
	text-align:left;
	padding-top:0px;
	background-image:url(http://www.neoworx.net/artwork/newbackground9.jpg);/*newbackground5.jpg*/
	background-repeat:no-repeat;
}

#header {
	position:relative;
	height:160px;
	margin-left:-1px;
	text-align:center;
}

#left {
	margin-left:-9px;/* must be 1 pixel less than width*/
	float:left;
	width:10px;/* must be same as left margin on #middle*/
	position:relative;
	left:-2px;/* line up exactly */
	display:inline;/* ie fix*/
}
#right {
	margin-right:-179px;/* must be 1 pixel less than width*/
	float:right;
	width:180px;/* must be same as right margin on #middle*/
	position:relative;
	right:-2px;/* line up */
	display:inline;/* ie fix*/
}
* html #left{margin-right:-3px;}/* 3 pixel jog*/
* html #right{margin-left:-3px;}/* 3 pixel jog*/

#middle {
	position:relative;
	margin-left:10px;
	margin-right:220px;
}
/* mac hide and combat ie's 3 pixel jog \*/
* html #centre{overflow:hidden;float:left;width:100%}
* html #middle {height:1%;}
/* end hide*/
#footer {
	clear:both;
	height:50px;
	text-align:center;
}
h1,h3,p {margin-top:0}

.clearer{
	height:1px;
	overflow:hidden;	
	margin-top:-1px;
	clear:both;
}



/*
 ****************************************** header *************************************************************
*/
#nav_languages {
	margin: 0;
	padding: 0;
	position:absolute;
	top:10px;
	left:10px;
	width:450px;
}
#nav_languages li {
list-style: none; float: left; width: 12%;
font-family: font-family:"Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight: normal;
color: #A1D4FF;
white-space:nowrap;
}
#nav_languages a:link { text-decoration: none; color: #A1D4FF }
#nav_languages a:visited{ text-decoration: none; color: #A1D4FF }
#nav_languages a:hover { text-decoration: underline; color: #A1D4FF }


#nav_mainmenu {
	margin: 0px;
	padding: 0px;
	position:absolute;
	top:115px;
	left:10px;
	width:900px;
}

#nav_mainmenu li {
list-style: none; float: left;
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight: normal;
color: #FFFFFF;
white-space:nowrap;
text-align:center;
}

#nav_mainmenu a:link { text-decoration: none; color: #FFFFFF }
#nav_mainmenu a:visited{ text-decoration: none; color: #FFFFFF }
#nav_mainmenu a:hover { text-decoration: underline; color: #FFFFFF }

#nav_mainmenu a.products:link { text-decoration: none; color: #FF0000 }
#nav_mainmenu a.products:visited{ text-decoration: none; color: #FF0000 }
#nav_mainmenu a.products:hover { text-decoration: underline; color: #FF0000 }

#nav_mainmenu a.affiliate:link { text-decoration: none; color: #CD6810; font-weight:bold }
#nav_mainmenu a.affiliate:visited{ text-decoration: none; color: #CD6810; font-weight:bold }
#nav_mainmenu a.affiliate:hover { text-decoration: underline; color: #CD6810;font-weight:bold }

#nav_mainmenu a.mainsite:link { text-decoration: none; color: #2298C0; font-weight:bold }
#nav_mainmenu a.mainsite:visited{ text-decoration: none; color: #2298C0; font-weight:bold }
#nav_mainmenu a.mainsite:hover { text-decoration: underline; color: #2298C0;font-weight:bold }

#nav_mainmenu a.account:link { text-decoration: none; color: #FFFF99; font-weight:bold  }
#nav_mainmenu a.account:visited{ text-decoration: none; color: #FFFF99; font-weight:bold  }
#nav_mainmenu a.account:hover { text-decoration: underline; color: #FFFF99; font-weight:bold  }

#sub_title {
position:absolute;
text-align:left;
left: 80px;
top: 95px;
font-size: 16px;
font-family:"Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
}
/*
 ****************************************** rounded corners*************************************************************
*/

.dialog {
 position:relative;
 margin:0px auto;
 min-width:8em;
 max-width:760px; /* based on image dimensions - not quite consistent with drip styles yet */
 color:#fff;
 z-index:1;
 margin-left:12px; /* default, width of left corner */
 margin-bottom:0.5em; /* spacing under dialog */
}

.dialog .content,
.dialog .t,
.dialog .b,
.dialog .b div {
 background:transparent url(../artwork/roundbox_translucid3.png) no-repeat top right;
 _background-image:url(../artwork/roundbox_translucid3.gif);
}

.dialog .content {
 position:relative;
 zoom:1;
 _overflow-y:hidden;
 padding:14px 12px 0px 6px;
_padding:8px 0px 0px 0px; /* IE hack */
_margin-right:20px; /* IE hack */
}

.dialog .t {
 /* top+left vertical slice */
 position:absolute;
 left:0px;
 top:0px;
 width:12px; /* top slice width */
 margin-left:-12px;
 height:100%;
 _height:1600px; /* arbitrary long height, IE 6 */
 background-position:top left;
}

.dialog .b {
 /* bottom */
 position:relative;
 width:100%;
}

.dialog .b,
.dialog .b div {
 height:15px; /* height of bottom cap/shade */
 font-size:1px;
}

.dialog .b {
 background-position:bottom right;
}

.dialog .b div {
 position:relative;
 width:12px; /* bottom corner width */
 margin-left:-12px;
 background-position:bottom left;
}

.dialog .hd,
.dialog .bd,
.dialog .ft {
 position:relative;
}

.dialog .wrapper {
 /* extra content protector - preventing vertical overflow (past background) */
 position:static;
 max-height:1000px;
 overflow:auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */
}

.dialog h1,
.dialog p {
 margin:0px; /* margins will blow out backgrounds, leaving whitespace. */
 padding:0.5em 0px 0.5em 0px;
}

.dialog h1 {
 padding-bottom:0px;
}