/* ============================= */
/* ========= 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 }

ol, 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;}

.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0;}


/* ============================= */
/* ========= global ========= */
/* ============================= */

html,body  {height:100%;}

body { background:#000; font-family:Tahoma, Geneva, sans-serif; }
.site { width:100%;}
.site .siteContainer { width:990px; margin:0 auto;}
.siteContainer .blockLeft { float:left; width:300px;}
.siteContainer .blockRight { float:left; width:670px; height:100%; }

.blockLeft h1 { display:block; width:270px; height:147px; background:url(../images/logo_showcase_html.jpg) no-repeat left top; text-indent:-9000px;}

.blockLeft .blockLeftContent { padding:0 0 0 60px; width:240px;}

.blockLeftContent h2 { font-size:0.69em; color:#FFF; text-transform:uppercase; }
.blockLeftContent .blockContentList { padding-top:20px;}
.blockContentList ul { width:230px; height:330px; }
.blockContentList ul li { color:#8d8d8d; font-size:0.69em; text-transform:uppercase; float:left; width:230px;}
.blockContentList ul li span.section { display:block; color:#FFF; font-weight:700; padding:5px 0 5px 0;}

.blockContentList ul li a {color:#8d8d8d; text-decoration:none; display:inline-block; padding:5px;}
.blockContentList ul li a:hover {background:#07e7ea; color:#000;}
.blockContentList ul li a.active {background:#07e7ea !important; color:#000 !important;}
.blockContentList ul li a span { padding:0 5px 0 1px;}
.blockContentList ul li.liHeader { color:#FFF; font-weight:700; padding:5px 0 5px 0;}

.blockContentList ul li p { display:none;}

.blockRight .blockRowContainer { width:670px; margin-top:62px; height:100%; }

.blockRowContainer .blockRowContent {width:677px; overflow:auto; height:750px; }
.blockRowContent .blockColThumb { float:left; width:197px; height:250px; margin-right:20px; position:relative;}
.blockColThumb .blockThumbCopy {padding:11px 0 11px 0;}
.blockThumbCopy h3 { padding:11px 0 11px 0; font-size:0.69em; font-weight:700; text-transform:uppercase; color:#FFF;}
.blockThumbCopy h3 a { color:#FFF; text-decoration:none; }
.blockThumbCopy h3 a span { padding:0 5px 0 0; color:#07e8eb;}
.blockThumbCopy p { font-size:0.63em; color:#FFF;}



.darken { position:absolute; left:0px; top:0px; background:#000; width:100%; display:none; /*filter:alpha(opacity=75) !important ;-moz-opacity:.75 !important; opacity:.75 !important;*/}


.footer { padding:40px 0 0 65px;}
.footer p { font-size:0.69em; color:#8D8D8D;}
.footer p a img {vertical-align:bottom;}






#shopping_list {margin: 0 0 10px 0;padding: 0 14px;}			

/*.qp_counter {margin:  10px;}*/

pre {margin: 20px 0 10px 0;background: #ccc !important;padding: 10px;}

a.qp_disabled {color: #888;}

#images_counter {width: 200px;}

#list_counter .qp_prev { display:inline-block;}
#list_counter .qp_next { display:inline-block;}

#list_counter { text-transform:uppercase; padding-top:20px; width:200px;}
#list_counter a {color:#8D8D8D; font-size:0.69em; padding:5px; text-decoration:none;}
#list_counter a:hover {background:#07e7ea; color:#000;}
.qp_counter {font-size:0.69em; color:#8D8D8D; display:inline-block; padding:5px;}

.qp_disabled { visibility:hidden;}