html, body
 { height:100% }
body
 { background:#ffffff url(../images/background.jpg) repeat-x; color:#303030; font:normal 9pt "Segoe UI",Arial,Helvetica,sans-serif; margin:0; padding:0 }
.container
 { background:url(../images/container.png) repeat-y; margin:auto; min-height:100%; position:relative; width:892px }
.header
 { background:url(../images/background.jpg) repeat-x;}
.top
 { background:url(../images/navigation.png) no-repeat; height:10px }
.navigation
 { background:url(../images/container.png) repeat-y; padding:0 5px }
.navigation a
 { background-position:top left; background-repeat:none; float:left; height:38px }
.navigation a:hover
 { background-position:bottom left }
.navigation a.home
 { background-image:url(../images/homeTab.png); width:115px }
.navigation a.products
 { background-image:url(../images/productsTab.png); width:144px }
.navigation a.aboutUs
 { background-image:url(../images/aboutUsTab.png); width:158px }
.navigation a.contactUs
 { background-image:url(../images/contactUsTab.png); width:180px }
.navigation a.faqs
 { background-image:url(../images/faqsTab.png); width:129px }
.navigation a.wholesalers
 { background-image:url(../images/wholesalersTab.png); width:156px }
.cart
 { color:#a0a0a0; font-size:10pt; font-weight:bold; letter-spacing:1px; padding-right:10px; text-align:right }
.cart a
 { color:#a0a0a0; float:none; letter-spacing:0; text-decoration:none }
.cart a:hover
 { color:#98beb1 }
.cart span
 { color:#98beb1; letter-spacing:0 }
.cart strong
 { color:#98beb1; float:left; padding-left:10px }
.logo
 { background:url(../images/logo.png) no-repeat;background-position-x: 50px; color:#909090; font-style:italic; font-weight:bold; height:44px; letter-spacing:1px; margin:0 5px; padding:55px 20px 0 0; text-align:right }
.main
 { padding:0 55px }
.slogan
 { background:url(../images/banner.jpg) no-repeat; color:#81b4fe; font-size:11pt; font-weight:bold; letter-spacing:1px; margin:auto; padding-top:180px;  text-align:center; width:690px }
.slogan p
 { color:#303030; font-size:9pt; font-style:normal; font-weight:normal; line-height:13pt; margin:20px 0 0 }
.slogan strong
 { display:block; font-size:9pt; margin-top:20px }
.footer
 { bottom:10px; font-size:10pt; left:0; position:absolute; text-align:center; width:100% }
.footer a
 { color:#404040; margin:0 5px; text-decoration:none }
.footer a:hover
 { color:#81b4fe }
.footer p
 { font-size:9pt; letter-spacing:1px; margin:7px 0 0 }
.clear
 { clear:both }
.separator
 { clear:both; height:60px }

.pager
 { border-bottom:1px solid #a0a0a0; border-top:1px solid #a0a0a0; clear:both; font-size:10pt; font-weight:bold; margin:20px 50px 10px; padding:2px 0 5px; text-align:center }
.pager a
 { color:#808080; letter-spacing:1px; text-decoration:none }
.pager a:hover
 { color:#98beb1 }
.pager span
 { color:#baa8dc; margin:0 30px }
.pager strong
 { color:#e0e0e0; letter-spacing:1px }

ul
 { list-style:none; margin:0 0 0 38px; padding:0 }
ul li
 { float:left; margin:0; padding:0 }
ul a
 { color:#808080; display:block; font-size:9pt; font-weight:bold; padding:10px; text-align:center; text-decoration:none; width:180px }
ul a img
 { border:1px solid #808080; display:block; height:180px; margin-bottom:5px; padding:1px; width:180px }
ul a:hover
 { color:#98beb1 }
ul a:hover img
 { background:#dcd2ed; border:none; padding:2px }

.col1
 { border-right:2px solid #909090; float:left; padding:0 0 20px 34px; width:424px }
.col1 img
 { border:1px solid #808080; padding:1px; width:400px }
.col2
 { float:left; padding:22px 0 10px 20px; width:410px }
.col2 img
 { border:1px solid #808080; cursor:pointer; display:block; float:left; height:180px; margin:10px 10px 0 0; padding:1px; width:180px }
.col2 p
 { line-height:15pt; margin:0 35px 15px 0; text-align:justify }

.address
 { line-height:17pt; margin:5px 0 20px }
.address a
 { color:#81b4fe; text-decoration:none }
.address a:hover
 { color:#baa8dc }

button
 { background:url(../images/addCart.png) no-repeat; border:none; height:18px; vertical-align:top; width:101px }
button.remove
 { background-image:url(../images/remove.png) }
button.update
 { background-image:url(../images/update.png) }
button.buy
 { background-image:url(../images/buyNow.png) }
button.empty
 { background-image:url(../images/emptyCart.png) }
button.submit
 { background-image:url(../images/submit.png) }
button:hover
 { background-position:bottom left }
fieldset
 { border:none; margin:0; padding:0 }
fieldset.tools
 { border-top:1px solid #a0a0a0; margin-top:10px; padding-top:10px; text-align:center }
form
 { color:#808080; font-size:10pt; font-weight:bold; margin:25px 0 }
form.checkout
 { margin:auto; width:650px }
form.whole
 { margin:auto; width:650px }
form.whole input
 { margin-left:5px; text-align:left; width:250px }
form.whole label
 { display:block; margin-bottom:7px; text-align:right; width:450px }
form.whole p
 { color:#a0a0a0; text-align:center }
form.whole p span
 { color:#789e91 }
form label
 { margin-right:46px }
form label span
 { color:#789e91; letter-spacing:1px }
h1
 { color:#789e91; font-size:13pt; margin:0 0 5px; padding:0 }
h3
 { color:#baa8dc; font-size:11pt; margin:20px; text-align:center }
h4
 { color:#baa8dc; font-size:10pt; margin:5px 0; padding:0; text-align:center }
h5
 { font-size:11pt; margin:25px 0 0 }
input
 { font:normal 9pt "Segoe UI",Arial,Helvetica,sans-serif; padding:0; text-align:left }
input.file
 { width:254px!important }
p em
 { color:#ff0000; font-size:10pt; font-style:normal; font-weight:bold }
select
 { font:normal 9pt "Segoe UI",Arial,Helvetica,sans-serif; margin-left:5px; width:254px }
textarea
 { font:normal 9pt "Segoe UI",Arial,Helvetica,sans-serif; height:64px; margin-left:5px; padding:1px; vertical-align:top; width:250px }

table
 { border-collapse:collapse; margin:auto; width:650px }
table a
 { color:#404040; font-size:9pt; text-decoration:none }
table a:hover
 { color:#81b4fe }
th
 { border-bottom:1px solid #c0c0c0; color:#b0b0b0; padding:5px }
td
 { padding:5px; text-align:right }
td.product
 { text-align:left }
td.qty
 { text-align:center }
td.price
 { color:#789e91; letter-spacing:1px }