* { margin: 0; padding: 0 }
body { background: url("/images/background.jpg") bottom left repeat-x #FFF; background-attachment: fixed; font: normal 12px  Arial, Helvetica, sans-serif; text-align: center; line-height: 1.7em }
a img { border: 0 }
#wrapper { margin: 0 auto; width: 980px; border-right: solid 1px #000; border-left: solid 1px #000; background: #FFF }
#header { height: 120px; background: url("images/header.gif") top left repeat-x #6f0840; text-align: left; }
#logo { padding: 10px 0px 0px 18px; text-align: left; }
#breadcrumbs { text-align: left; background: #FFF; width: 940px; padding: 10px 17px 0 17px; text-transform: uppercase; font: normal 9px Arial, Helvetica, sans-serif; color: #bfb6ad; display: block }
#breadcrumbs a { text-decoration: none; padding: 0 3px }
#breadcrumbs b, #breadcrumbs strong { font-weight: normal; padding-left: 3px; color: #85939c !important }
#breadcrumbs a:link, #breadcrumbs a:visited { color: #bfb6ad }
#breadcrumbs a:hover, #breadcrumbs a:hover:visited { color: #85939c }
#breadcrumbs h1 { display: inline; position: absolute; width: auto; font: normal 9px Arial, Helvetica, sans-serif; color: #85939c; padding-left: 3px }
#body { clear: both; background: #FFF; padding: 10px 20px }
#mainbanner { margin-bottom: 20px; text-align: left; position: relative }
#mainbanner img { width: 940px; height: 200px; }
#maincontent { float: right; width: 750px; text-align: left; }
#maintitle { clear: both; background: #fbf9f8; margin: 10px 0; padding: 10px; border-top: solid 1px #eeebe8; border-bottom: solid 1px #eeebe8; text-align: left; color: #000; line-height: 30px }

#maincontent h2 { padding-top: 20px; font: normal 22px Arial, Helvetica, sans-serif; height: 30px; color: #000; text-transform: uppercase }
#maintitle h2 { padding-top: 0 !important } 
#maincontent h3 { padding-top: 10px; font: normal 16px Arial, Helvetica, sans-serif; height: 20px; color: #000 }
#maincontent p { padding-bottom: 20px }
#maincontent ul { margin-left: 20px; padding-bottom: 30px }
#maincontent a { color: #7d0049; text-decoration: none }
#maincontent a:hover { text-decoration: underline }

#leftnav { float: left; width: 170px; background: url("/images/mychoice.png") top left no-repeat #fbf9f8; border: solid 1px #d8d0c6; text-align: left; text-transform: uppercase }
#leftnav .container { display: block; margin: 40px 0px 10px 10px; width: 150px; }
#leftnav h2.trigger { padding: 0 0 0 10px; margin: 0; background: url("/images/mychoice_arrow.png") top left no-repeat; height: 20px; line-height: 15px; text-align: left; width: 145px; font-size: 14px; font-weight: normal; float: left; position: relative; }
#leftnav h2.viewall{ padding: 14px 0 6px 10px; border-top: solid 1px #bfb7ad; margin-bottom: 8px; background-position: center left }
#leftnav h2.trigger a { color: #7d0049; text-decoration: none }
#leftnav h2.viewall a { color: #85939c;  }
#leftnav h2.trigger a:hover { color: #7d0049;  }
#leftnav .toggle_container { width: 150px; font-size: 1.2em; clear: both; position: relative; display: block; text-transform: uppercase; border-top: solid 1px #bfb7ad;  }
#leftnav .container ul  { list-style-type: none; padding: 10px 0 10px 10px; margin:0; overflow: auto }
#leftnav .container ul li { width: 140px; float: left; text-align: left; font-size: 11px; font-weight: normal; color: #7D0849; line-height: 1.3em }
#leftnav .container ul li a { color:#85939c; text-decoration: none }
#leftnav .container ul li a:hover { color:#641f45; text-decoration: none }
#leftnav .container ul ul { list-style-type: none; padding: 0; margin: 0 0 0 5px; width: 130px; overflow: hidden }
#leftnav .container ul ul li { padding: 0; margin: 0 }

#bottom { clear: both; background: url("/images/bottom_bg.png") top center repeat-x #FFF; width: 980px; margin: 0 auto; }
#bottomicons { border-bottom: solid 1px #d6dbde; padding: 20px; height: 30px }
#bottomicons img { padding-top: 5px }
#social { width: 90px; padding-left: 10px; height: 30px; float: right; border-left: solid 1px #d6dbde; text-align: right }
#social .facebook { background: url("/images/facebook_icon.png") top left no-repeat }
#social .twitter { background: url("/images/twitter_icon.png") top left no-repeat }
#social a { float: right; width: 30px; height: 30px; margin-right: 10px }
#social a:hover { background-position: 0 -30px }

#copyright { margin: 0 auto; width: 940px; height: 70px; clear: both; text-align: left; padding: 20px 0px; font: bold 12px Arial, Helvetica, sans-serif; color: #adb7bd }
#copyright div { width: 500px; float: right; text-align: right }

.clear { display: block !important; clear: both !important; float: none !important; width: 100% !important; margin: 0 !important; padding: 0 !important }

/* AJAX products load */
#imgholder { text-align: center; padding: 0px }
.infoblock { width:215px; text-align: center; float:left; border: solid 6px #FFF; padding: 10px }
.infoblock:hover { border: solid 6px #e9e3dc }
.infoblock:hover a { color: #7d0049 !important }
.infoblockimg { height: 145px; width: 220px; display: table-cell; vertical-align: middle; text-align: center }
.infoblock .infoblockbutton { width: 215px; height: 60px; line-height: 16px; font-size:12px; color:#aca095; padding: 5px 0px; text-align: center; text-transform:uppercase }
.infoblockbutton a { text-decoration: none; color: #aca095 !important }
.infoblockbutton a:hover { color: #7d0049 !important; text-decoration: none !important;  }
.infoblockbutton .prodnamebutton { height: 45px; font-weight: bold }
.infoblockbutton .prodpricebutton { text-align: center }
.infoblockbutton .prodpricebutton a:link { color: #000 !important; font-weight: bold }
.infoblockbutton .prodpricebutton a:hover { color: #7d0049 !important }
.infoblockcatname { height: 30px }
.infoblockcatname a { text-transform: uppercase; font-weight: bold }
.infoblockfooter { padding-bottom: 10px; font-size: 12px; color: #aca095 }
.infoblockfooter a { text-decoration: underline !important; font-size: 10px; text-transform: uppercase }