* {
margin:0;
padding:0;
}
body {
background:#333333 url(../images/bg_top.png) repeat-x scroll 0 0;
}
h1 {
border-bottom:1px dashed #CCCCCC;
font-family:Arial,Helvetica,sans-serif;
font-size:1.2em;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
line-height:normal;
margin-bottom:10px;
}
h2, #purchase {
border-bottom:1px solid #EEEEEE;
font-family:Arial,Helvetica,sans-serif;
font-size:1em;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
line-height:1em;
}
h4 {
color:#000000;
font-size:1em;
margin-bottom:20px;
padding-left:5px;
padding-top:20px;
}
p {
color:#222222;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:0.75em;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:1.75em;
padding-bottom:10px;
text-align:justify;
}
strong {
color:#222222;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-weight:normal;
padding-bottom:10px;
}
a {
border-style:none;
color:#0D61A6;
text-decoration:none;
}
a:hover {
color:#446179;
}
a:visited {
text-decoration:none;
}
a img {
border:medium none;
}
li {
color:#000066;
font-family:Arial,Helvetica,sans-serif;
font-size:0.9em;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:2em;
list-style-image:none;
list-style-position:inside;
list-style-type:disc;
}
#main {
background:transparent url(../images/logo_small.jpg) repeat scroll 0 0;
float:left;
height:218px;
width:257px;
}
#main h1, #main h2 {
border:medium none;
text-indent:-3000px;
}
#content a, .small a {
text-transform:uppercase;
}
.thumbs img {
padding:14px;
}
.small {
color:#666666;
font-size:10px;
}
#header {
padding-top:40px;
}
.center {
margin-left:auto;
margin-right:auto;
}
#wrapper {
width:600px;
}
#nav {
background:transparent url(../images/bg_nav.png) no-repeat scroll center top;
float:right;
height:28px;
padding:3px 0 3px 32px;
position:relative;
width:300px;
}
#nav a {
color:#999999;
display:inline;
font-family:Arial,Helvetica,sans-serif;
font-size:1em;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
line-height:1em;
margin-right:16px;
text-align:center;
text-decoration:none;
width:300px;
}
#nav a:hover, #nav a:active {
color:#FFFFFF;
}
#toplinks {
padding-left:40px;
width:600px;
}
#toplinks a {
border-bottom:1px solid #CCCCCC;
float:left;
letter-spacing:1px;
padding:6px 20px 3px;
}
#toplinks a:hover, #toplinks a:active {
background:#000000 url(../images/bg_toplink_hover.png) repeat-x scroll 0 0;
border-bottom:1px solid #333333;
color:#FFFFFF;
padding-bottom:3px;
}
#content {
background:#FFFFFF url(../images/content.png) repeat-y scroll 0 0;
padding:30px;
width:540px;
}
.content_icon {
background:transparent url(../images/bg_contenticon.jpg) no-repeat scroll left top;
padding-left:130px;
}
#buttons {
bottom:-7px;
float:left;
padding:24px 55px 1px 62px;
position:relative;
z-index:1;
}
.price {
float:left;
height:111px;
left:170px;
margin-bottom:-120px;
position:relative;
top:-120px;
width:111px;
}
#coffeexml {
height:350px;
margin-left:30px;
width:330px;
}
#video {
margin-left:auto;
margin-right:auto;
padding-top:20px;
width:820px;
}
#icon {
float:left;
padding:20px 10px 0 8px;
position:relative;
}
.icontext {
float:right;
position:relative;
width:450px;
}
#paypalseal {
float:right;
padding-right:20px;
position:relative;
top:-150px;
}
#packagephoto {
height:70px;
padding:10px;
width:100px;
position:relative;
left:-140px;
top:-90px;
}
.new {
color:#FF0000;
font-size:0.5em;
font-weight:bold;
text-transform:uppercase;
}
#learn {
float:right;
}
#purchase {
background:transparent url(../images/bg_contenticon.jpg) no-repeat scroll 170px top;
padding-bottom:30px;
}
#purchasestandard {
float:left;
margin-right:90px;
padding-left:20px;
padding-right:20px;
position:relative;
z-index:1;
}
#purchasejunior {
position:relative;
}
#footer {
background:#0D0D0D url(../images/bg_footer.png) repeat-x scroll 0 0;
clear:both;
float:left;
height:auto;
padding-bottom:15px;
padding-top:16px;
position:relative;
width:100%;
}
#footerlinks {
color:#666666;
text-align:center;
width:720px;
}
#footerlinks a {
color:#CCCCCC;
font-family:Arial,Helvetica,sans-serif;
font-size:0.7em;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
margin-left:10px;
margin-right:10px;
}
#toplinks a {
color:#CCCCCC;
font-family:Arial,Helvetica,sans-serif;
font-size:0.9em;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
}
#footerlinks a:link, #footerlinks a:visited {
}
#footerlinks a:hover, #footerlinks a:active {
border-bottom:1px solid #666666;
color:#FFFFFF;
}
#content .frontphoto {
float:left;
padding-bottom:10px;
padding-right:10px;
}
.varloo {
font-size:0.7em;
}