/*******************************
    Breadcrumb navigation
********************************/

div#BreadCrumbPanel {
 clear: both;
 width: 90%;
 margin: 0 auto;
 padding: 0;
 text-align: center;
 background-color: #006600;
 color: White;
}

div#BreadCrumb {
 font-weight: bold;
}

div#BreadCrumb a {
 font-weight: normal;
 text-decoration: none;
 color: White;
}

div#BreadCrumb a:hover {
 font-weight: normal;
 text-decoration: underline;
}

/*******************************
    End Breadcrumb navigation
********************************/

/*******************************
    Product within Content panel
********************************/

div.content #ProductPanelsWrapper {
 overflow: auto;
 width: 100%;
 border: 0px solid White;
}

div.content .ProductPanel {
 float: left;
 width: 48%;
 height: 300px;
 margin: 0.8em 0 0 0.8em;
 padding: 0;
 color: White;
 background-color: #606;
 border: 0px solid White;
 overflow: auto;
}

div.content .ProductImage {
 float: left;
 width: 100px;
 margin: 0px;
 padding: 0px;
}

div.content .ProductName {
 margin: 0;
 padding: 2px 0 2px 0;
 text-align: center;
 font-size: 1.2em;
 color: White;
 background-color: #609;
}

div.content .ProductDesc {
 margin: 6px 0 0 2px;
 padding: 0 6px 0 0;
 text-align: left;
 font-size: 0.9em;
}

form {
 margin: 0;
 padding: 0;
}

option {
 background-color: #f9c;
 color: #606;
}

div.content .ProductPrice {
 margin: 6px auto;
 text-align: center;
 font-size: 1.4em;
}

div.content .AddButton {
 visibility: visible;
 margin: 2px auto;
 padding: 5px;
 text-align: center;
}

/********************************
    End of Content/Product panel
********************************/