/* +------------------------------------------------------------+ */
/* | 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;
     }*/

/* +------------------------------------------------------------+ */
/* | 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, #cartsection p.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_content {
     margin: auto;
     }

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

.skin_fenavh {                              /* this for the secondary menus ... see subcontent h2 AND*/
     /*color: #30569D;	*/					/* AND menu.css */
    /* padding: 3px 0px 3px 0px;
     margin: 0px;
     border-bottom: 1px solid #999999;
     font-weight: bold;*/
     
     color:#ffec9d;
	text-transform:uppercase;
	font-size:1.2em;
	padding:3px 10px 2px 10px;
	background:#01305c;
	border:none;
	font-weight:bold;
    border-top:1px solid #7ba7c4;
    float:left;
   width:163px;
     
     }

/*.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_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: #003869;
     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;
     padding-top:6px;
     }

.khxc_ghost form {
     display: inline;
}

td.khxc_ghost img {
       
     margin:0px 10px 10px 0;
      border:1px solid #999999;
     }

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

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

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

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



.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 Required Classes: Misc                                | */
/* +------------------------------------------------------------+ */

.khxc_clearboth {
     clear: both;
     }

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

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

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

/* colours
wrapper; #003869;
masthead background: #004b8e;
body: #001c34;
logo colour: #ffec9d;
subcontent border: #7ba7c4;

*/

body {
	text-align:center; 
	font-size:62.5%;
	font-family:arial;
	color:#000000;
	background:#001c34;
}
* {
	margin:0;
	padding:0;
}
html {
	height:100%;
	margin-bottom:1px;
	font-size:100%;
}
#outerwrapper {
	margin:0px auto;
	width:990px;
	text-align:left;
	min-height:100px;
	font-size:1.2em;
	/*position:relative;*/
}
#wrapper {
	width:988px;
	border:1px solid #004b8e;
	float:left;
	background:#003869;
	padding-bottom:0px;
}
#content {
	width:745px;
	background:#e3ecf3;
	min-height:600px;
	float:left;
	display:inline;
	margin:20px 0 0 0;  
	margin:11px 0 0 0;   /* if we use cartsection below masthead */
}
#innercontent {
	width:725px;
	margin:10px 0 10px 10px;
}
#subcontent {
	width:183px;
	border:1px solid #7ba7c4;
	float:left;display:inline;
	margin:20px 20px 0 20px;
	margin:10px 20px 0 20px;   /* if we use cartsection below masthead */
}
#footer {
	clear:both;
	height:26px;
	float:left;display:inline;
	width: 950px;
	margin:20px 0 20px 20px;
}
#masthead {   
	position:relative;
	height:148px;   /* this for original image */
	height:141px;
	margin:20px 0 0 20px;
	width:948px;
	float:left;
	display:inline;
	border:1px solid #ffec9d;
	border-bottom:none;
	background:#004b8e;
}


/* #cartsection {                      for when it's outside the content area
	float:left;
	position:relative;
	width:990px;
	height:20px;
	margin-bottom:3px;
}*/
#cartsection {                      
	float:left;display:inline;
	position:relative;
	width:950px;
	height:25px;
	padding-bottom:4px;
	margin:10px 0 0 20px;
	border-bottom:1px solid #ffec9d;
}


.flash {
	width:725px;
	height:270px;
	margin-bottom:10px;
}
/*-------------------------------------HEADINGS/PARAS----------------------------*/
#content h1, #skin_pgtitle {   
	font-size:1.4em;
	color:#003869;
	margin-bottom:6px;
     padding: 0px 0px 2px 0px;
     font-weight: bold;
     border-bottom: 1px solid #999999;
     
}
#home #content h1 {
	border-bottom:none;
}
#content h2, .khxc_storehead  {    /* see ..khxc_storehead */
	font-size:1.2em;
	line-height:20px;
	padding-left:10px;
	margin:0 0 6px 0;
	font-weight:bold;
	color:#003869;
	background:url(../media/subcontentLIbg.jpg) repeat-x left bottom;
    padding: 4px 5px 4px 0px;
     clear: both;
	
}




#content p {
	color:#001c34;
	margin-bottom:6px;
	line-height:15px;
}
p.cart {
	position:absolute;
	top:2px;
	right:0px;
	color:#fff;
	font-size:0.95em;
}
/*p.login {
	position:absolute;
	top:3px;
	left:23px;
	color:#fff;
	font-size:0.95em;
}*/
p.login {
	float:left;
	position:relative;
	top:17px;
	left:23px;
	font-size:0.95em;
	color:#fff;
	
}
p.breadcrumb {
	font-size:0.95em;
	color:#1c5f7b;
}
p.adv {
	padding-top:2px;
	margin-left:5px;
}
p.view {
	position:absolute;
	top:2px;
	left:400px;
	color:#fff;
	font-size:0.95em;
}
p.sub a {
	font-weight:bold;
	border-top:1px solid #7ba7c4;
	border-bottom:1px solid #7ba7c4;
	float:left;
	display:block;
	margin-bottom:10px;
	width:163px;
}
p.sub a:hover {
	text-decoration:none;
}

#subcontent h2, p.sub a  {                              /* see .skin_fenavh  */
	color:#ffec9d;
	text-transform:uppercase;
	font-size:1.2em;
	padding:3px 10px 2px 10px;
	background:#01305c;
	/*border-bottom:1px solid #7ba7c4;   dont need this if using std menu */
}
#subcontent h2.basic {
	border-top:1px solid #7ba7c4;
	clear:left;
}
/*-------------------------------------LISTS-------------------------------------*/
a {
	text-decoration:none;
	color:#001c34;
}
a:hover {
	text-decoration:underline;
}
p.adv a, p.view a, p.cart a , p.login a {
	color:#fff;
}

ul {
	list-style:none;
}
#masthead ul {
	float:right;
	float:left;
	width:948px;
	width:698px;
	padding-left:250px;
	display:inline;
	margin:0 0px 1px 0px;
	background:url(../media/mastheadULbg.jpg) repeat-x left bottom;
}
#masthead li, #masthead li a {
	float:left;display:inline;
}
#masthead li a {
	display:block;
	line-height:21px;
	height:22px;
	border:1px solid #ffec9d;
	border-bottom:none;
	text-transform:uppercase;
	padding:0 25px 0 25px;
	margin:0 10px 0px 0;
	background:url(../media/mastheadNav.jpg) repeat-x left top;
	color:#ffec9d;
}
#masthead li a:hover, #home #masthead li a.home, #shop #masthead li a.shop, #about_us #masthead li a.about, #framing #masthead li a.framing, #help #masthead li a.help, #contact #masthead li a.contact  {
	text-decoration:none;
	background:url(../media/mastheadNavHover.jpg) repeat-x left top;  /*height of image +1px via anchor */
}
#footer ul {
	background:#003d73;
	float:left;
	width:940px;
	padding-left:10px;
}
#footer li, #footer li a {
	line-height:30px;
	float:left;display:inline;
	font-size:0.95em;
	color:#7ba7c4;
}
#footer li a {
	margin-left:10px;
}
#footer li.first {
	margin-right:520px;
}
ul.view {
	position:absolute;
	top:2px;
	left:380px;
}
.view li, .view li a {
	float:left;display:inline;
}
.view li a {
	margin-right:10px;
	font-size:0.95em;
	color:#fff;
}
/*-------------------------------------IMAGES------------------------------------*/
/*#masthead img {    this for original image 
	margin:10px 0 15px 10px;
}*/ 
#masthead img {     /*this for new logo */
	margin:10px 0 2px 10px;
}



#subcontent img {
	margin:0px 0 7px 9px;
}
img {
	border:none;
	
}
/*------------------------------------FORMS---------------------------------*/
input, select {
	padding:3px;
	background:url(../media/input_bg.gif);
}
#cartsection form {
	position:absolute;
	top:0px;
	left:0px;
}
#cartsection form p {
	font-size:0.95em;
	float:left;display:inline;
	margin-right:0px;
}
#cartsection input {
	border:1px solid #ffec9d;
	background:#fff url(../media/searchBG_rev.jpg);
	width:127px;
	padding: 2px 3px 2px 2px;
	float:left;display:inline;
	font-size:0.8em;
	margin:0 2px 0 0;
	color:#fff;
}
#cartsection input.btn {
	width:20px;
	margin:0;
	padding:0;
	background:url(../media/go.jpg) no-repeat left top;
	height:20px;
	border:none;
}
/*------------------------------BUTTONS--------------------------------*/
a.khxc_hrefbutton {
     color:  #fff;
     background-color: #003869;
     padding: 2px 5px 2px 5px;
     font-size: 11px;
     font-weight: normal;
     text-align: center;
     display: block;
     border: 1px solid #7ba7c4;
     text-decoration: none;
     }

a.khxc_hrefbutton:hover {
     color: #fff;
     background-color: #004b8e;
     text-decoration: none;
     cursor: default;
     }

.khxc_formbutton {
    color:  #fff;
     background:#003869;
     padding: 1px;
     margin: 0px 0px 5px 0px;
     font-size: 11px;
     width: 130px;
      border: 1px solid #7ba7c4;
     }

.khxc_formbutton:hover {
      color: #fff;
     background-color: #004b8e;
     }
.khxc_cartbutton {
     color:  #fff;
     background-color: #003869;
     padding: 1px;
     font-size: 11px;
     font-weight: normal;
     text-align: center;
     display: block;
     margin: 0px 0px 5px 0px;
     width: 125px;
      border: 1px solid #7ba7c4;
     text-decoration: none;
     }

.khxc_cartbutton:hover {
     color: #fff;
     background-color: #004b8e;
     text-decoration: none;
     cursor: default;
     }
.khxc_quickbutton {
     color:  #fff;
     background: #003869;
     padding: 1px;
     margin: 0px;
     font-size: 11px;
     width: 130px;
     border: 1px solid #7ba7c4;
     }

.khxc_quickbutton:hover {
     color: #fff;
     background-color: #004b8e;
     }

.coinfo {
	color:#fff;text-align:center;padding-bottom:5px;
}
.coinfo p {
	margin:0 10px 5px 10px;
}
.coinfo a {
	color:#fff;
}