html, body {margin: 0; padding: 0; border: 0;}
body {
background: #FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
text-align: center;
margin: 0px 0;
}
p {margin: 6px 0; padding: 0 0;}
.DarkBrown {color:#382F0E}
.BodyCopy {font-size:13px; color:#336699; line-height:17px; float:left}
.BodyCopy a {color:#003366;font-weight:normal;}
.BodyCopy a:active {color:#003366;font-weight:normal;}
.BodyCopy a:visited {color:#003366;font-weight:normal;}
.BodyCopy a:link {color:#003366;font-weight:normal;}
.BodyCopy a:hover {text-decoration:none}
.Home {width:185px;}
.About {width:350px}
.Contact {width:450px}
.Shop {width:510px}
.Shopa {width:520px}
.ShopDetail {width:300px; font-size:11px}
.Footer {font-size:11px; color:#333300; line-height:17px; text-align:left; font-weight:bold; padding-top:10px}
.Footer a {font-size:10px;color:#333300;font-weight:normal;}
.Footer a:active {font-size:10px;color:#333300;font-weight:normal;}
.Footer a:visited {font-size:10px;color:#333300;font-weight:normal;}
.Footer a:link {font-size:10px;color:#333300;font-weight:normal;}
.Footer a:hover {text-decoration:none}
.HomeBackground {background-image:url(images/home.background.jpg); background-repeat:no-repeat; height:520px; width:418px; background-position:bottom left;}
.SideBar {position:absolute; top:225px; left:417px; clear:none; background-color:#F2F5F9; width:184px; margin:0}
.smallbar {height:300px; background-image:url(images/com.background.gif); background-repeat:no-repeat; background-position:bottom left;}
.tall {height:600px; background-image:url(images/com.background.tile.gif); background-repeat:repeat-y;}
.small {height:400px; background-image:url(images/com.background.tile.gif); background-repeat:repeat-y;}
.Com {font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#333300; width:75%; line-height:15px; margin-top:16px; margin-left:22px; text-align:left}
.Com A:active {color:#336699; font-weight:bold; text-decoration:none}
.Com A:visited {color:#336699; font-weight:bold; text-decoration:none}
.Com A:link {color:#336699; font-weight:bold; text-decoration:none}
.Com A:hover {text-decoration:underline}
.brown {color:#382F0E}
.small {font-size: 11px; }
.cart-container {background-color:#F2F5F9; border:1px solid #9B9786;font-size: 11px;}
.list-item {width:580px; height:40px; text-align:left; padding:8px 0px 0px 0px; color:#382F0E}
.list-head {width:580px; text-align:left; padding:0px 0px 0px 0px; color:#382F0E}
.form-item {width:580px; height:30px; text-align:left; padding-top:4px; color:#382F0E}
.itembox {width:18px; height:18px; margin-right:5px}
.itemname {width:190px; float:left}
.itemnamesmall {width:145px; float:left}
.itemnamefull {width:385px; float:left}
.itemdesc {width:195px; float:left}
.itemdescfull {width:240px; float:left}
.cartholder {width:160px; float:left; height:17px; padding:0px 0px 0px 0px; margin-top:22px}
.cartholderhome {width:160px; float:right; height:17px; padding:0px 0px 0px 0px; margin-top:0px}
.cartitemfont {font-size: 11px; color:#ffffff; font-weight:normal;}
.itemprice {width:70px; float:left}
.itemquant {width:120px; float:left}
.itemspace {width:334px; float:left}
.shipping {width:140px;}
.cart-line {width:560px; height:1px; text-align:center; margin-left:20px; background-color:#C6C6BF}
.qty {width:30px; float:left}
.largeinput {width:220px;}
.date {width:40px; margin-right:10px;}
.zip {width:80px; margin-right:10px;}
h2 {
font-size: 1.4em;
text-align: center;
padding: 10px 0;
margin: 0;
border: 3px solid #a8b9da;
border-color: #cde #89a #789 #bccdef;
background: #abd;
}
h3 {font-size: 1.2em; margin: 20px 10px 5px;}
.clear { clear: both; }
.clr2{background-color:fff; color:black; font-size:10px; font-family:tahoma; color:#000; text-transform:uppercase; margin: 0 0 0 0; padding:0 0 0 0;}
.add-cart{background-color:SteelBlue; border:1px solid #000; font-size:9px; font-family:Tahoma; color:#fff; text-transform:uppercase;}
.add-cart-wt{background-color:white; border:1px solid SteelBlue; font-size:11px; font-weight:normal; font-family:Arial, Helvetica, sans-serif; color:#000; text-transform:none;}
.add-cart-bl{background-color:SteelBlue; border:1px solid SteelBlue; font-size:11px; font-weight:normal; font-family:Arial, Helvetica, sans-serif; color:#fff; text-transform:none;}
input.add-cart:hover{background-color:white; color:SteelBlue;}
.alignright {margin-top: 0; text-align: right; clear: both;}
.wide {
background: #FFFFFF; /* header and footer colours */
text-align: center;
}
.wide p {margin: 0; padding: 5px; position: relative;}
.top {border-bottom: 1px solid #000;}
.top a {position: absolute; right: 20px; text-align: right; font-weight: bold; font-size: .7em; color: #fff;}
.bottom {position: relative; height:79px; left:-2px}
.testfloat {width: 50px; border: 2px solid #f90; background: #ffd; font-size: .7em;}
.to-right {float: right;}
.to-left {float: left;}
.ap-test {
position: absolute;
top: -102px;
font-size: .6em;
width: 150px;
height: 100px;
border-top: 1px solid #000;
background: #333333;
color: yellow;
}
/* \*/
* html .ap-test {
top: -101px;
t\op: -102px;
}
/* */
.ap-left {left: 0;}
.ap-right {right: 0;}
.wrapper {
margin: 0 auto;
width: 760px;
text-align: left;
/*background: url(images/pr-background.jpg) repeat-y;*/
border-left: 2px solid #E9EEF5;
}
* html .wrapper { /*** IE5.x/win box model fix ***/
width: 762px;
wid\th: 760px;
}
.outer {
position: relative; /*** IE needs this or the contents won't show outside the parent container. ***/
margin-left: 156px; /*** Critical left col dimension value ***/
width: 602px; /*** Critical left and right col/divider dimension value (moves inversly) ***/
background: #E9EEF5; /*** Sets background of center col***/
/*border-left: 1px solid #000; /*** Critical left divider dimension value ***/
/*border-right: 1px solid #000; /*** Critical right divider dimension value ***/
}
* html .outer { /*** IE5.x/win box model fix ***/
width: 604px; /*** Critical left and right col/divider dimension value (moves inversly) ***/
wid\th: 602px; /*** Critical left and right col/divider dimension value (moves inversly) ***/
}
.float-wrap {
float: left;
width: 602px; /*** Critical left and right col/divider dimension value (moves inversly) ***/
margin-right: -1px; /*** Static fix ***/
}
.center {
float: right;
width: 602px; /*** Critical left and right col/divider dimension value (moves inversly) ***/
margin-bottom: -1px; /*** Fixes a variance in IE/win for the green AP bottom boxes ***/
/* \*/
margin-left: -1px;
/* Hidden from IE-mac */
}
.left {
position: relative; /*** IE needs this or the contents won't show outside the parent container. ***/
width: 158px; /*** Critical left col/divider dimension value ***/
margin-left: -156px; /*** Critical left col/divider dimension value ***/
}
* html .left {
float:left;
}
*>html .left {width:157px;} /*** Fix only for IE/Mac ***/
.container-left {
width: 156px; /*** Critical left col dimension value ***/
padding-bottom: 90px; /*** To keep content from going underneath the AP bottom boxes ***/
}
.container-left div{ margin-bottom:-3px; padding:0px;}
.right {
float: right;
position: relative; /*** IE needs this or the contents won't show outside the parent container. ***/
width: 202px; /*** Critical right col/divider dimension value ***/
margin-right: -150px; /*** Critical right col/divider dimension value ***/
margin-left: -1px; /*** Static fix ***/
}
/* \*/
* html .right {
margin-left: 0px;
margin-right: -500px;
mar\gin-right: -202px;
}
/* */
/*** These commented-out rules below are there to explain the "Critical" info
for the rules above, because comments must not appear within the Mac-hack.
The "rules" below are not active, they are just for teaching purposes. ***/
/*
* html .right {
margin-left: 0px; *** Critical right divider dimension value ***
margin-right: -500px; *** IE5.x/win fix, must be above a critical number, but very high values appear okay ***
mar\gin-right: -152px; *** Critical right col/divider dimension value ***
}
*/
.container-right {
/* \*/width: 202px;/* Hidden from IE-Mac */ /*** Critical right col dimension value ***/
margin-left: 3px; /*** Critical right divider dimension value ***/
padding-bottom: 110px; /*** To keep content from going underneath the AP bottom boxes ***/
}
/* \*/
* html .container-right {
fl\oat: right;
margin-left: 2px;
mar\gin-left: 0px;
}
/*** Static fixes ***/
/*** Below is the Holly hack, and if IE/Win shows bugs it's a good idea to apply this hack to
different elements and see if that fixes the problem. Sometimes it may be necessary
to use "position: relative;" on certain elements, but it's hard to tell in advance which
elements will need such fixes. Here it prevents IE5/Win from clipping the left ends
of the headings. ***/
/* \*/
* html h2 {height: 1%;}
/* */
/*** This is a fix for IE5/Win at the largest text size setting. ***/
/* \*/
* html .left {margin-right: -3px;}
/* */
.italics-test, .italics-test-side {
font-style: italic;
text-align: justify;
background: #ccd;
border: 1px solid red;
}
/*** The following fixes prevent justified italic text from destroying the layout in IE/win.
The problem is that those properties together make IE force the container wider,
which in this type of floated layout causes a float drop. Pre-IE6 gets "width: 100%"
and "overflow: hidden", while IE6 gets "width: auto" and "overflow: visible, which
is the default, but explicitly stating it seems to keep IE6 happy. IE6 also needs
to see the "height: 1%" to give it some kind of box dimension. Browser coddling
we call it. Finally, Bruno found that "word-wrap: break-word;" disarranged the
justified text in IE5.5 and 6, so it is defaulted to "normal" for this text.
If you don't need justified and italicized text then forget all these fixes ***/
/* \*/
* html .italics-test, * html .italics-test-side {
overflow: hidden;
width: 100%;
o\verflow: visible;
w\idth: auto;
hei\ght: 1px;
}
/* */
/*** All the IE fixes that are inside separate "Mac-hacks" may be grouped within
just one Mac-hack for convenience if desired. However, each fix must come
later than the rule it is fixing or the fix itself will be overridden. ***/
th.coffeeroast {text-transform:uppercase; font:arial; font-size:11px;vertical-align:middle; width:105; font-weight:bold; text-align:center;}
td.coffee {text-transform:lowercase; font:arial; font-size:9px;vertical-align:middle; width:105; font-weight:bold; text-align:center;}