/*
 1.   general rules
 1.1  global reset
 1.2. block elements
 1.3. inline elements
 1.4. alignment classes
 1.5. floats
 1.6. miscellaneous classes
 
 2.   layout
 2.1. container
 2.2. header
 2.3. content
 2.4. footer
 */
/*************************************
 1. General rules
 **************************************/
/*---------1.1. global reset-------------*/
* {
    margin: 0px;
    outline: 0;
    font-size: 100%;
    font-family: inherit;
    text-decoration: none;
    list-style: none;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, input, select, option, optgroup {
    padding: 0px;
}

html, table.mainTbl{
    width: 100%;
    height: 100%;
}

html {
    background: url(../images/bodyBack.jpg) center top;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

body {
    width: 100%;
    height: 100%;
    font-size: 62.5%; /* 1em = 10px \ 1.1em = 11px \ 1.2em = 12px */
    background: url(../images/pageTop.jpg) center top repeat-x;

}

table.mainTbl {
     background: url(../images/pageBottom.jpg) center bottom repeat-x;

}
/*-------1.2. block elements----*/
h1 {
}

h1.catname{
    font-size: 20px;
    text-transform: capitalize;
    font-weight: normal;
    color: #ED166F;
}

h1.catname b.catTitleColor1{
	font-weight:normal;
	color:#583F2B;
}

h1.catname b.catTitleColor2{
	font-weight:normal;
}

h1 span.first {
    color: #5A3928;
}

h2 {
	margin:10px 0px 5px 0px;
	color:#EF448B;
}

h3 {
}

h4 {
}

h5 {
}

h6 {
}

p {
	margin-bottom:15px;
}

blockquote {
}

noscript div {
    color: red;
    font-size: 12px;
}

div.hr {
    background: url(../images/dottedBorder.gif) top center repeat-x;
    height: 1px;
    overflow: hidden;
}
/*--------------1.2.1 lists-------------*/
ul {
}

ol {
}

li {
}

dl {
}

dd {
}

dt {
}
/*------------1.2.2 forms-----------------*/
form {
}

form ol {
}

form li {
}

form dl dt {
    float: left;
    clear: left;
    width: 50%;
}

form dl dd {
    float: right;
    clear: right;
    width: 50%;
}

form li label {
    display: block;
    cursor: pointer;
}

label{
	font-weight:bold;
}

fieldset {
    border: none;
	padding:2px;
}

legend {
}

input.textinput {
}

imput.submitBtn {
}

input
[ type = "submit" ], input [ type = "reset" ] {
    cursor: pointer;
}

button {
    cursor: pointer;
    border: none;
}

select {
}

option {
}

optgroup {
}

textarea {
}
/*--------------1.2.3. tables-------------*/
table {
    border: none;
    border-collapse: separate;
}

tr {
}

td {
}

th {
}
/*----------1.2.4 padded divs------------*/
.pad1 {
    background: url(../images/container.jpg) left top no-repeat;
}

.pad2 {
    background: url(../images/contentBottom.jpg) center bottom no-repeat;
    position: relative;
    padding-bottom: 55px;
}

.pad3 {
    padding: 0px 15px 10px 15px;
}
/*----------1.3. inline elements---------*/
a {
    cursor: pointer;
	color:#5B3727;
}

a:hover, a:focus {
	color:#ED176F;
}

a:visited {
}

a img {
    border: none;
}

span {
}

strong, b {
    font-weight: bold;
}

em, i {
    font-style: oblique;
	color:#ED176F;
}

u {
    text-decoration: underline;
}

img {
    border: none;
}
/*-------1.4. alignment classes-------*/
.left {
    text-align: left;
}

img.left {
    float: left;
    clear: left;
}

.center {
    text-align: center;
}

img.center {
    margin: 0 auto;
    display: block;
}

.right {
    text-align: right;
}

img.right {
    float: right;
    clear: right;
}
/*-------------1.5. floats-------------*/
.leftfloat {
    float: left;
    clear: left;
}

.rightfloat {
    float: right;
    clear: right;
}
/*------1.5.1. clearing floats---------*/
/*clearfix*/
.clearfix:after, form li:after, form dl:after, form dt:after, form dd:after, div#topMenu:after, div#content:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
/*end of clearfix*/
/*-------1.6. other classes------*/
.imageHolder1 {
    position: relative;
    zoom: 1.0;
    width: 130px;
    display: block;
	margin:4px 4px 0px 4px;
}

.imageHolder2 {
    position: relative;
    margin: 0 auto;
    zoom: 1.0;
}


.imageHolderHomepage {
    position: relative;
    zoom: 1.0;
    width: 130px;
    display: block;
	margin-top: 4px;
}
b.topLeft, b.topRight, b.bottomLeft, b.bottomRight {
    position: absolute;
    width: 8px;
    height: 8px;
    display: block;
}

b.topLeft {
    top: 0px;
    left: 0px;
}

b.topRight {
    top: 0px;
    right: 0px;
}

b.bottomLeft {
    bottom: 0px;
    left: 0px;
}

b.bottomRight {
    bottom: 0px;
    right: 0px;
}

.imageHolder1 b.bottomRight, .imageHolderHomepage b.bottomRight {
    background: url(../images/bottomRight1.png) center center no-repeat;
}

.imageHolder1 b.bottomLeft, .imageHolderHomepage b.bottomLeft{
    background: url(../images/bottomLeft1.png) center center no-repeat;
}

.imageHolder1 b.topLeft, .imageHolderHomepage b.topLeft{
    background: url(../images/topLeft1.png) center center no-repeat;
}

.imageHolder1 b.topRight, .imageHolderHomepage b.topRight{
    background: url(../images/topRight1.png) center center no-repeat;
}

.imageHolder2 b.bottomRight {
    background: url(../images/bottomRight2.png) center center no-repeat;
}

.imageHolder2 b.bottomLeft {
    background: url(../images/bottomLeft2.png) center center no-repeat;
}

.imageHolder2 b.topLeft {
    background: url(../images/topLeft2.png) center center no-repeat;
}

.imageHolder2 b.topRight {
    background: url(../images/topRight2.png) center center no-repeat;
}

div#leftFlower {
    position: absolute;
    bottom: -50px;
    left: -5px;
    width: 145px;
    height: 340px;
    background: url(../images/flowerLeft.png) center center no-repeat;
}

div#rightFlower {
    position: absolute;
    bottom: -50px;
    right: -5px;
    width: 145px;
    height: 340px;
    background: url(../images/flowerRight.png) center center no-repeat;
}


div.desc {
    padding: 10px 0px;
    font-size: 14px;
}

.pink{
	color:#ED176F;
}

.infopage{
	text-align:justify;
}

.feedback{
	border-bottom:1px solid #F291B0;
	padding:0px 40px 10px 0px;
}
/************************************
 
 2. Layout
 
 *************************************/
/*------------2.1. container------------*/
#container {
    width: 974px;
    position: relative;
    margin: 0 auto;
	margin-bottom:65px;
    background: url(../images/tilable.jpg) center top repeat-y;
    color: #5a3928;
	font-size:10px;
	height:100%;
}
/*end of container*/
/*------------2.2. header---------------*/
#header {
    position: relative;
    padding: 100px 112px 20px 120px;
}

#headerInner {
    background: url(../images/dottedBorder.gif) bottom left repeat-x;
}

#header a#logo {
    display: block;
    float: left;
    width: 263px;
    height: 101px;
    text-indent: -999px;
    background: url(../images/logo.jpg) center center no-repeat;
    margin-bottom: 12px;
}

ul#quickLinks {
    float: right;
    margin-top: 5px;
}

ul#quickLinks li {
    width: 92px;
    height: 92px;
    float: left;
    padding-right: 23px;
}

ul#quickLinks li a {
    display: block;
    width: 100%;
    height: 100%;
}

#topMenu {
    clear: both;
    background: url(../images/dottedBorder.gif) top left repeat-x;
    color: #5b3727;
    text-transform: capitalize;
    font-size: 11px;
}

#topMenu #miniCart {
    float: right;
    padding: 5px 0px 2px 25px;
    background: url(../images/minicart.jpg) bottom left no-repeat;
}

#topMenu #miniCart img {
    vertical-align: middle;
}

#topMenu ul {
}

#topMenu ul li {
    float: left;
    padding: 5px 10px 6px 0px;
    margin-right: 5px;
}

div#topMenu li.li1 {
    background: url(../images/dot1.jpg) center right no-repeat;
}

div#topMenu li.li2 {
    background: url(../images/dot2.jpg) center right no-repeat;
}

div#topMenu li.li3 {
    background: url(../images/dot3.jpg) center right no-repeat;
}

#topMenu a {
    color: #5b3727;
}

#topMenu a:hover {
    color: #EC166E;
}
/*end of header*/
/*------------2.3. content--------------*/
#content {
    padding: 0px 125px 60px 125px;
    min-height: 450px;
    background: url(../images/dottedBorder1.jpg) 225px 0px repeat-y;
	position:relative;	
}

#content.homepage{
	background:none;
}


#maincontent {
    float: right;
    width: 640px;
	margin-right:-15px;
}

#maincontent a {
}

#sidecontent {
    font-size: 12px;
    color: #5b3727;
    float: left;
    width: 95px;
}


#navigation {
    padding-top: 15px;
}

#navigation li {
}

#navigation li.subcat{
	font-size:smaller;
}

#navigation a {
    display: block;
    margin-bottom: 15px;
    text-transform: capitalize;
    padding-left: 10px;
    font-weight: bold;
}

#navigation a:hover {
}

#navigation li.selected a {
	color:#EE3282;
}

#navigation li.selected a:hover {
}

#navigation li.subcat a {
}

#navigation li.subcat a:hover {
}

#breadcrumb {
    margin-bottom: 20px;
	padding-left:20px;
	text-transform:lowercase;
}

#breadcrumb a {

}

#beadcrumb a:hover {

}

#breadcrumb span {
    color: #EC166E;
}

#breadcrumb .trail {
}

.trail a:hover {

}

.prevnext {
    text-align: right;
    color: #ed166f;
	padding:30px 20px 20px 0px;
}

.prevnext a {
    color: #ed166f;
}

.prevnext a:hover {
    color: #603D27;
}

.pagenums {
	text-align:center;
}

.pagenums a {
}

.pagenums a:hover {
}

#searchArea {
	clear:both;
	position:absolute;
	bottom:20px;
	left:240px;
	width:620px;
}

#searchForm {
    background: #ED166F;
    padding: 9px 5px 6px 5px;
    float: left;
    margin: 0px 10px 0px 0px;
}

#searchForm label {
    color: #ffffff;
    font-size: 12px;
}


#mainSearchInput{
	border:1px  solid #ffffff;
	font-size:14px;
	width:220px;
}

/*homepage table*/
#randomProds td{
	background:#F0C9CC;
	font-weight:bold;
	padding:5px 5px;
}
/*end of homepage table*/

/*product table*/
table#prodtable {
}

table#prodtable td {

}

table#prodtable a {
}

tr.trImage {
}

td.tdImage {
	background:url(../images/tdBack.png) center top repeat-y;
}

tr.trName {
}

td.tdName{
	background:url(../images/tdBack.png) center top repeat-y;
}

div.prodname{
	width:140px;
	padding:2px 0px;
	font-weight:bold;
}

td.tdImage {
}

tr.trDescription {
	
}

td.tdDescription {
	background:url(../images/tdBack.png) center top repeat-y;
}

div.proddescription,
div.prodprice{
	display:block;
	text-align:center;
	width:130px;
	padding:0px 5px;
}

 tr.trPrice {
}

td.tdPrice {
	background:url(../images/tdBack.png) center top repeat-y;
}

 tr.trBuyButton {
}

td.tdBuyButton {
	background:url(../images/tdBack.png) center top repeat-y;
	padding-bottom:2px;
}

td.tdBuyButton a{
	display:block;
	width:140px;
	padding:2px 0px;
	font-weight:bold;
}

td.productsImageHolder {
}

td.tdImage td a {
}
/*end of product table*/
/*categories table*/
table#categoriesTable {
}

table#categoriesTable tr {
}

table#categoriesTable tr td{

}

table#categoriesTable td.catname {
}

table#categoriesTable td.catname td {
}

table#categoriesTable td.catname a {
}

td.tdCatImage{
}

td.tdCatName{
	font-weight:bold;
}
/*end of categories table*/
/*product detail table*/
table#productDetailTable {

}

td.image-cell {
    padding: 0px 0px;
}

a.hrefProductDetailImage {
	display:block;
	width:288px;
}

img.prodfullimage {
}

a.zoom {
    display: block;
    text-align: center;
    margin-top: 5px;
    letter-spacing: -1px;
	color:#593927;
}

a.zoom:hover {
}

div.multiple-product-images a {
    display: block;
    text-align: center;
    margin-bottom: 5px;
}

td.text-cell {
}

h1.productDetailName {
    font-size: 14px;
    padding: 10px 0px;
	position:relative;
}

h1.productDetailName img{
	position:absolute;
	top:8px;
	right:-30px;
}

h1.productDetailName img.noImage{
	display:none;
}

p.productDetailDescription {
    min-height: 170px;
    padding-bottom: 10px;
}

div.productDetailOptions {
	text-align:right;
}


div.productDetailOptions fieldset{
	padding:2px;
}

div.productDetailOptions fieldset label{
	display:block;
	float:left;
	padding-top:2px;
}

div.productDetailOptions select{
	width:190px;
}

div.productDetailPrice {
    text-align: right;
    color: #ed166f;
    font-size: 12px;
    background: url(../images/dottedBorder.gif) bottom left repeat-x;
	margin-top:8px;
}

div#prodDetailPrice{
	background: url(../images/dottedBorder.gif) top left repeat-x;
	padding:5px;
}

div.productDetailEmailFriend{
	float: left;
    margin-right: 15px;
    margin-top: 15px;
	line-height:50px;
}

div.productDetailAddToWishlist{
	float: left;
    margin-right: 15px;
    margin-top: 15px;
	line-height:50px;
}

div.productDetailBuyNow{
	float: left;
    margin-right: 15px;
    margin-top: 15px;
	line-height:50px;
}

#multiple-images a{
	display:block;
	text-align:center;
}
/*end of product detail table*/
/*cross promotion table*/
div#cross-promotion {
    clear: both;
}

table#cross-promotion-table {
}

table#cross-promotion-table tr.image-row {
}

table#cross-promotion-table tr.image-row td td {
}

table#cross-promotion-table tr.image-row a {
}

table#cross-promotion-table tr.product-name-row {
}

table#cross-promotion-table tr.price-row {
}
/*end of cross promotion table*/
/*checkout form*/
form#checkoutForm {
}

form#checkoutForm td ,
table.cobtbl td{
	padding:4px;
}
/*end of checkout form*/
/*affiliate form*/
table#affiliateTable {
}
/*end of affiliate form*/
/*search page search form*/
form#search-page-form {
	margin-bottom:20px;
}

form#search-page-form fieldset {
	padding:2px;
}

form#search-page-form input.textinput {
	width:220px;
}

form#search-page-form select {
	width:225px;
}

form#search-page-form select input.submitBtn {
}

form#search-page-form label {
	display:block;
	padding-top:2px;
}

#search-info{
	padding:10px 0px;
}

#search-info dt{
	color:#EE3282;
	font-weight:bold;
	padding-bottom:3px;
}

#search-info dd{
	padding:0px 0px 10px 20px;
}
/*end of search page search form*/
/*cart form*/
#mainForm {
}

#mainForm td {
	padding:2px;
}

#mainForm label {
}

#mainForm input.textinput {
	width:220px;
}

#mainForm select {
	width:225px;
}

#mainForm select#payprovider {
	margin-left:110px;
	margin-bottom:5px;
}

#mainForm textarea {
	width:220px;
	margin-left:112px;
}
/*end of cart form*/

/*contact form*/
#contact-right{
	margin-bottom:15px;
/*
	float:right;
*/
	width:215px;
}

#contact-right fieldset{
	padding:4px;
}

#contact-right label{
	display:block;
	color:#EF448B;
}

#contact-right .textinput{
	width:200px;
}

#contact-right textarea{
	height:80px;
}
/*end of contact form*/
/*end of content*/
/*-----------2.4. footer----------------*/
#footer {
	text-align:center;
	color:#ffffff;
	padding-bottom:20px;
	font-size:11px;
}

#footerMenu {
}

#footerMenu ul {
}

#footer li {
}

#footer a {
	color:#fff;
}

#footer a:hover {
}
/*end of footer*/

