/*********************************************************
 * Styles for the Master Page                            *
 * ----------------------------------------------------- *
 * these styles are only applied on screen not in print  *
 *********************************************************/

/* Container Style (container contains header menu and content) */
div#container{background-color:#FFFFFF;border:1px solid black;clear:both;margin:0px;padding:1px;}

/* Header Styles */
div#logo{background-image:url(/images/logo.gif);position:relative;top:4px;left:10px;width:100px;height:58px;}
div#logo a{width:100px;height:58px; display:block;}
div#header{background-image:url(/images/metal.jpg);border:black 1px solid;margin-bottom:1px;height:65px;}
div#pageTitle{position:absolute;top:24px;left:156px;height:50px;width:600px;}
#pageTitle{color:white;font-weight:bold;font-size:16px;text-decoration:none;}
#progressArea{background-color:white;border:solid 1px black;padding:5px;position:absolute;top:50px;left:155px;z-index:100;}

/* Content Area Div Style */
div#contentContainer{background-color:#EFEFEF;border:solid 1px black;border-top:none;position:fixed;top:87px;left:16px;bottom:16px;right:16px;}
div#content{padding:16px;padding-top:20px;}

/* Content and Menu Height */
/*div#contentContainer,*/
div#menu,
.expandedContent,
.collapsedContent{height:100%;}
.expandedContent,
.collapsedContent{overflow:auto;background-color:white;border-left:1px dashed silver;margin-right:0;padding:0px;padding-top:0px;}
.expandedContent{margin-left:185px;}
.collapsedContent{margin-left:0px;}

/* Menu Div Styles */
div#menu{overflow:auto;position:fixed;top:87px;left:16px;width:185px;z-index:0;}
div#show,
div#hide{z-index:30;}
div#show,
div#hide,
.removeButton{background-color:#EFEFEF;background-repeat:no-repeat;background-position:center center;border:1px solid silver;cursor:pointer;font-size:0.5em;padding:0px;height:10px;width:10px;}
div#hide{background-image:url(/images/close.gif);float:right;}
div#show{background-image:url(/images/open.gif);display:none;padding:25px 0 25px 0;position:absolute;top:0;left:0}

/* Menu Tree Node Styles */
.treeNode{color:#696969;font-family:Tahoma;font-size:0.9em;padding:0;}
.treeHoverNode{color:#52718C;text-decoration:underline;}
.treeSelectedNode{color:#52718C;font-weight:bold;padding:0;text-decoration:none;}

/* Shopping Cart and Delivery Cart Styles */
.shoppingCart,
.deliveryCart{cursor:pointer;font-family:Verdana;position:absolute;right:24px;width:400px;z-index:102;}
.shoppingCart{top:30px;}
.deliveryCart{top:55px;}
.shoppingCartButton{background-color:#FFFFFF;border:1px solid #CCCCCC;color:#284775;font-size:0.6em;}
.shoppingCartTitle{background-color:#52718C;border:solid 1px black;color:white;font-size:0.8em;padding:2px 5px 5px 5px;height:1em;}
.shoppingCartTitle A{color:White;}
/* Css Hack to show div in front of select */
.shoppingCart IFRAME,
.deliveryCart IFRAME{display:none;}