/*************************************
*  
*  DAYLIGHT MEDICAL
*
*  global.css
*
*  Last Updated By: Ryan Perry
*
*  Last Updated: 2/17/2009
*
*************************************/



/*************************************
*  BEGIN GLOBAL LAYOUT
*************************************/

* {
	margin:0;
	outline:none;
	vertical-align:middle;
}

body {
	font-family:Trebuchet MS,Arial, Helvetica, sans-serif;
	color:#444444;
	/*background-image:url('../Images/Codonics/mainBG2.jpg');
	background-repeat:no-repeat;
	background-position: top center;
	background-color: #ffffff;*/
	font-size:12px;
	margin: 0px auto;
}
#Wrapper
{   width:1019px;
    background-image:url('../Images/Codonics/mainBG2.jpg');
	background-repeat:no-repeat;
	background-position: top center;
	background-color: #ffffff;
		margin: 0px auto;
	}

.mainContainer {
	margin:0 auto;
	width:940px;
	padding:0 10px;
}

.headerContainer {
	clear:both;
}

.navContainer {
	clear:both;
	height:30px;
}	

.footerContainer {
	clear:both;
	height:90px;
	margin:0 -3px;
	background:url('../Images/Codonics/footerBG.jpg') no-repeat 0 0;	
}

/*************************************
*  END GLOBAL LAYOUT
*************************************/



/*************************************
*  BEGIN ELEMENT STYLES
*************************************/

body, div, table, tr, td, form, input, textarea, blockquote, span, p {
	font-family:Trebuchet MS,Arial, Helvetica, sans-serif;
}

table {
	border-collapse:collapse;
}

table td {
	vertical-align:top;
}

img {
	border:none;
	outline:none;
}

.clearFloat {
	content: ".";
	clear:both;
	height:0;
	visibility:hidden;
	display:block;
}

a {
	text-decoration:none;
	color:#2a618d;
}

a:hover {
	text-decoration:underline;	
}

a:focus{
	outline:none !important;
}

.floatRight {
	float:right !important;
}

.floatLeft {
	float:left !important;
}

.textLeft {
	text-align:left !important;
}

.textCenter {
	text-align:center !important;
}

.textRight {
	text-align:right !important;
}

.noBorder {
	border:none !important;
}

.redText {
	color:#ff0000 !important;
	text-transform:uppercase;
}

.colWidth125 {
	width:125px !important;
}

.colWidth200 {
	width:200px !important;
}

	
/*************************************
*  END ELEMENT STYLES
*************************************/



/*************************************
*  BEGIN HEADER LAYOUT
*************************************/

.headerLogo {
	float:left;
	display:inline;
	width:224px;
	padding:10px 0 0 26px;
}

.headerContent {
	margin:-1px -2px 0 251px;
}

.headerLogo h1 {
	display:block;
	width:212px;
	height:106px;
}

.headerLogo h1 a {
	display:block;
	text-indent:-9999px;
	height:106px;
	width:212px;
	background:url('../Images/Codonics/DaylightMedicalLogo.png') no-repeat;
}

.headerBuy {
	float:right;
	width:65px;
	height:41px;
	display:inline;
	margin:0 5px 15px 0;
}

.headerBuy a {
	width:65px;
	height:41px;
	display:block;
	text-indent:-9999px;
	background:url('../Images/Codonics/headerBuyButton.png') no-repeat 0 0;
	cursor:pointer;
}

.headerCart {
	float:right;
	display:inline;
	width:152px;
	height:41px;
	margin:0 3px 15px 0;
	text-align:center;
	background:url('../Images/Codonics/headerCartBG.png') no-repeat 0 0;
	_background:url('../Images/Codonics/headerCartBG.gif') no-repeat 0 0;
	color:#2a618d;
	font-size:14px;
	font-weight:bold;
}

.myaccount{
	float:right;
	display:inline;
	width:92px;
	height:41px;
	margin:0 0px 15px 0;
	text-align:center;
	background:url('../Images/Codonics/myaccBG.png') no-repeat 0 0;
    _background:url('../Images/Codonics/myaccBG.gif') no-repeat 0 0;
	color:#2a618d;
	/*text-indent:-9999em;*/
	font-size:14px;
	font-weight:bold;
}

.headerCart h3 {
	text-indent:-9999px;
}

.myaccount a{color:#2a618d;height:41px;display:block;cursor:pointer; text-indent:0;}

.headerCart a{
	color:#2a618d;
	width:31px;
	height:26px;
	
	padding:15px 17px 0 117px;
	display:block;
}

.headerSearch {
	position:relative;
	float:right;
	display:inline;
	padding:0 0 0 64px;
	margin:0 0 15px 0;
	width:231px;
	height:41px;
	border:solid 1px #ffcc00;
}

.headerSearchBG {
	position:relative;
	float:right;
	display:inline;
	padding:0px 0px;
	margin:0px 0px;
	width:292px;
	height:40px;
	background-image:url('../Images/Codonics/BgSearch.gif');
	background-repeat:no-repeat;
}

.headerSearchInput {
	top:3px;
	border:none !important;
	background:none !important;
	height:14px;
	width:150px;
	font-size:10px;
	font-weight:bold;
	position:absolute;
	z-index:100;
	left:70px;
	top:10px;
		
	/*CJV placeholder
	padding:8px;
	float:left;
	display:inline;
	margin:0px 0 0 -45px;*/
}

.headerSearchButton {
	float:left;
	display:inline;
	position:relative;
	top:5px;
	height:27px;
	width:46px;
	left:178px;
	cursor:pointer;
	background:none !important;
	border:none !important;
	text-indent:-9999px;
	overflow: hidden;
	font-size: 0px;
	display:block;
	line-height: 0px;
}
.headerButtonSearch
{float:right;
    margin-top:5px;
    margin-right:5px;
    border:solid 1px #000000;
    	height:27px;
	width:46px;
		cursor:pointer;
	background:none !important;
	border:none !important;
	text-indent:-9999px;
	overflow: hidden;
	font-size: 0px;
	display:block;
	line-height: 0px;
    }
.headerHelp {
	float:right;
	display:inline;
	width:206px;
	height:70px;
	background:url('../Images/Codonics/headerHelpBG.png') no-repeat 0 0;
	*margin:-70px 0 0 -390px;
}

.headerHelp a {
	display:block;
	width:206px;
	height:70px;
	text-indent:-9999px;
	cursor:pointer;
}

.headerChat {	
	cleafr:right;
	float:right;
	display:inline;
	width:174px;
	height:70px;
	*float:none; *display:normal; *margin-left:510px;
}

.headerChat a {
	display:block;
	width:174px;
	height:70px;
	text-indent:-9999px;
	cursor:pointer;
	background:url('../Images/Codonics/headerChatBG.png') no-repeat 0 0;
}
	
/*************************************
*  END HEADER LAYOUT
*************************************/



/*************************************
*  BEGIN NAVIGATION LAYOUT
*************************************/

#mainNav {
	width:940px;
	display:block;
	position:relative;
	z-index:5 !important;
	display:block !important;
	list-style:none;
	margin:0;
	padding:0;	
}

#mainNav ul {
	padding: 0;
	margin: 0;	
	list-style: none;
}

#mainNav span {
	text-indent:-9999px;
}

#mainNav li ul li span {
	text-indent:0px	;
}

.navContainer ul#mainNav li {
	float:left;
	position:relative;
	z-index:10 !important;	
}

.navContainer ul#mainNav li a {
	display:block;
	text-decoration:none;
	outline:none !important;
}


#mainNav li a:hover {
	text-decoration:none;
}



#mainNav li ul { /* Second Level */
	position: absolute !important;
	left: -9999em;
	top:30px !important;
	width:190px;
	padding:0 !important;
	margin:0 !important;
}

#mainNav li ul li {
	float:left;
}

/* #mainNav li ul li a {
	background:#7bbdd3 !important;
	text-indent:normal !important;
	color:#ffffff !important;
	font-size:12px !important;
	font-weight:bold !important;
	border-bottom:1px solid #95cadc !important;
	width:169px;
	display:block;
	padding:5px 15px;	
	height:auto;
}

#mainNav li ul li a:hover {
	background:#63a2bd !important;
}

#mainNav li ul li.mainNavLast a {
	border-bottom:none !important;
}*/

#mainNav li li ul { /* Third Level */
	position: absolute !important;	
	top:-1px !important;
	width:110px;
	margin:0 0 0 199px !important;
}

#mainNav li ul li ul li {
	float:left;
}

#mainNav li ul li a, #mainNav li ul li ul li a {
	background:#7bbdd3 !important;
	text-indent:normal !important;
	color:#ffffff !important;
	font-size:12px !important;
	font-weight:bold !important;
	border-bottom:1px solid #95cadc !important;
	width:169px;
	display:block;
	padding:5px 15px;	
	height:auto;
}

#mainNav li ul li a:hover, #mainNav li ul li ul li a:hover {
	background:#63a2bd !important;
}

/* Default State */
.navMenu1 a {
	width:242px;
	height:30px;
	display:block;
	background:url('../Images/navCapture.jpg') no-repeat 0 0;
}

.navMenu2 a {
	width:212px;
	height:30px;
	display:block;
	background:url('../Images/navView.jpg') no-repeat 0 0;
}

.navMenu3 a {
	width:169px;
	height:30px;
	display:block;
	background:url('../Images/navPrint.jpg') no-repeat 0 0;
}

.navMenu4 a {
	width:161px;
	height:30px;
	display:block; 
	background:url('../Images/navStore.jpg') no-repeat 0 0;
	z-index:9999;
	
}

.navMenu5 a {
	width:156px;
	height:30px;
	display:block;
	background:url('../Images/navDistribute.jpg') no-repeat 0 0;
}

#mainNav li:hover ul ul, #mainNav li:hover ul ul ul, #mainNav li.sfhover ul ul, #mainNav li.sfhover ul ul ul {
	left: -9999px;
}

#mainNav li:hover ul, #mainNav li li:hover ul, #mainNav li li li:hover ul, #mainNav li.sfhover ul, #mainNav li li.sfhover ul, #mainNav li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

#mainNav li.navMenu5 li ul
{
	margin:0 0 0 -199px !important;
}

#mainNav li.navMenu4 li ul
{
	margin:0 0 0 -199px !important;
}


/* Hover State */
.navMenu1 a:hover, .navMenu1 a:active, .navMenu1:hover a, navMenu1.sfhover a {
	background-position:0 -35px !important;
}

.navMenu2 a:hover, .navMenu2 a:active, .navMenu2:hover a, .navMenu2.sfhover a {
	background-position:0 -35px !important;
}

.navMenu3 a:hover, .navMenu3 a:active, .navMenu3:hover a, .navMenu3.sfhover a  {
	background-position:0 -35px !important;
}
	
.navMenu4 a:hover, .navMenu4 a:active, .navMenu4:hover a, .navMenu4.sfhover, .navMenu4.sfhover a.sfhover {
	background-position:0 -35px !important;
	background-color:Red;
}

.navMenu5 a:hover, .navMenu5 a:active, .navMenu5:hover a, .navMenu5.sfhover a {
	background-position:0 -35px !important;
}

/*************************************
*  END NAVIGATION LAYOUT
*************************************/



/*************************************
*  BEGIN FOOTER LAYOUT
*************************************/

.footerInformation {
	padding:0 0 0 303px;
	height:34px;
	margin:0;
	clear:both;
}

.footerSubscribe {
	float:left;
	display:inline;
	width:254px;
	height:34px;
	background:url('../Images/Codonics/footerSubscribeBG.png') no-repeat 0 0;
	font-size:9px;
	font-weight:bold;
	color:#2a618d;
	margin:0 9px 0 0 ;
}	

.footerSubscribe a {
	display:block;
	width:254px;
	height:34px;
	text-indent:-9999px;
}

.footerSignup {
	float:left;
	clear:right;
	width:380px;
	width:223px;
	padding:0 0 0 157px;
	height:34px;
	position:relative;
}
.Error					{ color:#cf0000; font-weight: bold; }
.Error li				{ color:#cf0000; font-weight: bold; }
.Error td				{ color:#cf0000; text-align: center; }
.footerSignupInput {
	background:none !important;
	border:none !important;
	height:16px;
	width:148px;
	float:left;	
	display:inline;
	font-size:9px;
	font-weight:bold;
	position:relative;
	top:9px;
	padding:2px 3px;
	border:none;
	margin:0 11px 0 0;
	color:#888888;
}

.footerSignupButton {
	background:none !important;
	border:none !important;
	width:50px;
	height:20px;
	position:relative;
	top:9px;
	text-indent:-9999px;
	cursor:pointer;
	overflow: hidden;
	font-size: 0px;
	display:block;
	line-height: 0px;	
}

.footerNav {
	padding:7px 0 0 226px;
	margin:0;
	backgfround:#000033;
	backgfround:url('../Images/Codonics/footerBG.jpg') no-repeat;
	clear:both;	
}

.footerNav ul {
	list-style:none;
	margin:0;
	padding:0;
}

.footerNav ul li {
	float:left;
	display:inline;
	margin:0 5px 0 0;
	font-size:10px;
	color:#ffffff;
	font-weight:bold;
	border-right:1px solid #ffffff;
	padding:0 5px 0 0;
}

.footerNav ul li a {
	color:#ffffff;
}

.footerLegal {
	margin-left:20px !important;
	border-right:none !important;
}
	
.footerLastItem {
	border-right:none !important;
}

.codonicsLogo {
	width:65px;
	height:36px;
	float:right;
	margin:-5px 29px 0 0;
	background:url('../Images/Codonics/CodonicsLogo.png') no-repeat 0 0;
	text-indent:-9999px;
}
	
/*************************************
*  END FOOTER LAYOUT
*************************************/


/*************************************
*  
*  DAYLIGHT MEDICAL
*
*  home_page.css
*
*  Last Updated By: Ryan Perry
*
*  Last Updated: 2/13/2009
*
*************************************/



/*************************************
*  BEGIN GLOBAL LAYOUT
*************************************/

.contentContainer {
	padding:5px 10px !important; *z-index:-1;
}

/*************************************
*  END GLOBAL LAYOUT
*************************************/



/*************************************
*  BEGIN CONTENT LAYOUT
*************************************/

.contentleft {
	float:left;
	display:inline;
	width:260px;
}

.contentRight {
	margin:0 0 0 280px;
}

/*************************************
*  END CONTENT LAYOUT
*************************************/


/*************************************
*  BEGIN DASHBOARD LOGIN LAYOUT
*************************************/

.dashboardLogin {
	z-index:100;
	background:url('../Images/Codonics/homeMyAccountBG.jpg') no-repeat;
	width:240px;
	height:190px;
	
	position:relative;
	padding:0 0 0 20px;
	margin:0px 0 10px 0;

}

.dashboardLoginInput {
	position:relative;
	background:none !important;
	width:203px;
	height:15px;
	padding:8px;
	top:59px;
	color:#2a618d;
	font-size:12px;
	font-weight:bold;	
	z-index:10px;
	display:block;
	margin:0 0 50x 0;
}

.dashboardPasswordInput {
	position:relative;
	background:none !important;
	width:203px;
	height:15px;
	padding:8px;
	top:75px;
	color:#2a618d;
	font-size:12px;
	font-weight:bold;
	z-index:10px;	
}

.dashboardLogin ul {
	list-style:none;
	position:absolute;
	top:137px;
	margin:0;
	padding:0;
	left:46px;
}

.dashboardLogin ul li {
	display:inline;
	float:left;
	color:#ffffff;
	border-right:1px solid #ffffff;
	font-size:9px;
	margin:0 5px 0 0;
	padding:0 5px 0 0;
}

.dashboardLogin ul li a {
	color:#ffffff;
	font-size:9px;
}

.dashboardLoginButton {
	position:relative;
	top:90px;
	left:170px;
	width:49px;
	height:31px;
	cursor:pointer;
	border:none !important;
	background:none !important;
	text-indent:-9999px;
	overflow: hidden;
	font-size: 0px;
	line-height: 0px;	
	margin:2px 0 0 0;
}
.ErrorMsg{
	position:absolute;
	left:-1px;
	top:20px;
	color: #CF0000;
}
.ErrorAsterik {
	color:#f00;
	position:absolute;
	left:87px;
	top:91px;
}
.loginErrorAstrix{
	position:absolute;
	left:87px;
	top:46px;
}

/*************************************
*  END DASHBOARD LOGIN LAYOUT
*************************************/


/*************************************
*  BEGIN DASHBOARD ACCORDION LAYOUT
*************************************/

.dashboardAccordion {
}

.accordionModule {
	margin:0 0 1px 0;
}

.accordionHeader {
	height:30px;	
}

.accordionHeader a {
	font-size:14px;
	font-weight:bold;
	color:#ffffff;
	display:block;
	height:20px;
	padding:6px 10px 4px 10px;
	text-transform:uppercase;
	background:url('../Images/Codonics/dashboardAccordionHeader.jpg') no-repeat 0 0;
}

.accordionHeader a:hover {
	text-decoration:none;
}

.selected a{
	background-position:0 -31px;
}

.accordionContent {
	background:url('../Images/Codonics/dashboardAccordionBG.jpg') no-repeat 0 0;
	padding:23px 15px;
	font-size:11px;
	color:#444444;
}

.accordionContent a {
	font-weight:bold;
	color:#444444;
	text-decoration:underline;
}

.dashboardPreviewImage {
	float:left;
	display:inline;
	width:65px;
	height:55px;
	padding:5px;
	background:url('../Images/Codonics/dashboardImageBG.png') no-repeat 0 0;
}

.dashboardPreviewContent {
	margin:0 0 0 80px;
	padding:5px 0 0 0;
}


.dashboardLoginInput {
                border: none !important;
}

.dashboardPasswordInput {
border: none !important;
}


.dashboardLoginHeader
{
		font-size:14px; padding-top:4px; padding-bottom:4px;margin-left: 10px; color:White; 
		font-family:Trebuchet MS,Arial, Helvetica, sans-serif;text-transform:uppercase;
	
}


/*************************************
*  END DASHBOARD ACCORDION LAYOUT
*************************************/



/*************************************
*  
*  DAYLIGHT MEDICAL
*
*  secondary_page.css
*
*  Last Updated By: Ryan Perry
*
*  Last Updated: 2/13/2009
*
*************************************/



/*************************************
*  BEGIN GLOBAL LAYOUT
*************************************/




/*************************************
*  END GLOBAL LAYOUT
*************************************/



/*************************************
*  BEGIN CONTENT LAYOUT
*************************************/

.contentleft_secondary {
	float:left;
	display:inline;
	width:220px;
	background:#ace0f0;
}

.contentRight_secondary {
	margin:0 0 0 240px;
}

.contentMain {
	float:left;
	display:inline;
	width:380px;
}

.contentSupplement {
	margin:0 0 0 420px;
	width:260px;
}

.contentMain h1, .contentMainFull h1, .contentRight h1 {
	font-weight:bold;
	font-size:24px;
	text-transform:uppercase;
	color:#3797b4;
	margin:0 0 10px 0;
}

.emailToFriend {
	float:right;
}

.emailToFriend a {
	background:url('../Images/Codonics/emailToFriend.jpg') no-repeat 0 0;
	display:block;
	width:96px;
	height:19px;
	text-indent:-9999px;
}

.listPlusBullet {
	list-style:none;
	padding:0;
	margin:0;
}

.listPlusBullet li {
	padding:0 0 0 10px;
	background:url('../Images/Codonics/plusBullet.gif') no-repeat 0 7px;
	margin:0 0 3px 28px;
}

.listNoBullet {
	list-style:none;
	margin:0;
	padding:0;
}

.listNoBullet li {
	padding:0 !important;
	background:none !important;
	margin:0 0 3px 15px !important;
}

.contentMain a, .contentMainFull a {
	text-decoration:underline;
}

/*************************************
*  END CONTENT LAYOUT
*************************************/



/*************************************
*  BEGIN BREADCRUMB LAYOUT
*************************************/
.breadcrumbContainer {
	height:24px;
	clear:both;
	display:block;	
	background:url('../Images/Codonics/breadcrumbBG.jpg') no-repeat 0 0 #ffffff;
}

.breadcrumbContainer div a 
{
	
	background:url('../Images/Codonics/breadcrumbLinkBG.jpg') no-repeat 0 0;
	font-size:10px;
	font-weight:bold;
	color:#9ac9d8;
	height:14px;
	display:block;
	padding:5px 10px 5px 19px;
	float:left;
}
.breadcrumbContainer div {width:200px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline; }

.breadcrumbFirst 
{
	
	background:none !important;
	padding:5px 10px 5px 15px !important;	
}

.breadcrumbContainer div.breadcrumbCurrent 
{
	
	background:url('../Images/Codonics/breadcrumbCurrentBG.jpg') no-repeat 0 0 #ffffff !important;
	font-size:10px;
	font-weight:bold;
	color:#9ac9d8;
	/*text-transform:uppercase;*/
	height:14px;
	float:left;
	display:block;
	padding:5px 10px;	
}

.contentMain h1, .contentMainFull h1, .contentRight_secondary h1 {
	font-weight:bold;
	font-size:24px;
	text-transform:uppercase;
	color:#3797b4;
	margin:0 0 10px 0;
}
/*************************************
*  END BREADCRUMB LAYOUT
*************************************/



/*************************************
*  BEGIN DASHBOARD ACCORDION LAYOUT
*************************************/

.dashboardAccordion {

}

.accordionModule {
	margin:0 0 1px 0;
}

.accordionHeader {
	height:30px;	
}

.accordionHeader a {
	font-size:14px;
	font-weight:bold;
	color:#ffffff;
	display:block;
	height:22px;
	padding:4px 10px;
	background:url('../Images/Codonics/dashboardAccordionHeader.jpg') no-repeat 0 0;
}

.accordionHeader a:hover {
	text-decoration:none;
}

.selected a{
	background-position:0 -31px;
}

.accordionContent {
	background:url('../Images/Codonics/dashboardAccordionBG.jpg') no-repeat 0 0;
	padding:23px 15px;
	font-size:11px;
	color:#444444;
}

.accordionContent ul {
	padding:0;
	margin:0 15px 2px 20px;
}

.accordionContent a {
	font-weight:bold;
	color:#444444;
}

.dashboardPreviewImage {
	float:left;
	display:inline;
	width:65px;
	height:55px;
	padding:5px;
	background:url('../Images/Codonics/dashboardImageBG.png') no-repeat 0 0;
}

.dashboardPreviewContent {
	margin:0 0 0 80px;
	padding:5px 0 0 0;
}

/*************************************
*  END DASHBOARD ACCORDION LAYOUT
*************************************/


/*************************************
*  BEGIN SUB NAVIGATION LAYOUT
*************************************/

.subNavContainer {
	background:url('../Images/Codonics/subNavBG.jpg') no-repeat 0 0;	
}


.subNavContainer ul {
	list-style:none;
	margin:0;
	padding:0;
	
}

.subNavContainer ul li {
	display:block;	
	float:left;
	width:220px;
}

.subNavContainer ul li a {
	display:block;
	color:#47a1bc;
	font-size:14px;
	font-weight:bold;
	border-bottom:1px solid #cdecf6;
	padding:5px 20px;
}

.subNavContainer ul li a:hover {
	background:#71bbd2 !important;
	color:#ffffff !important;
}

.subNavContainer ul li a:hover {
	text-decoration:none;
}

.subNavCurrent{}
.subNavCurrent a{
	background:#71bbd2;
	border-bottom:none !important;
	border-top:1px solid #89cade;
	color:#ffffff !important;
}
.subNavCurrent ul
{/*border:solid 1px #000000;*/}
.subNavContainer ul li ul {
	background:#71bbd2;
	border-bottom:1px solid #89CADE;
	margin:0px 0px;
	padding:0px 0px 0px 0px;
	/*display:inline-block;*/
}

.subNavContainer ul li ul li a {
	display:block;
	height:auto;
	/*height:18px;*/
	color:#ffffff;
	font-size:12px;
	border:none;
	padding:2px 20px 0 40px !important;
	background:url('../Images/Codonics/subNavBullet.gif') no-repeat 20px 0 #71bbd2;
}

.subNavContainer ul li ul li a:hover { 
	background:url('../Images/Codonics/subNavBullet.gif') no-repeat 20px -180px #3797b4 !important;
}

/*************************************
*  END SUB NAVIGATION LAYOUT
*************************************/



/*************************************
*  BEGIN DASHBOARD TABS LAYOUT
*************************************/

.ui-tabs-hide {
	display: none;/* for accessible hiding: position: absolute; left: -99999999px*/
}

.tabContent {
	background:url('../Images/Codonics/productDetailTabContentBG.jpg') no-repeat 0 0;
	clear:left;
	padding:20px;
	font-size:12px;
}
 
 .ui-tabs-nav ul {
 	list-style:none;
	margin:0;
	padding:0;
 }
 
 .ui-tabs-nav  li {
 	float:left;
	display:inline;
	background:url('../Images/Codonics/tabItemRightOff.jpg') no-repeat right top;
	margin:0 10px 0 0;
	font-size:12px;
}

.ui-tabs-nav li a {
	display:block;
	color:#444444 !important;
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:none;
 	background:url('../Images/Codonics/tabItemLeftOff.jpg') no-repeat left top;	
	padding:8px 15px 5px 15px;
}
 
li.ui-tabs-selected {
 	background-image:url('../Images/Codonics/tabItemRightOn.jpg');
}

li.ui-tabs-selected a {
	background-image:url('../Images/Codonics/tabItemLeftOn.jpg');
}

.ui-tabs-nav li a:hover {
	text-decoration:none;
}

/*************************************
*  END DASHBOARD TABS LAYOUT
*************************************/



/*************************************
*  
*  DAYLIGHT MEDICAL
*
*  products.css
*
*  Last Updated By: Ryan Perry
*
*  Last Updated: 2/17/2009
*
*************************************/



/*************************************
*  BEGIN PRODUCT LANDING LAYOUT
*************************************/

.productLandingTable{
	width:380px;
	border-collapse:collapse;
}

.productLandingTable td {
	vertical-align:top;
}

.productLandingThumb {
	background:url('../Images/Codonics/productThumbBG.png') no-repeat;
	width:61px;
	height:61px;
	padding:3px;
	display:block;
	margin:0 0 22px 0;	
}

.dashboardDownloads {
	margin: 20px 0;
}

.dashboardDownloads h3 a{
	margin:0 0 0 20px;
	background:url('../Images/Codonics/downloadButton.jpg') no-repeat 0 0;
	display:block;
	width:239px;
	height:64px;
	text-indent:-9999px;
}

/*************************************
*  END PRODUCT LANDING LAYOUT
*************************************/



/*************************************
*  BEGIN PRODUCT LISTING LAYOUT
*************************************/

.productListingTable {
	width:670px;
	border-collapse:collapse;
}

.productListingTable td {
	vertical-align:top;
}

.productListingItem {
	width:150px;
	font-size:10px;
	color:#444444;
	background:url('../Images/Codonics/productListingBG.jpg') repeat-x;
	padding:0 0 0 0;
	text-align:center;
	vertical-align:middle;
}

.productListingItem a:link		{ color:#444444; text-decoration:none;}
.productListingItem a:active	{ color:#444444; text-decoration:none;}
.productListingItem a:visited	{ color:#444444; text-decoration:none;}
.productListingItem a:hover		{ color:#3797B4; text-decoration:none;}

.addToCartButton {
	display:block;
	background:url('../Images/Codonics/addToCartButton.jpg') no-repeat;
	width:71px;
	height:19px;
	text-indent:-9999px;
	margin:5px auto 0 auto;
}

.productListingItem div a img {
	border:2px solid #eaf7fb;

}

.productListingItem h3 {
	font-size:12px;
	font-weight:bold;
}

.listingDivider {
	width:59px;
	background:url('../Images/Codonics/listingDividerBG.jpg') no-repeat top center;
}

.listingDividerSmall {
	width:40px;
	background:url('../Images/Codonics/listingDividerBG.gif') no-repeat top center;
}
.PagingContainer {
position:relative;
width:500px;
margin:30px 0; /* Added */
}
.PagingContainer div {
font-size:11px;
/*position:absolute; -- remove */
right:0;
top:-35px;
}
.PagingContainer div	SELECT	{ font-size:11px;}

.PagingControlContainer{
position:relative;
width:330px;
margin:5px 0; /* Added */
}
.PagingControlContainer div {
font-size:11px;
}
.PagingControlContainer div	SELECT	{ font-size:11px;}
/*************************************
*  END PRODUCT LISTING LAYOUT
*************************************/



/*************************************
*  BEGIN PRODUCT DETAIL LAYOUTi
*************************************/

.productDetailTable {
	width:682px;
}

.productDetailLarge {
	vertical-align:top;
}

.productDetailThumbContainer {
	margin:15px 0 40px 0;
}

.productDetailThumb {
	float:left;
	display:inline;
	margin:0 4px 10px 0;
	width:50px;
	height:50px;
	padding:3px;
	background:url('../Images/Codonics/productDetailThumbBG.png') no-repeat 0 0;
}

.productDetailThumb img {
	width:46px;
	height:46px;
	border:2px solid #ffffff;
}

.productDetailInfo {
	background:url('../Images/Codonics/productDetailInfoBG.jpg') no-repeat 0 0;
	width:387px;
	color:#444444;
}

.productDetailPricing {
	font-size:16px;
	padding:15px 0 0 25px;
}

.productDetailSKU {
	font-size:16px;
	padding:5px 0 0 25px;
}

.productDetailCart {
	width:119px;
	height:36px;
}

.productDetailCart a {
	display:block;
	width:119px;
	height:36px;
	text-indent:-9999px;
	background:url('../Images/Codonics/productDetailCart.png') no-repeat 0 0;
	margin:15px 18px 0 0;
}

.productDetailWishlist {
	width:119px;
	height:25px;
}

.productDetailWishlist a {
	display:block;
	width:119px;
	height:25px;
	text-indent:-9999px;
	background:url('../Images/Codonics/productDetailWishlist.png') no-repeat 0 0;
	margin:0 18px 0 0;	
}

.productDetailOverview {
	font-size:12px !important;
	padding:34px 15px 0 10px;
}

.productDetailOverview h3, .productDetailKeyDetails h3 {
	font-weight: bold !important;
	font-size:12px !important;
	text-transform:uppercase;
}

.productDetailInfoTabs {
	margin:20px 0;
	height:auto;
}
	
.productDetailKeyDetails {
	font-size:12px !important;
	padding:25px 15px 0 10px;

}

.productDetailBrightIdeas {
	font-size:12px;
	background:url('../Images/Codonics/productDetailBrightIdeasBG.jpg') no-repeat 0 0;
	width:100%;
}

.productDetailBrightIdeas h2 {
	text-transform:uppercase;
	font-weight:bold;
	font-size:16px;
	padding:15px 20px 0 20px;
}

.productDetailBrightIdeasItems {
	padding:8px 20px;
	width:200px;
}

.productDetailRelatedProducts {
	margin:20px 0;
}

.productDetailRelatedProductsTable {
	width:100%;
	font-size:12px;
}

.productDetailRelatedProductsItem {
	width:120px;
	background:url('../Images/Codonics/productDetailRelatedProductsBG.jpg') repeat-x 0 120px;
}

.productDetailRelatedProductsItem img {
	width:116px;
	height:116px;
	border:2px solid #ddf2f9;
}

.productDetailRelatedProductsItem h3{
	font-size:12px;
	text-transform:uppercase;
	font-weight:bold;
}

.ProductDetail		{padding:10px;}

/*************************************
*  END PRODUCT DETAIL LAYOUT
*************************************/



/*************************************
* BEGIN PRODUCT CONFIGURE LAYOUT
*************************************/

.contentConfigureMain {
	float:left;
	display:block;
	width:470px;
}

.contentConfigureSupplement {
	margin:0 0 0 490px;
	width:180px;
}

.configurePriceTotal {
	float:right;
	font-size:16px;
	font-weight:bold;
	text-transform:uppercase;
	color:#3797b4;
	padding:5px 0 0 0;
}

.configureProductTable {
	width:470px;
	font-size:12px;
}

.configureProductTable td {
	padding:5px;
}

.configureCheckbox {
	width:25px;
}

.configureDescription {

}

.configurePricing {
	width:50px;
	text-align:right;
}

.configureSubTitle {
	height:25px;
	padding:15px 0 0 0 !important;
	font-size:16px;
	font-weight:bold;
	color:#3797b4;
	text-transform:uppercase;
}

.configureLightBG {
	background:#eaf7fb;
}

.configureDarkBG {
	background:#ace0f0;
}

.configureSavings {
	font-style:italic;
	float:right;
}

.configureAddCart {
	font-size:11px;
	padding:10px;
	background:url('../Images/Codonics/contentSupplementBG.jpg') no-repeat 0 0;
}

.configureUsersBought {
	width:160px;
}

.configureAddCart input {
	margin:2px 0 0 0;
}

.configureAddCart label {
	font-weight:bold;
	text-transform:uppercase;
}

.configureAvailability {
	text-align:right;
	font-size:10px !important;
	color:#3797b4;
	font-weight:bold;
}

.configureAvailability span {
	font-size:12px !important;
}
.row2a {
background:#EAF7FB none repeat scroll 0 0;
font-size:0.8em;
height:32px;
padding-right:6px;
text-align:right;
text-transform:uppercase;
}

.row2a {
background:#EAF7FB none repeat scroll 0 0;
font-size:0.8em;
height:32px;
padding-right:6px;
text-align:right;
}
.total {
background:#ACE0F0 none repeat scroll 0 0;
height:32px;
padding-right:6px;
text-align:right;
}

.configureCartTotal {
	font-size:14px !important;
	text-align:right;
	font-weight:bold;
	text-transform:uppercase;
}

.contentConfigureSupplement h2 {
	color:#3797b4;
	font-size:16px;
	font-weight:bold;
	text-transform:uppercase;
}

.configureRelatedProducts {
	margin:25px 0;
	font-size:11px;
}

.configureSpecials {
	font-size:11px;
	margin:0 0 50px 0;
}

.configureTotal {
	padding:10px;
	background:url('../Images/Codonics/contentSupplementBG.jpg') no-repeat 0 0;
}

.configureTotalTable {
	width:160px;
	font-size:12px;
	text-align:right;
	font-weight:bold;
	text-transform:uppercase;
}

.configureTotalUpdate{
	float:right;
	width:88px;
	height:24px;
	display:block;
	cursor:pointer;
	text-indent:-9999px;
	background:url('../Images/Codonics/configureTotalUpdate.png') no-repeat 0 0;
}

.configureTotalCart {
	float:right;
	width:88px;
	height:24px;
	display:block;
	cursor:pointer;
	text-indent:-9999px;
	background:url('../Images/Codonics/configureTotalCart.png') no-repeat 0 0;
}

/*************************************
* END PRODUCT CONFIGURE LAYOUT
*************************************/


/*************************************
* TABS
*************************************/


.Tab	{background-image:url('../Images/Codonics/tabItemRightOn.jpg');
        background-repeat:no-repeat; background-position:right bottom;
        width:190px; line-height:28px;}
.Tab div		{ background-image:url(../Images/Codonics/tabItemLeftOn.jpg);
                  background-repeat:no-repeat; background-position:left bottom;height:28px;
                  padding:10px 20px 0px 20px;
                  font-size:12px; text-transform:uppercase;font-weight:bold;}

.TabLong			{ background-image:url('../Images/Codonics/tabItemRightOn.jpg');background-repeat:no-repeat; background-position:right bottom;width:230px; line-height:28px;}
.TabLong div		{ background-image:url(../Images/Codonics/tabItemLeftOn.jpg);background-repeat:no-repeat; background-position:left bottom;height:28px;padding:10px 20px 0px 20px;font-size:12px; text-transform:uppercase;font-weight:bold;}


.TabContent		{background-image:url(../Images/Codonics/productDetailTabContentBG.jpg);
                 margin-top:0px;background-repeat:repeat-x;}


.RelatedTab1{ background-image:url('../Images/Codonics/tabItemRightOn.jpg');  width:100%; 
    line-height:28px;margin-top:15px;margin-bottom:10px;padding:0px 0px 0px 20px;
    font-size:12px; text-transform:uppercase;font-weight:bold;}
.RelatedTab1 div{ background-image:url(../Images/Codonics/tabItemLeftOn.jpg);background-repeat:no-repeat; background-position:left bottom;height:35px;
    padding:10px 20px 0px 20px;font-size:12px; text-transform:uppercase;font-weight:bold;}


/*.CategoryBox{border:solid 1px #ff0000}*/
.RelatedTab				{ background-image:url('../Images/Codonics/tabItemRightOn.jpg');background-repeat:no-repeat; background-position:right bottom;width:160px; line-height:28px;}
.RelatedTab div			{ background-image:url(../Images/Codonics/tabItemLeftOn.jpg);background-repeat:no-repeat; background-position:left bottom;height:28px;padding:10px 20px 0px 20px;font-size:12px; text-transform:uppercase;font-weight:bold;}
.RelatedTabContent		{ background-image:url(../Images/Codonics/productDetailTabContentBG.jpg);margin-top:2px;background-repeat:no-repeat;}
.RelatedTabContent div	{width:120px; margin:0px auto;}

.RecentlyViewedTab				{ background-image:url('../Images/Codonics/tabItemRightOn.jpg');background-repeat:no-repeat; background-position:right bottom;width:160px; line-height:28px;}
.RecentlyViewedTab div			{ background-image:url(../Images/Codonics/tabItemLeftOn.jpg);background-repeat:no-repeat; background-position:left bottom;height:28px;padding:10px 20px 0px 20px;font-size:12px; text-transform:uppercase;font-weight:bold;}
.RecentlyViewedTabContent		{ background-image:url(../Images/Codonics/productDetailTabContentBG.jpg);margin-top:2px;background-repeat:no-repeat;}
.RecentlyViewedTabContent div	{width:320px; margin:0px auto;}






/*************************************
* SHOPPING CART
*************************************/
.CheckoutSteps				{ margin:10px auto;width:510px;}
.CartContainer				{ width:800px;margin:0px auto;}
.CartWrapper				{ width:100%;margin:0px auto;}
.HeaderRow					
{
    border-bottom:solid 1px #000000; 
    padding:8px 5px 10px 5px;text-transform:uppercase;font-weight:bold; font-size:14px;}
.OddRow	td					{ padding:5px 10px;}
.EvenRow td					{ padding:5px 10px;background-color:#E6E6E6;}
.ProductDescription			{ font-size:12px;}
.ProductDescription a:link	{ color:#444444;}
.ProductDescription a:active	{ color:#444444;}
.ProductDescription a:visited	{ color:#444444;}
.ProductDescription a:hover	{ color:#2a618d;}
.SKU						{ font-size:10px;padding:0px;}
.Label						{ font-size:12px;font-weight:bold;padding:5px;}
.Value						{ font-size:12px;padding:5px;}
.Asterisk					{ color:#ff0000;}
.GrandTotal	td				 {	background-color:#ACE0F0;padding:6px;text-align:right;font-size:14px;font-weight:normal;}
.GrandTotal	td	td			{padding:0px;font-size:12px;vertical-align:middle}
.Total	td				 {	background-color:#EAF7FB;padding:6px;text-align:right;font-size:12px;font-weight:normal;vertical-align:middle}
.Total	td	td			{padding:0px;font-size:12px;vertical-align:middle}
.ShippingContainer			
{
     background-image:url(../Images/Codonics/productDetailTabContentBG.jpg);background-repeat:repeat-x;
     }
.payment_information			
{
     background-image:url(../Images/Codonics/productDetailTabContentBG.jpg);background-repeat:repeat-x;
     }     
.payment_information h3		{ color:#2C61A0; text-transform:uppercase;padding-left:10px;}
.CVVDiv						{ position:absolute;top:0px; left:0px;width:600px; border:solid 1px #cccccc; background-color:#ffffff;visibility:hidden;}
.CreditCardContainer		{ /*background-image:url(../Images/Codonics/productDetailTabContentBG.jpg);background-repeat:repeat-x;*/}
.BillingContainer			{ width:750px;margin:0px auto;background-image:url(../Images/Codonics/productDetailTabContentBG.jpg);background-repeat:repeat-x;}
.BillingContainer h3		{ color:#2C61A0; text-transform:uppercase;}

/* MY ACCOUNT */
.ActiveTab					{ background-image:url(../Images/TabA.gif); background-repeat: repeat-x;white-space:nowrap;line-height:26px;text-transform:uppercase;padding:0px 5px;}
.ActiveTab a:link			{ text-decoration:none;color:#444444;}
.ActiveTab a:active			{ text-decoration:none;color:#444444;}
.ActiveTab a:visited			{ text-decoration:none;color:#444444;}
.ActiveTab a:hover			{ text-decoration:none;color:#444444;}
.InactiveTab				{ background-image:url(../Images/TabN.gif); background-repeat: repeat-x;white-space:nowrap;line-height:26px;text-transform:uppercase;padding:0px 5px;}
.InactiveTab a:link			{ text-decoration:none;color:#444444;}
.InactiveTab a:active			{ text-decoration:none;color:#444444;}
.InactiveTab a:visited			{ text-decoration:none;color:#444444;}
.InactiveTab a:hover			{ text-decoration:none;color:#444444;}
.TabSep						{ margin-right:10px;}
.MyAccountContainer			{ width:800px; margin:20px auto 0px auto;}
.AccountContainer			{ background-image:url(../Images/Codonics/productDetailTabContentBG.jpg);background-repeat:repeat-x;padding:10px;}
.BgHdrMyAcc					{ vertical-align:middle;background-color:#ACE0F0;padding:5px 10px; color:#2c618b; text-transform:uppercase;font-weight:bold;}
.PanelCellLeftBold			{ font-weight:bold; padding:0px 3px 0px 0px;}
.SubHdrRowMyAcc	td		{ background-color:#EAF7FB;padding:5px 10px;}
.OddRow						{ padding:5px;}
.EvenRow					{ background-color:#f2f2f2; padding:5px;}
.SortRow	th		{ background-color:#EAF7FB;padding:5px 10px;}
.SortRow	td		{ background-color:#EAF7FB;padding:5px 10px;}



/*Need to add this code for secondary pages and replace contentContainer on secondary pages or have a some sort of 
class or id that identifies the page is secondary not the home page, these styles are not being applied on secondary page because of the use of only one style sheet. */
.contentContainer_Secondary {
	background:url('../Images/Codonics/secondaryPageBG.jpg') no-repeat 10px 0;
	padding:0 5px 80px 10px;
}

.accordionContent a.learnMoreLink {
	font-weight:bold;
	color:#444444;
	text-transform:uppercase;
	text-decoration:underline;
	white-space:nowrap;
}


.productListingImage
{
	height:135px;
	vertical-align:middle;
}
.productListingImage td
{
	height:135px;
	vertical-align:middle;
}


/* CJV specific fixes per email 061709*/
.ProductListItem {width:25%;} /* fix difference in width between search results and recently viewed items list */
#signup_response {height:25px;width:370px;background-color:#fff;position:relative;top:4px;left:0px;float:right;}
#signup_text {position:absolute; top:5px; left:5;}
.footerInformation {}
#phThankYou {position:relative;top:-15px;left:500px;background-color:#fff;}

/* CJV adjustments to downloads links */
td.link_download {padding-left:20px; padding-right:5px;}
.productDetailDownloads {font-size:12px;background:url('../Images/Codonics/productDetailBrightIdeasBG.jpg') no-repeat 0 0;width:100%; background-position:left 5px ;}
.productDetailDownloads h2 {text-transform:uppercase;font-weight:bold;font-size:16px;padding:15px 20px 0 20px;}

.CategoryDetailWrapper{padding:0px 0px;width:100%;margin-top:0px; *margin-top:-10px;}

.PopFrame			{ background-repeat:repeat-x; background-color:#eaf7fb; border:2px solid #666666; padding:5px;display:block; }
.PopTitle			{ background-color:#60768C;}
.PopTitle td		{ color:#ffffff; font-weight:bold;padding: 3px 5px;background-color:Gray; display:block; }


/*COLLAPSIBLE LOGIN PANEL*/
.CollapsiblePanel {margin: 0px;padding: 0px;border:none;}
.CollapsiblePanelTab {font: bold 0.7em sans-serif; height:31px;
                      background:none;border:none;
                      margin: 0px 0px 0px 0px;
                      margin: 0px 0px 0px 0px\9; 
                      margin: -1px 0px 0px 0px;
                      padding: 0px;cursor: pointer;-moz-user-select: none;	-khtml-user-select: none;}
.CollapsiblePanelTab a {text-decoration: none;}
.CollapsiblePanelContent {margin: 5px 0 0 0;padding: 0px;}
.CollapsiblePanelOpen .CollapsiblePanelTab {background-color: transparent;}
.CollapsiblePanelClosed .CollapsiblePanelTab {}
.CollapsiblePanelTabHover,  .CollapsiblePanelOpen .CollapsiblePanelTabHover {background-color: transparent;}
.CollapsiblePanelFocused .CollapsiblePanelTab {background-color: transparent;}
.LoginWrapper{width: 240px; position: absolute; top: 67px; top: 67px\9;  top: 64px; right: 0px; z-index: 1000;}

/* Added by Abdul 13/05/11 */
.divLogin{width:260px; position:relative; z-index:100; font-size:12px; line-height:normal; text-align:left;}
.divLogin a{height:auto; display:inline;}