/* +------------------------------------------------------------+ */
/* | General XHTML Elements                                     | */
/* +------------------------------------------------------------+ */

body {
     /*color: #555555;
     background-color: #F2F2F2;
     font-family: Verdana, Tahoma, Arial, sans-serif;
     font-size: 11px;
     font-weight: normal;
     text-align: left;
     margin: 10px auto 10px auto;*/
     }

/*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;
     }

img {
     border: none;
     }

li {
     padding-bottom: 5px;
     }
#content input, #content select   {
	padding:3px;
	
	
}
    
/* +------------------------------------------------------------+ */
/* | 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;
     }

/* +------------------------------------------------------------+ */
/* | Skin Specific Divs                                         | */
/* +------------------------------------------------------------+ */

#skin_wrapper {
     width: 900px;
     padding: 0px;
     margin: auto;
     }

#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:#ae0000;
	font-size:1.4em;
	font-weight:normal;
	margin:0 0 13px 0;
     
     
     }

#skin_content {
     margin: auto;
     }

/* +------------------------------------------------------------+ */
/* | Skin Specific Classes                                      | */
/* +------------------------------------------------------------+ */

.skin_fenavh {
	color:#fff;
	background:#cf000c;
	font-size:1em;
	margin:0 10px 1px 10px;
	padding:0 0 0 10px;
	line-height:18px;
	text-transform:uppercase;
	font-weight:normal; 
}

.skin_fenav ul {    /*see menu.css .... ul.std */
    /*padding: 0px;
    margin: 8px 0px 10px 0px;
    list-style: none;*/
	margin:0 0 0 10px;
	padding: 0;
	list-style-type: none;
}

.skin_fenav ul li {
	position: relative;
	cursor: pointer;
	cursor: hand;
	width:160px;
	margin: -1px 0 0 0; 
	padding:0;
}
.skin_fenav ul li a {
	display: block;
	cursor: pointer;
	cursor: hand;
	border: none;
	width:150px;
	text-decoration: none;
	font-size:0.95em;
	padding-left:10px;
	line-height:18px;
	color:#555555;
	background:#f9f9f9; 
}

.skin_fenav ul li a:hover {
     text-decoration: none;
     color:#fff; 
	background:#11475e;
}     
.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: #cf000c;
     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 {
    
     border: 1px solid #555555;
     margin: 5px 5px 0px 2px;
     font-size: 11px;
      background:url(../media/input_bg.gif);	
     }

.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;
     }
/*---------------------BUTTON BACKGROUNDS/BORDERS ----------------------*/
     
.khxc_formbutton, .khxc_quickbutton, a.khxc_hrefbutton {
    color:#fff;
     background:#ae0000;
    border: 1px solid #ae0000;
}


.khxc_cartbutton {
	color: #fff;
     background-color: #11475e;
     border: 1px solid #11475e;
}
.khxc_formbutton:hover, .khxc_quickbutton:hover, a.khxc_hrefbutton:hover {
     color: #fff;
     background:#cf000c;
     text-decoration:none;
}
.khxc_cartbutton:hover {
     color: #fff;
     background-color: #3580a0;
     text-decoration: none;
     cursor: default;
}



/*------------------------------------------------------*/
.khxc_formbutton {     /* see also  a.khxc_hrefbutton */
     
     padding: 1px;
     margin: 0px 0px 5px 0px;
     font-size: 11px;
     width: 130px; 
}
.khxc_quickbutton {
     padding: 1px;
     margin: 0px;
     font-size: 11px;
     width: 130px;
}
.khxc_quickform {
     margin: 5px 0px 0px 0px;
     }

.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;
     color:#cf000c;
     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 {
 

     font-weight: bold;
    clear:both;
	color:#ae0000;
	font-size:1.2em;
	color:#fff;
	color:#11475e;
	padding:0 0 4px 0px;
	line-height:20px;
	margin-bottom:5px;
	background:url(../media/dottedDark.jpg) repeat-x left bottom;
     
     }

.khxc_storelink {  
     /*color: #666666;
     background-color: #F2F2F2;
     margin: 5px 0px 10px 0px;
     padding: 4px 5px 4px 5px;
     border: 1px solid #999999;*/
     
     font-size:0.9em;
	color:#1c5f7b;
	padding:0;
	border:none;
     
     
     }

.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;
     color:#3580a0;
     color:#cf000c;
     font-weight: bold;
     display: inline;
     }

.khxc_pricex {
     color: #FF0000;
      color:#3580a0;
     font-weight: bold;
     display: inline;
     text-decoration: line-through;
     }

/* +------------------------------------------------------------+ */
/* | KHXC Required Classes: Shopping Cart Displays              | */
/* +------------------------------------------------------------+ */

.khxc_cartbutton {
     padding: 1px;
     font-size: 11px;
     font-weight: normal;
     text-align: center;
     display: block;
     margin: 0px 0px 5px 0px;
     width: 125px;
     text-decoration: none;
     }



/* +------------------------------------------------------------+ */
/* | KHXC Required Classes: Misc                                | */
/* +------------------------------------------------------------+ */

.khxc_clearboth {
     clear: both;
     }

.khxc_outstock {
     color: #FF0000;
     }

a.khxc_hrefbutton {   
     padding: 2px 5px 2px 5px;
     font-size: 11px;
     font-weight: normal;
     text-align: center;
     display: block;
     text-decoration: none;
     }


.khxc_outline {
     border: 1px solid #999999;
     padding: 5px;
     margin-top: 5px;
     }

.khxc_outline p {
     margin: 0px 0px 3px 0px;
}

/* +------------------------------------------------------------+ */
/* | End                                                        | */
/* +------------------------------------------------------------+ */
body {
	text-align:center;
	background:#3580a0 url(../media/body_bg.jpg) repeat-x left top; 
	font-size:62.5%;
	font-family:arial;
	color:#000000;
	color:#555555;
}
* {
	margin:0;
	padding:0;
}
html {
	height:100%;
	margin-bottom:1px;
	font-size:100%;
}
#outerwrapper {
	margin:7px auto;
	width:895px;
	width:913px;
	text-align:left;
	min-height:100px;
}
#wrapper {
	width:895px;
	width:913px;
	float:left;
	display:inline;
	min-height:10px;
	background: url(../media/wrapperBG.gif) repeat-y left top;
}
#mastheadwrapper {
	background:url(../media/mastheadBG.gif) no-repeat left top;
	width:913px;
	float:left;

}
#masthead {
	height:70px;
	width:895px;
	float:left;
	display:inline;
	margin:10px 0 0 9px;
	background:  url(../media/bannerBG.jpg) no-repeat 45% 0%;
	position:relative;
	font-size:1.2em;
	
}
#mastheadinner {
	
	background:  url(../media/dottedLight.jpg) repeat-x left bottom;
	width:867px;
	height:1px;
	position:absolute;
	bottom:0px;
	left:14px;
}

#content {
	float:left;
	width:679px;
	min-height:500px;
	margin:9px 0px 20px 12px;display:inline;
	font-size:1.2em;
}

#leftcontent {
	float:left;
	display:inline;
	width:180px;
	margin:0 0 0 20px;
	background:url(../media/leftcontentBG.jpg) repeat-y left top;
	min-height:500px;
	position:relative;
	font-size:1.2em;
}
.bottomsection {
	background:url(../media/bottomSectionBG.jpg) no-repeat left bottom;
	width:180px;
	height:12px;
	float:left;
}
#footer {
	clear:both;
	width:913px;
	height:22px;
	background:url(../media/footerBG.gif) no-repeat left bottom;	
}
#home .left {
	float:left;display:inline;
	width:341px;
	margin:0 15px 0 0;
	
}
#home .right {
	float:left;
	position:relative;
	
	margin:0px 0 10px 0;
}
.logos {
	margin:7px 0 0 0;
	background:#fff;
	text-align:center;
	float:left;
	width:100%;
}

/*----------------------------------HEADINGS/PARAS-------------------------*/
#content h1 {    /* see <div id="skin_pgtitle"> */
	
}
#content h2 {   /* see <div class="khxc_storehead"> */

}
#content p {
	margin:0 0 15px 0;
	font-size:1.1em;
}
#content p.breadcrumb {    /* see .khxc_storelink .. this for the sorting function */
	font-size:0.95em;
	color:#1c5f7b;
}
#leftcontent h2 {   /* this is for .skin_fenavh */
	color:#fff;
	background:#cf000c;
	font-size:1em;
	margin:0 10px 0px 10px;
	padding:0 0 0 10px;
	line-height:18px;
	text-transform:uppercase;
	font-weight:normal;
}
p.phone {
	color:#fff;
	font-size:1.8em;
	float:right;display:inline;
	margin:0 22px -2px 0;
	background:url(../media/phone.gif) no-repeat left center;
	padding-left:20px;	
	
}
p.login {
	margin:50px 0 0 13px;
	float:left;
	display:inline;
	font-size:0.9em;
}
p.cart {
	font-size:0.95em;
	position:absolute;
	top:50px;
	right:13px;
	
}
p.advsearch {
	font-size:0.9em;
	background:url(../media/searchArrow.gif) no-repeat left center;
	padding-left:15px;
	clear:both;
	margin:0px 0 5px 10px;
}


/*-----------------------------------LISTS----------------------------------*/
a {
	text-decoration:none;
	color:#1c5f7b;
}
a:hover {
	text-decoration:underline;
}
#subcontent a:hover {
	text-decoration:none;
}

#masthead ul {
	float:right;display:inline;
	margin:5px 30px 0 0;
	list-style:none;
}
#masthead li, #masthead li a, .bottomnav li, .bottomnav li a, .comm li   {
	float:left;display:inline;
	color:#fff;
}
#masthead li a {
	font-size:1.4em;
	line-height:42px;
	padding:0 13px 0 13px;
}
#masthead li a:hover, #home #masthead li a.home, #shop #masthead li a.shop, #about_us #masthead li a.about, #help #masthead li a.help, #contact #masthead li a.contact {
	background:url(../media/marker.jpg) no-repeat 50% 0%;	
	text-decoration:none;
}
ul.bottomnav {
	color:#fff;
	list-style:none;
	font-size:1.1em;
	padding:0 20px 0 20px;
}
.bottomnav li.first {
	margin-right:435px;
}
.bottomnav li a {
	margin-left:10px;
}
ul.comm {
	float:left;
	display:inline;
	margin:2px 0 0 22px;
}
.comm li a {
	margin-right:10px;
	display:block;
	font-size:1.1em;
	color:#fff;
	
}
.khxc_ghost ul {
	margin:0 0 7px 12px;
}
#links #content ul {
	list-style:none;
}

/*------------------------------------FORMS---------------------------------*/
#leftcontent form {
	margin:10px 0 3px 10px;
	float:left;display:inline;
}
#leftcontent input {
	border:1px solid #747474;
	background:url(../media/glass.gif) no-repeat left center;
	width:116px;
	padding: 2px 3px 2px 18px;
	float:left;display:inline;
	font-size:0.9em;
	margin:0 2px 0 0;
}
#leftcontent input.btn {
	width:27px;
	width:19px;
	height:19px;
	background:none;
	background:url(../media/go.gif) no-repeat left center;
	border:none;
	font-weight:bold;	
}

/*-----------------------------------IMAGES---------------------------------*/
img {
	border:none;
}
#footer img {
	float:right;display:inline;
	margin:-12px 23px 0px 0 ;
	position:relative;
	z-index:20;
}
img.bottom {
	float:left;
	margin:5px 0 5px 9px;
	display:inline;
}
/*----------------------misc-----------------*/
.optional {
	display:none;
}
