/******************************************
*
* Global stylesheet to be used on all pages.
*
*******************************************/

/* Basic styles */
body {
	color : #666666;
	font-family : Arial, Helvetica;
	font-size : 11px;
	padding : 0px;
	margin : 0px;
	border : 0px;
	background : #FFFFFF;
}
h1, h2, h3, h4, h5, h6 {
	margin : 0px 0px 0px 0px;
}
a {
	color : #660066;
	outline: none;
}
a:link {
	color : #660066;
}
a:active {
	color : #660066;
}
a:visited {
	color : #993399;
}
a:hover {
	color : #996699;
}
form {
	padding : 0px;
	margin : 0px;
}
#page {
	position : relative;
	margin : 0px 0px 0px 0px;
	width : 770px;
}
select, input, textarea {
	color : #333333;
	font-size : 11px;
	font-family : Arial, Helvetica;	
}


/* Page content */
#pageContent {
	display : block;
	float : left;
}


/* Font styles */
.pageTitle {
	font-size : 26px;
	font-weight : bold;
}
.pageSubtitle {
	font-size : 18px;
	font-weight : bold;
}
.paraHeader {
	font-size : 12px;
	font-weight : bold;
	margin : 0px 0px 3px 0px;
}
.header {
	color : #000000;
	font-size : 11px;
	font-weight : bold;
}
.subtext {
	font-style : italic;
}
.small {
	font-size : 10px;
}
.bold {
	font-weight : bold;
}
.black {
	color : #000000;
}
.white {
	color : #FFFFFF;
}
.purple {
	color : #660066;
}


/* Header links */
#header {
	position : relative;
	clear : both;
	font-size : 10px;
}
#header a {
	color : #666666;
	font-size : 10px;
	text-decoration : none;
}
#header a:link {
	color : #666666;
}
#header a:active {
	color : #666666;
}
#header a:visited {
	color : #666666;
}
#header a:hover {
	color : #000000;
	text-decoration : underline;
}


/* Top nav */
#topNav {
	position : relative;
	padding : 3px 0px 3px 10px;
}
#topNav table {
	color : #666666;
	font-size : 11px;
	width : 760px;
}
#topNav td {
	vertical-align : middle;
}
#topNavAccount {
	width : 400px;
	text-align : left;
}
#topNavShop {
	width : 160px;
	text-align : right;
}
#topNavSearch {
	width : 150px;
	text-align : right;
}
#topNavAdvanced {
	width : 50px;
	text-align : right;
}
#globalSearchForm .globalSearchText {
	color : #666666;
	font-size : 10px;
	width : 100px;
}


/* Primary nav */
#primaryNav {
	display : block;
	position : relative;
	padding-top : 3px;
	background : transparent url(/img/shared/header/bg_woodgrain.jpg) no-repeat top;
}
#primaryNav #kayLogo {
	vertical-align : bottom;
	padding-right : 10px;
}
#primaryNav td.primaryNavBtn {
	vertical-align : top;
	padding : 4px 10px 3px 10px;
}
#primaryNav a {
	display : block;
	color : #FFFFFF;
	font-weight : bold;
	font-size : 12px;
	line-height : 13px;
}
#primaryNav a:link {
	color : #FFFFFF;
}
#primaryNav a:active {
	color : #FFFFFF;
}
#primaryNav a:visited {
	color : #FFFFFF;
}
#primaryNav a:hover {
	text-decoration : none;
}


/* Primary sub nav */
#primarySubNav {
	background-color : #CFAA66;
}
#subNavs {
	width : 100%;
	border-bottom : 1px solid #CCCCCC;
	border-right : 1px solid #CCCCCC;
	background-color : #FFFFFF;
}
#primarySubNav .subNav {
	display : none;
	margin-top : 0px;
	margin-bottom : 3px;
}
#primarySubNav .subNav li {
	display : block;
	float : left;
	color : #000000;
	margin : 0px 0px 3px 0px;
	padding : 0px 0px 0px 15px;
}
#primarySubNav .subNav li.active a {
	color : #000000;
}

/* Breadcrumbs */
#breadcrumbs {
	color : #999999;
	font-size : 11px;
	padding : 3px 10px 3px 10px;
}
#breadcrumbs a:link {
	text-decoration : none;
}
#breadcrumbs a:active {
	text-decoration : none;
}
#breadcrumbs a:visited {
	text-decoration : none;
}
#breadcrumbs a:hover {
	text-decoration : underline;
}


/* Page nav */
#pageNav {
	/*position : relative;*/
	float : left;
	width : 203px;
	color : #999999;
	margin : 0px 0px 40px 0px;
	padding : 20px 0px 5px 0px;
	background-color : #F1F1EF;
	border : 1px solid #CCCCCC;
}   
#pageNav .header {
	color : #000000;
	font-size : 11px;
	font-weight : bold;
	padding : 0px 0px 5px 9px;
}
#pageNav .header a {
	font-size : 11px;
	font-weight : bold;
	text-decoration : none;
}
#pageNav .header a:hover {
	text-decoration : underline;
}
#pageNavMenu {
	color : #660066;
	margin : 0px 4px 20px 4px;
	padding : 0px 0px 2px 0px;
	background : transparent url(../img/shared/pagenav/pagenav_divider.gif) no-repeat bottom center;
}
#pageNavMenu li {
	color : #000000;
	font-size : 10px;
	text-indent : 5px;
	list-style-type : none;
	padding : 1px 0px 1px 0px;
	background : transparent url(../img/shared/pagenav/pagenav_divider.gif) no-repeat top center;
}
#pageNavMenu li.selected {
	margin : 0px;
	text-indent : 14px;
	background : #FFFFFF url(../img/shared/pagenav/pagenav_divider_sel.gif) no-repeat top center;
}
#pageNavMenu li.active {
	text-indent : 5px;
	background : #FFFFFF url(../img/shared/pagenav/pagenav_divider_sel.gif) no-repeat top center;
}
#pageNavMenu a {
	text-decoration : none;
}
#pageNavMenu a:hover {
	text-decoration : underline;
}

#pageNavMenu b {
	font-weight : bolder;
	color : #000000;
	font-size : 10px;
	text-decoration : none;
}

#pageNavSubMenu {
	margin : 0px;
	padding : 2px 0px 0px 0px;
	background-color : #FFFFFF;
}
#pageNavSubMenu li {
	text-indent : 24px;
}
#pageNav .pageNavPromo {
	font-size : 11px;
	margin : 0px 9px 20px 9px;
}
#pageNav .pageNavPromo .header {
	color : #999999;
	font-size : 11px;
	font-weight : bold;
	padding : 0px;
}
#pageNav .pageNavPromo a {
	text-decoration : underline;
}


/* Center content */
#centerContent {
	position : relative;
	float : left;
}


/* Tabs */
#tabbedTable {
	width : 100%
}
#tabs td {
	background : #ECEED9 url(../img/checkout/tab_off.gif) no-repeat top right;
}
#tabs td.selected {
	background : #FFFFFF url(../img/checkout/tab_on.gif) no-repeat top right;	
}
#tabs .tab {
	font-size : 11px;
	color : #660066;
	padding : 6px;
	margin-right : 3px;
	border-top : 1px solid #CCCCCC;
	border-left : 1px solid #9C9C9C;
	background : #ECEED9 url(../img/shared/spacer_cccccc.gif) repeat-x bottom left;
}
#tabs td.selected .tab {
	color : #000000;
	border-top : 1px solid #CCCCCC;
	border-left : 1px solid #CCCCCC;
	background-color : #FFFFFF;
	background-image : none;
}
#tabContent {
	font-size : 11px;
	padding : 30px 35px 35px 35px;
	border-left : 1px solid #CCCCCC;
	border-right : 1px solid #CCCCCC;
	border-bottom : 1px solid #CCCCCC;
}


/* Footer */
#footer {
	display : block;
	clear : both;
	width : 100%;
}
#footerCustomer {
	width : 100%;
	text-align : center;
	padding : 4px 0px 5px 0px;
	border-bottom : 2px solid #BA883E;
	background-color : #A2A2A2;
}
#footerCustomer table {
	width : 95%;
	text-align : center;
	padding :1px 3px 1px 3px;
}
#footerCustomer a {
	color : #FFFFFF;
	font-size : 11px;
	font-weight : bold;
	text-decoration : none;
}
#footerCustomer a:link {
	color : #FFFFFF;
}
#footerCustomer a:active {
	color : #FFFFFF;
}
#footerCustomer a:visited {
	color : #FFFFFF;
}
#footerCustomer a:hover {
	color : #FFFFFF;
	text-decoration : underline;
}
#footerCorporate {
	color : #B4B4B4;
	font-size : 10px;
	font-weight : bold;
	padding : 6px 0px 4px 10px;
}
#footerCorporate a {
	color : #666666;
	font-size : 10px;
	font-weight : bold;
	text-decoration : none;
	margin-right : 0px;
}
#footerCorporate a:link {
	color : #666666;
}
#footerCorporate a:active {
	color : #666666;
}
#footerCorporate a:visited {
	color : #666666;
}
#footerCorporate a:hover {
	color : #000000;
	text-decoration : underline;
}
#footerCopyright {
	color : #999999;
	font-size : 10px;
	padding : 0px 0px 4px 10px;
}


/* Misc styles */
.submitBtn {
	vertical-align : top;
	padding : 1px 0px 1px 0px;
}
.grayBorder {
	border : 1px solid #CCCCCC;
}
.grayBg {
	background-color : #F1F1EF;
}
.noBullets {
	margin : 0px;
	padding : 0px;
	border : 0px;
	text-align :left;
	list-style-type : none;
}
hr {
	height : 1px;
	margin : 1px 0px 1px 0px;
	border : 0px;
}
html>body hr {
	margin : 5px 0px 5px 0px;
}
hr.whiteHorRule {
	color : #FFFFFF;
	background-color : #FFFFFF;
}
hr.grayHorRule {
	color : #CCCCCC;
	background-color : #CCCCCC;
}
hr.drkGrayHorRule {
	color : #999999;
	background-color : #CCCCCC;
}


.strongRedText {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	color: red;
	padding: 0px;
	margin: 0px;
	text-decoration: none;
}
.redText {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 8pt;
	color: red;
	padding: 0px;
	margin: 0px;
	text-decoration: none;
}
.pageHeading {
	padding-left: 0px;
	margin-left: 0px;
	padding-top: 4px;
	padding-bottom: 2px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	text-align: left;
	color: black;
}
.strongtext {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
	text-decoration: none;
}
.bold {
	font-size: 8pt;
	font-weight : bold;
}
.buttonStyle:link {font-family: verdana, arial, helvetica, sans-serif;font-size: 8pt; font-weight: bold; color: #666666;   margin-left: 5px; margin-right:5px; text-decoration: none; height: 14px; white-space:nowrap;}
/* Utility/fix styles */
.noborder {
	border-width : 0px;
}
.floatLeft {
	float : left;
}
.clearfix:after {
	content : ".";
	display : block;
	height : 0px;
	clear : both;
	visibility : hidden;
}
.clearfix {
	display : inline-table;
}
/* Hides from IE-mac \*/
* html .clearfix { height : 1%; }
.clearfix { display : block; }
/* End hide from IE-mac */

/* Added 2/15/06 */
div.row {
  clear: both;
  padding-top: 5px;
}

div.row span.label {
  float: left;
  width: 200px;
  text-align: right;
}

div.row span.formw {
  float: right;
  width: 240px;
  text-align: left;
  } 
div.spacer {
  clear: both;
  }
textarea{
  overflow: auto;
}
/*
.dividerForm{
	margin: 20px 25% 20px 25%;
	height: 1px;
	width: 50%;
	background-color: #CCCCCC;
}*/
.strongRedText {font-family: verdana, arial, helvetica, sans-serif;font-size: 8pt;font-weight: bold;color: red;padding: 0px;margin: 0px;text-decoration: none;}

.errorMessage {
	color: red;
	font-size : 14px;
	font-weight: bold;
	padding: 10px 0 5px 0;
	text-align: center;
}

/* 
	Styles for new roll-over/drop-down menus in top nav 
*/
#nav_outer {
	float: left;
	background: url(/img/shared/header/bg_woodgrain.jpg) top;
}

#nav_inner { 
	width: 565px;
	left: 206px;
}

#categorymenu {
width: 100%;
height: 39px;
float: left;
z-index: 505;
}

#categorymenu ul {
list-style: none;
list-style-type: none;
margin: 0;
padding: 0;
z-index: 510;
}

#categorymenu ul li {
float: left;
display: inline;
}

#categorymenu ul ul {
color: black;
position: absolute;
background:  white;
z-index: 500;
border-width: 0px;
border-style: solid;
border-color: #ccc;
width: 17.7em;
text-align: left;
}

#categorymenu ul ul ul {
position: absolute;
top: 0px;
left: 100%;
z-index: 502;
}

#categorymenu li li {
float: left;
position: relative;
width: 100%;
border-width: 1px;
border-style: solid;
border-color: #ccc;
padding-top: 3px;
padding-bottom: 3px;
background:  white;
z-index: 501;
}

#categorymenu a {
font: bold 10px arial, helvetica, serif;
display: block;
margin: 0;
color: #000;
text-decoration: none;
}

#categorymenu a:hover {
color: #000;
background: #c5a038;
text-decoration: none;
}

#categorymenu ul ul li:hover {
background: #c5a038;
}

div#categorymenu ul ul {
display: none;
}

div#categorymenu ul li:hover ul
{display: block;}

div#categorymenu ul ul,
div#categorymenu ul li:hover ul ul,
div#categorymenu ul ul li:hover ul ul
{display: none;}

div#categorymenu ul li:hover ul,
div#categorymenu ul ul li:hover ul,
div#categorymenu ul ul ul li:hover ul
{display: block;}

.nav_spacer {	
	font: 12px sans-serif;
    line-height: 12px; 
    content: ".";
    background: url(/img/home/bg_content.gif);
}

body {
behavior: url(/css/csshover.htc);
} 

#holidaydollarinquiry {		
	background-color:#ffffcc;	
	color:#000000;	
	padding:10px;	
	font-size:12px;	
	font-weight:bold;	
	margin-bottom:10px;	
	border-color:#cccccc;	
	border-width:1px;	
	border-style:solid;
	float:left;
	height:30px;
	width:166px;
}

#holidaydollarinquiryouter {
	visibility: hidden;
	width:340px;
	width:340px;
	height:62px;
}

#holidaydollarinquiryactiondiv{
border-color:#cccccc;	
	border-width:1px;	
	border-style:solid;
	margin-left:10px;
	margin-bottom:10px;
	padding-top:16px;
	padding-bottom:16px;
	float:left;
	width:140px;
	height:18px;
	text-align:center;
}