@CHARSET "ISO-8859-1";

body {
	background-color: #F0E596;
	color:#242424;
	font-family:arial;
	background-image:url('../Pictures/Background.png');
}

textarea
{
	width:95%;
}

.upslogo
{
	margin:20px;
}

div.header {
	width: 100%;
	margin: 0px;
	padding: 0px;
	z-index: 5;
}

li.wideTitleAndDescription
{
	width:550px;
}

div.header img.logo
{
	margin:10px;
	height:140px;
	width:308px;
	float:left;
}

div.header div.saying
{
	float:right;
	width:283px;
}


div.header img.freeShipping
{
	margin:10px 50px;
	width:210px;
	height:132px;
}

div.header div.saying img.saying
{
	float:right;
	height:150px;
	margin:5px;
}

div.header div.saying div a
{
	margin:5px;
	height:5px;
	float:left;
}

div.header div.saying div
{
	float:left;
	margin:5px;
}

.pad5
{
	padding:5px;
}

.rightAlign
{
	text-align:right;
}

div.centerMain {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	width: 978px;
	z-index: 2;
	background-color: #AD171D;
}

.centerHolder
{
	text-align:center;
}



.center
{
	margin:0 auto;
}

.left
{
	float:left;
}

.right
{
	float:right;
}

div.content {
	width: 100%;
	margin:0px;
	z-index: 3;
}

.padded
{
	padding:8px;
}

div.user-summary
{
	background-color:#dbdbdb;
	border-color:#242424;
	border-width:3px;
	border-style:solid;
	width:972px;
	float:left;
}

div.aboutMenuHolder
{
	width:100%;
	background-color: #b80a00;
    float:left;
}

div.aboutMenuHolder ul {
	list-style-type:none;
	margin:0px;
	padding:0px;
	width:100%;
	overflow:hidden;
}

div.aboutMenuHolder ul li:nth-child(5n+1) {
    clear: both;
}

div.aboutMenuHolder ul li {
	margin:0px;
    float: left;
    width:143px;
    text-align:center;
    background-color: #b80a00;
	color:#ffffff;
	border-width:1px;
	border-color:#000000;
	font-weight:bold;
	border-style:solid;
	border-radius:18px;
	border-bottom-style:none;
	padding-bottom: 10000px;
    margin-bottom: -10000px;
}

div.aboutMenuHolder ul li a
{
	color:#ffffff;
	text-decoration:none;
	padding-bottom:10px;
	padding-top:10px;
	width:100%;
	height:100%;
	float:left;
}

div.aboutMenuHolder ul li:hover {
	background-color:#d70c00;
	border-width:1px;
	border-style:solid;
	border-color:black;
}


.user-name
{
	margin:5px;
	text-decoration:none;
	color:#242424;
}

.user-name a
	{
	text-decoration:none;
	color:#242424;
	}

span.shopping-cart-summary
{
	float:right;
	margin-right:5px;
}

span.shopping-cart-summary a
{
	text-decoration:none;
	color:#242424;
}

div.non-menu
{
	float:left;
	width:728px;
	background-color:#ffffff;
	border-color:#242424;
	border-width:3px;
	border-style:solid;
	border-top-style:none;
	min-height:600px;
	margin:0px;
}


div.menu-holder
{
	float:left;
	width:244px;
	/*
	background-color:#e5ab00;
	border-color:#242424;
	border-width:3px;
	border-style:solid;
	border-right-style:none;
	*/
	margin:0px;
}

div.menu
{
	position:relative;
	width:100%;
}

a
{
	/*
	text-decoration:none;
	color:#242424;
	*/
}

.button
{
	border-width:5px;
	border-style:solid;
	border-color:#242424;
	background-color:#dc0a00;
	text-decoration:none;
	border-radius:25px;
	padding:5px;
	margin:20px 15px;
	text-align:center;
	width:194px;
	display:block;
	color:#ffffff;
	font-size:21px;
	background-repeat:no-repeat;
	    background-image:-webkit-linear-gradient(
        top left,
        rgba(255, 255, 255, 0.2) 0%,
        rgba(255, 255, 255, 0.2) 37%,
        rgba(255, 255, 255, 0.8) 45%,
        rgba(255, 255, 255, 0.0) 50%
    ),
    -webkit-linear-gradient(
        #b80a00, #d70c00
    );
    background-image:-moz-linear-gradient(
        0 0,
        rgba(255, 255, 255, 0.2) 0%,
        rgba(255, 255, 255, 0.2) 37%,
        rgba(255, 255, 255, 0.8) 45%,
        rgba(255, 255, 255, 0.0) 50%
    ),
    -moz-linear-gradient(
        #b80a00, #d70c00
    );    
    background-image:-o-linear-gradient(
        0 0,
        rgba(255, 255, 255, 0.2) 0%,
        rgba(255, 255, 255, 0.2) 37%,
        rgba(255, 255, 255, 0.8) 45%,
        rgba(255, 255, 255, 0.0) 50%
    ),
    -o-linear-gradient(
        #b80a00, #d70c00
    );
    background-image:linear-gradient(
        0 0,
        rgba(255, 255, 255, 0.2) 0%,
        rgba(255, 255, 255, 0.2) 37%,
        rgba(255, 255, 255, 0.8) 45%,
        rgba(255, 255, 255, 0.0) 50%
    ),
    linear-gradient(
        #b80a00, #d70c00
    );
    background-position:100% 0px, 0 0;
    -moz-background-size:350% 250%, 100% 100%;
         background-size:350% 250%, 100% 100%;
    -webkit-transition:background-position 0s ease;
       -moz-transition:background-position 0s ease;       
         -o-transition:background-position 0s ease;
            transition:background-position 0s ease;
}

.button:hover, .button:focus
{
	background-position:0 0, 0 0;
	transition-duration:1.5s;
}

div.footer {
	position: relative;
	bottom: 0px;
	height: 85px;
	width: 100%;
	margin: 0px;
}

.error {
	color: red;
}

div.container
{
	overflow:hidden;
}

.hidden
{
	display:none;
}

div.listing
{
	width:700px;
	min-height:150px;
	border:3px;
	border-color:#242424;
	border-width:3px;
	border-style:solid;
	margin:5px;
	padding:5px;
	float:left;
}

div.listing ul
{
	float: left;
	list-style-type: none;
	margin: 0 auto;
	padding: 0;
	width: 705px;
	z-index: 3;
}

div.listing ul li {
	float: left;
	z-index: 3;
}

button
{
	background-color:#dbdbdb;
}

.gallery
{
	float:left;
	border:3px;
	border-color:#242424;
	border-width:3px;
	border-style:solid;
	width:140px;
	height:140px;
	margin:5px;
}

div.gallery
{
	float:none;
}

.gallery img
{
	max-width:100%;
	max-height:100%;
}

li.titleAndDescription
{
	width:389px;
	margin:5px;
}

li.titleAndDescriptionExtended
{
	width:537;
	margin:5px;
}

div.title
{
	width:100%;
	font-size:1.5em;
	margin:3px;
}

div.description
{
	margin:3px;
}

li.coffeeTypes
{
	width:140px;
	height:140px;
	margin:5px;
	text-align:center;
}

div.listing li.coffeeTypes ul li
{
	float:none;
	background-color:#bdbdbd;
	width:140px;
	margin:0px;
	padding:0px;
}

div.listing li.coffeeTypes ul li:hover
{
	float:none;
	border-color:#242424;
	border-style:solid;
	border-width:3px;
	width:140px;
	margin:0px;
	padding:0px;
}

div.listing li.coffeeTypes ul
{
	margin:0px;
}

div.listing li.coffeeTypes ul li ul
{
	display:none;
	position:relative;
	left:-3px;
}

div.listing li.coffeeTypes ul li ul li
{
	background-color:#ffffff;
	width:140px;
	border-color:#242424;
	border-width:3px;
	border-style:none solid;
	margin:0px;
}

div.listing li.coffeeTypes ul li ul li:last-child
{
	border-bottom-style:solid;
}

div.listing li.coffeeTypes ul li:hover ul
{
	display:block;
}

div.listing li.coffeeTypes ul
{
	position:relative;
	top:0px;
}

li.coffeeSelectButton
{
	
	width:140px;
	height:140px;
	text-align:center;
	font-size:30px;
	padding:0px;
}

li.coffeeSelectButton button
{
	border-color:#242424;
	border-width:3px;
	border-style:solid;
	background-color:yellow;
	width:140px;
	height:140px;
	font-size:30px;
	display:block;
	cursor:pointer;
}


div.helpfulinfo {
	float:left;
	text-align: center;
	margin: 5px;
	margin-bottom: 20px;
	width:228px;
	height:200px;
}

div.helpfulinfo img
{
	max-width:100%;
	max-height:100%;
	border-width:3px;
	margin:5px;
	border-color:#242424;
	border-style:solid;
}

img.helpfulinfo
{
	max-width:228px;
	max-height:200px;
	border-width:3px;
	margin:5px;
	border-color:#242424;
	border-style:solid;
}

div.wholesaleListing
{
	width:700px;
	border:3px;
	border-color:#242424;
	border-width:3px;
	border-style:solid;
	margin:5px;
	padding:5px;
	background-color:#dbdbdb;
	float:left;
}

div.wholesaleListing ul
{
	float: left;
	list-style-type: none;
	margin: 0 auto;
	padding: 0;
	width: 705px;
	z-index: 3;
}

div.wholesaleListing ul li {
	float: left;
	z-index: 3;
	margin:5px;
}

li.wholesaleTitle
{
	width:300px;
}

li.wholesaleminidescription
{
	width:200px;
}

li.bagCounter
{
	width:175px;
}

li.bagCounter select
{
	width:100%;
}

div.expandable
{
	display:none;
	background-color:#ffffff;
	float:left;
	width:690px;
	padding:5px;
}

.toggletrigger
{
	cursor:pointer;
}

div.mainTitle
{
	font-size:1.5em;
	text-align:center;
	margin:5px;
}

p.selectionDescription
{
	margin:5px;
	text-align:left;
}

.content:before,
.content:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.content:after {
    clear: both;
}

div.management
{
	margin:5px;
	padding:5px;
	border-style:inset;
	border-color:#dbdbdb;
	border-width:5px;
}

div.big-picture-holder
{
	width:640px;
	height:480px;
	border-color:black;
	border-style:solid;
	border-width:3px;
	margin:auto;
}

div.big-picture-holder img
{
	max-width:100%;
	max-height:100%;
	display:block;
	margin:auto;
}

div.big-picture-holder-management
{
	width:640px;
	height:480px;
	border-color:black;
	border-style:solid;
	border-width:3px;
	margin:auto;
	position:relative;
	top:0px;
}

div.thumbnail_holder
{
	margin: 10px 20px;
	max-width:640px;
}

div.thumbnail_holder img
{
	max-width:100px;
	max-height:100px;
	margin:3px;
	cursor:pointer;
}

div.big-picture-holder-management img
{
	max-width:100%;
	max-height:100%;
	left:0px;
	right:0px;
	z-index:1px;
	position:absolute;
	top:0px;
}

div.registration form table
{
	width:100%;
}
div.registration form table tr td
{
	width:50%;
}

.remove
{
	color:#ff0000;
	background-color:#777777;
	border-color:#ffffff;
	border-style:outset;
	border-width:3px;
	position:absolute;
	right:0px;
	top:0px;
	font-size:75px;
	width:100px;
	height:100px;
	z-index:3;
}

img.slide
{
	max-width: 715px; 
	max-height: 400px;
}