@import url("reset.css");

body { font-family:Arial; font-size:13px; color:#333333; background:url(../images/body.png) repeat; line-height:1.3em}
a { text-decoration:none}
.clear { clear:both}
#header { background:url(../images/header-bg.png) repeat-x }
#center { background:url(../images/center-bg.png) repeat-x; min-height:500px; }
#footer { }

.main { width:1000px; height:auto; margin:auto}

/* ------------- Top Menu ------------ */
#top-menu { width:100%; background:url(../images/top-menu.png) bottom repeat-x; min-height:38px; font-weight:bold}
.top-menu { width:1000px; margin:auto; height:auto;}
.top-menu ul { margin:0 0 0 45px}
.top-menu ul li { display:inline; float:left; }
.top-menu ul li a { color:#fff; float:left; padding:12px 7px;} 
.top-menu ul li a:hover { color:#e4a261; background:#d4d4d0 url(../images/top-menu-hover.png) repeat-x bottom;}
.top-menu .my-account { float:right; padding:12px 7px;}
.top-menu .my-account a { color:#9c4e75}

/* ------------- Search Area------------ */
#mid-menu {width:1000px; padding:20px 0px; margin:auto }
#mid-menu .logo { float:left; padding:0 0 0 50px }
#mid-menu .search-box { float:left; padding:10px 30px}
#mid-menu .search-box p { font-size:16px; color:#708591; font-weight:bold; padding:5px 10px}
#mid-menu .search-box p.adv {font-size:13px; text-align:right}
#mid-menu .search-box p.adv a { font-size:13px; color:#97446d; text-align:right}
#mid-menu .search-box .search-bg { background:url(../images/search.png) no-repeat; width:334px; height:34px}
#mid-menu .search-box #search { padding:6px 0 0 8px; margin:0; height:24px; width:280px; float:left; border:none; font-size:16px; color:#e4a261; background:none}
#mid-menu .search-box #go { padding:0; margin:0; float:left; border:none; width:40px; height:30px; cursor:pointer; background:none}


/* ------------- Cart ------------ */
.cart { width:212px; min-height:137px; float:right; background:url(../images/cart-bg.png) no-repeat; border-bottom:solid 5px #c2c1b9; color:#708591; position:relative; margin:-21px 10px 0 0;}
.cart .nr { font-size:32px; font-weight:bold; color:#e4a261; float:left; padding:60px 0 0 75px}
.cart .items { float:left; padding:60px 0 0 5px;}
.cart p { clear:both; padding:10px 0 0 60px;}
.cart p a { color:#97446d;}

/* ------------- Carousel Menu  ------------ */
.car-nav { background:url(../images/car-nav.png) repeat-x; min-height:33px; width:100%;}
.gray { background:#cdcbc4 url(../images/midd.png) bottom repeat-x; height:auto}
#nav { width:1000px; margin:auto}
#navigation { margin:0 0 0 40px; overflow:hidden}
#navigation a { font-size:13px; color: #fff; font-weight:bold; background: url(../images/left-tab.png) left top no-repeat; text-decoration: none; padding:0;}
#navigation a span { background: url(../images/right-tab.png) right top no-repeat; padding:7px 13px 8px 13px;  }
#navigation a, #navigation a span { display: block; float: left }
#navigation li:hover a {font-size:13px; color: #75848d; font-weight:bold; background:#fff url(../images/tab-bg-hover.png) repeat-x left bottom; padding:5px 0 0 0;border:solid 1px #dedad2; border-bottom:none;}
#navigation li:hover a span { background: url(../images/tab-bg-hover.png) right top no-repeat; padding:7px 12px 8px 12px;   }
#navigation ul { list-style: none; padding: 0; margin: 0 0 0 50px;}
#navigation li { float: left; margin: 0; background:url(../images/tab-bg.png) repeat-x; overflow:hidden}
#navigation li:hover { float: left; margin-top: -5px; overflow:hidden;}

/* ------------- Carousel  ------------ */
.carousel  { width:976px; height:auto; margin:auto; padding:10px 0;}
.car-top { width:976px; margin:auto; height:14px; overflow:hidden; background:url(../images/car-top.png) no-repeat; }
.car-center { width:976px; margin:auto; min-height:183px; background:url(../images/car-center.png) repeat-y; padding:5px 0; }
.car-bottom { width:976px; margin:auto; height:14px; overflow:hidden; background:url(../images/car-bottom.png) no-repeat; }
.carousel .left { float:left; padding:60px 0 0 20px;}
.carousel .right { float:right; padding:60px 20px 0 0;}
.carousel ul {margin:auto; float:left}
.carousel li { display:inline; float:left; width:120px; padding-left:23px}
.carousel p.title { font-family:Verdana; font-size:10px; font-weight:bold; color:#97446d; text-transform:uppercase}
.carousel p.price { font-family:Verdana; font-size:10px; font-weight:bold; color:#7c8f9a;}

/* ------------- Left Navigation  ------------ */
.leftnav { width:205px; padding:0 0 0 15px; float:left; margin-right:15px;}
.leftnav .block { width:205px; height:auto; font-weight:bold; padding:20px 0 0 0;}
.leftnav .block h2 { font-size:12px; font-weight:bold; text-transform:uppercase; color:#fff; background:#a5c2c9; padding:5px 10px;}
.leftnav .block ul { padding:10px 0 0 0; border-bottom:solid 1px #a5c2c9;}
.leftnav .block li { border-top:solid 1px #a5c2c9; padding:5px 0; color:#708591; font-size:12px; } 
.leftnav .block a { color:#97446d; }

.left-banner { width:100%; text-align:right; padding:30px 0 0 0;}

.main-content {background:#fff; border:solid 1px #eaeaea; border-bottom:none; width:721px; padding:12px; font-family:Arial; float:left;}
.main-content .mc-left {float:left; width:348px;}
.main-content .mc-right {float:left; width:349px; margin-left:17px;}
.main-content .htitle {border-top:solid 2px #a5c2c9; border-bottom:solid 5px #a5c2c9; padding:15px 0; margin-bottom:5px;}
.main-content .htitle h1 { font-family:Georgia, "Times New Roman", Times, serif; color:#e4a261; font-size:20px;  font-weight:normal;}
.main-content p {padding:10px 0; text-align:justify; line-height:1.3em;}

.newsletter-box {background:url(../images/contact_box.png) no-repeat; width:332px; height:170px; padding:8px;}
.newsletter-box table tr td.right {text-align:right;}
.newsletter-box table tr td {vertical-align:middle; padding:4px 5px; font-family:verdana; font-size:12px; font-weight:bold; color:#a5c2c9;}
.newsletter-box input.text-inp { background:url(../images/input_bg.png) no-repeat; width:228px; height:22px; padding:5px; border:none; font-family:arial; font-size:16px; color:#e4a261;}

.twitter-bubble-hd {background:url(../images/twitter-box-hd.png) no-repeat; width:342px; height:10px;}
.twitter-bubble-ct {width:290px; border-left:solid 1px #a5c2c9; border-right:solid 1px #a5c2c9; padding:25px; color:#e4a261;}
.twitter-bubble-ft {background:url(../images/twitter-box-ft.png) no-repeat; width:342px; height:31px;}

.birdie {float:left; background:url(../images/birdie.png) no-repeat; width:57px; height:48px; margin-left:10px; margin-right:5px;}
#follow-us {margin-top:10px;}

.news-thumb {background:#e8ebed; width:auto; float:left; padding:0 3px 3px 0; margin-bottom:20px; clear:left;}
.news-thumb img {margin:-2px 0 0 -1px;}
.news-excerpt {margin-left:15px; float:left; width:215px; line-height:1.25em; text-align:justify; clear:right;}
.news-excerpt h2 {font-family:verdana; font-weight:bold; color:#333; font-size:13px; text-transform:uppercase; margin-bottom:5px;}
.news-excerpt a {color:#903e67; text-decoration:none;}

.slang {margin-left:15px; float:left; line-height:1.5em; width:185px; clear:right;}
.slang div.quote {font-family:Georgia, "Times New Roman", Times, serif; color:#333; font-size:20px; line-height:normal;}
.slang h2 {font-family:verdana; font-weight:bold; color:#333; font-size:13px; text-transform:uppercase; margin-bottom:5px;}
.slang a {color:#903e67; text-decoration:none;}

.gallery-frame {background:url(../images/gallery-frame.png) no-repeat; width:344px; height:245px; text-align:center; padding-top:55px;}
.gallery-message{width:240px; height:30px; border-top:solid 1px #a5c2c9; border-left:solid 1px #a5c2c9; border-bottom:solid 4px #a5c2c9; border-right:solid 4px #a5c2c9; color:#903e67; padding:15px; margin-left:35px;}

.mc-footer{background:url(../images/mc-footer.png) no-repeat; width:745px; height:17px; float:left;}

.slideshow { margin:20px 0 20px 3px; float:left;}
.slideshow-image {float:left;}
.slideshow-menu {float:left; background:url(../images/slideshow-menu.png) no-repeat; width:150px; height:216px; font-size:12px; font-weight:bold; padding:15px 0;}
.slideshow-menu ul li {float:left; width:100%}
.slideshow-menu li.link { height:21px; cursor:pointer; padding-top:5px;}
.slideshow-menu li.link:hover { background:#a7c3ca;}
.slideshow-menu a {color:#fff; text-decoration:none; padding-left:15px;}  
.slideshow-menu li:hover a {color:#97446d; }
.slideshow div.separator {background:url(../images/sm-separator.png) no-repeat; width:149px; height:2px; float:right; clear:both;}

#contents {float:left; width:750px;}