/*  =reset.css */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, address, th, td { margin : 0; padding :0; }
h2, h3, h4, h5, h6 { font-size : 100%; font-weight : normal; }
ol, ul { list-style-type : none; }
table { border-collapse : collapse; border-spacing : 0; }
caption, th { text-align : left; }
fieldset, img { border : 0; }
dt, address, caption, cite, code, dfn, em, i, strong, b, th, var { font-style : normal; font-weight : normal; }
q:before, q:after { content :''; }

html, body {
height:100%;
}
	
body {
margin:0px;
padding:0px;
text-align:center;
background:url(../images/bg.gif) repeat left top;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:140%;
color:#444;
}

a:link, a:visited, a:active {
color:#7f3f98;
text-decoration:none;
outline:none;
}

:focus {
  -moz-outline-style:none;
}

a:hover {
text-decoration:underline;
}

p {
margin-bottom:6px;
}

#container {
min-height:100%;
width:1020px;
margin:0px auto;
text-align:left;
background:url(../images/content-trans.png) repeat-y left top;
}

#content {
width:940px;
margin:0px auto;
background-color:#FFF;
}

/* HEADER */

#header {
background:url(../images/header-bg.jpg) repeat-x left top;
height:198px;
}

#header a.logo {
display:block;
text-indent:-9999px;
float:left;
background:url(../images/brand-trans.png) no-repeat left top;
height:198px;
width:430px;
}

#header h1 {
display:block;
text-indent:-9999px;
float:left;
}

/* TOP IMAGES */

#top-images {
float:left;
}

/* BAR ONE */

.bar-one {
float:left;
width:900px;
background:url(../images/bar.jpg) repeat-x left top;
height:29px;
padding:0px 20px;
color:#777;
font-size:11px;
}

.bar-one .left {
float:left;
margin-top:6px;
}

.bar-one .right {
float:right;
margin-top:4px;
}

.bar-one a {
color:#777;
}

.bar-one span.email {
padding-left:20px;
background:url(../images/email.gif) no-repeat left 1px;
}

a.jewel-button {
display:block;
text-indent:-9999px;
height:22px;
width:114px;
background:url(../images/top-button.gif) no-repeat left top;
}

a.jewel-button:hover {
background:url(../images/top-button.gif) no-repeat left -22px;
}

/* MENU */

ul.menu {
float:left;
width:940px;
height:28px;
background:url(../images/menu-bg.jpg) repeat-x left top;
border-top:1px dotted #763b8d;
border-bottom:1px dotted #542a65;
}

.menu li a {
display:block;
padding:6px 7px 4px 8px;
float:left;
height:18px;
font-size:10px;
color:#FFF;
text-transform:uppercase;
border-right:1px solid #b281c5;
border-left:1px solid #330066;
}

.menu li a.first {
border-left:none;
padding:6px 12px 4px 12px;
}

.menu li a.last {
border-right:none;
padding:6px 13px 4px 13px;
}

.menu li a:hover {
text-decoration:none;
background:url(../images/menu-bg-hover.jpg) repeat-x left top;
}

/* MAIN */

/* HOME BOXES */

ul.home-boxes {
float:left;
width:940px;
height:600px;
}

ul.home-boxes li {
position:relative;
float:left;
width:310px;
height:200px;
border-right:5px solid #FFF;
}

ul.home-boxes li a {
position:absolute;
top:0;
left:0;
display:block;
width:310px;
height:200px;
line-height:330px;
color:#666;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:18px;
text-decoration:none;
text-align:center;
background:url(../images/blank-trans.png) repeat left top;
}

ul.home-boxes li a:hover {
color:#333;
}

ul.home-boxes li.no-border {
border:none;
}

/* PRODUCT */

.product {
float:left;
width:940px;
font-family:Georgia, "Times New Roman", Times, serif;
}

.product-img {
float:left;
width:568px;
}

.product-desc {
float:left;
padding:25px 20px 0 30px;
width:322px;
}

.product p {
font-size:12px;
line-height:135%;
}

.product table {
	width: 322px;
}

.product td {
font-size:12px;
line-height:135%;
padding: 3px 3px 3px 0;
}

p.product-title {
font-size:18px;
color:#7f3f98;
margin-bottom:8px;
}

p.price {
font-size:16px;
color:#7f3f98;
}

p.price span.code {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#444;
}

.product-desc a.button {
text-decoration:underline;
color:#7f3f98;
font-size:13px;
}

.product-desc a.button:hover {
text-decoration:none;
}

.product-desc a.options {
display:block;
text-indent:-9999px;
background:url(../images/options.jpg) no-repeat left top;
width:260px;
height:22px;
margin:12px 0 18px 0;
}

.product-desc a.options:hover {
background:url(../images/options.jpg) no-repeat left -22px;
}

.heading {
font-size:16px;
font-weight: bold;
color:#7f3f98;
}

.indented {
font-size: 14px;
margin-left: 20px;
}

/* CART */

.cart {
float:left;
width:940px;
font-family:Georgia, "Times New Roman", Times, serif;
}

.cart-desc {
float:left;
padding:25px 20px 0 30px;
width:922px;
}

.cart h3 {
	font-weight: bold;
}

.cart p {
font-size:12px;
line-height:135%;
}

.cart table {
	width: 900px;
}

.cart th {
	font-weight: bold;
padding: 3px 20px 3px 0;
}

.cart td {
font-size:12px;
line-height:135%;
padding: 3px 20px 3px 0;
}

p.cart-title {
font-size:18px;
color:#7f3f98;
margin-bottom:8px;
}

.cart-desc a.button {
text-decoration:underline;
color:#7f3f98;
font-size:13px;
}

.cart-desc a.button:hover {
text-decoration:none;
}

.cart-desc a.options {
display:block;
text-indent:-9999px;
background:url(../images/options.jpg) no-repeat left top;
width:260px;
height:22px;
margin:12px 0 18px 0;
}

.cart-desc a.options:hover {
background:url(../images/options.jpg) no-repeat left -22px;
}


/* QUOTE */

blockquote {
position:relative;
float:left;
width:940px;
height:160px;
text-indent:-9999px;
background:url(../images/quote.jpg) no-repeat left top;
margin-bottom:20px;
}

blockquote a {
position:absolute;
left:550px;
top:102px;
display:block;
text-indent:-9999px;
background:url(../images/more-trans.png) no-repeat left top;
height:18px;
width:60px;
}

blockquote a:hover {
background:url(../images/more-trans.png) no-repeat left -18px;
}

/* FORM BUTTONS */
.formbutton {
padding:0 8px 3px 8px;
height:25px;
margin: auto;
background:url(../images/menu-bg.jpg) repeat-x left top;
font-size:9px;
color:#FFF;
text-transform:uppercase;
border: none;
cursor: pointer;
}


/* FOOTER */

#footer {
text-align:center;
font-size:11px;
color:#777;
}

#footer a {
color:#777;
}

#footer p.links {
margin-top:4px;
padding-bottom:0;
}

#footer p.links a {
text-transform:uppercase;
font-size:9px;
}

#footer p.developers {
	margin-top: 4px;
	padding-bottom: 40px;
	color: #AAA;
}
#footer p.developers a {
	color: #AAA;
}