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

body { color: #000; background-color: #fff; font-size: 12px; font-family: Arial; line-height: 1.4em; text-align: left; margin: 10px auto; }

a {
     color: #3872B2;
     font-weight: normal;
     text-decoration: underline;
     cursor: pointer;
     }
a:hover {
     color: #702800;
     }
p {
     margin: 5px 0px 7px 0px;
     }

sup {
     display: inline;
     padding: 0px;
     vertical-align: super;
     font-size: 8px;
     }
fieldset {
     border: none;
     padding: 4px 0px 4px 5px;
    }

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

form {
     margin: 0;
     }

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;
     }

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

#skin_wrapper {
     width: 900px;
     padding: 0px;
     margin: auto;
     }

#skin_ct { width: 100%; padding: 0; border-color: #999999 #000 #000 #999999; border-style: none; border-width: 0; border-spacing: 0px; border-collapse: collapse; }

#skin_ct_lcol_head {
     background-color: #ffffff;
     padding: 7px 7px 0;
     margin: 0;
     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: 0 17px 7px 7px;
     margin: 0;
     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;
     padding: 3px 0px 3px 0px;
     margin: 0px;
     border-bottom: 1px solid #999999;
     font-weight: bold;
     }

.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;
}

/* +------------------------------------------------------------+ */
/* | CORE Required Divs                                         | */
/* +------------------------------------------------------------+ */

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

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

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

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

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

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

.inline {
     display: inline;
     }

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

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

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

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

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

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

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

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

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

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

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

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

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

.quickform {
     margin: 5px 0px 0px 0px;
     }

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

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

.formfieldradcb_rnc {
     background-color: #FFA4A4;
     }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.ghost form {
     display: inline;
}

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

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

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

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

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

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

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

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

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

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

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

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

td.cptbl_cat_blank {
     display: none;
     }

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

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

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

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

td.cptbl_prod_blank {
     display: none;
     }

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

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

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

td.cptbl_det_blank {
     display: none;
     }

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

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

.price { color: #002e6f; font-size: 14px; font-weight: bold; display: inline; }

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

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

.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;
     }

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

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

.clearboth {
     clear: both;
     }

.outstock {
     color: #FF0000;
     }

a.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.hrefbutton:hover {
     color: #555555;
     background-color: #EBF1FF;
     text-decoration: none;
     cursor: default;
     }

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

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

/* +------------------------------------------------------------+ */
/* | End                                                        | */
/* +------------------------------------------------------------+ */
.arrowlistmenu{
width: 180px; /*width of accordion menu*/
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
color: #002e6f; font-size: 13px; font-family: Arial; font-style: normal; font-variant: normal; line-height: normal; background-image: url(../media/titlebg.jpg); background-repeat: repeat-x; background-attachment: scroll; background-position: left center; margin-bottom: 10px; /*bottom spacing between header and rest of content*/
text-transform: uppercase; padding: 4px 0 4px 10px; /*header text is indented 10px*/
cursor: hand; cursor: pointer; }

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
background-image: url(../media/titlebar-active.png);
}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li .opensubheader{ /*Open state CSS for sub menu header*/
background: lightblue !important;
}

.arrowlistmenu ul li .closedsubheader{ /*Closed state CSS for sub menu header*/
background: lightgreen !important;
}

.arrowlistmenu ul li a{
color: #30569d;
background: url(../media/arrowbullet.png) no-repeat left center; /*custom bullet list image*/
display: block;
padding: 2px 0 2px 19px;
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 90%;
}

.arrowlistmenu ul li a:visited{

}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
background-color: #F3F3F3;
}

.arrowlistmenu ul li a.subexpandable:hover{ /*hover state CSS for sub menu header*/
background: lightblue;
}
/* +------------------------------------------------------------+ */
/* | End                                                        | */
/* +------------------------------------------------------------+ */

#navigation { text-align: center; width: 900px; margin: 0; padding: 0; /*Set to "left" or "right" to position menu accordingly*/
/*border-bottom: 1px solid #999e87; uncomment this line to add bottom border*/
}
#navigation ul {
	font-family: Verdana;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	margin: 0;
	padding: 0;
	list-style:none;	
}
#navigation li {
	display: inline;
	background: url(../media/button_03.jpg) repeat-x center top;
	text-align: center;
	padding: 0;
	margin-right: 0;	
	float: left;
}
#navigation a {
	color: #fff;
	background: url(../media/button_01.jpg) no-repeat left top;
	float: left;
	margin:	0;
	padding-left:7px;
	text-decoration: none;
}
#navigation a span {
	background: url(../media/button_05.jpg) no-repeat right top;
	display: block;
	padding:7px 13px 4px 5px;
}
#navigation a span {
	float: none;
}
/* +------------------------------------------------------------+ */
.header { background-image: url(../media/headerback.jpg); background-repeat: no-repeat; width: 892px; height: 94px; }
h2 {
			margin-top: 0;
		}
h4 { font-size: 14px; font-weight: bold; margin: 1.33em 0; }
#shoppingtable { vertical-align: top; width: 700px; margin: 0; padding: 0; border-style: none; border-width: 0; }
#shoppingtable td { vertical-align: top; width: 33%; margin: 0; padding: 0; }
#toppricebox { background-color: #f5f5f5; text-align: center; width: 250px; height: 150px; border: solid 1px #bbb; }
.floatlogin { text-align: right; vertical-align: bottom; width: 400px; height: 30px; float: right; padding-top: 5px; padding-right: 10px; padding-bottom: 5px; }
.sectiontitle { color: #30569d; font-size: 14px; background-image: url(../media/sectiontitle.jpg); background-repeat: no-repeat; text-align: center; width: 225px; height: 30px; margin-top: 3px; padding-top: 5px; }
.mainbullets { width: 210px; margin: 0 0 0 0; padding: 0; }
.mainbullets li { margin: 0; padding: 1px 0 1px 0; list-style-type: none; display: block; }
.mainbullets li a { padding-left: 20px; display: block; }
.mainbullets li a:hover { background-image: url(../media/arrowbullet.png); background-repeat: no-repeat; background-position: left center; }

.generalsection { margin-top: 15px; margin-bottom: 15px; border: solid 1px #30569d; }
.sectioncontenttitle { color: #fff; font-size: 14px; font-weight: bold; background-color: #30569d; width: 100%; margin: 0 0 0 0; padding: 5px 0; }
.sectioncontent { margin-left: 10px; }
a.cartlink { width: 300px; padding-left: 10px; }
.mincartsection { width: 250px; height: 20px; margin: 0; padding: 0; }
.subscription { width: 500px; height: 20px; float: left; margin: 0 0 0 20px; padding: 0; }
.subnavfloater { position: relative; width: 250px; height: 15px; float: left; margin: 0 0 0 15px; padding: 0; display: inline; }


legend {
     display: none;
}

label {
     display: none;
}

.formfieldrelwrap {
     overflow: auto;
     width: 550px;
     height: 90px;
     border: 1px solid #555555;
     padding: 5px;
     margin: 10px 0px 10px 0px;
     }

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

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

.formfieldleg {
     font-weight: bold;
     }

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