/*STARTDYNAMIC*/
/*ENDDYNAMIC*/

body 
{
    color:#666666;
    font-family:Verdana, Tahoma, Georgia, Arial;
    font-size:10px;    
    margin:auto;
    padding:auto;
    background: #ffffff;
    background-image:url(images/);
    background-repeat:repeat;
}
.stage a {color:#047ac0;}
.logo 
{
    background-image:url(images/oktoberfest.jpg);
    height:73px;
    background-repeat:no-repeat;
    display:block;
}
td 
{
    color:#666666;
    font-family:Verdana, Tahoma, Georgia, Arial;
    font-size:10px;    
}
a 
{
    color:#000;
    font-family:Verdana, Tahoma, Georgia, Arial;
    font-size:10px;
    text-decoration:underline;
}

#container 
{
    width:770px; /* set site width */
    margin:auto;
    margin-top:10px;
}





/* ---------- Header Top Links (general style) ---------- */
.hlink 
{
    color:#047ac0;
    font-family:Verdana, Tahoma, Georgia, Arial;
    font-size:10px;
    display:inline;
    padding:01px;
}
.hlink a
{
    color:#047ac0;
    font-family:Verdana, Tahoma, Georgia, Arial;
    font-size:10px;
    text-decoration:none;
}
.hlink a:hover
{
    color:#fdb813;
    font-family:Verdana, Tahoma, Georgia, Arial;
    font-size:10px;
    text-decoration:underline;
}

/* ---------- Header Top Links (individual items) ---------- */
.home
{
    padding-right:06px;
    border-right:1px solid #000;
}
.myaccount
{
    padding-right:15px;
    padding-left:35px;
}
.login
{
    padding-right:15px;
    padding-left:35px;
}
.logout
{
    padding-right:15px;
    padding-left:35px;
}
.shopcart
{
    padding-left:15px;
    padding-right:35px;
}
.help 
{
        padding-right:20px;
}

/* ---------- Footer (general style) ---------- */
#footer 
{
    margin-top:10px;
    background:#fdb813 url('');
}
.copyright 
{
    color:#047ac0;
    font-family:Verdana, Tahoma, Georgia, Arial;
    font-size:10px;
    text-decoration:none;   
}
.flink ul 
{
	padding:0px;
	margin:0px;
}
.flink ul li 
{
    float: left;
	list-style-type: none;
	position: relative;
    padding-right:08px;
    padding-left:08px;	 
}
.flink ul li a
{
    color:#047ac0;
    font-family:Verdana, Tahoma, Georgia, Arial;
    font-size:10px;
    text-decoration:none;    
}
.flink ul li a:hover
{
    color:#fff;
    font-family:Verdana, Tahoma, Georgia, Arial;
    font-size:10px;
    text-decoration:none;    
}
.flink ul li a:visited
{
    color:#047ac0;
    font-family:Verdana, Tahoma, Georgia, Arial;
    font-size:10px;
    text-decoration:none;    
}



/* ---------- Sidebar (general style) ---------- */
.sidebar
{
    width:200px;
}
.menuspacer 
{
    height:100px;
	width:100%;
	background-color:#047ac0;
	border-top:1px solid #fff;
    
}
/* ---------- Main Content ---------- */
.stage 
{
    margin-left:10px;
    margin-right:10px;
    margin-top:10px;
    width:570px;
}

.breadcrumb a
{
    color:#047ac0;
    font-family:Verdana, Tahoma, Georgia, Arial;
    font-size:12px;
    text-decoration:none;        
}
/* ---------- General Styles ---------- */
h1, h1.title 
{
    color:#fdb813;
    font-family:Verdana, Tahoma, Georgia, Arial;
    font-variant:small-caps;
    font-size:18px;
    text-decoration:none;
    margin:0px;
    padding:0px;
    display:inline;
}
h2 
{
    color:#fdb813;
    font-family:Verdana, Tahoma, Georgia, Arial;
    font-variant:small-caps;
    font-size:14px;
    text-decoration:none;
    margin:0px;
    padding:0px;
    display:inline;
}

.catimg
{
    margin:0px;
    padding:0px;
    margin-top:15px;
}
.cattitle 
{
    color:#047ac0;
    font-family:Verdana, Tahoma, Georgia, Arial;
    font-variant:small-caps;
    font-weight:bold;
    font-size:12px;
    text-decoration:none;
    margin:0px;
    padding:0px;

}
.itemtitle 
{
    color:#000000;
    font-family:Verdana, Tahoma, Georgia, Arial;
    font-size:10px;
    text-decoration:none;
    padding:02px;
}
.itemtitle:hover
{
    color:#ffffff;
    background-color:#fdb813;
    font-family:Verdana, Tahoma, Georgia, Arial;
    font-size:10px;
    text-decoration:none;
    padding:02px;
}
.itemtitle:visited
{
    color:#000000;
    font-family:Verdana, Tahoma, Georgia, Arial;
    font-size:10px;
    text-decoration:none;
    padding:02px;
}
.itempic 
{
    background:#fff url("images/details_bg.gif") no-repeat right bottom;
    width:392px;
    height:338px;
}
.itemdetailstitle 
{
    color:#047ac0;
    font-family:Verdana, Tahoma, Georgia, Arial;
    font-size:12px;
    text-decoration:none;
    padding:02px;
}
.itemnumber 
{
    color:#000000;
    font-family:Verdana, Tahoma, Georgia, Arial;
    font-size:14px;
    text-decoration:none;
    padding:02px;
    font-weight:bold
}
.itemlnk 
{
    text-decoration:none;
    font-family:Verdana, Tahoma, Georgia, Arial;
    font-size:11px;
    line-height:20px;
    
}
.itemprice 
{
    color:#047ac0;
    font-family:Verdana, Tahoma, Georgia, Arial;
    font-size:12px;
    text-decoration:none;
    padding:02px;
}
.dashedline 
{
   height:04px;
   background:#fff url('images/dashed-line.gif') repeat top left; 
   margin-top:08px;
}


.btnSearch 
{
    background:#fff url('images/btnSearch.gif') no-repeat top left;
    display:inline-block;
    width:31px;
    height:24px;
    margin-left:04px;
}

.btn_snarrow 
{
    background-color:#fdb813;
    color:#047ac0;
    width:50px; 
    display:block;       
}
.btn_snarrow a
{
    text-align:center;
    text-decoration:none;
    font-weight:bold;
    background-color:#fdb813;
    padding:04px;
    font-family:Verdana, Tahoma, Georgia, Arial;
    font-size:10px;    
    color:#047ac0;    
    width:50px;
    display:block;
}

.btn_narrow 
{
    background-color:#fdb813;
    color:#047ac0;
    width:110px; 
    display:block;       
}
.btn_narrow a
{
    text-align:center;
    text-decoration:none;
    font-weight:bold;
    background-color:#fdb813;
    padding:04px;
    font-family:Verdana, Tahoma, Georgia, Arial;
    font-size:10px;    
    color:#047ac0;    
    width:100px;
    display:block;
}

.zoom 
{
    background-color:#047ac0;
    color:#fff;
    width:50px; 
    display:block;       
    padding-right:05px;
    background:#047ac0 url('images/zoom.gif') no-repeat right;
}
.zoom a
{
    text-decoration:none;
    font-weight:bold;
    padding:04px;
    font-family:Verdana, Tahoma, Georgia, Arial;
    font-size:10px;    
    color:#fff;    
    width:50px;
    display:block;
}

a.tab
{
    white-space:nowrap;
    display:block;
    padding:4px 15px 4px 6px;
    text-decoration:none;
    position:relative;
    top: -3px;
    color:#6b6b6c;
}
table.tab
{
	border: none;
}
.tab td
{
    background:#bcbdc0;
    border:1px solid #fff;
    margin:0px;
    padding: 4px 0px 0px 4px;
    height:20px;
}
.tabselected td 
{
    background:#e7e7e8;
}
.tabcontent 
{
    background:#e7e7e8;
    margin:0px;
    padding:20px;
    width:335px;
}

.mylnk{display:inline; width:100px;}     

.tellfriendtitle 
{
    color:silver;
    font-family:Verdana, Tahoma, Georgia, Arial;
    font-size:14px;
    text-decoration:none;
    padding:02px;
    font-weight:bold;
}        

.tellfriendlabel 
{
    color:#000;
    font-weight:bold;
    padding:10px 0px 5px 0px;
}

.tellfriendmsg
{
    color:red;    
}

.tellfriendbox
{    
    border: solid 1px #e5e2e3;
    background-color:#eeeeee;
    width: 100%;   
    padding:3px 3px 3px 3px;
}
#info{margin-top:08px;}

.btn_checkoutstep_off,
btn_checkoutstep_on
{
	display:inline;
	height:29px;
	text-align:center;
}
.btn_checkoutstep_off a ,
btn_checkoutstep_on a 
{
	color: gray;  
	text-decoration:none; 
	color: black; 
	display:inline;
	height:29px;
	text-align:center;
}
.btn_checkoutstep_off a:visited ,
btn_checkoutstep_on a:visited 
{
	color: gray; 
	display:inline;
	height:29px;
	text-align:center;
}
.btn_checkoutstep_off a:hover ,
btn_checkoutstep_on a:hover
{
	color: gray; 
	display:inline;
	height:29px;
	text-align:center;
	color: black; 
}
.btn {color:#047ac0; font-weight:bold;}
.steplefton 
{
	background-image:url(images/stepon_left.GIF);
	background-repeat:no-repeat;
	height:29px;
	background-color:Blue;
}
.stepleftoff
{
	background-image:url(images/stepoff_left.GIF);
	background-repeat:no-repeat;
	height:29px;
}
.stepright 
{
	background-image:url(images/step_right.GIF);
	background-repeat:no-repeat;
	height:29px;
}
.stepmiddle 
{
	background-image:url(images/step_middle.GIF);
	background-repeat:repeat-x;
	height:29px;
	padding-left:2px;
	padding-right:2px;
}


/** Uses background image for btn divs **/
.btn_img
{
	display:inline-block;
	width:85px;
	height:24px;
	text-align:center;
	background-image:url(images/wide_button.png);
	background-repeat:no-repeat;
	margin-left:2px;
}

.btn_narrow_img
{
	float:left;
	width:51px;
	height:24px;
	text-align:center;
	background-image:url(images/narrow_button.png);
	background-repeat:no-repeat;
	margin-left:2px;
	vertical-align:middle;
}
.none{height:25px; display:inline; width:100px;}
.note 
{
    background:#e7e7e8;
    margin:0px;
    padding:20px;
}
.lang a {color:#047ac0;}
.btnlnk {color:#fdb813;}
.ALERT {font-weight:bold; color:red;}


.date-pick { margin-right: 2px }

div#ui-datepicker-div .ui-datepicker-calendar {background-color:#f0f0f0; border:solid 1px black; color:Black;}
div#ui-datepicker-div .ui-datepicker-title {background-color:#047ac0; border:solid 1px black; color:Black;}
div#ui-datepicker-div .ui-datepicker-header ui-widget-header ui-helper-clearfix ui-corner-all {background-color:#f0f0f0; border:solid 1px black; color:Black;}
div#ui-datepicker-div a {background-color:#f0f0f0; border:solid 1px black; color:Black;}
div#ui-datepicker-div a:hover {background-color:#f0f0f0; border:solid 1px black; color:Black;}
div#ui-datepicker-div .ui-icon ui-icon-circle-triangle-w {background-color:#f0f0f0; border:solid 1px black; color:Black;}
div#ui-datepicker-div .ui-icon ui-icon-circle-triangle-e {background-color:#f0f0f0; border:solid 1px black; color:Black;}

div#ui-datepicker-div .ui-datepicker-title {font-weight:bold;}

.ODD td {background-color:#DDD0D0;}