html { font-size: 14px;}
body {font-size: 1em;}

body { margin: 0; background-color: #dc7f18; }
/* div, p, pre {font-family: "myriad-pro-1","myriad-pro-2",sans-serif; color: #283745; font-weight: 400; font-size: 1em;} */

img { border: 0;}

hr { margin: 0; padding: 0; height: 0; border-top: 0;border-left: 0;border-right: 0; border-bottom: 1px solid #e3e6e8;}

h1, h2, h3, h4, h5, p { margin: 0; line-height: normal !important; }

h1 {font-family: "myriad-pro-condensed-1","myriad-pro-condensed-2",sans-serif; font-weight: 700; color: #872c11; font-size: 2.2em;}
h2 {font-family: "times-new-roman", "times", serif; font-weight: 700; font-size: 1.714em; color: #3b5997; }
h3 {font-weight: 700; font-style: italic; font-size: 1.286em;}
h4 {font-family: "myriad-pro-condensed-1","myriad-pro-condensed-2",sans-serif; font-weight: 700; font-style: normal; font-size: 1.125em;}
h5 {font-family: "myriad-pro-condensed-1","myriad-pro-condensed-2",sans-serif; font-weight: 700; font-style: normal; font-size: 1.0em; padding-bottom: 10px; }

/* PAGE BG */
#outerBG { background: url(images/bk_sand.jpg) top center; margin: 0 auto; min-height: 1200px; max-width: 1500px; min-width: 1000px;
          -moz-box-shadow: 0 0 5px #000;
            -webkit-box-shadow: 0 0 5px #000;
            box-shadow: 0 0 5px #000;
            border-bottom-left-radius: 10px 10px; border-bottom-right-radius: 10px 10px; -moz-border-bottom-left-radius: 10px 10px; -moz-border-bottom-right-radius: 10px 10px;
            padding: 0 0 0px 0;}

#mainBG {background: url(images/bk_header8.jpg) top left no-repeat; margin: 0; height:auto;}


/**********  HEADER INFORMATION 3b5997 (blue) **********/
#container {width: 1000px; margin: 0 auto;}

#header {width: 1000px; margin: 0 auto; border: 0px #000 dashed; }

#headerContainer {height: 80px; width: 975px; border: 0px #000 dashed;}

#logoContainer { float: right; top: 0px; width: 150px; margin: 0px 0px 0 0px; border: 0px #000 dashed; }

.headerBK { padding: 10px; }
                        

/**********  TOP MENU EXPANSION **********/
#topLinksContainer {position: relative; float: left; width: 600px; margin: 0px 0 0 10px; padding-left: 0px; border: 0px #ffff00 dashed; }
    .topLnks {list-style: none; padding:0; margin:0; float: left;}
    .topLnks li {float:left;}
    .topLnks li a {padding: 10px 10px; font-size:1.2em; font-weight: bold; border-bottom-left-radius: 10px 10px; border-bottom-right-radius: 10px 10px; -moz-border-bottom-left-radius: 10px 10px; -moz-border-bottom-right-radius: 10px 10px; display: block; color: #ffff00; text-decoration: none; text-shadow: 2px 2px #000000; }
    .topLnks li a:hover  {display: block; color: #000000;  text-decoration: none; background: url(./images/button.png) no-repeat bottom center #ffd700; text-shadow: 0px 0px #000000;}

#searchContainer {position: relative; float: left; width: 600px; height: 20px; margin: 0px 0 0 10px; padding-left: 0px; border: 0px #ffff00 dashed; }

	.searchtxt { padding-left:3px; background-color: #3b5997; border: 1px #000000 solid; font-family: Arial, Helvetica, sans-serif; font-size: 10pt; font-style: normal; font-weight: normal; text-transform: none; color: #ffff00; text-decoration: none; text-align: left; border-radius:5px; }

/**********  MAIN MENU dc7f18 (orange) **********/
#mainLinksContainer, #footerLinksContainer { z-index: 10000; margin: auto; margin-top: 5px; background-color: #ebebeb; position: relative; width: 960px; height: 25px; border-top: 10px #3b5997 solid; }
#footerLinksContainer { margin-top: 0px; border-top: 0px #dc7f18 solid; }

/**********  DROP DOWN MENU **********/
#dropmenu {
position: relative;
top: 0;
width: 960px; 
height: 5px;
border: 0px #ffffff solid;

}
.dropmenu, .dropmenu ul {
padding: 0px 0px 0px 0px;
margin: 0px;
list-style: none;

}
.dropmenu li {
float: left;
background: #ebebeb;
border-top: 0px #000 solid;
border-left: 0px #000 solid;
padding-left: 0px;
}
.dropmenu a {
display: block;
padding-left: 0px;
width: 85px;

}
.dropmenu li ul {
position: absolute;
width: 0px;
left: -1000em;

}
.dropmenu li:hover ul, .dropmenu li ul:hover {
left:auto;
}

	.drophead { border: 0px #000000 dashed; line-height: 2.2; font-family: Arial, Helvetica, sans-serif; font-size: 8pt; font-style: normal; font-weight: 800; color: #000000; text-decoration: none; text-align: center; }
	a.drophead { font-family: Arial, Helvetica, sans-serif; font-size: 8pt; font-style: normal; font-weight: 800; color: #000000; text-decoration: none; text-align: center; }
	a.drophead:hover  { color: #dc7f18; font-weight: 800; font-family: Arial, Helvetica, sans-serif; font-size: 8pt; text-decoration: underline; font-style: normal; }
	
	.dropmenu { border: 0px #000000 solid; line-height: 1.8; font-family: Arial, Helvetica, sans-serif; font-size: 8pt; font-style: normal; font-weight: normal; color: #000000; text-decoration: none; text-align: left; }
	a.dropmenu { font-family: Arial, Helvetica, sans-serif; font-size: 8pt; font-style: normal; font-weight: normal; color: #000000; text-decoration: none; text-align: left; }
	a.dropmenu:hover  { color: #dc7f18; font-weight: normal; font-family: Arial, Helvetica, sans-serif; font-size: 8pt; text-decoration: underline; font-style: normal; }
	
		.dropmenu2 { border: 0px #dc7f18 dashed; line-height: 1.8; font-family: Arial, Helvetica, sans-serif; font-size: 8pt; font-style: normal; font-weight: normal; color: #000000; text-decoration: none; text-align: left; }
	a.dropmenu2 { border-left: 4px #dc7f18 double; font-family: Arial, Helvetica, sans-serif; font-size: 8pt; font-style: normal; font-weight: normal; color: #000000; text-decoration: none; text-align: left; }
	a.dropmenu2:hover  { color: #dc7f18; font-weight: normal; font-family: Arial, Helvetica, sans-serif; font-size: 8pt; text-decoration: underline; font-style: normal; }

/**********  CONTENT PAGE CLASSES  ffd700 **********/
#pageTitleContainer { padding: 12px 0 0 20px; height: 30px; border: 0px #000000 dashed; }

.pageTitle {z-index: 500; opacity: 1.0; font-family: Arial, Verdana, sans-serif; font-variant: small-caps; font-weight: 800; font-size: 28px; color: #ffd700; text-shadow: 2px 2px #000000;}
                       
#outerContentPageContainer {width: 1000px; margin: 0 auto; background: url(./images/contentBG.png) repeat-y #fff;}

/* ############## */
/* PAGE CONTENT */

/**********  BREAD CRUMBS dc7f18 (orange) 3b5997 (blue) **********/
#crumb_nav {width: 600px; margin: 0px; height: 20px; border: 0px #000 solid; }

	.linksCMB, .linksCMBa, .linksCMBb, .linksCMBc, td.prodcat { font-family: Arial, Helvetica, sans-serif; font-size: 9pt; font-style: normal; font-weight: 600; color: #000000; text-decoration: none; text-align: left; }
	.linksCMBa { color: #ffffff; border-top: 1px #dcf18 dotted; }
	.linksCMBb { padding-left: 20px; padding-bottom: 10px; color: #000000;  font-family: Times New Roman, Times, serif; font-size: 10pt; }
	.linksCMBc { font-weight: bold; }
	td.prodcat {height: 16px; color: #fff; background-image: url("images/bk_catalog3.gif"); background-repeat:no-repeat; }

	a.linksCMB { font-family: Arial, Helvetica, sans-serif; font-size: 9pt; font-style: normal; font-weight:600; color: #000000; text-decoration: none; text-align: left; border-bottom: 1px #dc7f18 dotted; }
	a.linksCMB:hover  { color: #c2c2c2; font-weight: 600; font-family: Arial, Helvetica, sans-serif; font-size: 9pt; text-decoration: none; font-style: normal; border-bottom: 0px #c2c2c2 dotted; }

	a.linksCMBa { font-family: Arial, Helvetica, sans-serif; font-size: 9pt; font-style: normal; font-weight: normal; color: #ffffff; text-decoration: none; text-align: left; border-bottom: 1px #dc7f18 dotted; }
	a.linksCMBa:hover  { color: #ffff00; font-weight: normal; font-family: Arial, Helvetica, sans-serif; font-size: 9pt; text-decoration: none; font-style: normal; border-bottom: 1px #ffff00 dotted; }

	a.linksCMBc { font-family: Arial, Helvetica, sans-serif; font-size: 9pt; font-weight: bold; color: #000000; text-decoration: none; text-align: left; border-bottom: 1px #dc7f18 dotted; }
	a.linksCMBc:hover  { font-family: Arial, Helvetica, sans-serif; font-size: 9pt; font-weight: bold; color: #dc7f18; text-decoration: none; text-align: left; border-bottom: 0px #c2c2c2 dotted; }

/**********  PAGES **********/

/**********  HOMEPAGE  **********/
#intro { background: url(images/bk_intro.jpg); background-repeat:no-repeat; position: relative; padding-bottom: 10px; width: 650px; min-height: 300px; top: 0px; left: 0px; border-bottom: 2px solid #d4d4d4; }
	#introL { float: left; width: 330px; padding-top: 10px; padding-right: 10px; border: 0px dashed #d4d4d4; }
	#introR { float: right; width: 300px; padding-top: 0px; border: 0px dashed #ff0000; }
	
#homeproducts { position: relative; padding-top: 10px; width: 650px; min-height: 500px; top: 0px; left: 0px; border: 0px solid #d4d4d4; }

/**********  TEMPLATES  **********/
#content {min-height: 1100px; padding: 10px 0 20px 0; }

.contentColLeft {float: left; width: 248px;}

#contentColMid { margin-left: 20px; float: left; min-height: 1000px; width: 650px; background: #fff; padding: 10px; border-top: 10px #3b5997 solid; border-radius:10px; }

	.section { position: relative; width: 650px; min-height: 300px; top: 0px; left: 0px; border: 0px solid #d4d4d4; }
	.sectionCATALOG { margin-top: 10px; padding-top: 10px; position: relative; width: 650px; height: 1300px; overflow: scroll; top: 0px; left: 0px; border-top: 1px solid #d4d4d4; }
	.sectionL { float: left; width: 320px; min-height: 300px; top: 10px; border: 0px dashed #d4d4d4; }
	.sectionR { float: right; width: 300px; min-height: 300px; top: 10px; border: 0px dashed #ff0000; }
	.sectionL { float: left; width: 320px; min-height: 300px; top: 10px; border: 0px dashed #d4d4d4; }

#subcontent { float: right; margin-right: 20px; min-height: 1000px; width: 250px; border: 0px #000000 dashed; }
	.featureTBL, .featureTBL2 { background: #d7d7d7; height: 100px; border: 1px #dc7f18 solid; }
	.featureTBL2 { background: #ffffff; }
.subcontentA {margin-top: 10px; background: url(images/bk_page.gif); min-height: 600px; width: 230px; padding: 10px; border-top: 10px #3b5997 solid; border-radius:10px; }

.subcontentB {background: url(images/bk_page.gif); min-height: 160px; width: 230px; padding: 10px; border-top: 10px #3b5997 solid; border-radius:10px; }

.subcontentPROD {margin-top: 0px; background: url(images/bk_page.gif); min-height: 600px; width: 230px; padding: 10px; border-top: 10px #3b5997 solid; border-radius:10px; }

/**********  SHOPPING CART **********/
#cart {margin-top: 10px; margin-left: 0px; height: 40px; width: 300px; background: #fff; padding: 0px; border: 0px #dc7f18 solid;}
#cartlft { float: left; }
#cartrht { float: right; }

/**********  HIGHLIGHTS **********/
#listings { position: relative; width: 580px; height: 150px; overflow: auto; top: 0px; left: 0px; border: thin; }

#product_list { background: url(images/bk_list.jpg) top center; margin-left: 290px; width: 360px; height: 68px; }

	.changelist { padding: 5px 0px 0px 15px; color: #464646;  font-family: Times New Roman, Times, serif; font-size: 12pt; font-weight: bold; }

#promo { margin-top: 10px; background: url(promo/bk_GREEN.gif); background-repeat:repeat-x; margin-left: 10px; width: 630px; height: 460px; border-bottom: 2px solid #d4d4d4; }
	.promotxt { margin-top: 310px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-style: normal; font-variant: normal; text-transform: none; color: #000000; text-decoration: none; text-align: left; }
	.promotitle { margin: 0px 20px 0 0; font-weight: 700; font-style: italic; font-size: 1.286em; text-align: right; }

#login { position: relative; width: 220px; top: 5px; left: 3px; }

	.fancy { padding:5px; border: 1px #dc7f18 solid; border-radius:4px; }
	.spacer {margin-top: 10px; }
	.photos { background-color: #ffffff; border-top: 4px #dc7f18 double; }
	                
     .big_title { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; font-style: italic; font-variant: normal; font-weight: bold; text-transform: none; color: #9E0420; text-decoration: none; text-align: left; }
                
     .title, titleRED, .titleLG { font-family: Times New Roman, Times, serif; font-size: 10pt; font-style: italic; font-variant: normal; font-weight: bold; text-transform: none; color: #000000; text-decoration: none; text-align: left; }
     
     .titleRED { font-size: 9pt; color: #9E0420; border-top: 2px dashed #9E0420; }

	.titleLG { font-size: 14pt; color: #ffffff; border-top: 0px dashed #9E0420}
	
	.basic, .basic2, .basisSM, .basicTINY, .basicPAD { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-style: normal; font-variant: normal; text-transform: none; color: #000000; text-decoration: none; text-align: left; }

	.basicTINY { font-size: 9pt; font-weight: bold; }
	
	.basic2 {color: #dc7f18; font-weight: bold; }

	.basicSM {color: #dc7f18; font-weight: normal; padding-bottom: 10px; }

	.basicPAD { padding-left: 20px; padding-bottom: 10px; }
		
	.basicB { padding-top:10px; font-family: Times New Roman, Times, serif; font-size: 10pt; font-style: normal; font-variant: normal; font-weight: bold; text-transform: none; color: #000000; text-decoration: none; text-align: left; }

	.basicC, .basicC2 { padding-top:10px; font-family: Times New Roman, Times, serif; font-size: 12pt; font-style: normal; font-variant: normal; font-weight: bold; text-transform: none; color: #000000; text-decoration: none; text-align: center; }
	.basicC2 { font-size: 10pt; }

     .success {background-color: #dc7f18; margin-top: 10px; padding: 10px; font-family: Verdana, Arial Helvetica, sans-serif; font-size: 8pt; font-style: normal; font-weight: bold; color: #ffffff; text-align: left; border: 1px #000 solid; }
              	
/* links */
#menu2 { border: 0px #000000 solid; position: relative; width: 160px; top: 10px; left: 0px; }

	.mainmenu { line-height: 1.5; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 7pt; font-style: normal; font-weight: bold; color: #f5d21e; text-decoration: none; text-align: left; }

     .ul.menu1 { list-style-type: square; }

	.linksRT { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-style: normal; font-weight: bold; color: #9E0420; text-decoration: none; text-align: right; }
	a.linksRT { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-style: normal; font-weight: bold; color: #9E0420; text-decoration: none; text-align: right; }
	a.linksRT:hover  { color: #C2C2C2; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; text-decoration: underline; font-style: normal; }
	
	.menu { border: 0px #000000 dashed; line-height: 3.0; padding-left: 1px; padding-bottom: 5px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; font-style: normal; font-weight: normal; color: #000000; text-decoration: none; text-align: left; }
	a.menu { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; font-style: normal; font-weight: normal; color: #000000; text-decoration: none; text-align: left; }
	a.menu:hover  { color: #C2C2C2; font-weight: normal; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; text-decoration: underline; font-style: normal; }
          
	.links { line-height: 1.2; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-style: normal; font-weight: bold; color: #283644; text-decoration: none; text-align: center; }
	a.links { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-style: normal; font-weight: bold; color: #283644; text-decoration: none; text-align: center; }
	a.links:hover  { color: #dc7f18; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; text-decoration: underline; font-style: normal; }
	
	.links2 { line-height: 1.2; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-style: normal; font-weight: bold; color: #283644; text-decoration: none; text-align: center; }
	a.links2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-style: normal; font-weight: bold; color: #283644; text-decoration: none; text-align: center; border-bottom: 1px #283644 dotted; }
	a.links2:hover  { color: #dc7f18; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; text-decoration: none; font-style: normal; border-bottom: 1px #dc7f18 dotted; }

	.links3 { line-height: 1.2; font-family: Arial, Helvetica, sans-serif; font-size: 8pt; font-style: normal; font-weight: normal; color: #283644; text-decoration: none; text-align: center; }
	a.links3 { font-family: Arial, Helvetica, sans-serif; font-size: 8pt; font-style: normal; font-weight: normal; color: #283644; text-decoration: none; text-align: center; border-bottom: 0px #283644 dotted; }
	a.links3:hover  { color: #dc7f18; font-weight: normal; font-family: Arial, Helvetica, sans-serif; font-size: 8pt; text-decoration: none; font-style: normal; border-bottom: 1px #dc7f18 dotted; }
		
	.linksDK { background-color: #cccccc; line-height: 1.2; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-style: normal; font-weight: bold; color: #283644; text-decoration: none; text-align: center; }
	a.linksDK { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-style: normal; font-weight: bold; color: #283644; text-decoration: none; text-align: center; }
	a.linksDK:hover  { color: #dc7f18; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; text-decoration: underline; font-style: normal; }

	.footer { margin-bottom: 10px; border: 0px #000000 dashed; line-height: 1.0; padding: 10px 0px 0px 0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; font-style: normal; font-weight: normal; color: #ffffff; text-decoration: none; text-align: center; }
	a.footer { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; font-style: normal; font-weight: normal; color: #ffffff; text-decoration: none; text-align: center; border-bottom: 1px #ffffff dotted; }
	a.footer:hover  { color: #283644; font-weight: normal; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; text-decoration: none; font-style: normal; border-bottom: 0px #ffffff dotted; }
		
#footer {margin: 0 auto; width: 960px; background: url(images/bk_footer3.png) repeat-x; margin-top: 10px; min-height: 100px; padding: 1px 0 0 0; border-top: 10px #3b5997 solid;}

#footer_extra { border-bottom-left-radius: 10px 10px; 
                border-bottom-right-radius: 10px 10px; 
                -moz-border-bottom-left-radius: 10px 10px; 
                -moz-border-bottom-right-radius: 10px 10px;
                -moz-box-shadow: inset 0 0 5px #888;
                -webkit-box-shadow: inset 0 0 5px#888;
                box-shadow: inner 0 0 5px #888; border-right: 1px solid #d4d4d4; border-left: 1px solid #d4d4d4; border-bottom: 1px solid #d4d4d4; }