/* CSS Document */
body, div, image,  p, form {padding: 0; margin: 0; font-family: Times; font-size: 16px; border: 0; color: #5E5C4C}

h2 {font-size:16px; margin:0 0 0 0; }
a{color:#666666; text-decoration:underline; font-size:14px;}
a:hover{color:#666666; text-decoration:none; font-size:14px;}

 a.blogtitle{color:#000000; text-decoration:none; font-size:16px;}
  .blogtitle:hover {color:#000000; text-decoration:underline; font-size:16px;}

.center {width: 917px; margin: 0 auto 0 auto}
.main {width: 917px; float: left; padding: 43px 0 0 0; background: url(http://www.loribonn.com/cms/images/uploads/top_bar.jpg) 0 16px no-repeat}

.banner {width: 877px; height: 48px; float: left; padding: 0 40px 20px 0}
.banner .logo {float: left; width: 229px}
.banner .text {font-size: 13px; float: right; padding: 2px 10px 0 0;}
.banner img {float: right; border: none;}

#nav_categories ul{padding:-5px; margin:0px;}
#nav_categories li{list-style:none; }
#nav_categories a{color:#666666; text-decoration:none; font-size:18px;}
#nav_categories a:hover{color:#666666; text-decoration:underline; font-size:18px;}

.archive ul{padding:-5px; margin:0px;}
.archive  li{list-style:none; }
.archive a{color:#666666; text-decoration:none; font-size:13px;}
.archive a:hover{color:#666666; text-decoration:underline; font-size:13px;}

.mainTitle {padding: 0 13px 5px 0; text-align: right; font-size: 36px; color: #BDC4B0}

.menu {width: 917px; float: left}
.menu ul {list-style: none; padding: 0; margin: 0}
.menu ul li {list-style: none; float: left; display: inline; padding: 0; margin: 0 0 0 0;}

.submenu {width: 450px; float: left; padding: 0}
.submenu ul {list-style: none; padding: 0; margin: 0}
.submenu ul li {list-style: none; float: left; display: inline; padding: 0; margin: 0}

.shopOnline {width: 904px; float: left; padding: 0 13px 5px 0; text-align: right; font-size: 36px; color: #BDC4B0}

.container {width: 896px; float: left; padding: 0 10px 20px 9px; border-right: #e2e6d8 2px solid}
.leftContainer {width: 284px; float: left; padding: 0 15px 0 0;}
.leftContainer .title {padding: 0 0 5px 10px; font-size: 24px; color: #8D947E; line-height: 24px}
.leftContainer .icon {padding: 0 0 5px 0;}
.leftContainer .text {padding: 0 0 30px 10px;}

.rightContainer {width: 596px; float: right;}
.rightContainer ul {list-style: none; padding: 0 0 15px 0; margin: 0}
.rightContainer ul li {width: 196px; height: 149px; list-style: none; float: left; display: inline; padding: 0 2px 12px 0; font-size: 13px}
.rightContainer ul li p {font-size: 13px; font-family: Arial; font-weight: bold; padding: 0 0 8px 0; margin: 0}

.footer {width: 917px; height: 94px; float: left}

.footer a:link {color: #5e5c4c; text-decoration: none; font-size: 11px;}
.footer a:visited {color: #5e5c4c; text-decoration: none; font-size: 11px;}
.footer a:hover {color: #8d8a72; text-decoration: none; font-size: 11px;}

.footer .box {width: 284px; height: 75px; float: left; background: #e2e6d8; margin: 0 2px 0 0; padding: 7px 10px 0 10px;}
.footer .box span {font-size: 13px; float: left; padding: 0 5px 0 0; font-weight: bold}
.footer .box .icon {float: left; padding: 2px 0 0 5px}
.footer .box2 {width: 285px; height: 75px; float: left; background: #e2e6d8; margin: 0; padding: 7px 10px 0 10px;}
.footer .box2 .left {width: 160px; float: left; font-size: 13px; font-weight: bold}
.footer .box2 .right {float: left}
.footer p {width: 284px; font-size: 11px; padding: 5px 10px 5px 10px; margin: 0; font-family: Arial; float: left}


/*
.footer {width: 917px; height: 94px; float: left}

.footer a:link {color: #5e5c4c; text-decoration: none; font-size: 11px;}
.footer a:visited {color: #5e5c4c; text-decoration: none; font-size: 11px;}
.footer a:hover {color: #8d8a72; text-decoration: underline; font-size: 11px;}

.footer .box {width: 284px; height: 67px; float: left; background: #e2e6d8; margin: 0 2px 0 0; padding: 7px 10px 0 10px;}
.footer .box span {font-size: 13px; float: left; padding: 0 5px 0 0;}
.footer .box input { height: 12px; float: left}
.footer .box .icon {float: left; padding: 2px 0 0 5px}
.footer .box2 {width: 285px; height: 67px; float: left; background: #e2e6d8; margin: 0; padding: 7px 10px 0 10px;}
.footer .box2 .left {width: 160px; float: left; font-size: 13px; font-weight: bold}
.footer .box2 .right {float: left}
.footer p {width: 284px; font-size: 9px; padding: 5px 10px 5px 10px; margin: 0; font-family: Arial; float: left;}
*/
.left a:link {color: #5e5c4c; text-decoration: none; font-size: 13px;}
.left a:visited {color: #5e5c4c; text-decoration: none; font-size: 13px;}
.left a:hover {color: #8d8a72; text-decoration: none; font-size: 13px;}



/* About page */

.rightContainer2 {width: 596px; float: right;}
.rightContainerLeft {width: 98px; float: left; padding: 0 20px 0 20px}
.rightContainer2 .rightContainerLeft ul {list-style: none; margin: 0; padding: 0}
.rightContainer2 .rightContainerLeft ul li {list-style: none; float: left; padding: 0 0 20px 0; margin: 0}

.rightContainerRight {width: 381px; float: left; padding: 0 77px 0 0}
.rightContainer2 .rightContainerRight ul {list-style: none; margin: 0; padding: 0}
.rightContainer2 .rightContainerRight ul li {clear: both; width: 380px; list-style: none; float: left; padding: 0 0 20px 0; margin: 0}

/* ----------- */

/* Index page */

.indexLeft {width: 608px; height: 42px; float: left; background: url(http://www.loribonn.com/cms/images/uploads/bigpic-1.jpg)  no-repeat; padding: 336px 0 0 0; text-align: center; line-height: 16px}

.indexRight {width: 251px; text-align: center; font-size: 19px; float: left; padding: 56px 24px 0 22px}
.indexRight .newlogo {width: 189px; height: 103px; padding: 44px 0 0 35px; margin: 0}

/* ---------- */

/* Alchemy */

.alchemyLeft {width: 300px; float: left}
.alchemyLeft .title1 {font-size: 30px; padding: 10px 0 30px 10px}
.alchemyLeft .txt {padding: 0 10px 0 10px}
.alchemyRight {width: 559px; float: left; padding: 0 0 0 27px}
.alchemyRight ul {list-style: none; padding: 0; margin: 0}
.alchemyRight ul li {width: 169px; height: 131px; float: left; margin: 20px 15px 10px 0; border-bottom: 2px solid #afaea6}
.alchemyRight .text {width: 169px; float: left; margin: 0 15px 30px 0; font-size: 11px}
.alchemyRight .text span {padding-left: 120px; font-weight: bold; font-size: 13px; font-family: Arial}

/* ------- */

/* Details */

.detailsLeft {width: 292px; float: left; padding: 0 3px 0 0}

.detailsMiddle {width: 292px; float: left; padding: 0 8px 0 0}
.detailsMiddle .title2 {font-size: 30px; padding: 10px 0 30px 10px}
.detailsMiddle .name {font-size: 17px; padding: 0 0 25px 0; font-weight: bold}
.detailsMiddle .availavle {font-size: 14px; padding: 0 0 25px 0}
.detailsMiddle .description {font-size: 11px; padding: 0 0 25px 0}
.detailsMiddle .price {padding: 0 0 25px 0; font-family: Arial; font-size: 14px; font-weight: bold}
.detailsMiddle .pic {}

.detailsRight {width: 292px; float: left; padding: 0 0 0 0}
.detailsRight .text {font-size: 14px}
.detailsRight .text span {font-size: 11px}

/* Details */

/* new style */

.storetxtBox {width: 180px; height: 16px; border: 1px solid #e2e6d8;}
.inputBtn {padding: 1px 10px; background: #e2e6d8; border: 1px solid #bcc1af;}
.resultBox {font-family: times; font-size: 16px; font-weight: normal;}
.resultBox2 {padding: 10px;}
.event {font-family: times; font-size: 13px; font-weight: normal; padding: 5px;}
.blogtxtBox {width: 260px; height: 16px; border: 1px solid #e2e6d8;}
.blogtxtArea {width: 720px; height: 150px; border: 1px solid #e2e6d8;}
.maillingPding {padding: 3px 0;}
.storetxtBox2 {width: 263px; height: 20px; border: 1px solid #e2e6d8;}


/* new style */
/* ------- */

/*Calendar*/

.calendarBG {
 background-color: #000;
}

.calendarBlank {
 background-color: #9DB7A7;
}

.calendarHeader {
 font-weight: bold;
 color: #fff;
 text-align: center;
 background-color: #000;
}

.calendarMonthLinks {
 font-family:       Arial, Trebuchet MS, Tahoma, Verdana, Sans-serif;
 font-size:         11px;
 font-weight:		bold;
 letter-spacing:	.1em;
 text-decoration:   none;
 color:             #fff;
 background-color:  transparent;
}

.calendarMonthLinks a {
 color:             #fff;
 text-decoration:   none;
 background-color:  transparent;
}

.calendarMonthLinks a:visited {
 color:             #fff;
 text-decoration:   none;
 background-color:  transparent;
}

.calendarMonthLinks a:hover {
 color:             #ccc;
 text-decoration:   underline;
 background-color:  transparent;
}

.calendarDayHeading {
 font-weight: bold;
 font-size:	11px;
 color: #fff;
 background-color: #195337;
 text-align:  center;
 vertical-align: middle;
}

.calendarToday {
 font-family:       Arial, Trebuchet MS, Tahoma, Verdana, Sans-serif;
 font-size:         12px;
 font-weight:		bold;
 letter-spacing:	.1em;
 text-decoration:   none;
 text-align:  center;
 vertical-align: middle;
 color:             #000;
 background-color: 	#ccc;
}

.calendarCell {
 font-family:       Arial, Trebuchet MS, Tahoma, Verdana, Sans-serif;
 font-size:         12px;
 font-weight:		bold;
 letter-spacing:	.1em;
 text-decoration:   none;
 text-align:  center;
 vertical-align: middle;
 color:             #666;
 background-color:  #fff;
}

.calendarCell a {
 color:             #000000;
 text-decoration:   underline;
 background-color:  transparent;
}

.calendarCell a:visited {
 color:             #000000;
 text-decoration:   underline;
 background-color:  transparent;
}

.calendarCell a:hover {
 color:             #666666;
 text-decoration:   none;
 background-color:  transparent;
}

/******************DROP DOWN************************************/
.prodrop4 {padding:0 0 0 32px; margin:0; list-style:none; height:36px;  position:relative; z-index:500; font-family:arial, verdana, sans-serif;}
.prodrop4 li.top {display:block; float:left;}
.prodrop4 li a.top_link {display:block; float:left; height:36px; line-height:27px; color:#666; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 10px; cursor:pointer;}
.prodrop4 li a.top_link span {float:left; display:block; padding:0 20px 0 10px; height:36px;}
.prodrop4 li a.top_link:hover {color:#000;  line-height:25px;}
.prodrop4 li a.top_link:hover span {}

.prodrop4 li:hover > a.top_link {color:#000;  line-height:25px;}
.prodrop4 li:hover > a.top_link span {}


.prodrop4 table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

.prodrop4 a:hover {visibility:visible; position:relative; z-index:200;}
.prodrop4 li:hover {position:relative; z-index:200;}

/* keep the 'next' level invisible by placing it off screen. */
.prodrop4 ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.prodrop4 ul.sub1 {width:160px;}
.prodrop4 ul.sub2 {width:110px;}
.prodrop4 ul.sub3 {width:90px;}
.prodrop4 ul.sub4 {width:112px;}

.prodrop4 :hover ul {left:0; top:18px;background: #F6F9F2; filter:alpha(opacity=85);-moz-opacity:.85;opacity:.85; padding:0px; border:1px solid #e2e6d8; border-width:0 0px 0px; white-space:nowrap; height:auto; z-index:300;}
.prodrop4 :hover ul li {display:block;  height:20px; position:relative; font-weight:normal; width:100%;}
.prodrop4 :hover ul li a {display:block; font-size:12px; height:20px; line-height:20px; width:auto; padding:0 10px; color:#000; text-decoration:none;}
.prodrop4 :hover ul li a:hover {background:#EFF2E9; color:#000; }

/* Customer Service */

.title2 {padding: 5px 0 5px 0; font-size: 24px; color: #8D947E; line-height: 24px}
.title3 {padding: 12px 0 4px 0; font-size: 18px; color: #5E5C4C; line-height: 24px; margin: 0;}
/* Customer Service */

/* Home page right section style */

.adText {padding: 60px 10px 75px 20px; font-size:17px; font-family:times; text-align: left;}
.adText a:link {color: #5C5D4F; text-decoration: none; font-size: 17px;}
.adText a:visited {color: #5C5D4F; text-decoration: none; font-size: 17px;}
.adText a:hover {color: #000000; text-decoration: none; font-size: 17px;}

/* Home page right section style */


/*  RSS Style */

.rss span {padding-right:10px; font-size: 10px; text-decoration: none;}
.rss a:link {color: #5C5D4F; text-decoration: none; font-size: 10px;}
.rss a:visited {color: #5C5D4F; text-decoration: none; font-size: 10px;}
.rss a:hover {color: #000000; text-decoration: none; font-size: 10px;}