/* ------ Begin Reset CSS ------ */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, 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, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; }
body { line-height: 1; color: black; background: white; }
ol, ul { list-style: none; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
form { width: 100%; }
strong { font-weight: bold; }
:focus{ outline:none;}
/* ------- End Reset CSS ------ */

/* Helper Styles */
.fl { display: inline; float: left; }
.fr { display: inline; float: right; }
.clr { clear: both; }
.blk { display: block; }
.w100 { width: 100%; }
.bold { font-weight: bold; }
.underline { text-decoration: underline; }
.italic { font-style: italic; }
.none { display: none; }
/* -------------- */

/* Template / Structural Styles */
body { background: #fff; font-family: "Trebuchet MS"; font-size: 11px; line-height: 1.25; color: #666; }
input, select { font-size: 11px; }
#siteHeader { min-width: 960px; width: 100%; padding: 10px 0; position: relative;}
#siteHeader .siteHeaderBg { position: absolute; left: 0px; top: 0px; width: 100%; height: 40px; background: #4a4a4a; z-index:1;filter:alpha(opacity=60);opacity: 0.6;}
#siteHeaderContent {position: relative; z-index: 2;}
#siteNavigation { position: absolute; top: 0; left: 34px; z-index: 25; width: 152px; overflow: hidden;  }
#siteFooter { min-width: 960px; width: 100%; }
#siteContent { min-width: 960px; width: 100%; padding: 10px 0; }
#sitePromotion{ position: absolute; bottom: 64px; right: 10px; z-index: 25; width: 357px; overflow: hidden; height:153px;}
#sitePromotion-ver1{ position: absolute; bottom: 84px; right: 30px; z-index: 25; width: 225px; overflow: hidden; height:253px;}
/* ----------------- */

/* Global Module Styles */

/* Print Page Link */
p.printThisPage { text-align: right; margin-bottom: 5px; line-height: 1; }

/* Bulleted Lists */
ul.listType1 li { padding-left: 8px; background: url(../assets/images/bkg/bkg-bullet1.gif) no-repeat 0px 5px; }
/* ----------------- */

/* Generic Heading */
.headline1 { line-height: 1; font-size: 25px; color: #83afc3; background-color: #484643; padding: 12px 10px; margin-bottom: 10px; }
.headline2 { line-height: 1; font-size: 20px; color: #83afc2; background-color: #fff; padding: 10px; }
.headline3 { line-height: 1.25; font-size: 16px; color: #464646; font-weight: bold; text-decoration: none;  }
.headline4 { line-height: 1; font-size: 10px; color: #83afc3; font-weight: bold; text-transform: uppercase; padding: 8px; background: #666; }
.headline5 { line-height: 1; padding-bottom: 5px; border-bottom: 1px dotted #666; }
.headline6 { font-size: 18px; color: #798d2c; margin-bottom: 10px; }
.headline7 { font-size: 11px; line-height: 1; text-transform: uppercase; color: #fff; background-color: #7fa8b9; padding: 8px; }
.headline8 { font-size: 12px; line-height: 1.8; color: #666; font-weight: bold; }
/* ------------ */

/* Breadcrumb */
.breadcrumb { width: 100%; line-height: 1; color: #fff; text-transform: uppercase; font-size: 10px; margin: 0 0 6px 0; }
.breadcrumb a { color: #fff; text-decoration: none; }
.breadcrumb a:hover { text-decoration: underline; }
.breadcrumb .active { font-weight: bold; }
/* ------------------ */

/* Pagination */
.paginationContent { width: 100%; background-color: #fff; padding: 10px 0; }
.paginationContent .sortArea { display: inline; float: left; margin: 0 0 0 10px; font-size: 10px; }
.paginationContent .sortArea label { text-transform: uppercase; }
.paginationContent .sortArea select { font-size: 10px; }
.paginationContent .pageArea { display: inline; float: right; margin: 0 10px 0 0; font-size: 11px; }
.paginationContent .pageArea li { display: inline; float: left; margin-left: 4px; }
.paginationContent .pageArea li.divider { margin: 0 6px 0 10px; }
.paginationContent .pageArea li.active { font-weight: bold; }
/* ---------------- */

/* Site Promotion */
#sitePromotion .promoContent{}
#sitePromotion .promoContent .promo1{ padding:17px 0 17px 15px; float:left;}
#sitePromotion .promoContent .promo2{ padding:17px 0 17px 13px; float:left;}

/* Site Promotion Ver 1*/

/* Footer */
#siteFooterContent { width: 820px; padding: 0px; margin: 0; background-color: #fff; color: #666; line-height: 1; }
#siteFooterContent a { color: #666; text-decoration: none; }
#siteFooterContent a:hover { text-decoration: underline; }
#siteFooterContent .ccFooterNavigation {  width:515px; height:30px; }
#siteFooterContent .navigation { width: 280px; margin: 0; padding: 0px; font-size: 10px; float:left;}
#siteFooterContent .navigation .securedPayment{ padding:4px 0 0 0; margin:0; float:left; width:90px; }
#siteFooterContent .navigation .socialNetwork{ padding:4px 0 0 0; margin:0 0 0 18px; float:left; width:50px; }
#siteFooter span.copyright { color: #242021; float: left; display: inline; margin: 10px 0 0 18px; font-size:11px;}
#siteFooterContent .siteFooterContent-Right {width: 488px; position:absolute;right:20px;}
#siteFooterContent .siteFooterContent-Right .designby{padding:0;margin:10px 0 0 0; text-align:right;}
#siteFooterContent .ccFooterNavigation {background:transparent url('../images/img/footer-bg-left.gif') no-repeat scroll left top; height:30px; padding:0; margin: 0; overflow: hidden; width:483px; float:left;}
#siteFooterContent .ccFooterNavigation-right {background:transparent url('../images/img/footer-bg-right.gif') no-repeat scroll right top; height:30px; width:5px; float:right; overflow:hidden;}
#siteFooterContent ul { margin: 10px 0 0 0; padding:0 0 0 10px;}
#siteFooterContent li { display: inline; margin: 0 5px 0 0;  padding:0 5px 0 0; border-right:1px solid #e2e2e3; line-height:12px; font-size:11px;}
#siteFooterContent li.last { border-right:0;padding-right:0;}
#siteFooterContent ul li a, #siteFooterContent ul li a:visited { color:#e2e2e3;text-decoration:none; }
#siteFooterContent ul li a:active, #siteFooterContent ul li a:hover { color:#ffffff;text-decoration:underline; }
/* ------------------- */

/* Header */
#siteHeaderContent { width: 820px; margin: 0 20px 0 0; font-size: 11px; position:absolute; right:0;}
#siteHeaderContent ul { display: inline; float: right; margin-top: 2px; }
#siteHeaderContent li { display: inline; float: left; color: #fff; }
#siteHeaderContent li.divider { padding: 0 10px; }
#siteHeaderContent li a { color: #fff; text-decoration: none; }
#siteHeaderContent li a:hover { text-decoration: underline; }
#siteHeaderContent li.cart{ background:transparent url('../images/img/icon-cart.gif') no-repeat scroll right top; padding:0 24px 0 0;}
#siteHeaderContent a.shoppingBag { font-weight: bold; text-transform: uppercase; background: url(../assets/images/bkg/bkg-shoppingBagIcon.png) no-repeat top left; padding: 3px 0 0 22px; }
#siteHeaderContent .search { display: inline; float: right; margin-right: 60px; width: 214px; }
#siteHeaderContent .search .button { display: inline; float: left; margin-left: 3px; }
#siteHeaderContent .headerInput { display: inline; float: left; padding:1px 0; margin:0 0 0 0; border: 1px solid #8f9091; background-color:#e2e2e3; }
#siteHeaderContent .headerInput input { font-size: 11px; outline: none; display: block; width: 140px; background: none; border: 0; margin: 2px 5px 1px 5px; padding: 0; }
/* ---------------- */

/* Global Site Navigation */
#siteNavigationContent {z-index:100;}
.siteNavColumn{ width:153px; height:122px;}
/* ---------------------- */

/* Homepage */
#homepageContent { position: relative; overflow: hidden; }
#homepageContent .frame { position: absolute; }
#homepageContent .frameImage { width: 100%; height: 100%; }
#homepageContent #homepageNavigation { /*width: 100%;*/ float: right; }
#homepageContent #homepageNavigation li { display: inline; float: left; height: 20px; margin-left: 3px; overflow: hidden; }
#homepageContent #homepageNavigation li.frameLink { background: url(../images/img/bkg-homepageNavigation.png) no-repeat top left; }
#homepageContent #homepageNavigation li.frameLink a { line-height: 1; text-decoration: none; color: #fff; font-weight: bold; display: block; padding: 5px 8px; }
#homepageContent #homepageNavigation li.frameLink a.active { color: #666; background-color: #fff; }
#homepageContent #homepagePromoContent { position: absolute; bottom: 0; right: 20px; width: 498px; }
#homepageContent .promoContent { display:none; overflow: hidden; width: 100%; background-color:#242021;}
#homepageContent .promoContent .homePromoWrap div{padding:0 15px;}
/* --------------- */