/* CSS Document */


/* --------------------- Main Page --------------------- */

html {
	width: 100%;
}

body { 
	margin: 0px;
	padding:0px;
	background-color: #ad8f54;
	font-family: Arial, Verdana, Lucida, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
} 

p.topgoogle {
	position:absolute;
	top:2025px;
	left:255px;
	right:75px;
	color:#c7d4e3;
}

#header {
	width: 1175px;
	height: 101px;
	position: absolute;
	left: 36px;
	top: -1px;
	padding: 0px;
	color: black;
	z-index: 10;
}

p.salelinks {
  font-size: 1.7em;
  font-weight: bold;
  }
h2.maintxts {
	font-size: 1em;
	padding: -5px;
	*margin-top: -1px;
	}
	
h2.ugg {
  font-size: 1em;
  }

/* 125x100 rollover image links */
a.mainroll {
	width: 125px;
	height: 100px;
  	display: block;
	border: 1px solid #356396;
	}
a.mainroll:hover {
    border: 1px solid #fff;
	}
img.mainroll {
	border: 0;
	width: 125px;
	height: 100px;
	} 

/* 84x80 rollover image links */
a.mainroll_sm {
	width: 84px;
	height: 80px;
  	display: block;
	border: 1px solid #356396;
	}
a.mainroll_sm:hover {
    border: 1px solid #fff;
	}
img.mainroll_sm {
	border: 0;
	width: 84px;
	height: 80px;
	} 

/* 90x60 rollover image links */
a.mainroll_sm2 {
	width: 90px;
	height: 60px;
  	display: block;
	border: 1px solid #356396;
	}
a.mainroll_sm2:hover {
    border: 1px solid #fff;
	}
img.mainroll_sm2 {
	border: 0;
	width: 90px;
	height: 60px;
	}
	
/* 125x100 rollover image links */
a.mainroll_long {
	width: 420px;
	height: 100px;
  	display: block;
	border: 1px solid #356396;
	}
a.mainroll_long:hover {
    border: 1px solid #fff;
	}
img.mainroll_long {
	border: 0;
	width: 420px;
	height: 100px;
	} 

/* Top Block Links */
a.topbrlks {
	font-weight: bold;
	color: #c7e3f6;
	padding: 2px;
	text-decoration: none;
	}	
a.topbrlks:hover {
	color: #6b421a;
	background-color: #fff;
	}
/* Top Block Links */
a.btmlinks {
	color: #0000ff;
	text-decoration: none;
	}	
a.btmlinks:hover {
	color: #0096ff;
	text-decoration: underline;
	}


/* BIRKENSTOCK LINKS / TABLE */
a.birklinks {
	font-weight: bold;
	color: #c7e3f6;
	padding: 2px;
	text-decoration: none;
	}	
a.birklinks:hover {
	color: #fff;
	background-color: #003366;
	}
		table.birktable {
			height: 364px;
			*height: 368px;
			}
			
/* BIRKI'S LINKS / TABLE */
a.birkislinks {
	font-weight: bold;
	color: #f7ebc0;
	padding: 2px;
	text-decoration: none;
	}	
a.birkislinks:hover {
	color: #fff;
	background-color: #9c7903;
	}
		table.birkistable {
			height: 280px;
			*height: 289px;
			height: 272px\0;			
			}
			
/* FOOTPRINTS LINKS / TABLE */
a.footprlinks {
	font-weight: bold;
	color: #e4c6d2;
	padding: 2px;
	text-decoration: none;
	}	
a.footprlinks:hover {
	color: #fff;
	background-color: #500c27;
	}
		table.footable {
			height: 330px;
			*height: 334px;
			height: 334px\0;			
			}


/* PAPILLIO LINKS / TABLE */
a.paplinks {
	font-weight: bold;
	color: #e5f3cb;
	padding: 2px;
	text-decoration: none;
	}	
a.paplinks:hover {
	color: #fff;
	background-color: #3a4c0b;
	}
		table.paptable {
			height: 506px;
			*height: 510px;
			}
			
			
/* TATAMI LINKS / TABLE */
a.tatamilinks {
	font-weight: bold;
	color: #dbdbdb;
	padding: 2px;
	text-decoration: none;
	}	
a.tatamilinks:hover {
	color: #fff;
	background-color: #181818;
	}
		table.tatmtable {
			height: 170px;
			*height: 162px;
			height: 150px\0;			
			}
			
/* ALPRO LINKS / TABLE */
a.alprolinks {
	font-weight: bold;
	color: #dde4ff;
	padding: 2px;
	text-decoration: none;
	}	
a.alprolinks:hover {
	color: #fff;
	background-color: #0b194e;
	}
		table.alprotable {
			height: 168px;
			*height: 160px;
			height: 148px\0;			
			}
	
/* NEWALK LINKS / TABLE */
a.newalklinks {
	font-weight: bold;
	color: #caf4f4;
	padding: 2px;
	text-decoration: none;
	}	
a.newalklinks:hover {
	color: #fff;
	background-color: #083837;
	}
		table.newalktable {
			height: 150px;
			*height: 140px;
			height: 132px\0;			
			}

#birk-flower-sm-lf {
	background: url(../Library/images-bbc/birk-flower.gif);
	width: 41px;
	height: 41px;
	margin-left: 30px;
	margin-top: 20px;
	z-index: 100;
	}
#birk-flower-sm-lf2 {
	background: url(../Library/images-bbc/birk-flowers2.gif);
	width: 64px;
	height: 64px;
	margin-left: 10px;
	margin-top: 250px;
	z-index: 100;
	}
	
#birkenstock-gizeh {
	position: absolute;
	width: 271px;
	height: 195px;
	z-index: 200;
	margin-top: 400px;
	margin-left: 400px;
	left: -486px;
	top: -109px;
  }
#birkenstock-granada {
	position: absolute;
	width: 161px;
	height: 205px;
	background: url(../Library/images-bbc/birkenstock-granada.gif) no-repeat;
	z-index: 200;
	margin-top: 400px;
	margin-right: 200px;
	left: 590px;
	top: -112px;
  }

/* Right-hand block links */
a.tblnk {
	color:#063b7c;
	text-decoration: none;
	}
a.tblnk:hover{
	color:#fff;
	}
	
#brandtitle {
	width: inherit;
	height: inherit;
	color: #fff;
	margin-top: 4px;
	*margin-top: -8px;
}

#btm_brandlinks {
	font-size: 0.8em;
	}

table.gapclose {
	//width: 651px;
	}
td.gapcloser {
	//width: 208px;
	}




/*----- Your Account, View Cart -----*/

#cartacc {  width: 170px;
  height: 42px;
  float: none;
}
#viewcart {  width: 73px;
  height: 42px;
  float: right;
}
#your_acc {  width: 97px;
  height: 42px;
  float: left;
}
#clicktoshop {
  width: 150px;
  height: 80px;
  margin-top: 10px;
}



#dropbg{
	width: 1175px;
	height: 46px;
	background-color: #084277;
	position: absolute;
	left: 36px;
	top: 169px;
	z-index: 5;
	}
#topmenu{
	width: 1175px;
	height: 30px;
	position: absolute;
	left: 36px;
	top: 139px;
	z-index: 5;
	}

#btm_nav{
	width: 650px;
	height: inherit;
	position: absolute;
	left: 0px;
	top: 2699px;
	padding: 0px;
	color: black;
	z-index: 10;
}

/*right hand navigation*/
#bbc_rightnav{
	width: 220px;
	height: 4.99in;
	position: absolute;
	left: 984px;
	margin-left: 0px;
	top: 215px;
	z-index: 10;
	}
	
/*flash swf on upper left*/
#bbc_flashleft{
	width: 1.938in;
	height: inherit;
	position: absolute;
	left: 45px;
	top: 209px;
	z-index: 6;
	}

#flshleft_two{
	width: 190px;
	height: 406px;
	position: absolute;
	left: 40px;
	top: 4175px;
	z-index: 6;
	}

#flshleft_one{
	width: 190px;
	height: 490;
	position: absolute;
	left: 43px;
	top: 412px;
	z-index: 7;
	}
	
#flshright_two{
	width: 190px;
	height: 490;
	position: absolute;
	left: 49px;
	top: 380px;
	z-index: 7;
	}

#left_capt{
	width: inherit;
	height: inherit;
	position: absolute;
	left: 60px;
	top: 588px;
	z-index: 5;
	}
	
/*everything on right hand side*/
#rtcol{
	width: 200px;
	height: 0.354in;
	position: absolute;
	left: 992px;
	top: 493px;
	z-index: 5;
	}

/*center category links*/
#cntr_ct{
	width: 723px;
	height: inherit;
	position: absolute;
	left: 259px;
	top: 248px;
	z-index: 5;
	}
	
#btmlinks{
	width: 1000px;
	height: inherit;
	position: absolute;
	left: 29px;
	top: 3372px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0066cc;
	z-index: 5;
	}

#compmenu {
	width: 706px;
	height: 49px;
	position: absolute;
	left: 108px;
	top: 164px;
	margin-top: 0px;
	padding: 5px;
	color: black;
	font-size: 14px;
	font-weight: bold;
	color: #FF0000;
	z-index: 50;
}

/*everything on right hand side*/
#rtcol{
	width: 200px;
	height: 19.802in;
	position: absolute;
	left: 987px;
	top: 238px;
	z-index: 5;
	}

/*-----------*/
/*---------------------*/



	
/* ---  heading --- */
h1 {
	height: 50px;
	width: 880px;
	font-size: 60px;
	font-weight: bold;
	color: #000000;
	padding: 0px;
	padding-left: 42px;
	padding-top: 0px;
	margin: 12px 0px 4px 0px;
}




/* --------- Sub Text --------- */


/* Headings */

h3 {
	font-size: 22px;
	padding: 0px;
	padding-bottom: 4px;
	padding-top: 12px;
	margin: -15px 10px 10px 0px;
}

h3 a:hover {
	border-bottom: none;
}


h4 {
	font-size: 18px;
	padding: 0px;
	padding-bottom: 4px;
	padding-top: 12px;
	margin: -15px 10px 10px 0px;
}

h4 a:hover {
	border-bottom: none;
}


/* Bottom Menu on main page */

h5 {
	font-size: 13px;
	padding: 0px;
	padding-bottom: 4px;
	padding-top: 12px;
	margin: -15px 10px 10px 0px;
}
select.side {height: 20px; width: 160px; max-height: 20px}
#btmfooter {
	background-color: #b17544;
	width: 1175px;
	height: 80px;
	position: absolute;
	left: 36px;
	margin-top: 2238px;
	padding: 0px;
	color: black;
	font-size: 14px;
	text-align: center;
	font-weight: bold;
	color: #ffffff;
	z-index: 5;
}
#bottom_sites {
	text-align:center;
	font-size:12px;
	line-height:15px;
	position:relative;
}
/*Footer Site Links*/
a.network_lnks {
	text-decoration: none;
	color:#000066;
	}
a.network_lnks:hover {
	text-decoration: underline;
	color: #0066CC;
	}
	
#reg_txt {	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: none;
	color: #000000;
	text-align: left;
}
a.reg:link, a.reg:active, a.reg:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: none;
	color: #003366;
	text-decoration: underline;
	}
a.reg:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: none;
	color: #942c03;
	text-decoration: underline;
	}
a.brnd:link, a.brnd:active, a.brnd:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: none;
	color: #0066c5;
	text-decoration: underline;
	}
a.brnd:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #990000;
	text-decoration:underline;
	}
a.bt:link, a.bt:active, a.bt:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #666666;
	text-decoration: underline;
	}
a.bt:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #990000;
	text-decoration:underline;
	}
#shsites{
	font-weight: bold;
	color: #18011a;
	font-size: 13px;
	}
a.shlnks:active, a.shlnks:visited, a.shlnks:link {
	color: #18011a;
	text-decoration: none;
	}
a.shlnks:hover {
	color: #6f1577;
	text-decoration: underline;
	}
#saletxt{
	font-size: 14px;
	font-weight: bold;
	color: #0000FF;
	line-height: 18px;
	}
a.salelnk:active, a.salelnk:visited, a.salelnk:link {
	text-decoration: none;
	}
a.salelnk:hover {
	text-decoration: underline;
	}
#maincolttl{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	}

#leftcolttl{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	}

a.lftcol:active, a.lftcol:visited, a.lftcol:link {
	color: #0066CC;
	text-decoration: underline;
	}
a.lftcol:hover{
	color: #0099FF;
	text-decoration: underline;
	}
#coldscpr{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	}

/* --------- Forms --------- */

input.searchbox {background: #fff; border: #000 1px solid; width: 170px; font-family: Arial, Helvetica, sans-serif; padding: 3px; }
.searchbox:focus {background: #ffb; }
input.button {background: #99c; color: #fff; font: bold 1em Arial, Helvetica, sans-serif; 
}



/* --------- Bottom Cart Links --------- */

a.botcart:link {color: #448EAA; 
		text-decoration: none;}
a.botcart:visited {color: #448EAA; 
			text-decoration: none; }
a.botcart:active {color: #448EAA; 
		text-decoration: none; }
a.botcart:hover {color: #0A003D; 
		text-decoration: underline; }
		
		
/* ---------- IMAGE LINKS formatting to blend in with site bg color ---------- */

a.imglk:link {color: #e0c898; 
		text-decoration: none;}
a.imglk:visited {color: #e0c898; 
		text-decoration: none; }
a.imglk:active {color: #e0c898; 
		text-decoration: none; }
a.imglk:hover {color: #e0c898; 
		text-decoration: underline; }
		
		

/* ------------------------ DROP DOWN MENU ------------------------ */

#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
}
#nav a {
	display: block;
	width: 10em;
}
#nav li { /* all list items */
	float: left;
	width: auto; /* width needed or else Opera goes nuts */
}
#nav li ul { /* second-level lists */
	position: absolute;
	background: orange;
	width: 10em;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}
#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}
#content {
	clear: left;
	color: #ccc;
}


/* ROLLOVER BUTTONS */
/*li.bigbuttonuno {
width: 211px;
}*/

/* Main buttons */
li.bigbuttonuno a {
	display:block; 
	background-color: #084277;
	border-top: 1px solid #000066;
	border-right: 1px solid #000066;
	border-bottom: 1px solid #000066;
	border-left: 1px solid #000066;
	/*Padding widens the sub buttons on drop down*/
	padding-right: 34px;
	
} 
li.bigbuttonuno a:hover, li.bigbuttonuno a:active {
	background-color: #065eb0;
} 

li.bigbuttondos a {
	display:block; 
	background-color: #084277;
	border-top: 1px solid #000066;
	border-right: 1px solid #000066;
	border-bottom: 1px solid #000066;
	border-left: 1px solid #000066;
	/*Padding widens the sub buttons on drop down*/
	padding-right: 34px;
} 
li.bigbuttondos a:hover, li.bigbuttondos a:active {
	background-color: #065eb0;
} 

li.bigbuttontres a {
	display:block; 
	background-color: #084277;
	border-top: 1px solid #000066;
	border-right: 1px solid #000066;
	border-bottom: 1px solid #000066;
	border-left: 1px solid #000066;
	/*Padding widens the sub buttons on drop down*/
	padding-right: 34px;
} 
li.bigbuttontres a:hover, li.bigbuttontres a:active {
	background-color: #065eb0;
} 

li.bigbuttoncuatro a {
	display:block; 
	background-color: #084277;
	border-top: 1px solid #000066;
	border-right: 1px solid #000066;
	border-bottom: 1px solid #000066;
	border-left: 1px solid #000066;
	/*Padding widens the sub buttons on drop down*/
	padding-right: 34px;
	
} 
li.bigbuttoncuatro a:hover, li.bigbuttoncuatro a:active {
	background-color: #065eb0;
} 
/* Sub buttons */
li.sub a {
	display:block; 
	background-color: #3c96ec;
	border-top: 1px solid #000066;
	border-right: 1px solid #000066;
	border-bottom: 1px solid #000066;
	border-left: 1px solid #000066;
} 
li.sub a:hover, li.sub a:active {
	background-color: #6ca7b1;
} 

#Back_Img {
	background-image: url(http://birkenstockbeach.com/Library/bg_grad.gif);
	background-repeat:repeat-y;
	padding:0px;
	width:1247px;
	height:2318px;
	height:2318px\0;
	margin-top:0px;
	z-index:50;
	}
	
	/*-----------languages-------*/
#language_options {
  width: 500px;
  height: 85px;
  color: #a67c3e;
  margin: 6px auto;
}
.language {
  width: 38px;
  height: 24px;
  float: left;
  padding: 12px;
  font-size: 9px;
  text-align: center;
}
.language p{
  width: 34px;
  margin-top: 0px;
  *margin-top: 2px;
}
.language img {
  border: 1px solid #4f3816;
}

#language_options2 {
  width: 500px;
  height: 40px;
  color: #a67c3e;
  margin: 6px auto;

}
.language {
  width: 38px;
  height: 24px;
  float: left;
  padding: 12px;
  font-size: 9px;
  text-align: center;
}
.language p{
  width: 34px;
  margin-top: 0px;
  *margin-top: 2px;
}
.language img {
  border: 1px solid #4f3816;
}

