/* AKAIHANE CSS */


/* Reset CSS */
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, b, u, i, center, 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-size: 100%; vertical-align: baseline;background: transparent;}
body {line-height: 1;}
ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: '';	content: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse;border-spacing: 0;}

/* body attributes */
body {font: 80% Arial,Helmet,Freesans,sans-serif; background: #dadada; color: #000; height: 100%; text-align: center;}
.left {float: left;}
.center {text-align: center;}
.right {float: right;}
.clear {clear: both;}
.hide, #bookmarks, #sitefooter, p#bottomlinks {display: none;}
p {margin: 0 0 12px 0;}
a, a:link, a:visited, a:hover, a:active {color: #92a9d3; text-decoration: none;}
span.divide {display: block; height: 1px; border-bottom: 1px solid #bbb; margin: 0 0 10px 0; padding: 5px 0 0 0; clear: both;}

th {text-align: left;}
table.contact th {width: 150px; padding: 5px;}
table.contact td input, table.contact td textarea {margin: 0 0 0 2px;}

/* Forms */
input.btnsearch, p.btnsearch {background: url(../images/graphics/btn_search.png) no-repeat bottom; text-transform: uppercase; font-size: 90%; width: 79px; height: 24px; border: none; padding: 0; color: #fff; cursor: pointer;}
input.txtinput, select, textarea {border: 1px solid #ccc; margin: 0; font-family: Arial,Helmet,Freesans,sans-serif;}
input[type=text], input[type=password] {border: 1px solid #ccc; margin: 0; padding: 2px 5px;}
select {padding: 1px 1px 1px 5px;}
input.txtinput, textarea {padding: 2px 5px;}
textarea {font-size: 100%;}

.button-left { float: left; display: block; width: 3px; height: 22px; background: transparent url(../images/graphics/btn_left.png) no-repeat;}
.button-right { float: left; display: block; width: 3px; height: 22px; background: transparent url(../images/graphics/btn_right.png) no-repeat;}
.button-text {float: left; display: block; color: #000; font-size: 100%; text-decoration: none; background: transparent url(../images/graphics/btn_main.png) repeat-x; height: 22px; padding: 0 15px; line-height:22px; text-align:center;}
.button-small .button-right, .button-big .button-right {margin: 0 2px 0 0;}

.button-left-red { float: left; display: block; width: 3px; height: 22px; background: transparent url(../images/graphics/btn_left_red.png) no-repeat;}
.button-right-red { float: left; display: block; width: 3px; height: 22px; background: transparent url(../images/graphics/btn_right_red.png) no-repeat;}
.button-text-red {float: left; display: block; color: #fff; text-transform: uppercase; font-size: 100%; text-decoration: none; background: transparent url(../images/graphics/btn_main_red.png) repeat-x; height: 22px; padding: 0 15px; line-height:22px; text-align:center;}

div.registerform label {width: 200px; display: block;}
div.registerform input, div.registerform select {margin: 3px;}

form#currencyform select {width: 160px; margin: 2px 0 0 0; clear: both; display: block;}

/* Shipping Table */
#content table.shipping {border: 1px solid #ccc; border-collapse: collapse; margin: 10px 0; width: 100%;}
#content table.shipping th {padding: 5px; text-align: left; border: 1px solid #ccc; background: url(../images/graphics/bg_lefthead.png) repeat-x; font-weight: bold; color: #fff; vertical-align: middle}
#content table.shipping td {padding: 5px; text-align: left; border: 1px solid #ccc; vertical-align: middle}

/* Page */
#pageholder {width: 960px; margin: 0 auto; padding: 0; text-align: left; background: #fff url(/app_Themes/website/images/bg_page.gif) repeat-y;}
#home, div.pod, div.promo, #leftcol, #rightcol, #content div.product_listing, #content div.product_description, #content div.product_image, div.dropdowns, div#productbuyinfo, #content div.half, #quick_links div.twitter {float: left; display: inline;}

/* Top */
#top {margin: 0; padding: 0; background: url(../images/graphics/bg_top.png) repeat-x; overflow: hidden; _height: 166px;}
#top h2 {float: left; margin: 40px 0 30px 20px; display: inline;}
#top p.right {margin: 52px 29px 0 0; display: inline;}
#top ul {margin: 0 0 0 10px; clear: both; text-transform: uppercase;}
#top ul li {display: inline; background: url(../images/graphics/tab_left.png) no-repeat left top; float: left; margin: 0 0 0 1px; padding: 0;}
#top ul li a {margin: 0; padding: 10px 20px; color: #fff; background: url(../images/graphics/tab_right.png) no-repeat right top; display: block;}

#top ul li a:hover {text-decoration: none;}

/* Quick Search */
#quick_search {margin: 20px 10px; padding: 0 20px; clear: both; background: url(../images/graphics/bg_qsearch.png) no-repeat; height: 40px;}
#quick_search h2 {text-transform: uppercase; font-weight: normal; float: left; margin: 12px 100px 0 0;}
#quick_search form {padding: 7px 0 0 0;}
#quick_search form td {vertical-align: middle;}
#quick_search select {width: 180px; border: 1px solid #ccc; margin: 0 18px 0 0; _margin: 0 15px 0 0; display: inline;}

/* Home */
#home {margin: 0 0 0 20px;}
#home_rotate {position: relative;}
#home div.rotate_txt {position: absolute; left: 0; bottom: 20px; _top: 300px; padding: 10px 20px 0 15px; background: url(../images/graphics/h3_rotate.png) no-repeat; overflow: hidden; width: 665px; height: 70px;}
#home div.rotate_txt h3 {font-size: 140%; font-weight: normal; margin: 0 0 2px 0;}
#home div.rotate_txt p {color: #fff;}

/* Pod */
div.pod {position: relative; margin: 20px 20px 0 0;}
div.pod h3 {position: absolute; left: 0; top: 20px; padding: 6px 0 0 12px; background: url(../images/graphics/h3_pod.png) no-repeat; overflow: hidden; width: 155px; height: 37px; font-size: 140%; font-weight: normal;}
div.pod h3 a, div.promo h3 a {display: block;}

/* Pod */
div.promo {position: relative; margin: 0 0 19px 0;}
div.promo h3 {position: absolute; text-align: right; right: 0; bottom: 10px; padding: 4px 20px 0 0; background: url(../images/graphics/h3_promo.png) no-repeat; overflow: hidden; width: 150px; height: 24px; font-size: 100%; font-weight: normal;}

/* Left Col */
#leftcol {width: 160px; margin: -47px 20px 40px 20px;}
html>body #leftcol {margin-top: -15px;}
html>body #leftcol {*margin-top: -47px;}

#leftcol a {color: #000;}

#leftcol li.first {list-style: none; background: url(../images/graphics/bg_lefthead.png) repeat-x; font-size: 130%; margin: 15px 0 5px 0; position: relative; zoom: 100%;}
#leftcol li.first a {color: #fff; display: block; _display: inline-block; padding: 5px 5px 5px 10px; font-weight: normal; position: relative;}

#leftcol li.second, #leftcol li.nav-category-select {background: url(../images/graphics/bg_list.png) repeat-x bottom; font-size: 100%; margin: 0; position: relative; zoom: 100%;}
#leftcol li.second a, #leftcol li.nav-category-select a {color: #000; background: url(../images/graphics/bullet.png) no-repeat 0 10px; display: block; _display: inline-block; padding: 5px 10px; position: relative;}

/* Right Col */
#rightcol {width: 180px; margin: 0 0 40px 0; overflow: hidden;}
#rightcol select {margin: 0 0 0 5px;}
#rightcol b {font-weight: normal;}

#rightcol div.panel {border: 1px solid #ccc; background: url(../images/graphics/bg_panel.png) repeat-x bottom; margin: 0 0 10px 0; padding: 10px 0; overflow: hidden; clear: both;}
#rightcol div.panel h3 {background: url(../images/graphics/h3_right.png) no-repeat; margin: 0 0 10px 0; padding: 5px; width: 160px; height: 18px; color: #92a9d3; font-weight: normal; left: 0;}
#rightcol div.panel table {margin: 0 0 0 10px;}
#rightcol div.panel p {padding: 5px 10px;}
#rightcol div.panel p.cart {margin: 0; padding: 1px 10px;}
#rightcol div.panel p.small {font-size: 90%; margin: 0; padding: 10px 0 0 10px;}
#rightcol div.panel p.small a {color: #000; text-decoration: underline;}
#rightcol div.panel p.view_cart {clear: both; margin: 5px 0 0 50px; _height: 0; min-height: 0; cursor: pointer;}

#rightcol div.panel p.login {margin: 0; padding: 2px 10px;}
#rightcol div.panel p.login label {width: 60px; display: inline-block;}
#rightcol div.panel p.login input {width: 80px;}

#rightcol form#currencyform table {margin: 0;}

/* Content */
#content {float: left; margin: 0 5px 30px 5px; padding: 0; display: inline; width: 550px; overflow: hidden;}
#content #customcontent {margin: 0 20px 0 0;}

#content h1.heading-main {display: none;}

#content div.banner {position: relative; margin: 0 0 20px 0;}
#content div.banner h2, #content div.banner h1 {position: absolute; background: url(../images/graphics/h2_banner.png) no-repeat; width: 225px; height: 37px; margin: 0; padding: 6px 20px 0 0; color: #92a9d3; font-weight: normal; font-size: 140%; bottom: 10px; _top: 70px; left: 285px; text-align: right;}
#content h3, div.registerform b, #content div.dropdowns p strong, #matrixitemoptions strong, #relatedproducts b {color: #ec2028; font-size: 160%; font-weight: normal; margin: 20px 0 0 0;}
#content h3 a {color: #ec2028;}
div.registerform b {padding: 0 0 10px 0; display: block;}

#content p {margin: 10px 0;}
#content div.map {margin: 10px 0;}

#content ul {margin: 10px 20px;}
#content ol {margin: 10px 0 10px 26px; list-style-type: decimal; list-style-position: outside;}
#content ol.faq {color: #ec2028; font-size: 160%; font-weight: normal;}
#content ol.faq h3 {font-size: 100%;}
#content ol.faq p {color: #000; font-size: 65%; margin-top: 0;}
#content ul li {background: url(/app_Themes/website/images/bullet.gif) no-repeat 0 3px; padding: 0 0 2px 15px;}

#content img {border: none; padding: 0;}
#content img.left {margin: 0 15px 5px 0;}
#content img.right {margin: 0 0 5px 15px;}

/* Product Listing */
#pageholder div.section {float: left; display: inline; position: relative; margin: 0 0 19px 0; border: 1px solid #f2f2f2;}
#pageholder div.section h3 {position: absolute; text-align: right; right: 0; bottom: 10px; padding: 5px 20px 0 0; background: url(../images/graphics/h3_section.png) no-repeat; overflow: hidden; width: 130px; height: 23px; font-size: 100%; font-weight: normal;}
#pageholder div.section h3 a {display: block; color: #92a9d3;}

#pageholder div.product_listing {width: 160px; height: 270px; border: 1px solid #f2f2f2; margin: 0 20px 20px 0; _margin-right: 15px; padding: 5px 0 0 0; text-align: center; position: relative;}
#pageholder #searchresult {margin: 20px 0; padding: 20px 0 0 0; border-top: 1px solid #f2f2f2; width: 530px; clear: both;}
#pageholder div.product_listing div.product_img {height: 130px; overflow: hidden;}
#pageholder div.product_listing div.product_img img {max-height: 130px;}
#pageholder div.product_listing h4 {color: #fff; font-size: 120%; font-weight: normal; height: 40px; overflow: hidden;}
#pageholder div.product_listing h4 a {color: #000; text-decoration: none;}
#pageholder div.product_listing p {text-align: center; margin: 0; padding: 0;}
#pageholder div.product_listing p.price {text-align: center; margin: 0 0 10px 0;}
#pageholder div.product_listing p.price span.text-pricestrike {color: #ec2028; font-size: 80%;}
#pageholder div.product_listing p.price span.text-pricespecial, #content div.product_listing p.price span.text-price {color: #92a9d3; font-size: 200%;}
#content div.product_listing p.price span.text-price {padding: 13px 0 0 0; display: block;}
#pageholder div.product_listing p.price span.price-percentage {color: #000; font-size: 100%;}
#pageholder div.product_listing p.buttons {position: absolute; bottom: 7px; left: 7px;}

table.pagination p {padding: 0 10px 0 0;}

/* Product Page */
#content h1.product_head, #content #customcontent h1, #content h2.product_head, #pageholder h1.brandhead, #pageholder h2.brandhead {color: #92a9d3; font-weight: normal; font-size: 140%;}
#content div.product_image {width: 250px; overflow: hidden;}
#content div.product_image img.image {width: 240px;}
#content div.product_description {width: 280px;}
div.dropdowns, div#productbuyinfo {width: 250px;}
div#productbuyinfo {margin: 27px 0 0 0;}
#content p.matrixtitle {width: 70px; margin: 0; padding: 0 0 5px 0;}
#content p.prodinfo {margin: 0; padding: 0;}
#content p.prodinfo select {margin: 0 0 0 44px;}
#content div.dropdowns select {width: 70px;}
#content div.add {padding: 10px 0; clear: both;}
div#productbuyinfo span#text-regularprice {color: #ec2028; font-size: 90%;}
div#productbuyinfo span#text-yourprice {color: #92a9d3; font-weight: normal; margin: 0; padding: 2px 0; display: inline-block;}
div#productbuyinfo span.text-price {font-size: 220%;}
div#productbuyinfo span#text-percentage {font-size: 110%;}

/* Brands */
#pageholder div.brand {margin: 20px auto; padding: 0; text-align: center;}
#pageholder div.brand img, #pageholder div.brand div.nologo {width: 140px; height: 100px; margin: 0 30px 30px 0; padding: 0; text-align: center; display: inline-block; vertical-align: middle;}
#pageholder div.brand div.nologo {color: #92a9d3; font-weight: normal; font-size: 200%; line-height: 300%; border: 1px solid #f2f2f2;}

#pageholder h2.brandhead, #pageholder p.brandhead {margin: 0; padding: 0; text-align: center;}
html>body #pageholder h2.brandhead, html>body #pageholder p.brandhead {margin: -20px 0 0 0;}
html>body #pageholder h2.brandhead, html>body #pageholder p.brandhead {*margin: 0;}

/* Basket */
#content table.baskettable {border: none; margin: 10px 0; width: 530px;}
#content table.baskettable th {padding: 5px; text-align: left; background: url(../images/graphics/bg_lefthead.png) repeat-x; font-weight: bold; color: #fff;}
#content table.baskettable td {padding: 5px; text-align: left; background: url(../images/graphics/bg_list.png) repeat-x bottom;}

#content div.basket_btns {text-align: center; margin: 20px auto;}

/* Checkout */
#content div.half {width: 260px;}
#content div.half label {width: 80px; display: inline-block;}

/* Quick Links */
#quick_links {background: #92a9d3 url(../images/graphics/bg_qlinks.png) repeat-x bottom; overflow: hidden; padding: 20px 0 0 20px; clear: both; font-size: 90%; border-top: 1px solid #8097c0; _height: 200px;}
#quick_links a {color: #fff;}
#quick_links ul {float: left; width: 130px; margin: 0 30px 0 0;}
#quick_links ul li h4 {font-size: 140%; font-weight: normal; color: #8fa6cf; padding: 0 0 5px 0;}
#quick_links ul li h4 a {color: #000; text-decoration: none;}
#quick_links ul li {background: url(../images/graphics/bg_dots.png) repeat-x bottom; padding: 4px 0;}

#quick_links div.twitter {width: 240px; color: #fff; margin: 0 0 0 30px;}
#quick_links div.twitter h4 {background: url(../images/graphics/bg_dots.png) repeat-x bottom; padding: 0 0 8px 0;}
#quick_links div.twitter p {color: #fff; margin: 0; padding: 10px 0 0 0;}
#quick_links div.twitter p.tweet, #quick_links div.twitter p.days {font-size: 90%; background: url(../images/graphics/bg_dots.png) repeat-x bottom; padding: 10px 0;}
#quick_links div.twitter p.days {padding: 5px 0 10px 0;}

#quick_links div#twitter ul {padding: 2px 0 5px 0;}
#quick_links div#twitter li {width: 240px; margin: 0 0 10px 0;}
#quick_links div#twitter span {width: 240px; display: block;}
#quick_links div#twitter a {color: #000;}

#quick_links div.twitter p.addthis {padding: 10px 0;}

#pageholder span.bottom {background: #748bb3 url(../images/graphics/qlinks_bot.png) no-repeat bottom; display: block; clear: both; height: 40px;}

/* Footer */
#footer {margin: 0; padding: 0; height: 60px; clear: both; text-align: right; background: #dadada;}
#footer img {margin: 10px 15px 40px 15px; padding: 0;}