/* +------------------------------------------------------------+ */
/* | General XHTML Elements                                     | */
/* +------------------------------------------------------------+ */

@import url("reset.css");



@import url("typography.css");





/* The Big Stuff */



body { 

	font-family: Arial, sans-serif;

	text-align: center; background: #fff url(../media/body.gif) repeat-x; }

a {
     color: #3872B2;
     font-weight: normal;
     text-decoration: underline;
     cursor: pointer;
     }

p {
     margin: 5px 0px 7px 0px;
     }

sup {
     display: inline;
     padding: 0px;
     vertical-align: super;
     font-size: 8px;
     }

a:hover {
     color: #555555;
     }

fieldset {
     border: none;
     padding: 4px 0px 4px 5px;
    }

fieldset p {
     display: block;
     font-size: 11px;
     margin: 5px 5px 5px 2px;
     }

form {
     margin: 0px 0px 5px 0px;
     }
     
form#ccp0--minisearch {
	margin:10px 0 0 10px;
	padding:2px 0 0 5px;
	display:inline;
}
img {
     border: none;
     }

li {
     padding-bottom: 5px;
     }

/* +------------------------------------------------------------+ */
/* | General XHTML Classes                                      | */
/* +------------------------------------------------------------+ */

.center {
     text-align: center;
     }

.inlinecenter {
     text-align: center;
     }

p.inline {
     display: inline;
     padding: 0px;
     }

.strong {
     font-weight: bold;
     }

.big {
     font-weight: bold;
     font-size: 14px;
     }

.hidden {
     display: none;
     }

a.unfancy {
     color: #3872B2;
     font-weight: normal;
     text-decoration: underline;
     cursor: pointer;
     }

a.unfancy:hover {
     color: #555555;
     }
a.small_link {
     color: #ffffff;
     font-weight: normal;
     text-decoration: underline;
     cursor: pointer;
     font-size: 90%;
     display: inline;
     }

a.small_link:hover {
     color: RED;
     }


/* +------------------------------------------------------------+ */
/* | Skin Specific Divs                                         | */
/* +------------------------------------------------------------+ */

div#body { text-align: center; background: url('../media/bodydiv.gif') center top no-repeat; }

div#header { 

	position: relative;

	text-align: left; 

	margin: 0 auto 0 auto; 

	width: 760px; 

	background: url('../media/header.gif') bottom no-repeat; 

	height: 175px; 

	display: block; 

	font-family: 'Times New Roman', serif;

}

div#header1 { 

	position: relative;

	text-align: left; 

	margin: 0 auto 0 auto; 

	width: 760px; 


	height: 175px; 

	display: block; 

	font-family: 'Times New Roman', serif;

}

div#frame { 

	background:transparent url(../media/bodydiv.gif) no-repeat scroll center top;

	text-align: center; 

	width: 760px; 

	margin: 0 auto 0 auto; 

}



/* Header  */



div#header .logo {
	background:#034A3F none repeat scroll 0 0;
	float:left;
	height:144px;
	margin:0;
	text-align:center;
	width:184px;
}



div#header h1 { width: 163px; height: 106px; display: block; text-indent: -999em; background: url('../media/logo.gif') top left no-repeat; float: left; margin: 27px 0 0 0; }

div#header h1 a { display: block; width: 163px; height: 106px; }



/* Links */

a { 

	color: #3b5e58;

 }

a:hover {

	color: #444;

 }

a:visited {}



/* Navigation */

div#nav {

	background: url('../media/nav.gif') top repeat-x;

	height: 33px;

	float: right;

	margin: 100px 5px 0 0;

}

div#nav-in {

	background: url('../media/nav-l.gif') left top no-repeat;

	height: 33px;

}

div#header ul.globalRootMenu {

	height: 33px;

	background: url('../media/nav-r.gif') top right no-repeat;

}

div#header li {

	display: block;

	float: left;

	font-size: .7em;

	line-height: 2.6em;

	border-right: 1px solid #749b95;

	margin-top: 1px;

	padding: 0 10px 0 10px;

}

div#header li a {

	display: block;

	float: left;

	color: #fff;

	text-decoration: none;

	text-transform: uppercase;

}

div#header li.last {

	border-right: none;

}





/* Search */

div#search {
	position: absolute;
	top: 27px;
	right: 4px;
	background: url('../media/searchbg.gif') left top no-repeat;
	width: 287px;
	height: 40px;
	padding:10px 0 0;

}

*html div#search {

	position: relative;

	top: -106px;

	right: 2px;

	float: right;

}

div#search input.searchInput {

	margin: 10px 0 0 16px;

	width: 195px;

	border: 1px solid #c5c5c5;

}

div#search input.searchButton {

	width: 64px;

	height: 27px;

	background: url('../media/searchbutton.gif') left top no-repeat;

	border: none;

	position: relative;

	top: 4px;

	text-indent: -999em;

	*overflow: hidden;

	_overflow: hidden;

	*padding-left: 999em;

	_padding-left: 999em;

}





/* Extras (Mainly things that are always hidden.) */

.hide { display: none; }

br.clear {

	clear: both;

}



/* Content */

div#container {
	width: 760px;
	background: url(../media/frame_orig.gif) repeat-y left;
	clear: both;
	float: left;
	z-index: 0;
}

div#crystal_accent {
	background: url(../media/corner.gif) no-repeat right top;	
	z-index: 2;
	width: 93px;
	height: 105px;
	float: right;
	position: relative;
	bottom: 20px;
	left: 83px;
}

div#mainCol {

	width: 460px;
	float: right;
	margin-right: 95px;
	text-align: left;
}

div#subCol {

	width: 150px;

	float: left;

	background: url('../media/categories.gif') 1px top no-repeat;

	text-align: left;

	padding-bottom: 200px;
	padding-left: 30px;
}

div#subCol ul {

	padding-left: 10px;

	font-size: .7em;

	font-weight: bold;

}

div#subCol ul li {

	text-transform: uppercase;

	margin-bottom: 6px;

	color: #fff;

}

div#subCol ul li a {

	color: #fff;

	text-transform:: uppercase;

	text-decoration: none;

}

div#subCol ul li ul.level2 {

	margin: 6px 0 6px 0;

	font-size: 1em;

	line-height: 1em;

	padding-left: 10px;

}

div#subCol ul li ul.level2 li a:hover, div#subCol ul li ul.level2 li a {

	color: #044a3f;

	background-image: url('../media/bullethover.gif');

}

div#subCol ul li ul.level2 li {

	text-transform: capitalize;

	font-weight: normal;

	padding-left: 0;

}

div#subCol ul li ul.level2 li a {

	color: #fff;

	text-transform: captitalize;

	padding-left: 12px;

	background: url('../media/bullet.gif') left 4px no-repeat;

}

/*div#subCol ul.globalMenu li ul.level3, div#subCol ul.globalMenu li ul.level4 {

	display: none;

}*/

h3#categories {

	display: none;

}

div#extraCol {

	width: 90px;

	position: absolute;

	top: -20px;

	right: 14px;

}

* html div#extraCol {

	right: 11px;

}





/* Footer */

div#footer {

	width: 760px;

	margin: 0 auto;

	text-align: center;

	background: url('../media/container_orig.gif') top no-repeat;

	clear: both;

	padding-top: 50px;

	font-size: .7em;

	color: #787878;

	height: 150px;

}
/*
div#footer ul {

	float: right;

	display: block;

	margin-bottom: 20px;

}

div#footer ul li, span#copyright, span#credit {

	float: left;

	display: block;

	background: url('../media/footer.gif') right 2px no-repeat;

	padding: 0 10px 0 10px;

}
*/
span#credit a {

	color: #787878;

}
/*
div#footer ul li.last, span#credit {

	background: none;

	padding-right: none;

}

div#footer ul li a {

	display: block;

	float: left;

	color: #787878;

	text-transform: uppercase;

	text-decoration: none;;

}

div#footer div.contents {

	float: right;

	clear: right;

	text-align: right;

}
*/
div.bottom-menu {
	width: 100%;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 15px;
	clear: both;
	float: left;
}

div.bottom-address {
	width: 100%;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 15px;
	clear: both;
	float: left;
}


#skin_ct {
     width: 100%;
     padding: 0px;
     border-spacing: 0px;
     border-collapse: collapse;
     border: 1px solid #999999;
     }

#skin_ct_lcol_head {
     background-color: #FFFFFF;
     padding: 7px 7px 10px 7px;
     margin: 0px;
     vertical-align: top;
     width: 160px;
     }


#skin_ct_rcol_head {
     background-color: #FFFFFF;
     padding: 7px 7px 10px 7px;
     margin: 0px;
     vertical-align: top;
     }

#skin_ct_lcol {
     background-color: #FFFFFF;
     padding: 3px 17px 7px 7px;
     margin: 0px;
     vertical-align: top;
     width: 160px;
     text-align: left;
     }

#skin_ct_mcol {
     background-color: #FFFFFF;
     padding: 7px;
     margin: 0px;
     vertical-align: top;
     }

#skin_ct_rcol {
     background-color: #FFFFFF;
     padding: 3px 7px 7px 17px;
     margin: 0px;
     vertical-align: top;
     width: 160px;
     }

#skin_footer {
     padding: 0px;
     margin-top: 10px;
     text-align: center;
     }

#skin_pgtitle {
     color: #30569D;
     padding: 0px 0px 2px 0px;
     margin: 0px 0px 10px 0px;
     font-weight: bold;
     border-bottom: 1px solid #999999;
     }

#skin_content {
     margin: auto;
     }

/* +------------------------------------------------------------+ */
/* | Skin Specific Classes                                      | */
/* +------------------------------------------------------------+ */

.skin_fenavh {
     color: #30569D;
     margin: 0px 0px 0px 5px;
     border-bottom: 1px solid #999999;
     font-weight: bold;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 3px;
}

.skin_fenav ul {
     padding: 0px;
     margin: 8px 0px 10px 0px;
     list-style: none;
     }

.skin_fenav ul li {
     margin: 0px;
     list-style: none;
     }

.skin_fenav ul li a {
     color: #3872B2;
     font-weight: normal;
     display: block;
     text-decoration: none;
     padding: 3px 5px 3px 10px;
     background-image: url('../media/menu_arrow.png');
     background-repeat: no-repeat;
     background-position:  center left;
     }

.skin_fenav ul li a:hover {
     color: #555555;
     background-color: #C2DFFF;
     text-decoration: none;
     }

.skin_headacct {
     width: 100%;
     text-align: right;
     clear: both;
     }

.skin_fenavmini {
     background-color: #F2F2F2;
     padding: 5px;
     margin: 0px 0px 10px 0px;
     border-left: 1px solid #999999;
     border-right: 1px solid #999999;
     border-bottom: 1px solid #999999;
     }

#skin_menu_head ul {
     padding: 0px 0px 4px 0px;
     margin: 0px 0px 4px 0px;
     list-style: none;
     border-bottom: 1px solid #999999;
     }

#skin_menu_head li {
     padding: 0px;
     margin: 0px;
     list-style: none;
     display: inline;
     }

#skin_menu_head ul li a {
     color: #3872B2;
     font-weight: normal;
     text-decoration: none;
     margin: 0px 30px 0px 0px;
     padding: 0px 0px 0px 10px;
     background-image: url('../media/menu_arrow.png');
     background-repeat: no-repeat;
     background-position: center left;
     }

#skin_menu_head ul li a:hover {
     text-decoration: underline;
     }

#skin_headacct {
     padding: 0px 0px 0px 10px;
     background-image: url('../media/menu_arrow.png');
     background-repeat: no-repeat;
     background-position: center left;
}

/* +------------------------------------------------------------+ */
/* | KHXC Required Divs                                         | */
/* +------------------------------------------------------------+ */

#khxc_debug {
     color: #555555;
     background-color: #FFFFFF;
     border-top: 1px solid #999999;
     overflow: hidden;
     padding: 10px;
     margin: 10px auto 10px auto;
     }

#khxc_printable {
     background-color: #FFFFFF;
     border: 1px solid #999999;
     padding: 10px;
     margin: auto;
     }

/* +------------------------------------------------------------+ */
/* | KHXC Required Classes: Messages                            | */
/* +------------------------------------------------------------+ */

.khxc_error {
     color: #FF0000;
     font-weight: bold;
     }

.khxc_confirm {
     color: #339933;
     font-weight: bold;
     }

.khxc_imgfloatrt {
     float: right;
     margin-bottom: 10px;
     margin-left: 10px;
     display: inline;
     }

.khxc_inline {
     display: inline;
     }

/* +------------------------------------------------------------+ */
/* | KHXC Required Classes: Boxed Monospace Code                | */
/* +------------------------------------------------------------+ */

.khxc_preboxed {
     margin: 5px 0px 0px 0px;
     padding: 5px;
     border: 1px solid #999999;
     font-family: Fixed, monospace;
     overflow: hidden;
     }

/* +------------------------------------------------------------+ */
/* | KHXC Required Classes: Form Fields                         | */
/* +------------------------------------------------------------+ */

.khxc_formfieldradcb {
     color: inherit;
     background-color: inherit;
     }

.khxc_formfield {
     background-color: #FFFFFF;
     border: 1px solid #555555;
     margin: 5px 5px 0px 2px;
     font-size: 11px;
     }

.khxc_formfield:hover {
     background-color: #F5F5F5;
     }

.khxc_formfieldp {
     display: block;
     padding: 0px;
     margin: 0px 0px 2px 2px;
     }

.khxc_formfieldpnfs {
     display: block;
     padding: 0px 5px 0px 5px;
     margin: 0px 0px 5px 0px;
     }

.khxc_formfielda {
     display: block;
     padding: 0px 5px 0px 5px;
     margin: 0px 0px 2px 0px;
     }

.khxc_formbutton {
     color: #555555;
     background-color: #DEDEDE;
     padding: 1px;
     margin: 0px 0px 5px 0px;
     font-size: 11px;
     width: 110px;
     border: 1px solid #555555;
     }

.khxc_formbutton:hover {
     color: #555555;
     background-color: #EBF1FF;
     }

.khxc_quickbutton {
     color: #555555;
     background-color: #DEDEDE;
     padding: 1px;
     margin: 0px;
     font-size: 11px;
     border: 1px solid #555555;
     }

.khxc_quickbutton:hover {
     color: #555555;
     background-color: #EBF1FF;
     }
div#search .khxc_quickbutton {
	 color: #555555;
	 background-color: #DEDEDE;
	 padding: 1px;
	 margin: 0px;
	 font-size: 11px;
	 width: 50px;
	 border: 1px solid #555555;
 }

div#search .khxc_quickbutton:hover {
	 color: #555555;
	 background-color: #EBF1FF;
 }


.khxc_quickform {
     margin: 5px 0px 0px 0px;
     display: inline;
     }

.khxc_quickfield {
     background-color: #FFFFFF;
     border: 1px solid #555555;
     font-size: 11px;
     margin: 1px 0px 0px 0px;
     }

.khxc_quickfield:hover {
     background-color: #EFEFEF;
     }

.khxc_formfieldradcb_rnc {
     background-color: #FFA4A4;
     }

.khxc_formfield_rnc {
     background-color: #FFA4A4;
     border: 1px solid #555555;
     font-size: 11px;
     margin: 5px 5px 0px 2px;
     }

.khxc_formfield_rnc:hover {
     background-color: #EFEFEF;
     }

/* +------------------------------------------------------------+ */
/* | KHXC Required Classes: Form Table Displays                 | */
/* +------------------------------------------------------------+ */

.khxc_formsecthead {
     color: #FF6600;
     margin: 5px 0px 10px 0px;
     padding: 4px 5px 4px 0px;
     border-bottom: 1px solid #999999;
     font-weight: bold;
     }

table.khxc_formtblone {
     margin: 0px 0px 10px 0px;
     border-spacing: 0px;
     border-collapse: collapse;
     width: 100%;
     }

table.khxc_formtbltwo {
     margin: 0px 0px 10px 0px;
     border-spacing: 0px;
     border-collapse: collapse;
     width: 100%;
     }

td.khxc_formtbltwo {
     padding: 4px 2px 4px 2px;
     width: 50%;
     vertical-align: top;
     border-bottom: 1px solid #DEDEDE;
     }

td.khxc_formtbltwospan {
     padding: 4px 2px 4px 2px;
     width: 100%;
     vertical-align: top;
     border-bottom: 1px solid #DEDEDE;
     }

td.khxc_formtblone {
     padding: 4px 2px 4px 2px;
     width: 100%;
     vertical-align: top;
     border-bottom: 1px solid #DEDEDE;
     }

/* +------------------------------------------------------------+ */
/* | KHXC Required Classes: Sort Table Displays                 | */
/* +------------------------------------------------------------+ */

table.khxc_sorttable {
     margin: 0px;
     border-spacing: 0px;
     border-collapse: collapse;
     width: 100%;
     }

th.khxc_sorttable {
     padding: 4px 5px 4px 5px;
     border-bottom: 1px solid #DEDEDE;
     vertical-align: top;
     font-weight: bold;
     }

td.khxc_sorttable {
     padding: 4px 5px 4px 5px;
     border-bottom: 1px solid #DEDEDE;
     vertical-align: top;
     }

/* +------------------------------------------------------------+ */
/* | KHXC Required Classes: Regular Table Displays              | */
/* +------------------------------------------------------------+ */

.khxc_regtablehead {
     color: #FF6600;
     margin: 5px 0px 10px 0px;
     padding: 4px 5px 4px 0px;
     border-bottom: 1px solid #999999;
     font-weight: bold;
     clear: both;
     }

table.khxc_regtable {
     margin: 0px 0px 10px 0px;
     border-spacing: 0px;
     border-collapse: collapse;
     width: 100%;
     }

td.khxc_regtable {
     padding: 4px 2px 4px 2px;
     vertical-align: top;
     border-bottom: 1px solid #DEDEDE;
     }

.khxc_regtable p {
     padding: 0px;
     margin: 0px 0px 5px 0px;
     }

/* +------------------------------------------------------------+ */
/* | KHXC Required Classes: Ghost Table Displays                | */
/* +------------------------------------------------------------+ */

table.khxc_ghost {
     margin: 0px;
     padding: 0px;
     border-spacing: 3px;
     border-collapse: collapse;
     width: 100%;
     }

td.khxc_ghost {
     padding: 0px;
     margin: 0px;
     vertical-align: top;
     }

.khxc_ghost form {
     display: inline;
}

td.khxc_ghost img {
     margin-right: 10px;
     margin-bottom: 10px;
     }

td.khxc_ghost p {
     margin: 0px 0px 6px 0px;
}

/* +------------------------------------------------------------+ */
/* | KHXC Required Classes: Boxed Paragraphs                    | */
/* +------------------------------------------------------------+ */

p.khxc_ultablesp {
     margin: 0px;
     font-size: 1px;
     }

/* +------------------------------------------------------------+ */
/* | KHXC Required Classes: Online Store Displays               | */
/* +------------------------------------------------------------+ */

.khxc_storehead {
     color: #FF6600;
     margin: 5px 0px 10px 0px;
     padding: 4px 5px 4px 0px;
     border-bottom: 1px solid #999999;
     font-weight: bold;
     clear: both;
     }

.khxc_storelink {
     color: #666666;
     background-color: #F2F2F2;
     margin: 5px 0px 10px 0px;
     padding: 4px 5px 4px 5px;
     border: 1px solid #999999;
     }

.khxc_storelink p {
     color: #666666;
     margin: 0px;
     }

/* +------------------------------------------------------------+ */
/* | KHXC Required Classes: Category List Display Tables        | */
/* +------------------------------------------------------------+ */

table.khxc_cptbl_cat {
     margin: 0px 0px 10px 0px;
     border-spacing: 0px;
     border-collapse: collapse;
     width: 100%;
     }

td.khxc_cptbl_cat {
     padding: 5px 0px 0px 0px;
     vertical-align: top;
     border-bottom: 1px solid #DEDEDE;
     }

td.khxc_cptbl_cat a {
     font-weight: bold;
     }

td.khxc_cptbl_cat_blank {
     display: none;
     }

/* +------------------------------------------------------------+ */
/* | KHXC Required Classes: Product List Display Tables         | */
/* +------------------------------------------------------------+ */

table.khxc_cptbl_prod {
     margin: 0px 0px 10px 0px;
     border-spacing: 0px;
     border-collapse: collapse;
     width: 100%;
     }

td.khxc_cptbl_prod {
     padding: 5px 0px 0px 0px;
     vertical-align: top;
     border-bottom: 1px solid #DEDEDE;
     }

td.khxc_cptbl_prod a {
     font-weight: bold;
     }

td.khxc_cptbl_prod_blank {
     display: none;
     }

/* +------------------------------------------------------------+ */
/* | KHXC Required Classes: Product Detail Display Tables       | */
/* +------------------------------------------------------------+ */

table.khxc_cptbl_det {
     margin: 0px 0px 10px 0px;
     border-spacing: 0px;
     border-collapse: collapse;
     width: 100%;
     }

td.khxc_cptbl_det {
     padding: 5px 0px 0px 0px;
     vertical-align: top;
     }

td.khxc_cptbl_det_blank {
     display: none;
     }

/* +------------------------------------------------------------+ */
/* | KHXC Required Classes: Price Displays                      | */
/* +------------------------------------------------------------+ */

.khxc_pricediv {
     margin: 5px 0px 7px 0px;
     }

.khxc_price {
     color: #FF6600;
     font-weight: bold;
     display: inline;
     }

.khxc_pricex {
     color: #FF0000;
     font-weight: bold;
     display: inline;
     text-decoration: line-through;
     }

/* +------------------------------------------------------------+ */
/* | KHXC Required Classes: Shopping Cart Displays              | */
/* +------------------------------------------------------------+ */

.khxc_cartbutton {
     color: #555555;
     background-color: #DEDEDE;
     padding: 1px;
     font-size: 11px;
     font-weight: normal;
     text-align: center;
     display: block;
     margin: 0px 0px 5px 0px;
     width: 125px;
     border: 1px solid #555555;
     text-decoration: none;
     }

.khxc_cartbutton:hover {
     color: #555555;
     background-color: #EBF1FF;
     text-decoration: none;
     cursor: default;
     }

/* +------------------------------------------------------------+ */
/* | KHXC Required Classes: Misc                                | */
/* +------------------------------------------------------------+ */

.khxc_clearboth {
     clear: both;
     }

.khxc_outstock {
     color: #FF0000;
     }

a.khxc_hrefbutton {
     color: #555555;
     background-color: #DEDEDE;
     padding: 2px 5px 2px 5px;
     font-size: 11px;
     font-weight: normal;
     text-align: center;
     display: block;
     border: 1px solid #555555;
     text-decoration: none;
     }

a.khxc_hrefbutton:hover {
     color: #555555;
     background-color: #EBF1FF;
     text-decoration: none;
     cursor: default;
     }

.khxc_outline {
     border: 1px solid #999999;
     padding: 5px;
     margin-top: 5px;
     }

.khxc_outline p {
     margin: 0px 0px 3px 0px;
}

.textElementTable{
	font-family: Arial, sans-serif;
         font-size: 12px; 
	line-height: 1.4em; 
	margin: 0 0 1.8em 0; 
	color: #444;
}


/* +------------------------------------------------------------+ */
/* | End                                                        | */
/* +------------------------------------------------------------+ */