/* CSS Document */

body * {line-height:1.22em;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
/* table{border-collapse:collapse;border-spacing:0;} */
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
q:before,q:after{content:'';}
abbr,acronym {border:0;}

html, body { height: 100% }
body { 
	font-family: tahoma,helvetica,arial,sans-serif,verdana;
	font-size: 10px;
	background-image: url(/images/global/common/body_bg_slvr.gif);
	background-repeat: repeat-y;
	background-position: center top;
}
td, th {
	font-family: tahoma,helvetica,arial,sans-serif,verdana;
	font-size: 10px;
	line-height: 1.22em;
	text-align:left;
}
img { border: 0 }
input, select {
	font-family: tahoma,helvetica,arial,sans-serif,verdana;
	font-size: 10px;
	line-height: 1.22em;
	padding: 2px 0 2px 2px;
}
a { outline-color:-moz-use-text-color; outline-style:none; text-decoration: none; color: #0479A7 }
a:link 	{ color: #0479A7 }
a:visited { color: #0479A7 }
a:hover { text-decoration: underline; color: #0479A7 }
a:active { color: #0479A7 }

.page { width: 100%; height:100%; }
.wrapper { 
	width:100%;
	min-height: 100%; 
	height: auto !important; 
	height: 100%; 
	margin: 0 auto -75px;
	text-align:center;
} 
.content {
	width:797px;
	margin-left:auto;
	margin-right:auto;
}

.no-hover 	{ text-decoration: none }
a.no-hover 	{ text-decoration: none }
a.no-hover:hover { text-decoration: none }




/*------- header START -------*/

.header {
	width:100%;
	height:115px;
	background:url(/images/global/common/top_bg.gif) no-repeat scroll center top;
	text-align:center
}
.header-spacer { background-color:#08588d; height:5px; font-size:1px; line-height:2px }
.login-container { width:820px; height:21px; margin:0 auto }
.nav-msg { float:left; margin:3px 0 0 13px }
.nav-msg h1 { color:#08588d; font-size:11px; font-weight:normal }

#nav-login { float:right; height:21px; width:370px; overflow:hidden }
#nav-login .bdy { position:relative; border:0 none; background:url(/images/global/common/nav_login_tab.gif) no-repeat scroll right top; }
#nav-login .bdy .right {
	background:url(/images/global/common/nav_login_tab.gif) no-repeat scroll right top;
	margin-left:5px
}
#nav-login .logincontent { height:21px; background-color:#08588d; color:#ffffff; text-align:right; margin-left:10px; margin-right:5px;overflow:hidden }
#nav-login .btn { vertical-align:middle; margin-left:5px }
.nav-container { position:relative; margin:0 auto; width:797px; height: 89px }
#upLogo { position:absolute; top:0px; left:0px; height:89px; width:154px; background:url(/images/global/common/logo.gif) no-repeat scroll left top; text-indent:-4000px; color:#ddd }

#upHolidayLogo { position:absolute; top:0px; left:0px; height:89px; width:154px; background:url(/images/global/common/logo_holiday.gif) no-repeat scroll left top; text-indent:-4000px; color:#ddd }

.nav-cart { float:right; margin:8px 0 0 0 }
.nav-cart a { color:#08588d }
.cart-ico { padding:0 0 0 20px; background:url(/images/global/common/nav_cart_ico.gif) no-repeat scroll left top; }
.checkout-ico { padding:0 18px 0 0; background:url(/images/global/common/nav_checkout_arw.gif) no-repeat scroll right top; }

#nav-tabs { position:absolute; top:40px; left:233px; height:27px }
#nav-tabs li { float:left; display:block; width:112px;  }
#nav-tabs li a { padding-right:5px; color:#7489A0; height:27px; display:block; background:url(/images/global/common/nav_tab_sprt.gif) no-repeat scroll -224px 0; font-family:helvetica,arial,tahoma,sans-serif; font-weight:bolder  }
#nav-tabs li a:link { color:#7489A0 }
#nav-tabs li a:visited { color: #7489A0; }
#nav-tabs li a:hover { color:#466280; text-decoration:none; background-position: top left  }
#nav-tabs li span { line-height:12px; padding:8px 0 0 0; display:block }
#nav-tabs li.studiotab span { padding:8px 0 0 0; }
#nav-tabs li.studiotab a { color:#ffffff; background-position: -336px 0 }
#nav-tabs li.studiotab a:link { color:#ffffff }
#nav-tabs li.studiotab a:visited { color:#ffffff }
#nav-tabs li.studiotab a:hover { color:#ffffff; text-decoration:none; background-position: -448px 0}
#nav-tabs li.selected span { padding:5px 0 0 0; }
#nav-tabs li.selected a { color:#FF5200; background-position: -112px 0 }
#nav-tabs li.selected a:link { color:#FF5200 }
#nav-tabs li.selected a:visited { color:#FF5200; }
#nav-tabs li.selected a:hover { color:#FF5200; text-decoration:none; background-position: -112px 0}

#fAcctLogin { margin-left:-5px }
#fAcctLogin * { font-size:10px }
#fAcctLogin input.iptLogin { border:1px solid #08588d; padding:0; font-size:10px;width:110px; line-height:12px; height:12px;}
#fAcctLogin input.iptPass { border:1px solid #08588d; padding:0; font-size:10px;width:60px; line-height:12px; height:12px }
#fAcctLogin input.iptSubmit { padding:0 0 0 8px; vertical-align:top }
#fAcctLogin span { padding:0 4px 0 0}

/*-------- header END --------*/
/*------- side menu START -------*/

#sidemenu { 
	width:122px;
	padding:0px;
	line-height: 14px;
	text-align: left;
}

#sidemenu .head { background-color: #C8D3E1; height:16px; font-size:11px; line-height:11px; padding-left:5px; margin-bottom:8px }
#sidemenu .head a,.head a:hover,.head a:visited { color: #466280; font-weight:bold; vertical-align:middle }
#sidemenu .itemgroup { padding-bottom:12px }
#sidemenu .item { padding-left:8px; }
#sidemenu .item a,.item a:hover,.item a:visited { line-height:14px; color:#466280; font-weight:bold }
#sidemenu .subitemgroup { padding-left:8px }
#sidemenu .subitem { padding-left:8px; }
#sidemenu .subitem a,.subitem a:hover,.subitem a:visited { line-height:14px; color:#466280; font-weight:normal }
#sidemenu .selected { background:url(/images/global/common/raquo.gif) no-repeat scroll 0 4px }

/*-------- side menu END --------*/

/*-------- footer START --------*/
.push { height: 105px;}  /* push height - footer height = top footer padding */
.footer-container { width:100%; text-align:center; clear:both }
.footer { width:795px; height:75px; margin-left:auto; margin-right:auto; text-align:center }
.footer a { font-size: 11px; text-decoration: none; color: #1F2C4B; }
.footer a:hover { text-decoration: underline; }
.footer a:visited { color: #1F2C4B }
/*-------- footer END --------*/



.whereami { height: 17px; font-size: 13px; padding-left:5px; font-weight: bold; color: #003366 }
.whereami a,.whereami a:visited,.whereami a:hover { color: #003366 }



.xlg 	{ font-size: 18px; }
.lg 	{ font-size: 15px; }
.med 	{ font-size: 13px; }
.sm-med { font-size: 11px; }
.sm 	{ font-size: 10px; }
.sm-bld { font-size: 10px; font-weight: bold; }
.ty 	{ font-size: 9px; }

.med-bld-nvy { font-size: 12px; font-weight: bold; text-decoration: none; color: #282933 }
.spacer-med { height:5px; line-height:1px; font-size:1px }
.spacer-med-lg { height:10px; line-height:1px; font-size:1px }


/* Form fields */

.tf {
	color:#003366;
	border: 1px solid #12375E; 
	width:200px;
}
.tf-required {
	color:#003366;
	border: 1px solid #12375E; 
	background-color:#BFCBD9;
	width:200px;
}
.tf-error { 
	color:#003366;
	border: 1px solid #aa0000; 
	background-color: #FFD7D7;
	width:200px;
}

.tf-blk {
	border: 1px solid #000000; 
	width:200px;
	color: #000000;
}
.tf-required-blk { 
	border: 1px solid #000000; 
	background-color:#ffffff;
	width:200px;
	color: #000000;
}
.select-required {
	border: 1px solid #000000; 
	color:#003366;
	background-color:#BFCBD9;
}
.select-blk {
	color: #000000;
	/*
	font-family: tahoma,arial,sans-serif,verdana;
	font-size: 10px;
	line-height: 1.22em;
	padding-left:3px;
	*/
}

.dotBorder { 
	background-color: #EEF3F8;
	background-image:  url(/images/global/blue_gradient.gif); 
	background-repeat: repeat-x;
	border: 2px dotted #069;
	padding: 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
 
.dotLine {
	border-bottom: 2px dotted #069;
	padding-bottom: 5px; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.navy { color: #003366 }
.navy a { color: #003366 }
.navy a:visited { color: #003366 }
.red { color: #aa0000 }
.bred { color: #cc0000 }
.white {color: #ffffff}
.black {color:#000000}

/* AddThis Styles */
#at_caption { font-size: 10px }
#addthis_services tr td a {font-size:10px;}

/* Page Overlay */
#overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}

.overlayMacFFBGHack {background: url(/images/global/macFFBgHack.png) repeat;}
.overlayBG {
	background-color:#000000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

* html #overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#UP_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #UP_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

/* clear fix (http://www.positioniseverything.net/easyclearing.html)
----------------------------------------------- */
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.clearfix {
	_display: inline-table; /* IE6 */
	!display: inline-block; /* IE7 */
}
* html .clearfix {
	/* required by IE in case ALL contents are floated */
	height:1%;
}
.clearfix {
	display: block;
}

