/* $Id: skin1.css,v 1.1.2.26 2007/06/19 08:01:49 max Exp $ */
/*
	General styles
*/


body {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #000;
	font-size: 62.5%; /* 62.5% sets base so 1.0em = 10px etc - but it all resizes safely */
	text-align:center;
	background:#FFFFFF;
	margin: 0px;
	padding: 0px;
}

th,td,input,select,textarea,tt,dt,dd,dd,dd,ol,ul,li { /* catch all */
	font-size: 1.1em;
}

p {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size:1.3em;
padding: 0;
margin:0;
line-height:1.3em;
text-align:left;
}

P.simple2 {
	line-height: 1.2em;
	padding: 0px 0px 10px 0px;
	margin: 0px 20px 0px 12px;
}

P.simple {
	line-height: 1.2em;
	padding: 0px 0px 10px 0px;
	margin: 0px 20px 0px 12px;
}


a:link {
	color: #7F1C04;
	text-decoration: none;
}
a:visited {
	color: #7F1C04;
	text-decoration: none;
}
a:hover {
	color: #7F1C04;
	text-decoration: underline;
}
a:active  {
	color: #7F1C04;
	text-decoration: none;
}

a:link.smwhite {color:#fff; text-decoration: none; font-size:.9em;}
a:visited.smwhite {color:#fff; text-decoration: none; font-size:.9em;}
a:hover.smwhite {color:#0B3653; text-decoration: underline; font-size:.9em;}
a:active.smwhite  {color:#0B3653; text-decoration: none; font-size:.9em;}

h1 {
	font-size: 1.5em;
	color: #000000;
}
h2 {
	font-size: 1.1em;
        color: #000000;
}
h3 {
	font-size: 1.2em;
	color: #000000;
}
hr {
	color: #dddddd;
	height: 1em;
}

img {
border:none;
}

form {
	margin: 0px;
}

/*
	Page Structure
*/

#container {
width:760px;
margin-left:auto;
margin-right:auto;
padding:0;
text-align:left;
background:#E98E3B;
}

#header {
width:100%;
float:left;
padding:0;
background:#fff;   /* B3CF9E; */
}

#contentthatch {
width:100%;
float:left;
padding:0;
margin:0;
background:url(images/imgboom/thatch2.jpg) #E98E3B;
text-align:left;
}

#contentkhaki {
width:100%;
float:left;
padding:0;
margin:0;
background:url(images/imgboom/khaki.jpg) repeat-y left #E98E3B;
text-align:left;
}

#footbump {

width:100%;
align:left;
padding:0;
margin:0;


}


#footbump2 {

width:760px;

margin-left: auto; 
margin-right: auto;
padding:0;
margin:0;

}

#pagecontent {
width:550px;
padding:0;
margin:0 0 0 185px; /*changing this will break page - adjust padding instead */
background:transparent;
}

#sidebar {
background: url(images/imgboom/sidebg.jpg) no-repeat top left;
width:185px;
padding:30px 0 0 20px;
margin:0; /*must be zero or page will break - adjust padding instead */
float:left;
}



#footer {
width:760px;
margin:0;
float:left; 

padding:42px 0 1.5em 0;

background:url(images/imgboom/bambft.jpg) no-repeat top left #E7DECB;
text-align: left;
}

/* sidebar */

#sidebar ul{
list-style:none;
margin:0;
padding:0;
color:#fff;
font-size:1.2em;
}

#sidebar li{
padding:0 0 0 .5em;
margin:0;
line-height:1.2em;
}

#sidebar li a {color:#fff; text-decoration:none;}
#sidebar li a:hover {color:#dddddd; text-decoration:none;}
#sidebar li a:active {color:#dddddd; text-decoration:none;}

#sidebar h1 {
margin:1.5em 0 .3em 0;
padding:0;
width:145px;
height:35px;
overflow:hidden;
position:relative;
visibility:hidden;
}


#sidestyle {
margin:20px 0 0 0; 
padding:0;
}

#sidestyle1 {
margin:5px 0 0 0; 
padding:0;
}

#sidebar h1.shop span{
display: block;
position:absolute; 
width:145px;
height:35px;
margin:0; 
padding:0;
background: url(http://boomerangvermont.com/stomach/sidehead1.gif);
background-repeat: no-repeat;
visibility:visible; 
}

#sidebar h1.info span {display:block; position:absolute; top:0; width:145px; height:35px; margin:0; padding:0; background: url(images/imgboom/sideheads.gif) 0 -35px no-repeat; visibility:visible; overflow:hidden;}
#sidebar h1.Authentication span {display:block; position:absolute; top:0;width:145px; height:35px; margin:0; padding:0; background: url(images/imgboom/sideheads.gif) 0 -70px no-repeat; visibility:visible; overflow:hidden;}
#sidebar h1.help span {display:block; position:absolute; top:0; width:145px; height:35px; margin:0; padding:0; background: url(images/imgboom/sideheads.gif) -145px 0 no-repeat; visibility:visible; overflow:hidden;}
#sidebar h1.shopping-bag span {display:block; position:absolute; top:0; width:145px; height:35px; margin:0; padding:0; background: url(images/imgboom/sideheads.gif) -145px -35px no-repeat; visibility:visible; overflow:hidden;}

#sidebar p {
color:#fff;
font-size:.9em;
margin:0;
padding:0 0 0 .5em;
}

/* sidebar login button style */
a.flat, a:visited.flat {background:#0B3653; color:#fff; text-decoration:none; margin: .3em .5em .3em .5em; padding: 0.6em;  width:6em; height:0.6em; display:block;}

a:hover.flat { background:#125887; color:#fff; text-decoration:none; margin: .3em .5em .3em .5em; padding: 0.6em;  width:6em; height:0.6em; display:block;}

/* page header styles */

#contentthatch h2 {
margin:1em 0 .3em 0;
padding:0;
/* height:33px; */
overflow:hidden;
position:relative;
font-family: Helvetica, Arial, sans-serif;
font-weight:bold;
font-size:2.3em;
color:#000;
}

#contentkhaki h2 {
margin:1em 0 .3em 0;
padding:0;
/* height:33px; */
overflow:hidden;
position:relative;
font-family: Helvetica, Arial, sans-serif;
font-weight:bold;
font-size:2.3em;
color:#000;
}

/* productlist styles */

#productlist { /*wraps page*/
width:100%;
}

.productlist { /*wraps rows */
height:265px; /* 275 */
}

#productlist dl {
margin:10px 0 0 0;
padding:0;
display:inline; 
width:30%;
float:left;
color:#000;
font-size:1em; /* 1.2 */
}

#productlist dt {
margin:7px 0 0 0;
padding:.5em 4px 0 4px;
background:#fff;
width:133px; /* 122px */
text-align:center;
}

#productlist dd {
margin:0;
padding:0.2em 4px .5em 4px;
width:133px; /* 122px */
background:#fff;
text-align:center;
}

#productlist dt a, #productlist dt a:visited {color:#000; text-decoration:none;}
#productlist dt a:hover {color:#000; text-decoration:none;}

#productlist dl dd.img {
margin:0;
padding:0;
width:140px;
height:150px; /* min-height:130px */
border: 1px solid #999999;

}

#productlist dl dd.img img a{
margin:0;
padding:0;
border: none;
}

#productlist dl dd.img img{
margin:0;
padding:0;
border: none;
}

/* product detail */

#productdetail dl {
margin:0;
padding:0;
display:inline;
width:100%;
color:#000;
}

#productdetail dt {
}

#productdetail dd {

margin:0 0 0 310px;
padding:0 1em 1em 1em;


}

#productdetail dd.desc {
text-align:left;
font-size:1.2em;
line-height:1.4em;
}

#productdetail dd.price {
text-align:left;
font-size:1.6em;
line-height:auto;
font-weight:bold;
}

#productdetail dd.option {
text-align:left;
font-size:1.2em;
line-height:auto;
text-transform:lowercase;
}

#productdetail dd a, #productdetail dd a:visited {color:#000; text-decoration:none;}
#productdetail dd a:hover {color:#000; text-decoration:none;}

#productdetail dl dd.img {

margin:0 0 0px 0;
padding:0;
width:280px;

/* border: 1px solid #999999;
 background:#fff; 
text-align:center; */
float:left;




}

#productdetail dl dd.img img a{
margin:0 0px 0 0;
padding:0;
border: none;
}

#productdetail dl dd.img img{
margin:0;
padding:0;
border: none;
}

/* Buttons */

#but_right {
margin-left:100px;

}

div.boombut {
background: #fff;
font-family: Helvetica, Arial, sans-serif;
font-weight:normal;
font-size:1.8em;
color:#0B3653;
margin:10px 0 0 0;
padding:0;
float:right;
}

p.boomlink {
background:;
margin:0;
text-align:center;
overflow:hidden;
text-decoration:none;
}

#productdetail dd div.boombut p.boomlink a {color:#0B3653; padding:.5em; background:ffffff; text-decoration:none; cursor:pointer;}
#productdetail dd div.boombut p.boomlink a:active, div.boombut p.boomlink a:hover, div.boombut p.boomlink a:visited:hover {color:#0B3653; cursor:pointer; text-decoration:none; padding:.5em; background:#E98E3B;}
#productdetail dd div.boombut p.boomlink a:visited {padding:.5em; color:#0B3653; background:ffffff; text-decoration:none; cursor:pointer;}

/* footer */

#footadd {
font-size: 1em;
color:#000;
padding: .5em 0 .5em 100px;
margin:0;
background:url(images/imgboom/boomerang.gif) no-repeat top left transparent;
float:left;
}

#footbear {
font-size: 1em;
color:#666;
padding:0.5em 0 .5em 0;
margin:0 1em 0 0;
text-transform:lowercase;
float:right;
}

#footbear a {color:#666; text-decoration:none;}
#footbear a:hover {color:#666; text-decoration:overline;}
#footbear a:visited {color:#666; text-decoration:none;}

a:link.egg {color:#4EA6CB; text-decoration: none; font-size:.9em;}
a:visited.egg {color:#4EA6CB; text-decoration: none; font-size:.9em;}
a:hover.egg {color:#4EA6CB; text-decoration: underline; font-size:.9em;}
a:active.egg {color:#4EA6CB; text-decoration: none; font-size:.9em;}

/* CUSTOM TEXT PAGES - ABOUT,FAQ,ETC */
#customtext {
margin:0 2em ;
padding:0 0 50px 0;
}

#customtext h2 {
margin:0;
padding:1em 0 0 0;
font-weight:bold;
	font-size: 1.4em;
	color: #000000;
}

#customtext h3 {
margin:0;
padding:1.5em 0 0 0;
font-weight:bold;
	font-size: 1.2em;
	color: #000000;
}

#customtext p {
font-size:1.2em;
padding:1em 0;
margin:0;
line-height:1.3em;
text-align: left;  /* justify */
}

#customtext p.quote {
text-align:center;
font-size:1.4em;
font-weight:bold;
margin:0;
padding:1em;
}

#customtext p.source {
margin:0;
padding:0 0 1em 25em;
font-size:1.2em;
}

#customtext dl {
margin:0;
padding:0;
width:525px;
display:inline;
}

#customtext dl dd {
margin:1em 0;
padding:0;
width:500px;
font-size:1.2em;
line-height:1.3em;
text-align: justify;
overflow:auto;
}

#customtext dd.left img,
#customtext dd.right img {
border:none;
margin:10px;
}

#customtext dd.right img {
float:right;
}

#customtext dd.left img {
float:left;
}





/* JD ADD */

TABLE.DialogBox { /* DialogBox table is cut - causes too many issuses */

	margin: 10px 0px 0px 0px;
        padding: 0px 40px 0px 0px;
        line-height:1.5em;

}

/*  
      BBB Buttons DD  BBB Buttons DD   BBB Buttons DD   BBB Buttons DD     
*/

#BBB_button ul {
	width: 144px;
	list-style: none;
	margin: 0;
	padding: 0;
}

#BBB_button ul li a {
	color: #ffffff;
	display: block;
	font-size: 15px;
	text-transform: lowercase;
	text-align: left;
	font-weight: normal;
	margin: 0px 0px 2px 8px;
	padding: 8px 0px 8px 0px;
	cursor: pointer;
}
#BBB_button ul li a:link {
	text-decoration: none;
	color: #fff;
}
#BBB_button ul li a:active {
	text-decoration: none;
	color: #fff;
}
#BBB_button ul li a:hover {
	text-decoration: none;
	color: #fff;
}
#BBB_button ul li a:visited {
	text-decoration: none;
	color: #fff;
}

/* small BBB button */
#BBB_smallbutton ul {
	width: 80px;
	list-style: none;
	margin: 0;
	padding: 0 5px 0 0;
        border-right: 1px solid white;
}

#BBB_smallbutton ul li a {
	color: #ffffff;
	display: block;
	font-size: 11px;
	font-weight: normal;
	text-align: left;
	margin: 0px 0px 2px 8px;
	padding: 1px 0px 3px 0px;
	cursor: pointer;
}
#BBB_smallbutton ul li a:link {
	text-decoration: none;
	color: #fff;
}
#BBB_smallbutton ul li a:active {
	text-decoration: none;
	color: #fff;
}
#BBB_smallbutton ul li a:hover {
	text-decoration: none;
	color: #fff;
}
#BBB_smallbutton ul li a:visited {
	text-decoration: none;
	color: #fff;
}

/* wide BBB button */

#BBB_widebutton ul {
	width: 216px;
	list-style: none;
	margin: 0;
	padding: 0;
}

#BBB_widebutton ul li a {
	color: #ffffff;
	display: block;
	font-size: 15px;
	text-transform: lowercase;
	text-align: left;
	font-weight: normal;
	margin: 0px 0px 2px 8px;
	padding: 8px 0px 8px 0px;
	cursor: pointer;
}
#BBB_widebutton ul li a:link {
	text-decoration: none;
	color: #fff;
}
#BBB_widebutton ul li a:active {
	text-decoration: none;
	color: #fff;
}
#BBB_widebutton ul li a:hover {
	text-decoration: none;
	color: #fff;
}
#BBB_widebutton ul li a:visited {
	text-decoration: none;
	color: #fff;
}


/* BBB Button Colors */

.BBB_PinkButton {
        BACKGROUND-IMAGE: url(images/pinkFG.gif);
	/*background: #DA6969;*/
	width: 144px;
        height: 32px;
}
.BBB_PinkButton:active {
	BACKGROUND-IMAGE: url(images/pinkBG.gif);
	/*background: #D04A48;*/
}
.BBB_PinkButton:hover {
        BACKGROUND-IMAGE: url(images/pinkBG.gif);
	/*background: #D04A48;*/

}
.BBB_PinkButton:visited {
	BACKGROUND-IMAGE: url(images/pinkFG.gif);
	/*background: #DA6969;*/
}

.BBB_BlackButton {
        BACKGROUND-IMAGE: url(images/blackButDark.gif);
	/*background: #669966;*/
	width: 144px;
        height: 32px;
        
	}
.BBB_BlackButton:active {
	BACKGROUND-IMAGE: url(images/blackButLight.gif);
	/*background: #336633;*/
}
.BBB_BlackButton:hover {
	BACKGROUND-IMAGE: url(images/blackButLight.gif);
	/*background: #336633;*/
}
.BBB_BlackButton:visited {
	BACKGROUND-IMAGE: url(images/blackButDark.gif);
	/*background: #669966;*/
}

.BBB_GreenButton {
        BACKGROUND-IMAGE: url(images/greenDark.gif);
	/*background: #669966;*/
	width: 144px;
        height: 32px;
        
	}
.BBB_GreenButton:active {
	BACKGROUND-IMAGE: url(images/greenLight.gif);
	/*background: #336633;*/
}
.BBB_GreenButton:hover {
	BACKGROUND-IMAGE: url(images/greenLight.gif);
	/*background: #336633;*/
}
.BBB_GreenButton:visited {
	BACKGROUND-IMAGE: url(images/greenDark.gif);
	/*background: #669966;*/
}

.BBB_BlueButton { /* no width set here because sometimes these are small */
	background:#003366;
	}
.BBB_BlueButton:active {
	background: #78BBFE;
}
.BBB_BlueButton:hover {
	background: #78BBFE;
}
.BBB_BlueButton:visited {
	background: #003366;
}

.BBB_BS_Button { /* black small no width set here because sometimes these are small */
	background:#213221;
        
        
	}

.BBB_BS2_Button { 
	background:#213221;
        width:85px;
        
	}


.BBB_Red_Button:active {
	background: #404040;
}
.BBB_Red_Button:hover {
	background: #404040;
}
.BBB_Red_Button:visited {
	background: #213221;
}

div.ProductList_Button {
	position: relative;
	float: right;
	text-align:right;
}

/*
end BBB buttons
*/

/* PRODUCT LIST IMAGES – from BBB J adds */

DIV.PListImgBox { /*DD */
	WHITE-SPACE: nowrap;
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
	width: 140px;
}

div.PListImgBox a img {     /* JD ADD */ 
width:130px;
height:auto;
}


div.pListBox {
height:260px;
border-top: 2px solid #DDD;
padding: 10px 0 10px 0;
}
div.pListThm {
width:130px;
 /* height: 240px; keeps text from running under pic -- stretches thumb JD */
position:relative;
float:left;
}
div.pListThm a img {
	width:100%;
	height:100%;
}
div.pListTxt {
width:314px;
margin-left:0;
position:relative;
float:right;
text-align:left;
clear:both;
}
div.pListTitle, div.pListTitle a, div.pListTitle a:link, div.pListTitle a:visited, div.pListTitle a:hover, div.pListTitle a:active {
	COLOR: #993402;
	FONT-WEIGHT: bold;
	FONT-SIZE: 20px;
	text-align: left;
        line-height: 1.1em;
	margin:0;
	padding:0;
	width: 200px;
	position:relative;
	float:left;
	clear:both;
}

div.pListPrice {
	COLOR: #993402;
	FONT-WEIGHT: bold;
	FONT-SIZE: 18px;
    line-height: 1.1em;
	margin:0 0 0 0;
	padding:0;
	text-align: right;
	height: 48px; /* keeps description from hiding under price when title is two lines */
	}

p.PListDesc {
	font-size: 12px;  /* JD 11 */
	padding: 0px 0 10px 0;  /* JD 5px 0 10px 0; */
}

.TableHead {
	BACKGROUND-COLOR: #CCCCCC;
	FONT-WEIGHT: bold;
}
.TableSubHead {
	BACKGROUND-COLOR: #EEEEEE;
}
.Spc {
	WIDTH: 1px;
	HEIGHT: 1px;
}
TABLE.EmptyBox {
	WIDTH: 100%;
}
TABLE.EmptyBox TR TD {
	PADDING: 0px;
}

INPUT {
border: 1px solid #012B54;
}

INPUT.green {
border: 1px solid #669966;
}

/*
	Pagination mechanism
*/

#pagination {
        padding:0.3em 0 .4em 0;
 
        background:#E98E3B;



}

.NavigationArrow {
	WIDTH: 9px;
	HEIGHT: 9px;
}
.NavigationTitle {
	WHITE-SPACE: nowrap;
	HEIGHT: 14px;
        PADDING-RIGHT: 10px;


 
}
	

.NavigationCell {
	TEXT-ALIGN: center;
	VERTICAL-ALIGN: bottom;
	BACKGROUND-IMAGE: url(images/page.gif);
	WIDTH: 17px;
	HEIGHT: 14px;
}
.NavigationCell A:link, .NavigationCell A:visited, .NavigationCell A:hover, .NavigationCell A:active {
	TEXT-DECORATION: none;
}
.NavigationCell IMG {
	HEIGHT: 1px;
	WIDTH: 17px;
}
.NavigationCellWide {
	TEXT-ALIGN: center;
	VERTICAL-ALIGN: bottom;
	BACKGROUND-IMAGE: url(images/page_wide.gif);
	WIDTH: 23px;
	HEIGHT: 14px;
}
.NavigationCellWide A:link, .NavigationCellWide A:visited, .NavigationCellWide A:hover, .NavigationCellWide A:active {
	TEXT-DECORATION: none;
}
.NavigationCellWide IMG {
	HEIGHT: 1px;
	WIDTH: 23px;
}
.NavigationCellSel {
	TEXT-ALIGN: center;
	VERTICAL-ALIGN: middle;
	FONT-WEIGHT: bold;
	WIDTH: 15px;
}

#right_title {
         text-align:right;
         margin: 0 15px 0 0;

}

#fb_top {

       width:760px;
       background:#fff;
       /* border:1px solid #990000; */
       height:39px;
       margin:0px;
       padding:10px 0 0 0px;

}

#fb_text {
     float:left;
     font-size:12px;
     padding:8px 5px 0 10px;
     color:#444;
}

#fb_main {

    float:left;
    padding:2px 0 2px 0;
   /*  border:1px solid #990000; */
}

#top_nav {
    width:716px;
    height:59px;
    background: url(images/flash/new_nav.jpg) no-repeat;
    margin:0px;
    padding:5px 26px 0 18px;
    

}

#top_nav_green {
    width:716px;
    height:59px;
    background: url(images/flash/page_nav.jpg) no-repeat;
    margin:0px;
    padding:5px 26px 0 18px;

    
    

}

#nav_text {
    
    /* margin:5px 0 0 10px; */
    font-size:12px;
   color:#222;
   

}

#nav_text a {
    
    color:#222;

}


#top_nav p {

   
    display:inline;

}

#top_nav ul, #top_nav li{
    display:inline;
    list-style:none;
 

}

#top_nav li, #top_nav li a{

   color:#222;
   padding:0 0 2px 14px;


}

#top_nav_green p {

   
    display:inline;

}

#top_nav_green ul, #top_nav_green li{
    display:inline;
    list-style:none;
 

}

#top_nav_green li, #top_nav_green li a{

   color:#222;
   padding:0 0 2px 14px;


}


#home_header {

   /* background: url(images/flash/home_header.jpg) no-repeat; */
   height:312px;
  

}

#page_header {

   /* background: url(images/flash/page_header.jpg) no-repeat; */
   height:312px;

}

#bookmarks{

border:1px solid #990000;


}