/* ================================================== */
/* apply the .noEscape class to any object that needs
to contain a float object.  see documentation: 
http://www.positioniseverything.net/easyclearing.html */
.noEscape:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
.noEscape {display: inline-table;}
/* Hides from IE-mac \*/
* html .noEscape {height: 1%;}
.noEscape {display: block;}

/* applies 1% height to floats lt IE 6 */
* html .noEscape {height: 1%;}

.noEscape {display: block;}

/* ================================================== */
/* Images with the box shadows */
#shadowShell {width: 875px;	margin-left: -450px;position: relative;left: 50%;}
#shadowShell {background: url("../../images/boxImages/layout_side_shadows.gif") repeat-y;}
#topshadow img, #botshadow img {display: block;}
#topshadow {background: url("../../images/boxImages/layout_shadow_top.gif") repeat-x;}
#botshadow {background: url("../../images/boxImages/layout_shadow_bot.gif") repeat-x;}

/* ================================================== */
/* contentWrap sets the top and bottom padding of content between nav bar and footer */
#contentWrap {
background: rgb(255,255,255);
padding: 10px 0;
}

/* contentWrap link colors - overrides link inheritance */
#contentWrap a:link,
#contentWrap a:visited,
#contentWrap a:hover,
#contentWrap a:active {
color: rgb(164,85,0);
text-decoration: underline;
}

/* ================================================== */
/* navBar sets all navBars to have a border-top of 5 px  */
#navBar	{
width: 835px;
margin: 0 1px;
border-top: 5px solid rgb(255,255,255);
background: rgb(102,102,102);
}
/* begin box model hack: http://tantek.com/CSS/Examples/boxmodelhack.html */
#navBar	{
voice-family: "\"}\""; 
voice-family:inherit;
height: 30px;
}
#navBar ul	{
margin: 0;
padding: 0;
font-size: 12px;
}
#navBar ul li	{
display: inline;
margin-top: 7px;
}
#navBar li.left	{
float: left;
margin-left: 15px;
}
#navBar li.right	{
float: right;
margin-right: 15px;
}
#navBar a:link, #navBar a:visited	{
text-decoration: none;
color: rgb(255,255,255);
}
#navBar a:hover, #navBar a:active	{
text-decoration: none;
color: rgb(232,161,0);
}

/* ================================================== */
/*  */
#wrap {
width: 855px;
margin-left:10px;
background: rgb(255,255,255);
}

/* ================================================== */
/*  */
#supportBar {
padding-top: 3px;
color: rgb(52,52,52);
font-size: 11px;
}
#supportBar .dropdown {
position: relative;
top: -6px;
}

/* ================================================== */
/* Header configuration */
#header h1 span {
display: none;
}
#header h1 {
width: 180px;
height: 50px;
margin: 10px;
background: url("../../images/logos/UA_logo_small.gif") no-repeat center center;
}

#header #rotator1 {
width: 230px;
height: 81px;
margin: 0px;
float: right;
position: relative;
top: 2px;
right: 0px;
}

#header #rotator2 {
width: 230px;
height: 81px;
margin: 0px;
float: right;
position: relative;
top: 2px;
right: 0px;
}

#header #rotator3 {
width: 230px;
height: 81px;
margin: 0px;
float: right;
position: relative;
top: 2px;
right: 2px;
}

#header #logo {
float: left;
}
#header	{
height: 85px;
}

#headerSmall	{
height: 15px;
}

#header .invisiDiv	{
float: left;
position: relative;
top: 0px;
left: 10px;
width: 220px;
height: 60px;
}

#header .invisiDiv a {
float: left;
width: 220px;
height: 60px;
}

/* ================================================== */
/* Footer configuration */
#footer {
background: rgb(75,75,75);
}
#footer .nav	{
color: rgb(255,255,255);
}
#footer .nav a:link, #footer .nav a:visited	{
text-decoration: none;
color: rgb(255,255,255);
}
#footer .nav a:hover, #footer .nav a:active	{
text-decoration: underline;
color: rgb(232,161,0);
}
#footer .nav	{
margin: 0;
padding: 0 0 0 10px;
}
#footer .nav li	{
display: inline;
padding: 10px;
font-size: 85%;
}
#footer .nav li.left	{
float: left;
}

/* ================================================== */
/* SubFooter configuration */
#subFooter	{
width: 855px;
margin: 0 0px;
padding-bottom: 10px;
text-align: center;
font-size: 75%;
color: rgb(102,102,102);
margin-left: -450px;position: relative;left: 50%;
}
ul li.tridot {
list-style-image: url("../../images/icons/tridot-small-orange.gif");
}

/* ================================================== */
/* sideItem configuration */
.sideItem	{
width: 235px;
margin: 0 0 15px 0;
padding: 0 0 15px 0;
border-bottom: 1px dashed black;
}
.sideItem ul	{
margin: 0;
padding: 0;
list-style-type: none;
font-size: 11px;
line-height: 14px;
color: rgb(90,90,90);
}
.sideItem li {
margin: 10px;
}
#last	{
border: none;
}

/* ================================================== */
/* colOne configuration */
#colOne	{
float: left;
width: 600px;
}
#colOne .inner	{
width: 595px;
margin: 0 0 0 5px;
}

/* ================================================== */
/* colTwo configuration */
#colTwo	{
float: right;
width: 250px;
}
#colTwo .inner	{
width: 245px;
}

/* ================================================== */
/* colThree configuration */
#colThree	{
float: left;
width: 130px;
}
#colThree .inner	{
width: 125px;
margin: 0 0 0 5px;
}

/* ================================================== */
/* colFour configuration */
#colFour	{
float: right;
width: 720px;
}
#colFour .inner	{
width: 715px;
}

/* ================================================== */
/* colFive configuration */
#colFive	{
float: right;
width: 850px;
margin: 0px;
}
#colFive .inner	{
width: 840px;
margin: 2px;
}


/* ================================================== */
/* Inner Content box configuration */
#innerContentBox	{
width: 645px;
margin: 5px 5px 5px 20px;
}
#innerContentBox .blurb1	{
margin: 5px 0 10px 7px;
}
#innerContentBox .boxShot	{
float: left;
width: 125px;
}
#innerContentBox .blurb2	{
float: right;
width: 320px;
text-align: right;
}
#innerContentBox .blurb2 p {
font-size: 14px;
line-height: 16px;
}
#innerContentBox .blurb2 h3, #productBox .blurb2 h2	{
margin: 5px 0;
}



/* ================================================== */
/* Inner Content box configuration */
#innerContentBox840	{
width: 840px;
margin: 0px;
}
#innerContentBox840 .blurb1	{
margin: 5px 0 10px 7px;
}
#innerContentBox840 .boxShot	{
float: left;
width: 125px;
}
#innerContentBox840 .blurb2	{
float: right;
width: 320px;
text-align: right;
}
#innerContentBox840 .blurb2 p {
font-size: 14px;
line-height: 16px;
}
#innerContentBox840 .blurb2 h3, #productBox .blurb2 h2	{
margin: 5px 0;
}

/* ================================================== */
/* Content box configuration */
.contentBox840	{
display: block;
width: 840px;
}
.contentBox840 .mod {
padding: 0 0 5px 0;
background: url("../../images/boxImages/content_box_840_bottom.gif") no-repeat left bottom;
}
.contentBox840 .mod2 {
padding: 5px 0 0 0;
background: url("../../images/boxImages/content_box_840_top.gif") no-repeat left top;
}
.contentBox840 .content {
padding: 5px;
}
/* ================================================== */
/* Content box configuration */
.contentBox	{
display: block;
width: 710px;
}
.contentBox .mod {
padding: 0 0 5px 0;
background: url("../../images/boxImages/content_box_710_bottom.gif") no-repeat left bottom;
}
.contentBox .mod2 {
padding: 5px 0 0 0;
background: url("../../images/boxImages/content_box_710_top.gif") no-repeat left top;
}
.contentBox .content {
padding: 5px;
}

/* ================================================== */
/* Welcome Box configuration */
.welcomeBox	{
display: block;
width: 590px;
}
.welcomeBox .mod {
padding: 0 0 5px 0;
background: url("../../images/boxImages/welcome_box_bot.gif") no-repeat left bottom;
}
.welcomeBox .mod2 {
padding: 5px 0 0 0;
background: url("../../images/boxImages/welcome_box_top.gif") no-repeat left top;
}
.welcomeBox .content {
padding: 5px;
}

/* ================================================== */
/* Menu box configuration */
#menuBox {
width: 125px;
margin-bottom: 5px;
}
#menuBox h2 {
margin: 0;
padding: 5px 0 7px 12px;
color: rgb(255,255,255);
}
#menuBox dl {
margin: 10px 20px;
padding: 0;
}
#menuBox dt {
float: right;
width: 45px;
margin: 0;
padding: 0;
}
#menuBox dd {
margin: 0 0 5px 60px;
padding: 0;
font-size: 11px;
text-align: right;

}
#menuBox dl dd.boxshot {
margin: 0;
}
#menuBox dd.boxshot img {
float: left;
}
#menuBox ul li {
list-style-type: none;
margin: 0 0 0 30px;
padding: 0;
voice-family: "\"}\""; 
voice-family:inherit;
margin: 0 0 0 45px;
}

/* ================================================== */
/* Login now box configuration */
#buyNowBox {
width: 245px;
margin-bottom: 5px;
margin: 5px 5px 5px 5px;
}
#buyNowBox h2 {
margin: 0;
padding: 5px 0 7px 12px;
color: rgb(255,255,255);
}
#buyNowBox dl {
margin: 10px 20px;
padding: 0;
}
#buyNowBox dt {
float: right;
width: 145px;
margin: 0;
padding: 0;
}
#buyNowBox dd {
margin: 0 0 5px 60px;
padding: 0;
font-size: 11px;
color: rgb(51,51,51);
text-align: right;
}
#buyNowBox dl dd.boxshot {
margin: 0;
}
#buyNowBox dd.boxshot img {
float: left;
}
#buyNowBox ul li {
list-style-type: none;
margin: 0 0 0 30px;
padding: 0;
voice-family: "\"}\""; 
voice-family:inherit;
margin: 0 0 0 45px;
}


/* ================================================== */
/* Product box configuration */
#productBox	{
width: 445px;
margin: 20px;
}
#productBox .blurb1	{
margin: 5px 0 10px 7px;
}
#productBox .boxShot	{
float: left;
width: 125px;
}
#productBox .blurb2	{
float: right;
width: 320px;
text-align: right;
}
#productBox .blurb2 p {
font-size: 14px;
line-height: 16px;
}
#productBox .blurb2 h3, #productBox .blurb2 h2	{
margin: 5px 0;
}

/* ================================================== */
/* Tabs configuration */
#tabs	{
width: 575px;
}
#tabs ul	{
margin: 0;
padding: 0;
list-style-type: none;
}
#tabs li.tab	{
float: left;
margin: 0;
padding: 0;
}

/* ================================================== */
/* Tabs box configuration */
.boxTabContent	{
display: block;
width: 575px;
margin: 10px;
background: rgb(255,255,255) url("../../images/boxImages/tabs_bg.gif") repeat-y;
}
.boxTabContent .mod {
padding: 0 0 4px 0;
background: url("../../images/boxImages/tabs_bot.gif") no-repeat left bottom;
}
.boxTabContent .mod2 {
padding: 0;
background: none;
}
/* tabContent */
#tabContent	{
width: 535px;
margin: 20px;
}

/* ================================================== */
/* hovermenu configuration */

.hovermenu	{
width: 853px;
margin: 0 1px;
border-top: 0px solid rgb(255,255,255);
background: rgb(102,102,102);
voice-family: "\"}\""; 
voice-family:inherit;
font: bold;
height:30px;
border:0px;
color:White;
margin-top: 0px;
padding-top:0px
}

.hovermenu ul	{
margin: 0;
padding: 0;
font-size: 12px;
}

.hovermenu ul li
{
font: bold;
list-style: none;
color: white;
display: inline;
margin-top: 8px;
height:16px;
}

.hovermenu ul li a{
padding: 8px 0.65em;
text-decoration: none;
float: left;
color: white;
border: 0px solid #FFF2BF;
text-align:center;
}


.hovermenu ul li a:hover
{
background-color: #006599;
color: white;
height:14px;
}

html>body .hovermenu ul li a:active{ /* Apply mousedown effect only to NON IE browsers */
color: white;
height:15px;
}