/*-------------------------------------- Style Sheet Information -------------------------------------
------------------------------------------------------------------------------------------------------
Version: 1.4
Included on the following html pages:
	=All NuSkin.com Pages

Notes:
	=Use of _ before selector targets IE6 only.
	=Use of * before selector targets IE6 & 7.

Contains:
	=Global Reset
	=Links
	=Buttons
	=Global Generic Styles
	=Header
	=Footer
	=Containers plus Styles (Generic, Content, Hero & Grid)
	=Breadcrumb
	=Custom Menu
	=Product Module
	=Side Bar & Modules
	=Callouts
	=Home Page
	=Product Detail Page
	=Global Landing Page
	=Blog Page
	=Sign Up Page
	=Create Account Page
	=Shopping Cart Page
	=DOM Window & Log In Form
----------------------------------------------------------------------------------------------------*/



/* =Global Reset  
----------------------------------------------------------------------------------------------------*/	
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, em, img,  strong, sub, sup,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
/* Optional and Usually Not Used */
abbr, acronym, address, applet, big, cite, code,
del, dfn, ins, kbd, q, s, samp,
small, strike, tt, var {
	background: transparent;
	font-size: 100%;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
body {
	color: #363636;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1;
}
ul, dl {
	list-style: none;
}

.textimage {
	width: 100%;
}
.textimage .image {
float:left;
padding:0 15px 12px 0;
}

/*specific for the text/image component  */
div.richtext ul li, div.textimage ul li, div.text ul li {
	background:transparent url(/etc/designs/hello/packaged/img/global/iconsDetails.png) no-repeat scroll 	-1113px 4px;
	border:0 none;
	line-height:1.3em;
	padding:0 0 2px 15px;
	font-size: 13px;
}

div.cq-colctrl-thesource-c2 div.textimage {
width: auto;
font-size: 13px;
}

div.textimage .text p {
	font-size: 13px;
}
div.textimage .text ul li {
	background:none;
	border:0 none;
	line-height:1.3em;
	padding:0 0 2px;
	font-size: 13px;
}


ol li { /* fixes number placement in IE6/7 */
		margin-left: 2.0em;
		line-height: 1.3em;
		padding-bottom: 5px;
}
li, dd, blockquote { 
	margin-left: 1.0em;
}
sup {
	font-size: 12px;
	_font-size: 13px;
	font-weight: normal;
	padding-left: 2px;
	position: relative;
	top: -0.8em;
}
sub {
	font-size: 11px;
	_font-size: 12px;
	font-weight: normal;
}
input, textarea, select, button {
	color: #363636;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
}
:focus { /* still need to define focus styles */
	outline: 0;
}
table { /* tables still need cellspacing="0" in the markup */
	border-collapse: collapse;
	border-spacing: 0;
}
fieldset, img, iframe {
	border: 0;
	vertical-align: bottom;
}

	
/* =Links 
----------------------------------------------------------------------------------------------------*/	
a:link, a:visited {
	color: #008ab0;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
	cursor: pointer;
}
a:active {
	color: #008ab0;
	outline: 0;
}


/* =Buttons 
----------------------------------------------------------------------------------------------------*/
a.btn {
	display: block;
	height: 27px;
	text-indent: -999.9em;
}
a.btn:hover {
	background-position: 0 -27px;
}
a.text-btn {
	display: block;
	height: 27px;
	text-align: right;
	padding-right: 29px;
	border: 0 none;
	background: transparent url("/etc/designs/hello/packaged/img/global/btnRightWithArrow.png") no-repeat 100% 0;
}
a.text-btn:hover {
	background-position: 100% -27px;
}
a.text-btn div {
	height: 27px;
	padding: 7px 0 0 13px;
	border: 0 none;
	background: transparent url("/etc/designs/hello/packaged/img/global/btnLeft.png") no-repeat 0 0;
	color: #FFFFFF;
	font-size: 11px;
	font-weight: bold;
	text-transform: lowercase;
	overflow: hidden;
	min-width:60px;
}
a.find {
	background: url("/etc/designs/hello/packaged/img/global/btnFind.png") 0 0 no-repeat;
	width: 64px;
}
a.nextStep {
	background: url("/etc/designs/hello/packaged/img/global/btnNextStep.png") 0 0 no-repeat;
	width: 98px;
}
a.continue {
	background: url("/etc/designs/hello/packaged/img/global/btnContinue.png") 0 0 no-repeat;
	width: 91px;
}
a.cancel {
	background: url("/etc/designs/hello/packaged/img/global/btnCancel.png") 0 0 no-repeat;
	width: 79px;
}
a.close {
	background: url("/etc/designs/hello/packaged/img/global/btnClose.png") 0 0 no-repeat;
	width: 15px;
}
a.questionMark {
	background: url("/etc/designs/hello/packaged/img/global/btnQuestionMark.png") 0 0 no-repeat;
	cursor: pointer;
	height: 15px;
	width: 15px;
}
a.questionMark:hover {
	background-position: 0 0;
}
a.controls {
	background: url("/etc/designs/hello/packaged/img/global/btnsCarousel.png") 0 0 no-repeat;
	width: 27px;
}
a.upArrow {	background-position: 0 0; }
a.downArrow { background-position: -27px 0; }
a.downArrow:hover { background-position: -27px -27px; }
a.leftArrow { background-position: -62px 0; }
a.leftArrow:hover { background-position: -62px -27px; }
a.rightArrow { background-position: -89px 0; }
a.rightArrow:hover { background-position: -89px -27px; }

.customMenu a.controls {
	height: 17px;
	line-height: 17px;
	margin: 5px 0 5px 97px;
	padding: 0;
	width: 27px;
}
.customMenu a.upArrow {	background-position: -109px 0; }
.customMenu a.upArrow:hover { background-position: -109px -27px; }
.customMenu a.downArrow { background-position: -136px 0; margin-bottom: -1px; }
.customMenu a.downArrow:hover { background-position: -136px -27px; }
.customMenu a.disabled { visibility: hidden; }


/* =Global Generic Styles
----------------------------------------------------------------------------------------------------*/
.displayNone { display: none; }
.topBorder { border-top: 1px solid #e5e5e6; }


/* =Header
----------------------------------------------------------------------------------------------------*/
#header {
	font-size: 11px;
	height: 112px;
	_height: 111px;
	margin: 0 auto;
	padding-top: 15px;
	position: relative;
	width: 980px;
	z-index: 100;
}

/* ----- Logo ----- */
h1#logo {
	background: url("/downtime/images/logoNuSkin.png") 0 0 no-repeat;
	line-height: 60px;
	left: 0;
	padding: 0;
	position: absolute;
	text-indent: -999.9em;
	top: 33px;
	width: 265px;
}
#globalLanding h1#logo {
	background-position: 0 -60px;
	float: left;
	height: 124px;
	margin-right: 137px;
	position: static;
	width: 181px;
}
h1#logo a {
	display: block;
	height: 60px;
}

.utilityBar {
	left: 320px;
	position: absolute;
	top: 37px;
	width: 550px;
	z-index: 120;
}

/* ----- Choose Language & My Office List Menus ----- */
#header .listMenu {
	z-index: 115;
}
#header .listMenu li,
#header .listMenu li a {
	border: 1px #ccc solid;
	display: block;
	float: left;
	position: relative;
}
#header .listMenu li {
	border-width: 1px 0;
	margin: 0;
}
#header .listMenu li a {
	background: url("/etc/designs/hello/packaged/img/global/iconArrowBlueDown.png") 96% 50% no-repeat;
	border-width: 0 1px;
	color: #717073;
	margin: 0 -1px;
	padding: 4px 20px 4px 5px;
	text-decoration: none;
	text-transform: uppercase;
}
#header .listMenu .active {
	border-color: #008ab0;
}
#header .listMenu li ul {
	background-color: #fff;
	border-bottom: 1px solid #cbcbcb;
	clear: both;
	float: left;
	position: absolute;
	top: -999.9em;
	z-index: 120 !important;
	width: 100%;
}
#header .myOffice li ul {
	border-top: 1px solid #cbcbcb;
	width: 168px;
}
#header .listMenu li ul.opened {
	top: 20px;
}
#header .myOffice li ul.opened {
	top: 19px;
}
#header .listMenu li li a {
	background: none;
	border: 0;
	margin: 0;
	padding: 4px 10px 4px 14px;
	width: 100%;
}
#header .myOffice li li,
#header .myOffice li li a {
	width: 156px;
}
#header .listMenu li li {
	border: 1px solid #cbcbcb;
	border-width: 0 1px;
	margin: 0 -1px;
	width: 100%;
}
#header .myOffice li li {
	width: 168px;
}
#header .listMenu li li.first a { padding-top: 8px; }
#header .listMenu li li.last a { padding-bottom: 8px; }
#header .listMenu li li a:hover {
	color: #008ab0;
}

/* ----- Log-in Info ----- */
#header #logInInfo {
	color: #363636;
	float: right;
	font-size: 12px;
	margin-bottom: 15px;
	text-align: right;
	width: 100%;
}
#header #logInInfo span {
	font-weight: bold;
}
#header #logInInfo a {
	font-weight: bold;
	text-decoration: none;
}
#header #logInInfo a:hover {
	text-decoration: underline;
}

.loggedIn,
.loggedIn-10,
.loggedIn-20,
.loggedIn-30 {
	display: none;
}

.notLoggedIn {
	display: block;
}

/* ----- Promo ----- */
#promo {
	color: #008ab0;
	float: right;
	text-align: right;
	text-transform: uppercase;
}
#promo a {
	color: #008ab0;
	cursor: pointer;
	display: inline-block;
	text-decoration: none;
}
#promo a span {
	color: #707173;
	background: url("/etc/designs/hello/packaged/img/global/iconArrowBlue.png") 0 0 no-repeat;
	display: inline-block;
	margin-top: 6px;
	padding-left: 10px;
}
#promo a:hover span,
#promo a span.active {
	color: #008ab0;
}

/* ----- Utility Nav ----- */
#utilityNav {
	display: inline;   
    /*left: 473px;*/
	position: relative;
	/*top: 42px;*/
}
#utilityNav li {
    float: left;
    margin: 0;
	padding: 5px 0 0 13px;
}
#utilityNav a {
	color: #707173;
    text-decoration: none;
    text-transform: uppercase;
}
#utilityNav li#cart {
	background: url("/etc/designs/hello/packaged/img/global/iconCart.png") 13px 5px no-repeat;
	padding-left: 28px;
	padding-right: 20px;
}
#utilityNav a:hover {
	color: #008ab0;
}

/* ----- Main Nav ----- */
#mainNav {
	bottom: 0;
    position: absolute;
    right: 210px;
    z-index: 110;
}
#mainNav li {
    display: block;
    float: left;
    margin: 0;
    padding: 0;
	text-align: left;
}
#mainNav a {
	/*background: url("/etc/designs/hello/packaged/img/global/globalNav.png") 0 0 no-repeat;*/
    cursor: pointer;
    display: block;
    float: left;
    height: 40px;
    /*width: 100px;*/
    /*text-indent: -999.9em;*/
    margin: 0;
    text-decoration: none;
}
/*
#mainNav a#people {	background-position: 0 0; width: 83px; }
#mainNav a#products { background-position: -86px 0; width: 114px; }
#mainNav a#culture { background-position: -202px 0;	width: 99px; }
#mainNav a#opportunity { background-position: -303px 0;	width: 144px; }
#mainNav a#people:hover,
#mainNav li.active a#people { background-position: 0 -40px; }
#mainNav a#products:hover,
#mainNav li.active a#products { background-position: -86px -40px; }
#mainNav a#culture:hover,
#mainNav li.active a#culture { background-position: -202px -40px; }
#mainNav a#opportunity:hover,
#mainNav li.active a#opportunity { background-position: -303px -40px; }
#mainNav li.selected a#people { background-position: 0 -80px; }
#mainNav li.selected a#products { background-position: -86px -80px; }
#mainNav li.selected a#culture { background-position: -202px -80px; }
#mainNav li.selected a#opportunity { background-position: -303px -80px; }
*/

/* ----- Sub-Nav ----- */
#mainNav .subNav {
	padding: 0 15px;
	left: -999.9em;
	position: absolute;
	top: 40px;
	width: 1014px;
	z-index: 120;
}
/*#mainNav li.active .subNav {
	left: -316px;
}*/

/* Set Background */
#setMainNavBg {
	display: none;
	background: url("/etc/designs/hello/packaged/img/global/mainNavSubNavBg.png") 0 0 no-repeat;
	height: 355px;
	left: 50%;
	margin: 0 0 0 -506px;
	position: absolute;
	top: 127px;
	_top: 126px;
	width: 1014px;
	z-index: 95;
	/* IE6 PNG Filter */
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/etc/designs/hello/packaged/img/global/mainNavSubNavBg.png', sizingMethod='image');
	_background: none;
}

/* Set Arrow */
#mainNav li ul {
	background: url("/etc/designs/hello/packaged/img/global/mainNavArrow.png") 50% 0 no-repeat;
	height: 340px;
	z-index: 130;
}
/*
#mainNav .pos1 ul { background-position: 361px 0; }
#mainNav .pos2 ul { background-position: 459px 0; }
#mainNav .pos3 ul { background-position: 564px 0; }
#mainNav .pos4 ul { background-position: 681px 0; }
*/

/* Set Columns */
#mainNav li .subNav li {
	border-right: 1px solid #ddd;
	height: 312px;
	margin-top: 3px;
	padding: 25px 0 0 0;
}
#mainNav li .subNav li.last {
	border: 0;
}

#mainNav li .col1 li {
    width: 984px;
}

#mainNav li .col2 li {
    width: 492px;
}

#mainNav li .col3 li {
	width: 327px;
}
#mainNav li .col3 li.last {
	width: 328px;
}

#mainNav li .col4 li {
    width: 245px;
}

#mainNav li .col5 li {
	width: 196px;
}
#mainNav li .col5 li.last {
	width: 196px;
}

/* Styles Links */
#mainNav li .subNav a {
	background: none;
	color: #717073;
	cursor: pointer;
	display: block;
	float: none;
	font-size: 12px;
	font-weight: bold;
	height: auto;
	margin: 0 19px 8px 19px;
	position: relative !important;
	text-indent: 0;
}
#mainNav li .subNav span.hdr {
	color: #363636;
	display: block;
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 8px;
}
#mainNav li .subNav span.subHdr {
	border-bottom: 3px solid #e9e9ea;
	display: block;
	font-weight: bold;
	margin-bottom: 10px;
	padding: 0 0 8px 0;
}
#mainNav li .subNav a:hover,
#mainNav li .subNav a:hover span {
	color: #008ab0;
}

/* Background Images */
/*
#mainNav .subNav li { background: url("/etc/designs/hello/packaged/img/global/mainNavSubNavPhotos.jpg") 0 100% no-repeat; }

#mainNav .pos1 .col1 { background-position: 0 100%; }
#mainNav .pos1 .col2 { background-position: -329px 100%; }
#mainNav .pos1 .last { background-position: -657px 100%; }

#mainNav .pos2 .col1 { background-position: -985px 100%; }
#mainNav .pos2 .col2 { background-position: -1183px 100%; }
#mainNav .pos2 .col3 { background-position: -1379px 100%; }
#mainNav .pos2 .col4 { background-position: -1576px 100%; }
#mainNav .pos2 .last { background-position: -1773px 100%; }

#mainNav .pos3 .col1 { background-position: -1970px 100%; }
#mainNav .pos3 .col2 { background-position: -2299px 100%; }
#mainNav .pos3 .last { background-position: -2627px 100%; }

#mainNav .pos4 .col1 { background-position: -2955px 100%; }
#mainNav .pos4 .col2 { background-position: -3152px 100%; }
#mainNav .pos4 .col3 { background-position: -3349px 100%; }
#mainNav .pos4 .col4 { background-position: -3546px 100%; }
#mainNav .pos4 .last { background-position: -3743px 100%; }
*/

/* ----- Content Shade ----- */
.contentShade {
	background: url("/etc/designs/hello/packaged/img/global/bgContentShade.png") 0 0 repeat;
	left: 0;
	position: absolute;
	top: 128px;
	_top: 127px;
	width: 100%;
	z-index: 90;
	/* Use Opacity for IE6 */
	_background-image: none;
	_background-color: #000;
	_filter:alpha(opacity=30);
	/*background-color: #000;
	opacity: 0.3;
	-moz-opacity: 0.3;
	filter:alpha(opacity=30); IE6&7&8 */
}

/* ----- Global Search ----- */
#globalSearch {
    background: url("/etc/designs/hello/packaged/img/global/bgSearchField.png") 0 0 no-repeat;
    bottom: 15px;
    height: 25px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    right: 0;
    width: 151px;
}
#globalSearch fieldset {
    float: left;
    height: 25px;
}
#globalSearch input {
	float: left;
}
#globalSearch input.globalSearchField {
    background-color: transparent;
    border: 0;    
    font-size: 12px;
    height: 21px;
    padding-top: 5px;
	padding-right: 6px;
    width: 111px;
	margin-left: 8px;
}
#globalSearch input.preFocus {
	color: #B7B4A6;
	font-style: italic;
}
#globalSearch input.globalSearchButton {
    background: url("/etc/designs/hello/packaged/img/global/bgSearchButton.png") 0 0 no-repeat;
    border: 0;
    height: 25px;
    width: 25px;
	padding: 0;
	margin: 0;
	color: transparent;
    cursor: pointer;
}

/* ----- Divider ----- */
#headerDivider {
	background: url("/etc/designs/hello/packaged/img/global/bgBorderHeader.png") 0 100% repeat-x;
	clear: both;
	height: 3px;
	_float: left;
	_line-height: 3px;
	text-indent: -999.9em;
	width: 100%;
}


/* =Footer
----------------------------------------------------------------------------------------------------*/
#footer {
	color: #707173;
	font-size: 11px;
	margin: 25px auto 0 auto;
	padding-bottom: 30px;
	width: 980px;
}
#footer a {
	color: #707173;
	text-decoration: none;
}
#footer a:hover {
	color: #008ab0;
}

/* ----- Location ----- */
#location {
	background: /*url("/etc/designs/hello/packaged/img/global/iconCountry.png")*/ 0 0 no-repeat;
	float: right;
	line-height: 14px;
	padding-left: 23px;
}

/* ----- Corporate Nav ----- */
#corporateNav {
	display: inline-block;
}
#corporateNav li {
	display: inline;
	float: left;
	margin: 0;
	padding-right: 13px;
}

/* ----- Divider ----- */
#footerDivider {
	border-top: 1px solid #e9e9ea;
	clear: both;
	height: 1px;
	_float: left;
	_line-height: 1px;
	text-indent: -999.9em;
	width: 100%;
}


/* =Containers plus Styles (Generic, Content, Hero & Grid)
----------------------------------------------------------------------------------------------------*/
/* ----- Generic ----- */
.container {
	background-color: #fafafa;
	text-align: center;
}
#home .container {
	background-color: #fff;
	text-align: left;
}
#globalLanding .container {
	background-color: #fff;
	text-align: center;
}

/* ----- Content ----- */
#content {
	margin: 0 auto;
	padding: 25px 0 25px;
	text-align: left;
	overflow: hidden;
	width: 980px;
}

/* ----- Hero ----- */
#hero {
	margin:0 0 20px;
	position:relative;
	min-height: 241px;
}

#generalContent #hero img {
    max-width: 100%;
}

#hero img {
    max-width: 100%;
}

#hero a {
	background:url("/etc/designs/hello/packaged/img/global/bordersHover.png") no-repeat scroll -646px -636px transparent;
	display:block;
	height:241px;
	left:-78px;
	position:absolute;
	top:-57px;
	width:980px;
}
#hero a:hover,
#hero a.active {
	background-position: -646px -395px;
	text-decoration: none;
}
#subSectionLanding #hero a {
	width: 647px;
}
#subSectionLanding #hero a:hover,
#subSectionLanding #hero a.active {
	background-position: 0 -395px;
}

/* DEV NOTE: Default text color is white and positioning is left. To change color and positioning, just add the 'dark' and 'alignRight' classes to the 'text' div. If you're using a logo, add the 'hasLogo' class. If there's a sub-header, add the 'hasSubHdr' class. If you want the header to be blue, add the 'hdrBlue' class. You can also make the weight of the copy bold by adding the 'bold' class.

An example of all the options would be:
<div class="text bold alignRight hasLogo hasSubHdr"> */
#hero .text {
	color: #fff;
	left: 8%;
	/*left: 83px;*/
	position: absolute;
	top: 23%;
	/*top: 103px;*/
	width: 325px;
}

#hero .text h2 {
	font-size: 24px;
	padding: 0 0 15px 0;
	text-transform: uppercase;
}
#hero .text h2 span {
	display: block;
	font-size: 12px;
	padding-top: 5px;
}
#hero .text p {
	line-height: 1.3em;
	font-size: 13px;
	padding: 0 0 15px 0;
	font-weight: bold;
}
#hero .text img {
	margin-bottom: 17px;
	margin-left: -3px;
}
#hero .hasSubHdr {
	top: 60px;
}

/* Set Text Position Based on Template */
#hero .alignRight {
left: 60%;
    width: 30%;
}
#subSectionLanding #hero .text {
	top: 66px;
	width: 250px;
}
#subSectionLanding #hero .alignRight {
	left: 333px;
}

/* Set Hero Text Styles */
#hero h2 {
	font-size: 24px;
	color: #ffffff;
}
#hero .dark h2 {
	color: #717073;
}

#hero p {
	font-size: 13px;
	line-height: 1.5em;
	width:100%;
}
#hero .hdrBlue h2 {
	color: #008ab0;
}
#hero .bold p {
	font-weight: bold;
}
#hero .dark p {
	color: #363636;
}
#subSectionLanding #hero h2 {
	font-weight: normal;
}
#subSectionLanding #hero p {
	font-size: 13px;
}

/* Adjust Hero Based on Template */
#hero.productDetail {
	float: left;
	margin: 15px 0 15px 0;
	width: 368px;
}


/* ----- Callout Div ----- */
.call{
   /* margin: 0 0 20px 0;*/
    position: relative;
    min-height:222px;
    max-height:222px;
    min-width:313px;
    overflow:hidden;
}
#home .call{
    position: relative;
    min-height:173px;
    max-height:173px;
    min-width:230px;
    overflow:hidden;
}
/*#generalContent .call {
    margin-bottom: 10px;
}*/

#generalContent .call img {
   max-width: 100%;
}



 .callout a:link, a:visited {
	text-decoration: none;
}



/*
.call a:hover{
    color:#008AB0;
    text-decoration:underline;
}
  */

/*
#callouts a span {
background:transparent url(/img/global/bordersHover.png) no-repeat scroll 0 0;
display:none;
left:0;
position:absolute;
top:0;
}
*/
.call a {
    background: url("/etc/designs/hello/packaged/img/global/bordersHover.png") -646px -636px no-repeat;
    display: block;
    height: 241px;
    left: 0;
    position: absolute;
    top: 0;
    width: 980px;
}


.call a:hover,
.call a.active {
    background-position: -646px -395px;
    text-decoration: none;
}
/*
#subSectionLanding .call a {
    width: 647px;
}
#subSectionLanding .call a:hover,
#subSectionLanding .call a.active {
    background-position: 0 -395px;
}
*/

/* DEV NOTE: Default text color is white and positioning is left. To change color and positioning, just add the 'dark' and 'alignRight' classes to the 'text' div. If you're using a logo, add the 'hasLogo' class. If there's a sub-header, add the 'hasSubHdr' class. If you want the header to be blue, add the 'hdrBlue' class. You can also make the weight of the copy bold by adding the 'bold' class.

An example of all the options would be:
<div class="text bold alignRight hasLogo hasSubHdr"> */
.call .text {
    color: #fff;
    left: 20px;
    position: absolute;
    right:20px;    
    top: 20px;
    width: 60%;
}

#home .call .text {
    left: 16px;
    right:16px;    
    top: 16px;
}

#home .call {
	text-align: left;
}


.call div.text h2 {
    width: 100%;
    font-size: 16px;
    line-height: 1em;
		margin-top:0;
		text-transform:none;
}

#home .call .text h2 {
    font-size: 15px;
}

.call .text span {
    width: 100%;
    font-weight: bold;
    font-size: 12px;
    line-height: 1em;
}

.call .text .callout-body p {
	padding-top:15px;
	line-height:1.2em;
}


#home .call .text span {
	display: none;
}

.call .text p {
    width: 100%;
    font-size: 13px;
    line-height: 1.2em;
    
}
.call .text img {
    margin-bottom: 20px;
}

.call .actionLink {
    font-size: 13px;
    font-weight: bold;
    color: #008ab0;
    left: 20px;
    position: absolute;
    bottom: 20px;
    width: 60%;
		text-transform: lowercase;
}

.call .light {
    color: #ffffff;
}

.call .blue {
    color: #008ab0;
}

.call .dark {
    color: #363636;
}

#home .call .actionLink {
    left: 16px;
    bottom: 16px;
}

/*
.noImage {
    background: url("/etc/designs/hello/packaged/img/global/gray-gradient-small.jpg") 0 0 no-repeat;
} */


.call .textOnly{
    width:100%;
}

/* Override Top Positioning Based on Presence of Logo & Sub-Header */
.call .hasLogo {
    top: 30px;
}
.call .hasSubHdr {
    top: 40px;
}

/* Set Text Position Based on Template */
.call .alignRight {
   left: 60%;
    width:30%;
}
#subSectionLanding .call .text {
    top: 66px;
    width: 250px;
}
#subSectionLanding .call .alignRight {
    left: 333px;
}
#hero .call .alignRight {
	left: 50%;
	width: 50%;
}

/* Set Hero Text Styles */
.call .blue h2 {
    color: #008AB0;
}
.call .dark h2 {
    color: #363636;
}
#hero .call .dark h2 {
	color: #363636;
}
.call .hdrBlue h2 {
    color: #008ab0;
}
.call .bold p {
    font-weight: bold;
}
.call .dark p {
    color: #363636;
}

.call .dark span {
    color: #363636;
}
#subSectionLanding .call h2 {
    font-weight: normal;
}
#subSectionLanding .call p {
    font-size: 13px;
}

/* Adjust callout Based on Template */
.call.productDetail {
    float: left;
    margin: 0 0 15px 0;
    width: 368px;
}


.callout .noImage{
    background: url("/etc/designs/hello/packaged/img/global/gray-gradient-large.jpg") 0 0 no-repeat;
}

/* CALLOUT MISSING BACK GROUND IMAGES */
.cq-colctrl-lt2 .noImage,
.cq-colctrl-l-s-c1 .noImage,
.cq-colctrl-s-s-s-c0 .noImage,
.cq-colctrl-s-s-s-c1 .noImage,
.cq-colctrl-s-s-s-c2 .noImage,
.cq-colctrl-s-l-c0 .noImage{
    background: url("/etc/designs/hello/packaged/img/global/gray-gradient-small.jpg") 0 0 no-repeat;
	height: 222px;
}

.cq-colctrl-l-s-c0 .noImage,
.cq-colctrl-s-l-c1 .noImage{
    background: url("/etc/designs/hello/packaged/img/global/gray-gradient-large.jpg") 0 0 no-repeat;
	height: 222px;
}

.cq-colctrl-lt0 .noImage,
.cq-colctrl-m-m-c0 .noImage,
.cq-colctrl-m-m-c1 .noImage{
    background: url("/etc/designs/hello/packaged/img/global/gray-gradient-medium.jpg") 0 0 no-repeat;
	height: 222px;
}

.home-colctrl-s-s-s-s .noImage,
.home-colctrl-s-s-l-c0 .noImage,
.home-colctrl-s-s-l-c1 .noImage,
.home-colctrl-l-s-s-c1 .noImage,
.home-colctrl-l-s-s-c2 .noImage {
	background: url("/etc/designs/hello/packaged/img/global/gray-gradient-home-small.jpg") 0 0 no-repeat;
	height: 173px;
}

.home-colctrl-s-s-l-c2 .noImage,
.home-colctrl-l-s-s-c0 .noImage {
	background: url("/etc/designs/hello/packaged/img/global/gray-gradient-home-large.jpg") 0 0 no-repeat;
	height: 173px;
}



//** CALLOUT MOUSE OVER EFFECT **//

.cq-colctrl-lt2 .call span.mouse-effect{
	background-position: -230px -173px;
	width: 313px;
}

.cq-colctrl-lt2 .call span.mouse-effect {
	background-position: -543px -173px;
	width: 480px;
}

.cq-colctrl-lt2 .call span.mouse-effect {
	background-position: -1023px -173px;
	width: 647px;
}






/* ----- Grid ----- */
#grid {
	display: inline-block;
	margin: 0 -10px;
	width: 1000px;
}
#grid h3 {
	clear: both;
	color: #707173;
	font-size: 20px;
	margin: 0 10px;
	padding: 0 0 20px 0;
}
#grid h3.topBorder {
	display: inline-block;
	font-size: 18px;
	margin-top: 10px;
	padding-top: 20px;
	width: 100%;
}

/* ----- Adjustments for 2 Column Layout ----- */
.col2,
.col2 #hero {
	width: 647px;
}
.col2 #grid {
	width: 666px;
}

/* ----- Content Styles ----- */
#content h1 {
	color: #008ab0;
	font-size: 24px;
	font-weight: normal;
	padding-bottom: 25px;
}

#generalContent .mainBody{
   width: 647px; 
	 float: left;
}

#generalContent .linklist{
    clear:both;
    display:block;
}

#generalContent p {
	font-size: 13px;
	line-height: 1.5em;
/*	padding-bottom: 20px; */
}

.title h2 {
	font-size: 20px;
	color: #363636;
	margin-bottom: 10px;
}
.title h3 {
	font-size: 13px;
	color: #363636;
	margin-bottom: 5px;
}



/* =Breadcrumb
----------------------------------------------------------------------------------------------------*/
#breadcrumb {
	background: url("/etc/designs/hello/packaged/img/global/bgBreadcrumbBar.png") 0 0 repeat-x;
	border-bottom: 1px solid #e5e5e6;
	height: 68px;
	text-align: left;
	text-transform: uppercase;
}
#breadcrumb .container {
	background-color: transparent;
	line-height: 68px;
	margin: 0 auto;
	text-align: left;
	width: 980px;
}
#breadcrumb a.section,
#breadcrumb span.arrow {
	background: url("/etc/designs/hello/packaged/img/global/iconArrowBreadcrumb.png") 100% 50% no-repeat;
	color: #707173;
	float: left;
	font-size: 15px;
	margin: 0 10px 0 0;
	padding-right: 13px;
	text-decoration: none;
}
#sectionLanding #breadcrumb a.section {
	background: none;
	padding: 0;
}
#breadcrumb a.section:hover {
	color: #008ab0;
}
#breadcrumb span.arrow {
	line-height: 11px;
	margin: 28px 10px 0 10px;
	padding: 0;
	text-indent: -999.9em;
	width: 5px;
}


/* =Custom Menu
----------------------------------------------------------------------------------------------------*/
.customMenu {
	display: inline;
	float: left;
	margin: 21px 0 0 0;
	position: relative;
	text-align: left;
	z-index: 50;
}
.customMenu a.openClose {
	background: url("/etc/designs/hello/packaged/img/global/customMenu.png") 0 0 no-repeat;
	color: #363636;
	float: left;
	font-size: 11px;
	height: 25px;
	line-height: 25px;
	padding: 0 0 0 15px;
	text-decoration: none;
	width: 209px;
}
.customMenu a.openClose:hover {

	background-position: 0 -29px;
}
.customMenu a.opened,
.customMenu a.opened:hover {
	background-position: 0 -54px;
}

/* ----- Menu ----- */
.customMenu .menu {
	background: url("/etc/designs/hello/packaged/img/global/customMenu.png") -224px 100% no-repeat;
	display: none;
	left: 0;
	padding: 10px 0 6px 0;
	position: absolute;
	top: 25px;
	width: 224px;
}
.customMenu .menu li {
	line-height: 1.4em;
	margin: 0 0 0 14px;
	width: 195px;
}
.customMenu .menu li.header a {
	background: url("/etc/designs/hello/packaged/img/global/customMenu.png") 0 -90px no-repeat;
	font-weight: bold;
}
.customMenu .menu li a {
	color: #363636;
	display: block;
	font-size: 11px;
	font-weight: normal;
	padding: 0 0 7px 10px;
	text-decoration: none;
	text-transform: uppercase;
	width: 185px;
}
.customMenu .menu li a:hover {
	color: #008ab0;
}


/* =Product Module
----------------------------------------------------------------------------------------------------*/
.module {
	background: url("/etc/designs/hello/packaged/img/global/module.png") 0 0 no-repeat;
	float: left;
	height: 222px;
	margin: 0 10px 20px 10px;
	position: relative;
	width: 230px;
	text-align: center;
}

.module-doublewide {
	background: url("/etc/designs/hello/packaged/img/global/doublewide-module.png") 0 0 no-repeat;
	width: 480px;
}

/* ----- Details ----- */
.module .details {
	display: block;
	font-size: 12px;
	height: 222px;
	left: 0;
	position: absolute;
	top: 0;
	width: 230px;
	text-align: left;
}
.module-doublewide .details {
	width: 480px;
}
.module .details h4 {
	border-bottom: 3px solid #e9e9ea;
	color: #008ab0;
	font-size: 12px;
	margin: 20px 20px 0 20px;
	padding-bottom: 8px;
}
.module .details p {
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	line-height: 1.6em;
	padding: 18px 20px 0 20px;
}
.module .details p,
.module .details span.shadeLabel {
	visibility: hidden;
}
.module .details span.shadeLabel {
	background: url("/etc/designs/hello/packaged/img/global/iconsModule.png") 0 1px no-repeat;
	bottom: 20px;
	color: #fff;
	font-weight: bold;
	left: 20px;
	padding-left: 11px;
	position: absolute;
	text-decoration: none;
}
.module .details span.iconVideo {
	background-position: -218px 1px;
	left: 54%;
	padding-left: 16px;
}
.module .details span.shadeLabel:hover {
	text-decoration: underline;
}

.module .details span a {
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	position: relative;
}
.module .details span a:hover {
	text-decoration: underline;
}

/* ----- Shade ----- */
.module .shade {
	background: url("/etc/designs/hello/packaged/img/global/moduleShade.png") 0 -222px no-repeat;
	float: left;
	height: 222px;
	width: 230px;
}
.module-doublewide .shade {
	background: url("/etc/designs/hello/packaged/img/global/doublewide-moduleShade.png") 0 -222px no-repeat;
	width: 480px;
}
/* ----- Active States ----- */
.module .active {
	background-position: 0 0;
	display: block;
	/* IE6 PNG Filter */
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/etc/designs/hello/packaged/img/global/moduleShade.png', sizingMethod='image');
	_background: none;
}
.module .active h4 {
	border-color: #919191;
	color: #fff;
}
.module .active p,
.module .active span.shadeLabel {
	visibility: visible;
}

/* ----- Overrides Based on Template ----- */
.category .module img {
	margin-top: 51px;
}

.subCategoryLevel2 .module {
    text-align: center;
}
.subCategoryLevel2 .module a {
    text-decoration: none;
}
.subCategoryLevel2 .module img {
	margin-left: 0px;
	margin-top: 4px;
}
.subCategoryLevel2 .details {
	color: #717073;
	font-weight: bold;
	height: 78px;
	position: static;
    text-align: left;
}
.subCategoryLevel2 .details h4 {
	border-bottom: 0;
	border-top: 3px solid #e9e9ea;
	height: 46px;
	line-height: 1.3em;
	margin: 2px 20px 0 20px;
	padding-bottom: 2px;
	padding-top: 4px;
}
.subCategoryLevel2 .details div {
	float:left;
}
.subCategoryLevel2 .details .price {
	color: #555;
	padding: 0 8px 0 20px;
}
.subCategoryLevel2 .details .price .overriden-price {
	margin-right: 6px;
}
.subCategoryLevel2 .details h4 a {
	color: #008ab0;
	margin-left: 0;
}
.subCategoryLevel2 .details h4 a:hover {
	text-decoration: underline;
}
.subCategoryLevel2 .details a {
	background: none;
	color: #363636;
	margin-left: 0;
	padding-left: 0;
	position: static;
	visibility: visible;
}
.subCategoryLevel2 .details a:hover {
	color: #008ab0;
	text-decoration: none;
}


/* =Side Bar & Modules
----------------------------------------------------------------------------------------------------*/
#sideBar {
	float: right;
	font-size: 12px;
	width: 293px;
}
#sideBar.productDetail {
	background: url("/etc/designs/hello/packaged/img/global/bgCarouselVert.png") 0 0 no-repeat;
	float: left;
	height: 631px;
	margin-top: 53px;
	width: 148px;
}
#sideBar .module {
	background: url("/etc/designs/hello/packaged/img/global/moduleSidebar.png") 0 100% no-repeat;
	height: auto;
	margin: 0 0 20px 0;
	padding-bottom: 10px;
	width: 293px;
}
#sideBar .bottomright .module {
	padding-bottom: 20px;
}
#sideBar .bottomright .module p {
	line-height: 1.3em;
}
#sideBar .module h3 {
	font-size:12px;
	font-weight: normal;
	margin:0 0 15px;
}
#sideBar .module .topCurve {
	background: url("/etc/designs/hello/packaged/img/global/moduleSidebar.png") 0 0 no-repeat;
	clear:both;
	height: 5px;
	text-indent: -999.9em;
}
#sideBar .module li {
	line-height: 1.2em;
	margin: 0 20px;
	padding: 0 0 10px 0;
}
#sideBar .module fieldset {
	display: inline;
	margin: -10px 0 5px 20px;
}
#sideBar .module input {
	border: 1px solid #cbcbcb;
	float: left;
	font-size: 13px;
	margin-right: 15px;
	padding: 3px 5px;
	width: 165px;
}
#sideBar .module a.btn {
	float: left;
}
#sideBar .module a {
	font-weight: bold;
	text-decoration: none;
}
#sideBar .bottomright .module a {
	font-size: 12px;
}
#sideBar .bottomright .module a:hover {
	text-decoration: underline;
}

/* ----- Quote Module ----- */
#sideBar .quote {
	margin-top: -35px;
}
.quote img {
	margin: 20px;
}

/* ----- Nav Module ----- */
#sideBar .sideNav {
	background-color: #fff;
	margin-bottom: 55px;
}
#sideBar .sideNav ul {
	padding: 5px 0 0 0;
}
#sideBar .sideNav li {
	border-bottom: 1px solid #cbcbcb;
	padding: 12px 0;
	text-transform: uppercase;
	text-align: left;
}
#sideBar .sideNav li.last {
	border: 0;
	padding-bottom: 10px;
}
#sideBar .sideNav li ul {
	margin-bottom: -5px;
	padding-top: 10px;
}
#sideBar .sideNav li li {
	border: 0;
	padding: 5px 0;
	text-transform: none;
}
#sideBar .sideNav li a,
#sideBar .sideNav li.selected li a {
	color: #363636;
}
#sideBar .sideNav li a:hover,
#sideBar .sideNav li li a:hover,
#sideBar .sideNav li.selected a,
#sideBar .sideNav li li.selected a {
	color: #008ab0;
	text-decoration: none;
}


/* =Callouts
----------------------------------------------------------------------------------------------------*/
#callouts a {
	display: inline;
	float: left;
	height: 222px;
	margin: 0 10px 20px 10px;
	position: relative;
}
#home #callouts a {
	display: inline-block;
	float: none;
	height: 173px;
	margin: 0 8px 15px 8px;
}
#callouts a span {
	background: url("/etc/designs/hello/packaged/img/global/bordersHover.png") 0 0 no-repeat;
	display: none;
	left: 0;
	position: absolute;
	top: 0;
}
#callouts a:hover span,
#callouts span.active {
	cursor: pointer;
	display: block;
	height: 222px;
}
#home #callouts a:hover span,
#home #callouts span.active {
	height: 173px;
	width: 230px;
}
#home #callouts a.wide:hover span,
#home #callouts a.wide span.active {
	background-position: -230px 0;
	width: 480px;
}
#callouts a.small img {
	height: 100%; /* IE6&7 */
}
#callouts a.mini span,
#callouts a.mini span.active {
	background-position: 0 -173px;
	width: 230px;
}

#callouts a.small span,
#callouts a.small span.active {
	background-position: -230px -173px;
	width: 313px;
}
#callouts a.medium span,
#callouts a.medium span.active {
	background-position: -543px -173px;
	width: 480px;
}
#callouts a.large span,
#callouts a.large span.active {
	background-position: -1023px -173px;
	width: 647px;
}


/* =Home Page
----------------------------------------------------------------------------------------------------*/
/* ----- Hero Flash ----- */
#home #hero {
	background: url("/etc/designs/hello/packaged/img/home/bgHero.png") 0 0 repeat-x;
	/* height: 430px; */
	height: 450px;
	/* margin: 60px 0 30px 0; */
	margin: 0;
	overflow: hidden;
	position: relative;	
	text-align: center;
	width: 100%;
}
#home #hero a {
	background: none;
	position: relative;
	top: 0;
	left: 0;
	width: auto;
	height: auto;
}
#home #hero #noFlashContent {
	margin-top: 63px;
}
#home #hero #noFlashContent #getFlash {
	position: absolute;
}
#home #flash {
	left: 50%;
	margin: 0 0 0 -600px;
	overflow: hidden;
	position: absolute;
	top: 0;
	width: 1280px;
}

/* ----- Content ----- */
#home #content {
	background: #fafafa url("/etc/designs/hello/packaged/img/home/bgGradientPromos.png") 0 0 repeat-x;
	margin: 0;
	padding: 0;
	text-align: center;
	width: 100%;
}

/* ----- Callout Promos ----- */
#home #callouts {
	border-top: 1px solid #d2d2d3;
	padding: 20px 0 73px 0;
}

#home .callout {
	padding: 20px 0 73px 0;
}


/* =Product Detail Page
----------------------------------------------------------------------------------------------------*/
#productInfo {
	display: inline;
	float: left;
	font-size: 13px;
	margin: 53px 45px 0 45px;
	width: 371px;
}
#content #productInfo h1 {
	color: #008ab0;
	font-size: 24px;
	margin-bottom: 25px;
	padding-bottom: 0;
}
#productInfo a.viewOther {
	background: url("/etc/designs/hello/packaged/img/global/iconArrowBlue.png") 0 0 no-repeat;
	display: inline-block;
	font-size: 11px;
	margin-bottom: 25px;
	margin-top: 10px;
	padding-left: 10px;
	text-decoration: none;
	text-transform: uppercase;
}
#productInfo a.viewOther:hover {
	text-decoration: underline;
}
#content #productInfo p,
#content #productInfo .text {
    color: #363636;
    line-height: 1.6em;
}

/* ----- Order Info ----- */
#orderInfo {
	border-top: 3px solid #e9e9ea;
	display: inline-block;
	margin-top: 23px;
	padding-top: 23px;
	width: 394px;
}
#productInfo fieldset {
	float: right;
	font-size: 12px;
}
#productInfo label { /* Only IE 6&7 require this */
	*float: left;
	*margin-top: 10px;
}
#productInfo input {
	border: 1px solid #cbcbcb;
	font-family: Arial, Helvetica, sans-serif;
	margin-left: 8px;
	padding: 5px;
	width: 20px;
}
#productInfo a.addToCart,
#productInfo a.addToAdrCart {
	float: right;
	margin-top: 10px;
	width: auto;
	white-space: nowrap;
	display: block;
}
#productInfo a.addToCart div {
	/*width: 60px;*/
}#productInfo a.addToAdrCart div {
	/*width: 81px;*/
}
#productInfo dl {
	float: left;
	line-height: 1.6em;
	width: 226px;
	min-height: 80px;
}
#productInfo dt {
	float: left;
	width: 115px;
}
#productInfo dd {
	float: left;
	font-weight: bold;
	margin: 0;
	padding: 0 0 0 20px;
	width: 90px;
}
#content #productInfo dl p {
	float: left;
	width: 371px;
	margin-top: 15px;
}

/* ----- Details Show/Hide ----- */
#details {
	clear: both;
	margin: 0;
	padding-top: 15px;
	width: 371px;
}
#details li {
	border-bottom: 1px solid #d2d2d3;
	margin: 0;
	padding: 10px 0;
}
#details li.bottom {
	border: 0;
}
#details li a {
	background: url("/etc/designs/hello/packaged/img/global/iconsDetails.png") 0 1px no-repeat;
	color: #363636;
	font-size: 12px;
	font-weight: bold;
	padding-left: 18px;
	text-decoration: none;
	text-transform: uppercase;
}
#details li a:hover {
	background-position: -371px 1px;
}
#details li a.selected,
#details li a.selected:hover {
    background-position: -742px 1px;
}
#details li div.contentSectionContainer {
	display: none;
	padding-top: 15px;
}
#details li div.contentSectionContainer li {
	background: url("/etc/designs/hello/packaged/img/global/iconsDetails.png") -1113px 4px no-repeat;
	border: 0;
	line-height: 1.6em;
	padding: 0 0 2px 15px;
}
#details li div.contentSectionContainer a {
    background: transparent;
    font-size: 100%;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
	font-weight: normal;
	text-transform:none;
	color: #008AB0;
	text-decoration: underline;
}
#details li div.contentSectionContainer a strong {
	font-weight: normal;
}
/* ----- Carousel ----- */
.carouselWrap {
	margin: 0 auto;
	padding: 10px 0 30px 0;
	text-align: left;
	position: relative;
	width: 980px;
}
.carouselWrap h5 {
	color: #363636;
	font-size: 12px;
	padding: 20px 15px 20px 0;
	text-transform: uppercase;
}
.carouselWrap a.controls {
	float: left;
	margin: 80px 0 0 0;
	padding: 0;
	width: 10px;
}
.carouselWrap a.rightArrow {
	position: absolute;
	right: 0;
	top: 62px;
}
.carousel {
	float: left;
	padding: 20px 0 5px 0;
}
.carousel li {
	display: inline;
	float: left;
	margin: 0 5px;
	padding: 10px 0;
	text-align: center;
	width: 180px;
}
.carousel li img {
	margin: auto;
	display: block;
}
.carousel li span {
	display: block;
	line-height: 1.4em;
	margin-top: 5px;
	padding: 0 20px;
	text-decoration: none;
}
.carousel li a {
	display: block;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}
.carousel li a:hover span,
.carousel li span.active {
	text-decoration: underline;
}
#otherProducts {
    position: relative;
}

/* ----- Adjustments for Vertical Carousel ----- */
.vertical {
    padding: 0;
    width: 146px;
}
.vertical h5 {
    padding-bottom: 10px;
    padding-left: 15px;
    text-transform: none;   
}
.vertical a.controls {
    height: 22px;
    float: none;
    margin: 0 0 0 59px;
    width: 27px;
}
.vertical a.downArrow {
    margin-top: 5px;
}
.vertical .carousel {
    float: none;
    padding-top: 0;
}
.vertical .carousel li {
    display: block;
    *float: left !important;
    height: 154px;
    margin: 0;
    padding: 10px 18px;
    width: 110px;   
}
.vertical .carousel li span {
    padding: 0;
}



/* =Global Landing Page
----------------------------------------------------------------------------------------------------*/
#globalLanding .hero {
	height: 254px;
	margin: 0 0 8px 0;
	overflow: hidden;
	position: relative;	
	text-align: center;
	width: 100%;
}
#globalLanding .hero img {
	left: 50%;
	margin: 0 0 0 -600px;
	overflow: hidden;
	position: absolute;
	top: 0;
	width: 1200px;
}
#globalLanding #content {
	padding-bottom: 50px;
}
#globalLanding ul {
	float: left;
}
#globalLanding ul.middle {
	border: 1px solid #e5e5e6;
	border-width: 0 1px;
	margin-left: 30px;
	margin-right: 30px;
	padding-left: 30px;
	padding-right: 30px
}
#globalLanding li {
	font-size: 12px;
	margin: 0;
	padding: 3px 0;
}
#globalLanding li.hdr {
	font-size: 15px;
	font-weight: bold;
	padding: 0 0 10px 0;
}
#globalLanding li.inner {
	padding-top: 18px;
}
#globalLanding li a {
	color: #363636;
	text-decoration: none;
}
#globalLanding li a:hover {
	color: #008ab0;
}

/* ----- Asia Language Graphics ----- */
#globalLanding .asia li a { background: url("/etc/designs/hello/packaged/img/global/bgLanguages.png") 0 0 no-repeat; }
#globalLanding .asia li a.brunei { background-position: -600px -400px;}
#globalLanding .asia li a.china { background-position: -600px -400px;}
#globalLanding .asia li a.hongKong { background-position: 0 -100px; padding-left: 35px; }
#globalLanding .asia li a.indonesia { background-position: -600px -400px; }
#globalLanding .asia li a.japan { background-position: 0 -200px; padding-left: 31px; }
#globalLanding .asia li a.korea { background-position: 0 -250px; padding-left: 32px; }
#globalLanding .asia li a.macau { background-position: 0 -300px; padding-left: 32px; }
#globalLanding .asia li a.malaysia { background-position: -600px -400px;}
#globalLanding .asia li a.philippines { background: none; }
#globalLanding .asia li a.singapore { background-position: -600px -400px;}
#globalLanding .asia li a.taiwan { background-position: 0 -450px; padding-left: 32px; }
#globalLanding .asia li a.thailand { background-position: -600px -400px; }

/* ----- Asia Language Hover ----- */
#globalLanding .asia li a.brunei:hover { background-position: -600px -400px; }
#globalLanding .asia li a.china:hover { background-position: -600px -400px; }
#globalLanding .asia li a.hongKong:hover { background-position: -300px -100px; }
#globalLanding .asia li a.indonesia:hover { background-position: -600px -400px }
#globalLanding .asia li a.japan:hover { background-position: -300px -200px; }
#globalLanding .asia li a.korea:hover { background-position: -300px -250px; }
#globalLanding .asia li a.macau:hover { background-position: -300px -300px; }
#globalLanding .asia li a.malaysia:hover { background-position: -600px -400px; }
#globalLanding .asia li a.singapore:hover { background-position: -600px -400px; }
#globalLanding .asia li a.taiwan:hover { background-position: -300px -450px; }
#globalLanding .asia li a.thailand:hover { background-position: -600px -400px; }

#globalLanding fieldset {
	clear: both;
	display: inline;
	float: left;
	font-size: 12px;
	margin: 40px 0 0 318px;
	width: 300px;
}
#globalLanding input,
#globalLanding label {
	float: left;
	height: 15px;
	margin: 0;
	padding: 0;
}
#globalLanding label {
	line-height: 15px;
	padding-left: 7px;
}


/* =Blog Page
----------------------------------------------------------------------------------------------------*/
#blog #content {
	padding-top: 47px;
}
#blog #content h1 {
	text-transform: uppercase;
}
.post {
	border-bottom: 1px solid #c8c8c8;
	margin-bottom: 35px;
	padding-bottom: 40px;
	width: 647px;
}
#blog div.last {
	border-bottom: 0;
	margin-bottom: 25px;
	padding-bottom: 0;
}
.post .meta {
	font-size: 11px;
	padding-bottom: 8px;
	text-transform: uppercase;
}
.post .meta span {
	border-left: 1px solid #363636;
	margin-left: 6px;
	padding-left: 6px;
}
.post h2 {
	font-size: 22px;
	padding-bottom: 20px;
}
.post img {
	margin-bottom: 20px;
}
.post p {
	font-size: 13px;
	line-height: 1.8em;
	padding-bottom: 20px;
}
.post .author {
	color: #717073;
	display: block;
	font-size: 11px;
	padding-top: 5px;
}
.post p a {
	font-weight: bold;
}
#blog .post a {
	text-decoration: none;
}
#blog .post a:hover {
	text-decoration: underline;
}


/* =Sign Up Page
----------------------------------------------------------------------------------------------------*/
#signUp #content {
	padding-bottom: 175px;
}
p.intro {
	font-size: 13px;
	font-weight: bold;
	padding-bottom: 35px;
}


/* =Create Account Page
----------------------------------------------------------------------------------------------------*/
.form {
	font-size: 12px;
}
#createAccount #content {
	padding-top: 50px;
}
.form .col {
	float: left;
	margin: 0 53px 0 0;
	padding-bottom: 35px;
	width: 295px;
}
.form .noMargin,
.form fieldset input.noMargin {
	margin: 0;
}
.form h2 {
	border-bottom: 1px solid #e1e1e1;
	clear: both;
	font-size: 16px;
	margin-bottom: 20px;
	padding: 0 0 20px 0;
}
.form h2 span#required {
	float: right;
	font-size: 13px;
}
.form h2 span#required span {
	color: #008ab0;
	font-size: 15px;
	font-weight: bold;
}
.form p {
	line-height: 1.6em;
	padding-bottom: 15px;
}
.form p strong {
	display: block;
}
#createAccount .form p a {
	font-weight: bold;
	text-decoration: none;
}
#createAccount .form p a:hover {
	text-decoration: underline;
}
.form a.btn {
	float: right;
	margin-left: 20px;
}
.form label a.btn {
	display: inline-block;
	float: none;
	margin-left: 10px;
}

/* ----- Step Navigation ----- */
#steps {
	float: left;
	margin-bottom: 65px;
}
#steps li {
	background: url("/etc/designs/hello/packaged/img/global/iconArrowBreadcrumb.png") 100% 50% no-repeat;
	color: #cbcbcb;
	display: inline;
	float: left;
	font-size: 13px;
	font-weight: bold;
	margin: 0 8px 0 0;
	padding: 0 15px 1px 0;
	text-decoration: none;
}
#steps li.last {
	background: none;
	margin: 0;
	padding: 0;
}
#steps li a {
	text-decoration: none;
}
#steps li a:hover {
	color: #008ab0;
	text-decoration: underline;
}

/* ----- Form Styles ----- */
.form fieldset {
	clear: both;
	margin: 0 0 10px 0;
	padding: 0;
	position: relative;
}
.form .block {
	clear: both;
	float: left;
	position: relative;
	width: 295px;
}
.form .block fieldset.posRight {
	position: absolute;
	right: 0;
	top: 0;
}
.form fieldset.floatLeft {
	clear: none;
	float: left;
}
.form label {
	display: block;
	font-weight: bold;
	margin-bottom: 3px;
}
.form label.normal {
	font-weight: normal;
	padding-top: 3px;
}
.form label span {
	color: #008ab0;
	font-size: 15px;
	padding-left: 3px;
}
.form label span.note {
	color: #363636;
	font-size: 12px;
	font-weight: normal;
	padding-left: 8px;
}
.form input {
	border: 1px solid #cbcbcb;
	display: inline;
	float: left;
	font-size: 13px;
	margin: 0;
	padding: 3px 5px;
	width: 285px;
}
.form select {
	font-size: 13px;
	margin-right: 10px;
}
.form input.mini {
	margin-right: 10px;
	width: 24px;s
}
.form input.small {
	margin-right: 10px;
	width: 31px;
}
.form input.medium {
	margin-right: 10px;
	width: 43px;
}
.form input.phone {
	width: 70px;
}
.form input.city {
	margin-right: 10px;
	width: 172px;
}

/* ----- Radio Button Fieldset ----- */
.form fieldset.radio {
	margin-bottom: 15px;
}
.form fieldset.radio label {
	display: inline;
	float: left;
	font-size: 13px;
	line-height: 1.6em;
	margin-left: 10px;
}
.form fieldset.radio label span {
	color: #363636;
	display: block;
	font-size: 12px;
	font-weight: normal;
}
.form fieldset.radio input {
	border: 0;
	height: 17px;
	margin: 2px 0 0 1px;
	_margin-top: 4px; /* IE6 */
	padding: 0;
	width: 17px;
}

/* ----- Checkbox Fieldset ----- */
.form fieldset.checkbox {
	border-bottom: 1px solid #e1e1e1;
	float: left;
	margin-bottom: 20px;
	padding: 10px 0 20px 0;
	width: 647px;
}
.form fieldset.checkbox input {
	border: 0;
	height: 13px;
	margin: 0 10px 0 0;
	padding: 0;
	width: 15px;
}

/* ----- Scrolling Div ----- */
.scrolling {
	background-color: #fff;
	border-top: 1px solid #7c7c7c;
	border-left: 1px solid #c3c3c3;
	border-bottom: 1px solid #ddd;
	margin: 0 0 15px 0;
	position: relative;
}
.scrolling .text {
	height: 280px;
	overflow: scroll;
	overflow-x: hidden;
	padding: 20px 40px 20px 20px;
	width: 587px;
}
.scrolling .shade {
	background-color: #fff;
	height: 20px;
	position: absolute;
	left: 0;
	width: 630px;
}
.scrolling .top {	
	top: 0;
	_top: 1px; /* IE6 */
}
.scrolling .btm {
	top: 300px;
	_top: 301px; /* IE6 */
}

/* ----- Reset Styles ----- */
.form fieldset.last {
	margin-bottom: 35px;
}

/* ----- Tooltip ----- */
.tooltip {background-color: transparent;
	display: none;
	position: absolute;
	z-index: 300;
}
.tooltip .shadow {
	background: url("/etc/designs/hello/packaged/img/global/bgTooltip.png") 0 0 no-repeat;
	height: 139px;
	width: 236px;
	/* IE6 PNG Filter */
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/etc/designs/hello/packaged/img/global/bgTooltip.png', sizingMethod='image');
	_background: none;
}
.form .tooltip p {
	line-height: 1.2em;
	padding: 24px 26px 0 26px;
}
.tooltip p strong {
	display: block;
	font-size: 13px;
	padding-bottom: 5px;
}


/* =Shopping Cart Page
----------------------------------------------------------------------------------------------------*/
#cart #content {
	padding: 50px 0 60px 0;
	position: relative;
}

/* ----- Add Product Search ----- */
#addProduct {
	font-size: 13px;
	font-weight: bold;
	position: absolute;
	right: 0;
	top: 52px;
}
#addProduct label {
	float: right;
	line-height: 25px;
	margin-right: 12px;
}
#addProduct #search {
    background: url("/img/cart/bgAddProduct.png") 0 0 no-repeat;
    float: right;
    height: 25px;
    overflow: hidden;
    width: 197px;
}
#addProduct input {
    background-color: transparent;
    border: 0;
    color: #363636;
    height: 21px;
    padding: 4px 10px 0 10px;
    width: 177px;
}

/* ----- Table ----- */
table {
	background: url("/img/cart/bgTable.png") 0 0 no-repeat;
	font-size: 13px;
	width: 980px;
}
table th {
	border-left: 1px solid #6dc5d9;
	color: #fff;
	line-height: 36px;
	_line-height: 35px; /* IE6 */
	text-align: center;
	width: 83px;
}
table th.col1 {
	border: 0;
	padding-left: 18px;
	text-align: left;
	width: 542px;
}
table td {
	border-bottom: 1px solid #e1e1e1;
	padding: 20px 0;
	text-align: center;
	vertical-align: top;
}
table td.col1 {
	padding: 16px 0 16px 18px;
	text-align: left;
	width: 542px;
}
table td.subTotal {
	background: url("/img/cart/bgTable.png") 0 100% no-repeat;
	border: 0;
	font-size: 15px;
	padding-right: 18px;
	text-align: right;
	width: 960px;
}
table td.subTotal span {
	font-weight: bold;
	padding-left: 20px;
}
table a.thumb {
	background: url("/img/cart/bgThumb.png") 0 0 no-repeat;
	float: left;
	height: 70px;
	margin-right: 25px;
	padding: 4px 1px;
	width: 70px;
}
table a.thumb:hover {
	background-position: -72px 0;
}
table input {
	margin: -7px 0 0 8px;
	padding: 5px;
	width: 15px;
}
#content table a {
	text-decoration: none;
}
#content table a:hover {
	text-decoration: underline;
}

/*----------  Table Component Styles -------*/
.section table {
	background: none;
	font-size: 13px;
	width: auto;
	border-collapse: collapse;
	border-spacing: 0;
	margin:20px 10px;
}
.section table th {
	border: 1px solid #e1e1e1;
	color: inherit;
	line-height: 36px;
	_line-height: 35px; /* IE6 */
	text-align: center;
	width: auto;
}
.section table td {
	border: 1px solid #e1e1e1;
	padding: 10px;
	text-align: center;
	vertical-align: top;	
}

/* ----- Rich Text Component Styles --------*/
.richtext .text {
	font-size: 13px;
	line-height: 1.3em;
}

/* ----- Text Component Styles --------*/
.text .text {
	font-size: 13px;
	line-height: 1.3em;
}
.errormessage {
	font-size:13px;
	line-height:1.3em;
}

/* ----- Next Step Button ----- */
#cart a.nextStep {
	float: right;
	margin-top: 35px;
}

/* ----- Enter Codes ----- */
#enterCodes {
	display: inline-block;
	font-size: 12px;
	margin-top: 35px;
}
#enterCodes fieldset {
	float: left;
	margin: 0 18px 0 0;
}
#enterCodes label {
	display: block;
	padding-bottom: 5px;
}
#enterCodes input {
	border: 1px solid #cbcbcb;
	font-size: 13px;
	padding: 3px 5px;
	width: 135px;
}

/* ----- Security ----- */
#security {
	background: url("/etc/designs/hello/packaged/img/global/logoVerisign.png") 0 0 no-repeat;
	margin-top: 115px;
}
#security p {
	border-left: 1px solid #e1e1e1;
	font-size: 12px;
	line-height: 1.6em;
	margin-left: 135px;
	padding-left: 20px;
	_zoom: 1; /* IE6 */
}
#security strong {
	display: block;
	font-size: 15px;
}


/* =DOM Window & Log In Form
----------------------------------------------------------------------------------------------------*/
.jqmOverlay {
    background-color: #000;
}
/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
iframe.jqm {position:absolute;top:0;left:0;z-index:-1;
	width: expression(this.parentNode.offsetWidth+'px');
	height: expression(this.parentNode.offsetHeight+'px');
}
#domWindow {
	display: none;
	left: 50%;
	margin: 0 0 0 -169px;
	position: absolute;
	top: 230px;
	z-index: 150;
}
#logInFormTop {
	background: url("/etc/designs/hello/packaged/img/global/bgLogInTop.png") 0 0 no-repeat;
	font-size: 12px;
	padding: 25px 25px 0 25px;
	width: 256px;
	/* IE6 PNG Filter */
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/etc/designs/hello/packaged/img/global/bgLogInTop.png', sizingMethod='image');
	_background: none;
}
#logInFormBottom {
	background: url("/etc/designs/hello/packaged/img/global/bgLogInBottom.png") 0 0 no-repeat;

	font-size: 12px;
	height: 12px;
	width: 306px;
	/* IE6 PNG Filter */
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/etc/designs/hello/packaged/img/global/bgLogInBottom.png', sizingMethod='image');
	_background: none;
}
.logInFormPanel {
	height: 251px;
}
#forgotPasswordForm {
	height: 401px;
}

hr {
	border-top:1px solid #E1E1E1;
	border-bottom: none;
	height: 0;
	margin:20px 0;
	width: 100%;
}

#logInForm hr,
.logInForm hr {
	height: 0px;
	border-bottom: solid 1px #cbcbcb;
	border-top: none;
	border-left: none;
	border-right: none;
	width: 100%;
	float: left;
	margin-top: 10px;
	margin-bottom: 12px;
}

.logInForm {
	font-size: 12px;
	padding-top: 10px;
	padding-left: 25px;
}
#logInForm h5,
.logInForm h5 {
	color: #008ab0;
	font-size: 15px;
	padding-top: 10px;
	text-transform: uppercase;
	width: 50%;
	float: left;
	clear: left;
}
#logInForm p,
.logInForm p {
	padding-top: 4px;
	padding-bottom: 4px;
	float: left;
	width: 256px;
	line-height: 1.25em;
}
#logInForm a,
.logInForm a {
	position: relative;
}
#logInForm a.close {
	float: right;
	margin-top: 4px;
}
#logInForm fieldset {
	float: left;
	padding-bottom: 5px;
	position: relative;
	width: 255px;
	padding-top: 10px;
}
.logInForm fieldset {
	float: left;
	padding-bottom: 5px;
	position: relative;
	width: 100%;
	padding-top: 15px;
}
#logInForm label,
.logInForm label {
	display: block;
	padding-bottom: 3px;
}
#logInForm input,
.logInForm input {
	border: 1px solid #cbcbcb;
	font-size: 13px;
	padding: 3px 5px;
	width: 195px;
}
#logInForm a.text-btn,
.logInForm a.text-btn {
	float: left;
	margin: 10px 0 10px 0;
}
#logInForm .links,
.logInForm .links {
	float: left;
	width: 250px;
}
#logInForm .links a,
.logInForm .links a {
	clear: both;
	display: inline-block;
	font-weight: bold;
	margin-bottom: 8px;
	text-decoration: none;
}
.logInForm .links a {
	width: 100%;
}
#logInForm .links a:hover,
.logInForm .links a:hover {
	text-decoration: underline;
}
.logInFormErrors {
	color: red;
	padding-bottom: 10px;
	display: none;
	float: left;
	width: 256px;
	line-height: 1.25em;
}

.parsys .module .section {
    text-align: left;
    margin-left: 20px; 
    margin-right: 20px;   
}

#sideBar .bottomright .module ul li   {
	line-height:1.2em;
	margin:0;
	padding: 0;
}

.bottomright img {	
	display:block;	
	float: none;
	margin-left: auto;
	margin-right:auto;	
}

/* DOWNLOAD COMPONENT
----------------------------------- */
span.icon {
	/*display:block;*/
	width: 23px;
	float: left;
}

.download a {
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	display: block;
	margin-left: 23px;
}
#sidebar .download a {
	padding:3px 0 2px;
}

.download  {
	display: block;
}
.download  br {
	display: none;
}
.download div {
display:block;
margin:4px 0;
padding-bottom:2px;
}

.download small {
	font-size: 12px;
	display: block;
	padding-top: 2px;
	margin-left: 23px;
}

#sideBar .bottomright .download  {
	margin: 4px 20px;
	padding-top: 0;
}

/*NEW NEW NEW NEW NEED TO IMPLEMENT AND TEST
-----------------------------------------------------------*/
.hello_slideshow {
	/*border: 1px solid #cbcbcb;*/
}


.section {
	/*display: block;*/ 
	/*border: 1px dashed #c00;*/
	/*float: left;*/
}

#sideBar h1 {
	font-weight: normal;
	font-size: 12px;
	color: #363636;
	padding-bottom:5px;
}

.bottomright .module .topCurve  {
	padding-top: 15px;
}

.errortext{
 color: red;
}

/*APPLY ONLINE
------------------------------------------------------------*/
div#apply-online form table {
	width: 647px;
}
ul.sub-navigation {
	width: 647px;
	float: left;
}
ul.sub-navigation li {
	margin-left: 0;
	font-size: 13px;
}
ul.sub-navigation li a {
display: block;
width: auto;
color: #363636;
font-size:12px;
margin:7px 0;
text-decoration:none;
}
ul.sub-navigation li hr {
	display: none;
}

span.header {
	font-weight: bold;
}
span.subhead {
	font-weight: bold;

}
#fullcontent table td p span.subhead {
padding-top: 10px;
display: block;
}

#fullcontent table {
	float: left;
	width: 647px;
}
#fullcontent table td {
border-bottom: none;
padding:5px 0;
text-align:left;
vertical-align:top;
}

#fullcontent table td p {
width: 647px;
line-height: 1.3em;
padding-bottom: 5px;
}
#fullcontent table td ol li {
line-height: 1.5em;
}
#textcontent form {
	font-size: 13px;
	width: 500px;
	float: left;
	margin-top: 50px;
	}
#textcontent form span {
	display: block;
	padding-bottom: 5px;
	width: 100%;
	margin-bottom: 20px;
	}
#textcontent form input, #textcontent form textarea {
	float: left;
	display: block;
	width: auto;
	margin: 15px 0 5px;
	clear: both;
}

#textcontent form i {
	display: block;
	width: 100%;
	float: left;
	margin-bottom: 3px;
}
/* -----------------------------------------------------------*/

#generalContent .parsys .section p {
	font-size: 13px;
	line-height: 1.5em;
	padding-bottom: 0px;
}
#generalContent div.parsys_column .section {
overflow:hidden;
padding-bottom:20px;
width:100%;
}

div.image.parbase.section {
    float: none;
    display:block;
    padding-top: 16px;
    padding-bottom: 16px;
}

/*
CONTENTLIST - second list
-------------------*/
.bodyContent .list ul {
	
}
.bodyContent .list ul li, ul.sub-navigation li  {
	margin: 0;
	padding: 3px 0;
}

.bodyContent .list ul li p a {
color: #363636;
font-size:12px;
margin:0;
text-decoration:none;
}
.bodyContent .list ul li p a:hover, ul.sub-navigation li a:hover {
	text-decoration: underline;
	color:#008AB0; 
}

h2.listTitle {
	font-size:15px;
	font-weight:bold;
	padding:0 0 10px;
}

h2.listTitle a {
	color: #363636;
	text-decoration: none;
}

h2.listTitle a:hover {
	color:#008AB0;
}




/* ----- Site Map ----- */
div.sitemap a,
div.sitemap a:active,
div.sitemap a:focus,
div.sitemap a:link,
div.sitemap a:visited {
	text-decoration: none;
}

div.sitemap a:hover {
	text-decoration: underline;
}

div.sitemap-section {
	margin-top: 30px;
	float: none;
	clear: both;
}

div.sitemap-subsections {
	float: none;
	clear: both;
	border-top: solid #e1e1e1 1px;
	width: 100%;
	margin-top: 10px;
}

div.sitemap-subsections div.after3,
div.sitemap-subsections div.afterlast {
	float: none;
	clear: both;
}

div.sitemap-subsection {
	width: 30%;
	float: left;
	margin-right: 10px;
	margin-top: 10px;
}

div.sitemap-subsection ul li {
	margin-top: 3px;
	margin-left: 0;
	font-size: 90%;
}

div.sitemap-subsection h2 a {
	color: #363636;
}

div.sitemap-subsection ul li ul li {
	margin-top: 1px;
	margin-left: 1em;
}

div.sitemap-subsection ul li a,
div.sitemap-subsection ul li ul li a {
	color: #717073;
}

.overriden-price {
	color: #CCCCCC;
}

.overriden-price dd,
.overriden-price span {
	text-decoration: line-through;
}

.savings {
	color: #008AB0;
}
div.productImage {
	text-align: center;
}

div.catalogTeaser {
	float: left;
}

div.hello-slideshow-container a.btn {
	float: left;
	width: 14px;
}

div.hello-slideshow-container a.rightArrow {
	margin-left: 4px;
}

div.hello-slideshow-container div.hello-slideshow {
	float: left;
}

div.hello-slideshow-container div.hello-slideshow ul li {
	margin: 0;
}

div.hello-slideshow-container div.hello-slideshow ul li div.caption {
	text-align: center;
	font-size: 11px;
	margin-top: 4px;
	height: 26px;
	padding-left: 4px;
	padding-right: 4px;
}

.addedToCart {
	color:#008AB0;
	opacity:0;
	filter:alpha(opacity=0);
	float:right;
	font-weight:bold;
	margin-top:10px;
	text-align:right;
	width:350px;
}

.emphasis {
	color: #008AB0;
}
.smaller {
	font-size: .8em;
}
/*div.parsys_column .section {
	padding-bottom:20px;
}*/
.callout {
	margin-bottom: 20px;
}
div.parsys_column .new {
	padding-bottom: 0;
}
/*--------------NEWS LISTS-------------------*/

div.news-title  {
     font-size:20px;
     padding-bottom:12px;
}

div.news-title a {
     text-decoration: none;
		 color: #363636;
}
div.news-title a:hover {
     text-decoration: none;
		 color: #008ab0;
}

div.news-description {
     font-size:13px;
     font-weight:bold; 
     padding-bottom:10px;
}

div.news-full-story, div.news-blurb {
     font-size:13px;
     line-height:1.6em;
     padding-bottom:20px;
}

div.news-full-story {
     font-size:13px;
     padding-bottom: 20px;
     margin-bottom: 20px;
     line-height: 1.0em;
     border-bottom:1px solid #E1E1E1;
}
div.news-full-story a {
     text-decoration:none;
     font-weight:bold;
     font-size: 12px;
}
div.news-full-story a:hover {
     text-decoration: underline;
}

li.title-date {
color:#717073;
display:block;
font-size:12px;
padding:10px 0;
border-bottom:1px solid #C8C8C8;
}
li.title-date a {
     text-decoration: none;
     font-weight: bold;
}
li.title-date a:hover {
     text-decoration: underline;
}
li.title-date sup {
font-size:11px;
font-weight:normal;
padding-left:2px;
position:relative;
top:-0.3em;
}

ul.archive li {
     margin-left: 0;
}
ul.list {
	padding-botton: 20px;
}
.list a:link {
	text-decoration:none;
} 

.textimage:after, .download:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.article_aggregator_header {
	height: 49px;
}

.article_aggregator_header a {
	float: right;
	padding-left: 19px;
	background: transparent url(/etc/designs/hello/packaged/img/global/icon_rss.png) no-repeat scroll 0 0;
	font-size: 11px;
	height: 18px;
	line-height: 14px;
	text-decoration: underline;
}

.article_aggregator_header h1 {
	float: left;
}

h2.articleTitle {
	font-size: 20px;
	color: #363636;
	margin-bottom: 0px;
}
h3.articleSubTitle {
	font-size: 12px;
	text-transform: uppercase;
	font-weight: normal;
}

div.article_teaser p {
	margin-bottom: 10px;
}
div.articleTeaserImage {
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
	width: 230px;
}
div.articleDate div,
div.articlePostedBy div {
	display: inline;
}

div.articleHeader  {
	clear: both;
	margin-bottom: 10px;
}

h5.articleDate {
	font-size:11px;
	font-weight:bold;
	text-transform: uppercase;
	line-height: 1.5em;
}
div.articleFooter  {
	clear: both;
	margin-bottom: 25px;
	height: 25px;
}
div.articlePostedBy  {
	color: #717072;
	font-size: 11px;
	line-height: 1.3em;
	float: left;
	padding: 10px 0;
}
a.addthis_button,
a.articleLink {
	display: block;
	padding: 10px 0;
	float: right;
	font-size: 13px;
	line-height: 1.3em;
}


/* page_teaser_vertical */
div.page_teaser_vertical dl {
	margin-bottom: 22px;
	padding: 3px 10px 0 15px;
}
div.page_teaser_vertical dl dt {
	color: #007DA4;
	font-size: 15px;
	font-weight: bold;
	text-transform: uppercase;
}
div.page_teaser_vertical dl dt a {
	text-decoration: none;
}
div.page_teaser_vertical dd {
	margin-left: 0;
	font-size: 13px;
	line-height: 1.2em;
}
div.page_teaser_vertical dd.title {
	text-transform:uppercase;
	font-size: 12px;
}
div.page_teaser_vertical dd.date {
	font-family: Tahoma, Geneva, sans-serif;
	font-size:9px;
	font-weight:bold;
	letter-spacing: 0;
	text-transform: uppercase;
}
div.page_teaser_vertical dd.img {
	padding: 10px 0 0;
	display: block;
}
div.page_teaser_vertical dd.content {
	padding: 10px 18px 0 0;
}
div.page_teaser-emphasis div.page_teaser_vertical {
	background-color: #EBF1F4;
}
div.page_teaser-emphasis div.page_teaser_vertical dl {
	background-color: transparent;
	padding: 3px 10px 20px 15px;
}

/* page_teaser_large */
div.page_teaser_large h2 {
	color: #008ab0;
}
div.page_teaser_large h2, div.text h2 {
	
	text-transform: uppercase;
	font-size: 15px;
	font-weight: bold;
	margin-top: 25px;
}
div.text h2 {
	padding-bottom: 10px;
	margin-top: 0;
}
div.page_teaser_large h2 a, div.text h2 a {
	text-decoration: none;
}
div.page_teaser_large h3 {
	font-size: 12px;
	line-height: 1.2em;
	text-transform: uppercase;
	font-weight: normal;
}
div.page_teaser_large p.date {
	font-family: Tahoma, Geneva, sans-serif;
	font-size:9px;
	font-weight:bold;
	letter-spacing: 0;
	text-transform: uppercase;
}
div.page_teaser_large div.tease {
	font-size: 13px;
	line-height: 1.2em;
	padding-top: 15px;
}

/* page_teaser_qanda */
div.page_teaser_qanda {
	border-bottom: 2px solid #b3b4b6;
	border-left: 2px solid #b3b4b6;
}
div.page_teaser_qanda dl.question {
	margin-bottom: 0px;
	padding: 3px 10px 20px 15px;
	width: 225px;
}
div.page_teaser_qanda dl.question dt {
	color: #008ab0;
	font-size: 15px;
	font-weight: bold;
	text-transform: uppercase;
}
div.page_teaser_qanda dl.question dt a {
	text-decoration: none;
}
div.page_teaser_qanda dl.question dd {
	font-size: 15px;
	line-height: 1.0em;
	margin-left: 0px;
}
div.page_teaser_qanda dl.question dd a {
	font-size: 13px;
	font-weight: bold;
}
div.page_teaser_qanda dl.expert {
	margin-bottom: 0px;
	padding: 3px 10px 20px 15px;
	width: 252px;
	height: 72px;
}
div.page_teaser_qanda dl.expert dd {
	margin-left: 0px;
}
div.page_teaser_qanda dl.expert dt {
	margin-top: 0;
	width: 170px;
	text-transform: capitalize;
	float: right;
	color: #008ab0;
	font-size: 15px;
	font-weight: bold;
}
div.page_teaser_qanda dl.expert dd.title {
	margin-left: 82px;
	font-size: 9px;
	letter-spacing: 0;
	font-family: Verdana, Geneva, sans-serif;
	font-weight: bold;
	line-height: 1.2em;
	text-transform: uppercase;
}
div.page_teaser_qanda dl.expert dd img {
	width: 72px;
	float: left;
}

.parsys_section-start {
	background: #FFFFFF url(/etc/designs/hello/packaged/img/global/parsys-section-bg.png) no-repeat scroll 100% 0;
	width: 100%;
	height: 5px;
	margin-top: 20px;
}
.parsys_section-start div {
	background: #FFFFFF url(/etc/designs/hello/packaged/img/global/parsys-section-bg.png) no-repeat scroll 0 0;
	width: 5px;
	height: 5px;
}
.parsys_section-end {
	background: #FFFFFF url(/etc/designs/hello/packaged/img/global/parsys-section-bg.png) no-repeat scroll 100% 100%;
	width: 100%;
	height: 5px;
	margin-bottom: 20px;
}
.parsys_section-end div {
	background: #FFFFFF url(/etc/designs/hello/packaged/img/global/parsys-section-bg.png) no-repeat scroll 0 100%;
	width: 5px;
	height: 5px;
}
.parsys_section-inSection {
	border-left: 1px solid #e1e1e1;
	border-right: 1px solid #e1e1e1;
	background-color: #FFFFFF;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 1px;
}
.parsys_section-inSection-first {
	padding-top: 10px;
}
.parsys_section-inSection-last {
	padding-bottom: 10px;
}

div.pages {
	font-size: 12px;
	margin-bottom: 20px;
	width: 100%;
	text-align: center;
}
div.pages a, div.pages span {
	border:1px solid #E0E0E0;
	margin:0 3px;
	padding:2px 5px;
	text-decoration:none;
}
div.pages span {
	font-weight: bold;
}