/* ________________________________________________________________________________________________________________
                                                  01. GENERAL TYPOGRAPHY
   ________________________________________________________________________________________________________________ */


/* ------- 1. CSS Reset ------- */

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,
blockquote,pre,address,code,del,dfn,em,img,q,
dl,dt,dd,ol,ul,li,
table,caption,tbody,tfoot,thead,tr,th,td,br,fieldset,textarea{font-family:"Lucida Sans Unicode","Lucida Grande","Trebuchet MS", Helvetica, Arial, sans-serif;line-height:20px;letter-spacing:.1px;word-spacing:1px;margin:0;padding:0;border:0;vertical-align:baseline;}
h1,h2,h3,h4,h5,h6,hr,p,ul,ol,dl,pre,address,table,form{margin:0;}
p,h1, h2, h3, h4, h5, h6, ul.check_list, ul.arrowlist{padding-left:2px;}
strong, b{font-weight:bold;}
em, dfn, i{font-style:italic;}

/* ------- 2. General ------- */

body{color:#666;font-size:12px;}
h1,h2,h3,h4,h5,h6,th,blockquote,.top_metadata,.date,.cancel-comment-reply a,#blurb,.bottom_metadata,span.current_crumb, p.breadcrumb {letter-spacing:1px;font-family:Tahoma,Geneva,Arial,sans-serif;margin-bottom:5px;}
a:link,a:visited,a:hover,a:active,a:focus{text-decoration:none;outline:none;-moz-outline-style:none;}
a{color:#0071a2;}
a:hover{color:#999;}
pre,code{font-family:mono-space,monospace;white-space:pre;overflow:auto;padding:20px;}
pre{padding:5px;}
code{background:#f6f6f6 url(../images/code.png) repeat scroll 0 0;display:block;padding:0 20px 18px;border:1px solid #ddd;}
blockquote {background:transparent url(../images/sprite.png) no-repeat scroll -168px -166px;font-size:14px;line-height:20px;letter-spacing:0;margin:40px 0;
padding:10px 20px 10px 40px;}
blockquote cite{color:#aaa;display:block;font-size:10px;}	

/* ------- 3. List Styles ------- */

ul,li{list-style:none outside;margin-left:20px;}
ol, ol li{list-style:decimal outside;}
ol, dd{margin-left:24px;}
ul ul, ol ul, ul ol, ol ol{margin-bottom:0;margin-top:0;}
#sub_footer ul,#sub_footer li,#footer ul,#footer li,#secondary ul,#secondary li,ul.arrow_list,ul.arrow_list li,ul.check_list,ul.check_list li,ul.thumbnail_list,ul.thumbnail_list li,.jqueryslidemenu ul,.jqueryslidemenu li, #comments li{margin-left:0;list-style:none;}

dt {float: left; clear: left; width: 25%; padding: 5px; text-align: right;}
dd {text-align: left; padding: 5px;}

.form-list {list-style-type:none;}

/* ------- 4. Borders & Dividers ------- */

.block-title,h6,td,th,.divider,hr,div.block li,.top_metadata,#body_block .thumbnail_list li,#body_block ul.thumbnail_list,.blog_header {
background:url(../images/line.gif) repeat-x scroll center bottom;}
#primary ul.thumbnail_list,.top_metadata div,div.block_pages li ul li,div.block_categories li ul li{background: url(../images/line.gif) repeat-x scroll center top;}
#footer h2.block-title,#footer div.block li{text-shadow:none;background:none;border-bottom:1px solid #333;}
#footer .background div.block_pages li , #footer .background div.block_categories li {border-bottom:none;padding:0;}
#footer div.block_categories li a,#footer div.block_pages li a{border-bottom:1px solid #333;display:block;padding:5px 0;}
hr{border:0px solid transparent !important;background-color:transparent !important;height:1px;}
.divider{clear:both;display:block;margin-bottom:20px;padding-top:20px;width:100%;}	
.top{font-size:8px;line-height:10px;margin-bottom:40px;text-align:right;position:relative;}
.top a{background:#F9F9F9 none repeat scroll 0 0; color:#bbb; height:20px; position:absolute; left:0; text-shadow:1px 1px 0 #fff; top:0px; width:20px;} /* changed right:0 to left:0, top:12px to top:0px;  */
.clearboth{clear:both;display:block;font-size:0px;height:0px;line-height:0;width:100%;}
.divider-left {border-left:1px solid #ccc;}
/* ------- 5. Tables ------- */

table {border-collapse:separate;border-spacing:0;width:100%;border-top:1px solid #eaeaea;margin-bottom:18px;}
table,td,th {vertical-align:middle;}
th{padding:10px;color:#666;border-top:1px solid #fff;text-transform:uppercase;}
td{padding:10px;color:#888;}
tfoot td{border:0px;}
th,tr:hover{background-color:#f5f5f5;}

/* ------- 6. Forms ------- */

fieldset{padding:20px;border:1px solid #e5e5e5;}
legend,label{letter-spacing:1px;text-transform:uppercase;font-size:11px;}
input[type=text],input[type=password],input[type=file],textarea{background-color:transparent;padding:5px;width:180px;-moz-border-radius:6px;-webkit-border-radius:5px;}
.textfield_label{margin-left:12px;}
textarea{width:97%;height:120px;font-size:12px;}
input, textarea {outline-style:none!important;}
pre,input[type=text],input[type=password],input[type=file],textarea{
	background:#F9F9F9 url(../images/form-gradient.gif) repeat-x scroll -1px -2px;
	border-color:#D9D9D9 #EAEAEA #FFFFFF;
	border-style:solid;
	border-width:1px;
	color:#666;}
input[type="submit"]::-moz-focus-inner{border : 0px;} 
input[type="submit"]:focus{outline:none;}

/* ------- 7. Images------- */

.alignright,img.alignright,a img.alignright {float:right; margin:10px 0px 10px 16px;}
.alignleft,img.alignleft,a img.alignleft {float:left; margin:10px 16px 10px 0;}
.aligncenter,img.aligncenter,a img.aligncenter {display: block; margin-left: auto; margin-right: auto}
.frame,.small_frame {border:1px solid #eaeaea;display:inline-block;}
.frame img{background:#F5F5F5 none repeat scroll 0 0;border:1px solid #fff;padding:8px;margin:0;}
.small_frame img {background:#F5F5F5 none repeat scroll 0 0;border:1px solid #fff;padding:4px;margin:0;}

/* ------- 8. Headers ------- */

h1,h2,h3,h4,h5,h6{font-weight:normal;line-height:100%;}
#home_feature h2{font-size:26px;}
#secondary h2.block-title{color:#888;}
#secondary h2 {color: #000; padding-bottom: 3px;}
h1{font-size:28px; margin-bottom:15px;}
h2{font-size:18px; margin:5px 0;}
h2.block-title{margin-bottom:10px;padding-bottom:12px;}
h3{font-size:16px;}
#popular_related_posts h3{margin-bottom:12px;padding-bottom:18px;padding-left:0;}
h4{font-size:14px;}
h5{font-size:12px;letter-spacing:1.6px;margin-bottom:20px;text-transform:uppercase;}
h6{font-size:11px;letter-spacing:1.6px;margin-bottom:15px;padding-bottom:5px;text-transform:uppercase;color:#888;line-height:20px;}
.fancy_header span{
	background-color:#F9F9F9;
	color:#888;
	font-size:12px;
	letter-spacing:1px;
	line-height:12px;
	padding-right:5px;
	text-transform:uppercase;}	
.fancy_header{clear:both;padding-left:0;background: url(../images/stripes.png) repeat scroll 0 0;margin:14px 0;}
.flush{margin:0 !important;}


/* ________________________________________________________________________________________________________________
                                                  02. GENERAL LAYOUT  
   ________________________________________________________________________________________________________________ */



/* ------- 1. General Structure  ------- */

#primary_full, #primary, #secondary{position:relative;overflow:hidden;}
* html #primary, * html #secondary{display:inline;}
* html body{text-align:center;}
body {min-width:960px;background-color:#f9f9f9;}
#body_block{z-index:0;padding-top:10px;}
#primary{float:left;width:712px;}
#secondary{float:right;width:248px;min-height:300px;}
#primary .content{margin-right:48px;margin-top:0px;}
#secondary .content{margin-right:0px;margin-left:0px;}
.inner{height:100%;width:960px;min-width:960px;position:relative;clear:both;text-align:left;margin:0 auto;}
#primary-full .content, #subfooter .content{ margin-left:10px;margin-right:10px;padding:1px;margin-top:0px;overflow:hidden;}
#body_block #primary-full{width:960px;}
.entry{overflow:hidden;}

.col-wrapper {width:960px; margin: 0 auto;}
.col-main {float:left;width:712px;}
.col-wrapper .page-title, .col-wrapper .category-products {margin-right:48px; margin-top: 0px;}
.col-right {float: left; width: 248px; min-height: 300px;}

.main-container {
	overflow: hidden;
}


/* ------- 2. Header ------- */

#header{z-index:10;}
/* logo & sitename */
#site_name{left:0px;position:absolute;top:32px;font-size:32px;}
#site_name a{color:#eee;}

#call_us{float:left; text-transform:uppercase;font-size:14px;color:#fff;padding:4px 0;}
#call_us span {
	font-weight:bold;
	color:#0071a2;
}

/* default intro */
#intro_blurb{background:#e6e6e6;position:relative;min-height:123px;overflow:hidden;}
#intro_blurb_title {
	background:transparent url(../images/intro.gif) no-repeat scroll right -7px;
	color:#F9F9F9;
	display:block;
	float:left;
	font-size:24px;
	line-height:24px;
	margin-right:30px;
	margin-top:40px;
	padding-right:17px;}
#intro_blurb_title span {
	background:transparent url(../images/intro.gif) no-repeat scroll -7px -7px;
	display:block;
	line-height:24px;
	padding:12px 20px 16px 30px;}
#blurb{
	color:#444;
	font-size:18px;
	line-height:100%;
	min-height:57px;
	min-width:200px;
	overflow:hidden;
	padding:46px 0 20px 20px;}
#blurb-home{
	color:#444;
	font-size:24px;
	line-height:100%;
	overflow:hidden;
	padding:10px;}
/* twitter intro */	
#blurb p.tweet{
	min-height:50px;
	background:transparent url(../images/tweet.png) no-repeat scroll -10px -26px;
	line-height:100%;
	margin-bottom:0;
	padding-left:65px;}
#blurb p.tweet a{color:#666;font-size:18px;}



/* ------- 3. Footer ------- */

/* SC-HDL10101-DLP - custom css */
#footer .foot_third {
	width: 200px;
	float: left;
}
/* SC-HDL10101-DLP - CLOSE */

#footer input[type=text], #footer textarea,#footer table, #footer td, #footer th, #footer tr:hover{background:transparent;}
#footer a{color:#666}
#footer a:hover{color: #444}
#footer h3{color:#eee;}

#footer input[type=text], #footer textarea {
	background:#F9F9F9 url(../images/form-gradient.gif) repeat-x scroll -1px -2px;
	border-color:#D9D9D9 #EAEAEA #FFFFFF;
	border-style:solid;
	border-width:1px;
	color:#666;
}

#footer_nav li,#footer_nav ul{display:inline;font-weight:normal;text-transform:uppercase;}
#footer_nav a{padding:0 5px;}

#footer {background:#111 url(../images/footer.jpg) repeat-x top center;margin-top:0px;}
#footer .inner{padding-top:40px;}

#sub_footer{background-color:#000000;border-top:1px solid #151515;padding-top:10px;font-size:9px;min-height:30px;}
#sub_footer .one_half{margin-bottom:0;}
#sub_footer .last{text-align:right;}

/* ------- 4. Sidebar ------- */

#has_sidebar{background:#f9f9f9 url(../images/sidebar_middle.gif) repeat-y scroll center center;}
#has_sidebar #body_block{background:transparent url(../images/sidebar_top.gif) no-repeat scroll center -25px;}
#has_sidebar #body_block .inner{background:transparent url(../images/sidebar_bottom.gif) no-repeat scroll center bottom;overflow:hidden;}
#recently-viewed-items {margin:0px;}

/* ------- 5. Breadcrumbs ------- */

#breadcrumbs{color:#aaa;background:#f9f9f9 url(../images/outset_breadcrumbs.png) repeat-x scroll center top;height:30px;}
body.inset #breadcrumbs {background-image:url(../images/inset_breadcrumbs.gif);}
#breadcrumbs .inner{padding-top:15px;font-size:11px;}
#breadcrumbs a{color:#bbb;}
body#home_page #body_block {padding-top:0px;}
.breadarrow{color:#ccc;padding:0 4px;}

/* -------  7. Columns ------- */

.products-grid .one_third{width:185px;} /* 176 */
#primary .two_third{width:400px;}
#primary .one_half{width:288px;}
#primary .one_fourth, #footer .one_fourth{width:120px;}
#primary .three_fourth{width:456px;}
.one_half{width:456px;}
.one_third{width:288px;}
.two_third{width:624px;}
#footer .two_third{width: 600px;}
#footer .one_third{width: 312px;}
.one_fourth{width:204px;}
.one_fifth{width:192px; float: left;}
.three_fourth{width:708px;}
.one_half,.one_third,.two_third,.three_fourth,.one_fourth{position:relative;margin-right:48px;margin-bottom:20px;float:left;}
.last{margin-right:0 !important;clear:right;}



/* ________________________________________________________________________________________________________________
	                                              03. PAGE SPECIFIC STYLE 
   ________________________________________________________________________________________________________________ */

/* SC-HDL10101-DLP - custom css */
.page-title { margin-top: 10px; }
.std p { margin: 10px 0;}
.std .left { float: left; margin-right: 10px; }
.std .clear { clear: both; }
.std h6 { padding-top: 15px; margin-bottom: 5px; }
.std ul, .std ol { margin: 10px 0 10px 20px; }
/* SC_HDL10101-DLP - CLOSE */


/* ------- 1. Home ------- */

body#home_page #header{height:92px;}
#home_feature{height:360px;background:#030303 url(../images/home_feature.jpg) repeat-x scroll center top;}
.buffer{height:4px;background: #e6e6e6 url(../images/outset_breadcrumbs.gif) repeat-x center top;}
.welcome{
	padding: 10px 0;
}

/* slider nav */
#slider_thumbnails{position:absolute;width:960px;top:335px;left:0;}
#slider_preview_img{text-align:center;}
.slider_preview_img{cursor:pointer;height:15px;width:15px;background:transparent url(../images/slider_inactive.png) no-repeat scroll 0 0;}
.active_slider_img{background:transparent url(../images/slider_active.png) no-repeat scroll 0 0;}

/* slider full */
#slider_img{
	display:block;
	height:360px;
	overflow:hidden;
	position:absolute;
	right:0;
	top:0px;
	width:960px;}
#home_feature #slider_img .slider_full{height:400px;margin-top:0px;overflow:hidden;}
.slider_frame{
	background:transparent url(../images/slider_frame.png) no-repeat scroll 0 0;
	cursor:pointer;
	height:300px;
	position:absolute;
	top:0;
	right:0;
	width:600px;
	}
.slider_content{width:300px;padding-top:30px;padding-left:30px;}
.slider_full .slider_content{width:330px;padding-left:0px;}

/* slider staged */
#home_feature .background {background:url(../images/full.jpg) center top no-repeat;}
#home_feature.staged .background{height:360px;background:transparent url(../images/stage.jpg) center top no-repeat;}
#home_feature #slider_img .slider_cropped{height:300px;margin-top:20px;overflow:hidden;}
#home_feature #slider_content .slider_cropped{margin:40px 30px;overflow:hidden;}
#home_feature .slider_full h2, #home_feature .slider_full{color:#888888;}

/* slider cu3er */
#home_feature.cu3er .background{height:360px;background:transparent url(../images/cu3er.jpg) no-repeat scroll center center;}
#home_feature.cu3er #cu3er-container{
	display:block;
	overflow:hidden;
	position:absolute;
	right:0;
	width:960px;
	height:340px;
	top:25px;}

#slider_img img{right:0;bottom:0;}
#loading_slider{
	background:transparent url(../images/slider_loader.gif) no-repeat scroll center top; 
	height:64px;
	position:absolute;
	text-align:center;
	top:170px;
	width:960px !important;
	z-index:20;}

/* ------- 2. Products ------- */

#products-listing .products-grid {
	text-align: center;
	overflow: hidden;
	height: 1%;
}

#products-listing .image {
	background: transparent url(../images/products_gallery_frame.gif) no-repeat;
	display:block;
	height:180px;
	width:185px;
	padding:5px;
}

#products-listing .image div{
	background: #FFFFFF none repeat scroll 0 0;
	border:1px solid #F5F5F5;
	height:151px;
	margin-top: 12px;
	width: 175px;
}

#products-listing .image img {
	margin:0 auto;
	display:block;
}


#products-listing .name {text-align:center; color:#333; height:60px;}
#products-listing .name a {color:#333;}
#products-listing .options {font-size:12px;}
#products-listing .price {}
#products-listing .rating {}
#products-listing .shipping { height:20px;}
#products-listing .status {}
#products-listing .actions {}

.products-grid .btn-details {float:left; width:83px; margin: 10px 5px;}
.products-grid .btn-cart{float:left; width:83px; margin: 10px 5px;}

.products-grid h2 { font-size:13px; }
.products-grid .actions { font-size: 10px; }


.loading_products {
	background:transparent url(../images/ajax-loader.gif) no-repeat scroll center center;
	height:32px;
	left:129px;
	position:absolute;
	top:73px;
	width:32px;}
h2.products{margin-top:5px;}
h3.products{margin-bottom:15px;margin-top:0;}
p.products{margin-bottom:15px;}

.price-box {
	font-weight: bold;
	padding: 10px 0;
	font:18px "Trebuchet MS",Arial,sans-serif;
	text-transform:uppercase;
}

.preorder {color:#a19b00;}

.green {color:#4A8432;}

.store-only {color:#944A4A;}
.regular-price {color:#007CA5}

.products_single_pic{
	background:transparent url(../images/products_post_frame.gif) no-repeat scroll -1px -10px;
	display:block;
	height:600px;
	position:relative;
	width:960px;}
.products_single_pic img{
	background:#F5F5F5 none repeat scroll 0 0;
	border:1px solid #FFFFFF;
	height:516px;
	left:2px;
	padding:4px;
	position:absolute;
	top:22px;
	width:945px;
	
	}

/* ------- 3. Portfolio Gallery View ------- */

.loading_gallery {
	background:transparent url(../images/ajax-loader.gif) no-repeat scroll center center;
	height:32px;
	left:129px;
	position:absolute;
	top:73px;
	width:32px;}


.loading_gallery_post {
	background: transparent url(../images/ajax-loader.gif) no-repeat scroll center center;
	height:32px;
	left:450px;
	position:absolute;
	top:267px;
	width:32px;}
.portfolio_img_holder {
	background: transparent url(../images/portfolio_gallery_frame.gif) no-repeat scroll 0 -5px;
	display:block;
	height:180px;
	position:relative;
	width:288px;}
.portfolio_img_holder img {
	background: #F5F5F5 none repeat scroll 0 0;
	border:1px solid #FFFFFF;
	height:151px;
	left:1px;
	padding:4px;
	position:absolute;
	top:9px;
	width:276px;}
.rollover {
	background: transparent url(../images/zoom_small.png) no-repeat 0 0;
	display:none;
	height:151px;
	left:6px;
	position:absolute;
	top:14px;
	width:276px;}
.rollover_play {
	background: transparent url(../images/play_small.png) no-repeat 0 0;
	display:none;
	height:151px;
	left:6px;
	position:absolute;
	top:14px;
	width:276px;}


/* ------- 3. products Gallery View ------- */

.loading_gallery_post {
	background: transparent url(../images/ajax-loader.gif) no-repeat scroll center center;
	height:32px;
	left:450px;
	position:absolute;
	top:267px;
	width:32px;}
.products_img {
	background: transparent url(../images/products_gallery_frame.gif) no-repeat;
	display:block;
	height:180px;
	width:185px;
	padding:5px;}
.lgProducts_img {
background: transparent url(../images/large_products_image_frame.gif) no-repeat;
	display:block;
	height:180px;
	width:288px;
	padding:5px;	
}
.products_img div{
	background: #FFFFFF none repeat scroll 0 0;
	border:1px solid #F5F5F5;
	height:151px;
	margin-top: 12px;
	width: 175px;
}
	
/*.product-name {font-size:18px;}*/
.products-name a {color:#666;}
.products-name a:hover {}

.product-img-box { float:left; height:226px; position:relative; width:240px; }
.product-img-box img#image {display:block; max-height:90%; max-width:90%; margin-left:auto; margin-right:auto; margin-top:20px; padding:0px;}
.product-img-wrap {background:url("../images/bgShade.gif") repeat-y scroll left top transparent; float:left; height:380px; position:relative; text-align:center; width:500px;} 
.product-img-wrap .imgVertFloat {float:left; margin-left:3px; margin-top:50%; position:relative;}

/*Begin Product Lightbox*/
#lbShade {background:#000000; height:5000%; position:absolute; top:0; width:100%; z-index:999; -moz-opacity:0.6; -khtml-opacity:0.6; opacity:0.6; /*-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";*/ }
#lbWrap{ left:0; position:absolute; text-align:center; top:20%; width:100%; z-index:1000; }
#lbFloat{float:left; margin-left:50%; position:relative;}
#lbNext,#lbLast,#lbClose {background:none repeat scroll 0 0 #FFFFFF; border:1px solid #CCCCCC; color:#999; cursor:pointer; font-size:12px; height:20px; width:20px; position:absolute; line-height:20px; z-index:1001;}

#lbNext,#lbLast{bottom:-10px;}
#lbClose {top:-10px;}
#lbClose,#lbNext{right:-10px;}
#lbLast {left:-10px;}
#lightBox{background:none repeat scroll 0 0 #FFFFFF; border:10px solid #CCCCCC; float:left; margin-left:-50%; position:relative; width:100%;}
/*End Product Lightbox*/

.product-img-box .topShade {background:url("../images/topShade.gif") no-repeat scroll left top transparent; float:left; height:17px; width:500px;}
.product-img-box .btmShade {background:url("../images/bottomShade.gif") no-repeat scroll left top transparent; float:left; height:20px; width:500px; position:absolute; bottom:0px;}

.more-views { width:100%; display:block; float:left; }
.more-views h2 {width:100%; margin:0 0 10px; padding:0px; float:left;}
.more-views ul {margin:0px; padding:0px; float:left; width:100%; display:block;}

.add-to-box,.short-description,.email-friend,.availability {float:left; width:100%;}
.product-essential #hideDisplayControls h2 {float:left; margin:0px; display:inline; margin-right: 1px; font-size:12px;}
.product-essential #hideDisplayControls h2:hover {background:#000;}
.product-essential #hideDisplayControls h2.active {background:#666;}
.product-essential #hideDisplayControls h2:hover,
.product-essential #hideDisplayControls h2.active{ height:25px;}

.product-collateral {float:left; width:100%;}
#product-controls {width:400px; float:left; padding-top: 10px;}
#product-others {width:380px; float:right;}

#hideDisplayControls {float:left; margin-top:30px; width:100%; height:35px; margin-bottom:15px; border-bottom: 2px solid #666;}
.hideDisplay {display:none;}
.hideDisplay div.first {display:block;}

.rollover {
	background: transparent url(../images/zoom_small.png) no-repeat 0 0;
	display:none;
	height:151px;
	left:6px;
	position:absolute;
	top:14px;
	width:276px;}
.rollover_play {
	background: transparent url(../images/play_small.png) no-repeat 0 0;
	display:none;
	height:151px;
	left:6px;
	position:absolute;
	top:14px;
	width:276px;}

/* ------- 4. products Full View ------- */
.loading_gallery_full {
	background: transparent url(../images/ajax-loader.gif) no-repeat scroll center center;
	height:32px;
	left:215px;
	position:absolute;
	top:124px;
	width:32px;}
.full_products_frame{
	background: transparent url(../images/products_full_frame.gif) no-repeat scroll -14px -14px;
	height:300px;
	margin-top:35px;
	width:472px;
	position:relative;}
.full_products_frame img{
	background: #F5F5F5 none repeat scroll 0 0;
	border:1px solid #FFFFFF;
	height:246px;
	left:1px;
	padding:4px;
	position:absolute;
	top:8px;
	width:447px;}
.full_products_frame .rollover {
	background: transparent url(../images/zoom_large.png) no-repeat scroll 0 0;
	height:246px;
	left:6px;
	top:13px;
	width:447px;}
.full_products_frame .rollover_play {
	background: transparent url(../images/play_large.png) no-repeat scroll 0 0;
	height:246px;
	left:6px;
	top:13px;
	width:447px;}
	
.blog_frame .rollover {
	background: transparent url(../images/zoom_blog.png) no-repeat scroll 0 0;
	height:234px;
	top:30px;
	width:612px;}
.blog_frame .rollover_play {
	background: transparent url(../images/play_blog.png) no-repeat scroll 0 0;
	height:234px;
	top:30px;
	width:612px;}
.add-to-links {display:block; float:left; margin:5px 0 15px; width:100%;}
.add-to-links li {float:left;}
.add-to-links li,.more-views li {list-style:none; margin:0px; padding:0px;}
.more-views li {float: left; margin-right: 5px}
	
/* ------- 5. Contact Forms ------- */


.blog_frame .rollover {
	background: transparent url(../images/zoom_blog.png) no-repeat scroll 0 0;
	height:234px;
	top:30px;
	width:612px;}
.blog_frame .rollover_play {
	background: transparent url(../images/play_blog.png) no-repeat scroll 0 0;
	height:234px;
	top:30px;
	width:612px;}

.intro {
	font-size: 14px;
	line-height: 26px;
	font-weight: normal;
}

.new-users .intro {font-size:12px;}



#contact_form .loadingImg { background:transparent url(../images/loader-contact.gif) no-repeat scroll 0 0; height:32px; width:32px; display:none; }
#contactFormblock .loadingImgblockFt { background:transparent url(../images/loader_block_ft.gif) no-repeat scroll 0 0; height:32px; width:32px; display:none; margin:10px 0 0; }
#contactFormblock .loadingImgblockSb { background:transparent url(../images/loader_block_sb.gif) no-repeat scroll 0 0; height:32px; width:32px; display:none; margin:10px 0 0; }
#footer form#contactFormblock{background:transparent url(../images/footer_form.png) no-repeat scroll -1px 0px;}
#footer input#emailblock, #footer input#contactNameblock, #footer textarea#commentsTextblock, #footer .button{background:none transparent;border:0px transparent;}
.webtreats_contact_form_block h3{margin-bottom:8px;}
#footer .webtreats_contact_form_block p{margin-bottom:0;}
#secondary .webtreats_contact_form_block p{margin-bottom:8px;}
#footer .button{background:transparent url(../images/footer_button.png) no-repeat scroll -2px 2px;height:42px;width:97px; margin: 0;}
#footer input#emailblock, #footer input#contactNameblock{height:24px;padding:5px 8px;width:178px;}
textarea#commentsTextblock {padding-left:8px;height:107px;overflow:hidden;width:95%;}
.webtreats_contact_form_block label{vertical-align:top;}
#footer #contactFormblock .inputError {background:transparent url(../images/error.png) no-repeat scroll right -1px;}
.inputError ,input[type="text"].inputError {border:1px solid #888;}
.screenReader { left: -9999px; position: absolute; top: -9999px; }
#footer p.thanks {background:#010101;padding:15px;margin-bottom:0;border:1px solid #333;}



/* ________________________________________________________________________________________________________________
	                                              04. BLOG STYLES
   ________________________________________________________________________________________________________________ */


/* ------- 1. Blog Index & Post ------- */

.blog_header, .blog_header a:link, .blog_header a:visited{
	color:#333333;
	margin-bottom:0;
	padding-bottom:8px;}
.blog_module{
	clear:both;
	display:block;
	margin-bottom:40px;
	overflow:hidden;}
.loading_blog {
	background:transparent url(../images/ajax-loader.gif) no-repeat scroll center center;
	height:143px;
	left:285px;
	position:absolute;
	top:73px;
	width:32px;}
.blog_frame{
	background: transparent url(../images/blog_thumb.png) no-repeat scroll 0 0;
	height:290px;
	margin-top:-20px;
	position:relative;
	width:624px;}
.blog_frame img{
	background:#F5F5F5 none repeat scroll 0 0;
	border:1px solid #FFFFFF;
	height:234px;
	left:1px;
	padding:4px;
	position:absolute;
	top:25px;
	width:612px;}	
.top_metadata{
	color:#888;
	font-size:10px;
	margin-bottom:20px;
	padding:4px 2px 8px;}
.top_metadata a{
	font-size:10px;
	text-transform:uppercase;
	word-spacing:-1px;}
.bottom_metadata{font-size:10px;margin:20px 0 40px;}
.bottom_metadata strong{text-transform:uppercase;}
.tags{padding-right:20px;}

/* ------- 2. About the Author ------- */

#about_the_author p.padding{padding-left:112px;padding-top:50px;}
#about_the_author{display:block;margin-bottom:10px;}
#about_the_author img{border:1px solid #666;float:left;margin-right:25px;width:80px;}
#about_the_author span.sprite{
	background:transparent url(../images/sprite.png) no-repeat scroll -108px -120px;
	height:40px;
	left:132px;
	position:absolute;
	top:25px;
	width:95px;}

/* ------- 3. Social Media ------- */

#spread_the_word{display:block;margin-bottom:10px;}
#spread_the_word .gradient_box_bottom{padding:4px 25px;}
#spread_the_word .icons{padding-left:105px;height:50px;}
#spread_the_word span.sprite{
	background:transparent url(../images/sprite.png) no-repeat scroll -104px -61px;
	height:38px;
	position:absolute;
	top:10px;
	width:100px;}
#spread_the_word a{display:block;height:100%;width:100%;}
.twitter_icon,.reddit_icon,.digg_icon,.stumbleupon_icon,.delicious_icon,.facebook_icon,.linkedin_icon{background:transparent url(../images/spread_the_word.png) no-repeat scroll 0 0;float:left;clear:none;height:50px;width:50px;}
.delicious_icon {background-position:-10px 0;}
.reddit_icon{background-position:-75px 0;}
.digg_icon{background-position:-251px 0}
.stumbleupon_icon{background-position:-372px 0;}
.twitter_icon{background-position:-128px 0;}
.facebook_icon{background-position:-310px 0;}
.linkedin_icon{background-position:-192px 0;}

/* ------- 4. Popular and Related Posts ------- */

#popular_related_posts{margin-top:50px;}
#popular_related_posts .one_half,#popular_related_posts .one_half ul.thumbnail_list{margin-bottom:0;}

/* ------- 5. Threaded Comments ------- */

#comments{margin-top:50px;}
#comments .date{
	padding-left:2px;
	color:#BBBBBB;
	font-size:9px;
	line-height:15px;
	text-transform:uppercase;}
.comment-text{
	color:#888888;
	left:25px;
	margin:10px 0;
	min-height:90px;
	overflow:hidden;
	padding-right:40px;
	padding-top:8px;
	position:relative;
	text-shadow:1px 1px 1px #FFFFFF;}
.comment-author{
	float:left;
	overflow:hidden;
	width:90px;}
h4#comments {clear: both;margin: 45px 0 5px 0;font-size:20px;}
.commentlist cite {
	display:inline-block;
	font-style:normal;
	line-height:16px;
	padding-left:2px;
	padding-top:5px;
	text-transform:capitalize;}
.commentlist cite , .commentlist cite a:link, .commentlist cite a:visited {color: #666;}
.commentmetadata ,.commentlist .reply {
	float:left;
	font-size:10px;
	margin-right:5px;
	text-transform:lowercase;}
.commentlist {margin: 0 0 20px 0;}
.commentlist li {
	background: url(../images/comment_bubble.gif) 0px 15px no-repeat;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	padding:20px 0;
	overflow:hidden;
	clear:both;}
.commentlist li ul li { margin-left: 20px;}
.cancel-comment-reply a{color:#bbb;font-size:9px;padding-left:2px;text-transform:uppercase;line-height:15px;}
.comms-navigation, .navigation {clear: both;display: block;margin-bottom:0px;overflow: hidden;}
.children {padding: 0;}
.nocomments {text-align: center;margin: 0;padding: 0;}

#commentform{padding-top:20px;}
#respond{clear:both;padding-top:20px;}
#respond h3{margin-bottom:0px;}
.date{color:#aaa;font-size:10px;text-transform:uppercase;line-height:15px;}

.awaiting_moderation{
	background:#FFFFFF none repeat scroll 0 0;
	border:1px solid #EEEEEE;
	display:inline-block;
	font-size:10px;
	margin-bottom:10px;
	padding:0 10px;}
.logged{margin-bottom:5px;}


/* ________________________________________________________________________________________________________________
                                                  05. blockS 
   ________________________________________________________________________________________________________________ */


.block ul{margin-bottom:0;}
.block{padding:0 0 40px 0;overflow:hidden; width:100%;}	
.textblock{clear:both;}


/* ------- 1. Search Box ------- */

#search-bar {
	margin:0 auto;
	overflow:hidden;
	width:300px;
	padding-top:4px;
}


#search-bar .search-box{
	background:transparent url(../images/black/searchbar.png) no-repeat scroll left top;
	height:40px;
	margin:2px 5px;
	overflow:hidden;
	width:300px;}
#search-bar input.search-field{ 
	background:transparent none repeat scroll 0 0;
	border:0 none;
	float:left;
	height:25px;
	margin:0;
	padding:7px 0 5px 14px;
	width:243px;
	color:#0071a2;
	font-size:16px;}
#search-bar input.search-field:focus{ background:transparent url(../images/black/searchbar.png) no-repeat scroll left -40px;}
#search-bar input.search-go {
	background:transparent url(../images/black/searchbar.png) no-repeat scroll right 0;
	border:0 none;
	cursor:pointer;
	float:left;
	height:40px;
	margin:0;
	padding:0;
	width:42px;}
#search-bar input.search-go:hover{background-position:right -40px;}


/* ------- 2. Twitter block ------- */

#twitter-block{position:relative;overflow:visible;}
#secondary #twitter-block.webtreats_twitter_block ul li a{
	background:transparent url(../images/mini_icons.png) no-repeat scroll -140px -116px;
	padding-left:26px;}
#secondary .twitter_bird{
	background:transparent url(../images/sprite.png) no-repeat scroll right -1px;
	height:54px;
	position:absolute;
	right:0;
	top:2px;
	width:54px;}

/* ------- 3. Flickr block ------- */

#flickr h3 span {color: #0061D8;}
#flickr h3 span span {color: #FF1183;}
#flickr .wrap {
	margin-left: -11px;
	width:300px;
	padding: 0;
	position: relative;}
#flickr a{border:1px solid #eee;display:inline-block;}
#flickr a img {border:1px solid #fff;padding:4px;width:75px;height:75px;}
div.flickr_badge_image {
	padding: 0;	
	display:block;
	float:left;
	margin-bottom:12px;
	margin-left:12px;
	background:#f5f5f5 none repeat scroll 0 0;
	width:87px;
	height:87px;}
	
/* ------- 4. Tag Cloud ------- */

.block_tag_cloud a{padding:4px;}
#body_block .block_tag_cloud a:hover,#body_block .block_tag_cloud a:active{text-shadow:1px 1px 1px #fff;}
	
/* ------- 5. Custom Post Lists ------- */

.thumbnail_list li{padding-bottom:5px;position:relative;}
.thumbnail_title{display:inline-block;font-size:15px;padding-top:10px;width:194px;}
ul.thumbnail_list .alignleft{margin-bottom:3px;margin-top:5px;}

/* ------- 6. Calendar ------- */     

.block_calendar tfoot td{background-image:none;}
td#today{font-weight:bold;}
#secondary .block_calendar td a{text-decoration:underline;}


/* -------  Contact Us block ------- */
#body_block .contact_block_name,
#body_block .contact_block_address,
#body_block .contact_block_city,
#body_block .contact_block_phone,
#body_block .contact_block_email{padding-left:26px;}
.contact_block_name{background:transparent url(../images/mini_icons.png) no-repeat scroll -180px -84px;}
.contact_block_phone{background:transparent url(../images/mini_icons.png) no-repeat scroll -140px -124px;}
.contact_block_email{background:transparent url(../images/mini_icons.png) no-repeat scroll -100px -161px;}
.contact_block_email a{text-decoration:underline;}
#footer .contact_block_name,
#footer .contact_block_phone,
#footer .contact_block_email{background-image:none;}

/* ------- 8. Recent Comments ------- */

#secondary .block_recent_comments ul li.recentcomments span{
	background:transparent url(../images/mini_icons.png) no-repeat scroll -140px -122px;
	padding-left:26px !important;}
#secondary .block_recent_comments ul li.recentcomments {padding:4px 0 8px;}	

/* ------- 9. Categories, Archives, Etc. ------- */

#footer div.block li{padding:5px 0;}	
.webtreats_twitter_block h3, 
.block_categories h3, 
.webtreats_recent_block h3, 
.webtreats_popular_block h3, 
.block_links h3, 
.block_archive h3, 
.block_meta h3,
.block_pages h3,
.block_recent_comments h3,
.block_recent_entries h3{margin-bottom:0;}
#secondary .webtreats_twitter_block ul li a, 
#secondary .block_categories ul li a, 
#secondary .block_links ul li a, 
#secondary .block_archive ul li a, 
#secondary .block_meta ul li a,
#secondary .block_pages ul li a,
#secondary .block_recent_entries ul li a{
	background:transparent url(../images/mini_icons.png) no-repeat scroll -265px 2px;
	display:block;
	padding:4px 0 8px 20px;
	text-shadow:1px 1px 1px #FFFFFF;}	

#secondary .block_pages ul ul li a, #secondary .block_categories ul ul li a{margin-left:20px;}

/* ------- 10. RSS block ------- */

.rss-date{color:#aaa;font-size:10px;text-transform:uppercase;letter-spacing:1px;display:block;}
.block_rss ul li {padding:4px 0 8px;}
.block_rss h3{margin-bottom:0;}	
.block_rss ul li a {display:block;}

/* -------- 11. Message Block ------ */
.messages,.messages ul {margin:0px; padding:0px;}
.messages li, .messages li li {display:block; width:100%; list-style:none;}
.success-msg {background-color:#008fd2; font-weight:bold; color:#fff;padding:3px;margin:2px;}
.error-msg {background-color:#900; font-weight:bold; color:#fff;padding:3px;margin:2px;}
/* ________________________________________________________________________________________________________________
                                                  06. MENU 
   ________________________________________________________________________________________________________________ */

#top_links{float:right;text-transform:uppercase;font-size: 11px;height:20px; padding:4px 0;}
#top_links ul{margin: 0;padding: 0;list-style-type: none;}
#top_links ul li{position: relative;display: inline;float: left;}
#top_links ul li a, .jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited{color:#999;}
#top_links ul li a:hover{color:#009ee2;}

#main_navigation{text-transform:uppercase;font-size:16px;height:40px; width:550px; margin:0 auto;}
.jqueryslidemenu li.parent a {

 }
.jqueryslidemenu li.parent li a {background-image: none;}
.jqueryslidemenu li.parent ul li.parent a { 
	background-image: url(../images/arrow-right.png);
	background-position: 95% 52%;
	background-repeat: no-repeat; 
}
.jqueryslidemenu li.parent ul li.parent li a {background-image: none}
.jqueryslidemenu li.parent ul li.parent a:hover { background-color: #222 }

.jqueryslidemenu{position:relative;z-index:22;}
.jqueryslidemenu ul{margin: 0;padding: 0;list-style-type: none;}
.jqueryslidemenu ul li{position: relative;display: inline;float: left;}
.jqueryslidemenu ul li a, .jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited{color:#d7d7d7;}

.jqueryslidemenu ul li a{
	display: block;
	padding: 10px 10px; 
	text-decoration: none;
	height:40px;
	line-height:40px;
	overflow:hidden;
	padding:0 12px;}
* html .jqueryslidemenu ul li a{ display: inline-block;}
.jqueryslidemenu ul li ul{position: absolute;left: 0px;display: block;visibility: hidden;}

.jqueryslidemenu ul li ul li{display: list-item;float: none;}
.jqueryslidemenu ul li ul li ul{top:0px;}
.jqueryslidemenu ul li ul li a{width: 160px;padding: 6px 13px;margin: 0;}

.jqueryslidemenu ul ul{
	background:transparent url(../images/drop.png) no-repeat scroll -1px 0;
	padding-top:14px;
	top:30px;
	padding-bottom:2px;
	font-size:14px;}
.jqueryslidemenu ul ul.menu_flip{	
	background:transparent url(../images/dropR.png) no-repeat scroll -1px 0;}
.jqueryslidemenu ul ul ul, .jqueryslidemenu ul ul.menu_flip ul{
	background:transparent url(../images/drop_sub.png) no-repeat scroll 0px -2px;
	margin-left:-4px;
	margin-top:-2px;
	padding-top:2px;}
.jqueryslidemenu ul ul li a, .jqueryslidemenu ul ul li a:link, .jqueryslidemenu ul ul li a:visited {height:100%;line-height:20px;}
.jqueryslidemenu ul li ul li a:hover, .jqueryslidemenu ul ul li a:hover{margin:0 4px;padding:6px 9px;background:#222;color:#eee;}
	
.jqueryslidemenuz ul ul li ul li a:hover, .jqueryslidemenu ul ul ul li a:hover{margin:0 1px;padding:6px 12px;width:155px;}




/* ________________________________________________________________________________________________________________
	                                              07. EXTRAS 
   ________________________________________________________________________________________________________________ */


/* ------- 1. Dropcaps ------- */

.dropcap1{
	background:transparent url(../images/sprite.png) no-repeat scroll -1px -1px;
	color:#EEEEEE;
	float:left;
	font-size:30px;
	height:40px;
	line-height:30px;
	margin-bottom:-5px;
	margin-right:10px;
	padding-left:1px;
	padding-top:5px;
	text-align:center;
	width:40px;}
.dropcap2{
	color:#333333;
	display:block;
	float:left;
	font-size:40px;
	line-height:40px;
	margin:0 8px 0 0;}

/* ------- 2. Pullquotes ------- */

.pullquote_right,.pullquote_left{
	background:transparent url(../images/stripes.png) repeat-y scroll 0 0;
	color:#444444;
	float:right;
	font-size:14px;
	letter-spacing:0px;
	line-height:25px;
	margin-bottom:20px;
	margin-left:20px;
	margin-top:20px;
	padding:0 0 0 20px;
	width:33%;}
.pullquote_left{
	float:left;
	margin-left:0px;
	margin-right:20px;}

/* ------- 3. Highlight Styles ------- */

.highlight1{padding:1px 4px;background-color:yellow;color:#111;}	
.highlight2{padding:1px 4px;background-color:#111;color:#eee;}	

/* ------- 4. Unordered Lists ------- */

ul.arrow_list li{
	background:transparent url(../images/mini_icons.png) no-repeat scroll -262px -1px;
	padding-left:20px;}
ul.check_list li{
	background:transparent url(../images/mini_icons.png) no-repeat scroll -222px -41px;
	padding-left:20px;}

/* ------- 5. Toggle Content ------- */

h3.toggle {
	background:transparent url(../images/mini_icons.png) no-repeat scroll -60px -198px;
	font-size:18px;
	margin-top:20px;
	padding:0 0 0 30px;}
h3.toggle a {
	color: #888;
	padding-top:5px;
	text-decoration: none;
	display: block;}
h3.toggle a:hover {color:#666;}
h3.active {background:transparent url(../images/mini_icons.png) no-repeat scroll -19px -237px;}
h3.active a:link {color:#666;}
.toggle_content {
	-moz-border-radius:6px;
	-webkit-border-radius: 6px;
	background:#F5F5F5;
	border:1px solid #f3f3f3;
	clear:both;
	margin:0 0 20px 30px;
	overflow:hidden;}
.toggle_content .block {padding:30px;}

/* ------- 6. Buttons ------- */

/* simple buttons */
.button{
	background:transparent url(../images/buttons.gif) no-repeat scroll center -34px;
	border:0px solid #131313;
	color:#EEEEEE;
	height:30px;
	line-height:16px;
	letter-spacing:1px;
	padding:5px 12px;
	text-transform:uppercase;
	overflow: visible;
	margin:10px;
	}
.slider_content a.button{
	background:transparent url(../images/buttons.gif) no-repeat scroll center -34px;
	border:1px solid #131313;
	color:#EEEEEE;
	height:30px;
	line-height:30px;
	letter-spacing:1px;
	padding:5px 12px;
	text-transform:uppercase;
	overflow: visible;}
.slider_content a.button:hover,.button:hover{background:transparent url(../images/buttons.gif) repeat-x scroll center -2px;cursor:pointer;}

/* span buttons */
a.button_link {
    background:#111 url(../images/buttons.gif) no-repeat scroll right -34px;
    color:#eee;
    display:inline-block;
    font-size:11px;
    height:30px;
    margin-right:5px;
    margin-top:0px;
    padding-right:17px;
    text-transform:uppercase;}
a.button_link span {
	background:transparent url(../images/buttons.gif) no-repeat scroll -2px -34px;
	display:block;
	line-height:10px;
	padding:9px 0 11px 15px;}
a.button_link:hover {background-position: right -2px;color:#ccc;}
a.button_link:hover span {background-position:-2px -2px;}

/* ------- 7. Box Styles ------- */

.gradient_box_middle{background:transparent url(../images/gradient_box_middle.gif) repeat-y scroll 0 0;width:625px;}
.gradient_box_bottom{background:transparent url(../images/gradient_box_bottom.gif) no-repeat scroll 0 bottom; padding:26px;position:relative;}
.gradient_box_top{background:transparent url(../images/gradient_box_top.gif) no-repeat scroll 0 top;}

.fancy_box,.download_box,.warning_box,.info_box,.note_box{clear:both;padding:20px;margin: 20px 0px;-moz-border-radius:6px;-webkit-border-radius:6px;}
.download_box,.warning_box,.info_box,.note_box{padding-left:55px;background:#eee;padding-bottom:25px;
padding-top:20px;}
.fancy_box{
	background:#F9F9F9 url(../images/form-gradient.gif) repeat-x scroll 0 -7px;
	border:1px solid #E0E0E0;}
.info_box{
	background:#bfe4f9 url(../images/icons/info.png) no-repeat scroll 10px 14px;
	border:1px solid #68a2cf;
	color:#2e6093;}
.warning_box{
	background:#ffcccc url(../images/icons/stop.png) no-repeat scroll 10px 15px;
	border:1px solid #ff9999;
	color:#c31b00;}
.download_box{
	background:#dee3ab url(../images/icons/down_alt.png) no-repeat scroll 10px 15px;
	border:1px solid #a3c159;
	color:#5e6f33;}
.note_box{
	background:#fdebae url(../images/icons/notebook.png) no-repeat scroll 10px 15px;
	border:1px solid #e6c555;
	color:#9e660d;}


/* ------- 8. pager ------- */

.toolbar {
	clear:both;padding-top:10px;height:40px;text-align:right;background:url(../images/line.gif) repeat-x scroll center top;
}

.sorter {
	float: left;
	margin-right: 20px;
}

.limiter {
	float: left;
}
.pager{ }
.pager a, .pager a:link,.pager a:visited,.pager a:active,.pager span.pages,.pager span.current,.pager span.extend {
	border:1px solid transparent;
	color:#AAAAAA;
	font-size:10px;
	margin:1px;
	padding:4px 5px;
	text-shadow:1px 1px 0 #FFFFFF;}
.pager a:hover {	
	background:#eee;
	background:#F9F9F9 url(../images/form-gradient.gif) repeat-x scroll -1px -2px;
	border-color:#D9D9D9 #EAEAEA #FFFFFF;
	border-style:solid;
	border-width:1px;}
.pager span.current {
	background:#111111 url(../images/buttons.gif) no-repeat scroll center -35px;
	border:1px solid #222;
	border-bottom:0;
	color:#EEEEEE;
	font-weight:bold;
	height:29px;
	text-shadow:none;}

/* ------- 9. Product Listing ------- */



/* View Type: List 
.products-list li.item { border-bottom:1px solid #d9ddd3; padding:12px 10px; }
.products-list li.item.last { border-bottom:0; }
.products-list .product-shop { margin-left:185px; }
.products-list .product-name { font-size:12px; margin:0 0 6px; }
.products-list .product-name a { color:#444; text-decoration:underline; }
.products-list .product-name a:hover { text-decoration:none; }
.products-list .price-box { float:left; margin:4px 13px 0 0; }
.products-list .availability { float:left; margin:3px 0 0; }
.products-list .desc { clear:both; padding:6px 0 0; margin:0 0 13px; line-height:1.35; }
.products-list .desc .link-more { font-size:11px; }
.products-list .add-to-links { clear:both; }*/

/*-------- 10. Magento Specific ------- */
#secondary .block-subtitle {
	padding: 10px 0;
}
#secondary .ammount {
	padding: 3px;
}
#secondary .subtotal {
	padding: 10px 0;
	font-size: 16px;
}
#secondary .price {
	font-weight: bold;
}
#secondary .mini-products-list {
	margin:0;
	padding:0;
}

/* --------- 11. Shop Navigation ---------*/
#narrow-by-list {margin-left:10px;}
#narrow-by-list dt,#narrow-by-list li a {width:100%; text-align:left;}
#narrow-by-list dd {float:left;}
#narrow-by-list dd ol {margin-left:-12px;}
#narrow-by-list li a {display:block;}
#narrow-by-list .price {font-weight:normal;}


/* --------- 12. Shopping Cart ------------*/
.cart form fieldset,.totals,
#shopping-cart-totals-table,.checkout-types {float:left; width:605px;}
.checkout-types {margin:0px; padding:0px;}
.checkout-types li {list-style:none; display:block; float:left; }
.checkout-types button.btn-checkout {float:left; background: url(../images/black/buttons-cart.gif);}
.checkout-types .mtplCheckout .button {background: url(../images/black/buttons-cart.gif);}
.checkout-types li.googleCheckout {margin:40px 0px 0px 26px; float:left;}
.checkout-types li.googleCheckout fieldset {width:300px;}
.checkout-types li.googleCheckout fieldset {border:none; padding:0px;}
.checkout-types li.amazonCheckout {float:right; margin:15px 75px 0px 0px;}

.cart .product-name {width:265px;}
.cart button.btn-update,.checkout-types li{float:right;}
.checkout-types li.mtplCheckout {float: left;}

.shipping-form form div.buttons-set,
.discount div.buttons-set {margin-top:10px;}


/* --------- 13. Checkout ----------------*/
.sp-methods {float:left; margin:0 0 8px; width:100%; }
.sp-methods dt { margin:13px 0 5px; font-weight:bold; text-align:left; width:100%; }
.sp-methods dd {float:left; margin:0; width:100%;}
.sp-methods dd li { margin:5px 0; list-style:none; }
.sp-methods label { font-weight:bold; color:#666; }
.sp-methods .price { font-weight:bold; }
.sp-methods .form-list { padding-left:20px; }
.sp-methods .form-list li { margin:0 0 8px; }
.sp-methods select.month { width:154px; margin-right:10px; }
.sp-methods select.year { width:96px; }
.sp-methods input.cvv { width:3em !important; }
.sp-methods .centinel-logos a { margin-right:3px; }
.sp-methods .centinel-logos img { vertical-align:middle; }

 select {
	max-width: 200px;
}
#secondary .form-list input {
	background: #fff;
}

.please-wait { float:right; }
.please-wait img { vertical-align:middle; }
.cvv-what-is-this { font-size:11px; cursor:help; margin-left:10px; }
.back-link {float:left; margin:5px; width:100%;}

/* One Page Checkout */
.block-progress { border:0; margin:0; }
.block-progress .block-title { background:none; border:0; padding:0; margin:0 0 5px; }
.block-progress .block-title strong { font-size:13px; color:#0a263c; }
.block-progress .block-content { background:none repeat scroll 0 0 transparent; float:left; width:190px; }
.block-progress dt { height:17px; width:178px; font-size:13px; font-weight:bold; line-height:1.35; background:#eee; border:1px solid #a3aeb3; margin:0 0 6px; padding:2px 8px; color:#999; }
.block-progress dd { background:#eee; border:1px solid #a3aeb3; border-top:0; padding:8px 13px; margin:0 0 6px; }
.block-progress dt.complete { letter-spacing:-0.2px; background:none repeat scroll 0 0 #CCCCCC; color:#EEEEEE; display:block; font-size:11px; height:23px; margin:0; padding:0 0 0 9px; text-align:left; width:185px; }
.block-progress dt.complete a {float:right; margin-right:3px; margin-top:3px;}
.block-progress dd.complete address {line-height:10px;}
.block-progress dd.complete {width:168px; font-size:11px;}
.block-progress p { margin:0; }

.opc .buttons-set { margin-top:0; padding-top:2em; }
.opc .buttons-set p.required { margin:0; padding:0 0 10px; }
.required em { margin:0 6px 0 0; padding:0 }
.opc .buttons-set .back-link small { display:none; }
.opc .buttons-set .back-link a { background:url(../images/i_arrow-top.gif) 0 50% no-repeat; padding-left:16px; }
.opc .buttons-set.disabled button.button { display:none; }
.opc .buttons-set .please-wait { height:21px; line-height:21px; }
.opc .ul { list-style:disc outside; padding-left:18px; }
.opc fieldset {border:none; padding:0px;}
.opc { float:left; margin:0; position:relative; width:100%;}

.opc li {list-style:none; float:left; width:100%;}
.opc .step .col2-set {width:100%;}
.opc .step .col2-set, .opc .step .col2-set .col-1 {float:left;}
.opc .step .col2-set .col-1 {width:45%;}
.opc .step .col2-set .col-2 {float:right; width:45%;}

.opc .step-title { height:40px; border-width:0 1px; border-style:solid; border-color:#fff #d9dde3 #d9dde3; background:#eee url(../images/bkg_opc-title-off.gif) 0 100% repeat-x; padding:4px 8px 6px; text-align:right; }
.opc .step-title .number { float:left; background:#e7eff1; border:1px solid #e7eff1; padding:0 4px; margin:0 5px 0 0; font:bold 11px/14px arial, helvetica, sans-serif; color:#999; }
.opc .step-title h2 { float:left; margin:0; font:bold 13px/16px Arial, Helvetica, sans-serif; color:#999; }
.opc .step-title a { display:none; float:right; font-size:11px; line-height:16px; }

.opc .allow .step-title { background:url("../images/bkg_opc-title-off.gif") repeat-x scroll 0 100% #EEEEEE; border:1px solid #a3aeb3; border-bottom:0; color:#a4b3b9; cursor:pointer; }
.opc .allow .step-title .number { background:#dbe6eb; border-color:#dbe6eb; color:#a4b3b9; }
.opc .allow .step-title h2 { color:#999999; }
/*.opc .allow .step-title a { display:block; }*/
/*.opc .active .step-title a { display:none; }*/
.opc .active .step-title { height:40px; background:#FFFFFF; border:1px solid #ccc; padding-bottom:5px; color:#f18200; cursor:default; }
.opc .active .step-title .number { background:none repeat scroll 0 0 #00ACEE; border-color:#00ACEE; color:#FFFFFF; }
.opc .active .step-title h2 { color:#999999; }

.opc .step { overflow: hidden; /*zoom: 1%;*/ border:1px solid #bbafa0; width:auto; border-top:0; background:#fff; padding:15px 30px; position:relative; }
.opc .step .tool-tip { right:30px; }

#opc-login .buttons-set { border-top:0; }
#opc-login h3 { font-size:13px; border-bottom:1px solid #e4e4e4; padding-bottom:2px; text-transform:uppercase; }
#opc-login h4 { font-size:1em; font-weight:bold; margin:0; color:#2f2f2f; }

#opc-shipping_method .buttons-set { border-top:0 none; float:left; width:100%; }
.opc .gift-messages-form { margin:0 -30px; background:#f6f1eb; border:1px solid #e9e4de; border-width:1px 0; padding:22px 24px 22px 30px; }
.opc .gift-messages-form .inner-box { padding:5px; height:260px; overflow:auto; }

#opc-review .step { border:0; padding:0; width: 100%; }
#opc-review .product-name { font-weight:bold; color:#0a263c; }
#opc-review .item-options { margin:5px 0 0; }
#opc-review .buttons-set { padding:20px 30px; width:100%; border:1px solid #d9dde3; border-width:0 1px 1px; }
#opc-review .buttons-set p { margin:0; line-height:40px; }
#opc-review .buttons-set .please-wait { height:40px; line-height:40px; }


/* Multiple Addresses Checkout */
.checkout-progress { padding:0 90px; margin:0 0 20px; }
.checkout-progress li { float:left; width:19%; margin:0 3px 0 0; border-top:10px solid #999; padding:2px 0 0; font-weight:bold; text-align:center; color:#abb5ba; }
.checkout-progress li.active { border-top-color:#333333; color:#333333; }

.multiple-checkout h1 {font-size:28px; color:#444444; float:left; width:100%;}
.multiple-checkout h2 { font-size:13px; font-weight:bold; margin:0 0 10px; }
.multiple-checkout h3,
.multiple-checkout h4 { color:#999999; float:left; font-size:13px; font-weight:bold; width:100%; }
.multiple-checkout h2 a,
.multiple-checkout h3 a,
.multiple-checkout h4 a { font-weight:normal; }
.multiple-checkout .data-table .product-name { font-size:1em !important; font-weight:bold !important; color:#1e7ec8 !important; }
.multiple-checkout .data-table .product-name a { font-weight:bold !important; }
.multiple-checkout .data-table .item-options { margin:5px 0 0; }
.multiple-checkout .buttons-set {float:left; width:100%;}
.multiple-checkout .gift-messages { margin:15px 0 0; }

.multiple-checkout .tool-tip { top:50%; margin-top:-120px; right:20px; }

.multiple-checkout .col2-set,
.multiple-checkout .col3-set { float:left; border:1px solid #ccc; margin:0 0 25px; padding:20px; width:918px; }
.multiple-checkout .col2-set h2.legend { border-bottom:1px solid #ccc; float:left; margin-left:-20px; margin-top:-20px; padding:5px 10px; position:relative; width:938px;}
.multiple-checkout .col2-set h3.legend { margin:0 0 10px; color:#0a263c; }
.multiple-checkout .col2-set .divider { margin:0 -20px; padding:25px 0; position:relative; }
.multiple-checkout .box { float:left; margin:0 0 15px; width:100%; }
.multiple-checkout .box h2 { color:#CCCCCC; }

.multiple-checkout .place-order .please-wait { float:right; padding:27px 7px 0 0; }
.multiple-checkout .place-order .grand-total { float:right; height:71px; font-size:1.5em; padding:0 0 0 21px; background:url(../images/bkg_grand-total.gif) 0 0 no-repeat; overflow:hidden; }
.multiple-checkout .place-order .grand-total .inner { float:left; height:57px; padding:14px 21px 0 0; background:url(../images/bkg_grand-total.gif) 100% 0 no-repeat; }
.multiple-checkout .place-order .grand-total .inner div { display:inline; }
.multiple-checkout .place-order .grand-total big { display:inline; margin-right:12px; }
.multiple-checkout .place-order .grand-total .price { color:#E26703; }
.multiple-checkout .place-order .grand-total button.button span { font-size:16px; }
.multiple-checkout .place-order .grand-total button.button span span { padding:0 45px 0 36px; }

/* Step 1 */
#multiship-addresses-table td { padding:10px; }
#multiship-addresses-table tfoot td { padding:5px 10px; }
#shipping_method_form,#shipping-table-111 {float:left;}
/* Step 2 */

.multiple-checkout .gift-messages-form .item .details .form-list { width:100%; overflow:hidden; }
.multiple-checkout .gift-messages-form .item .details .form-list li { margin-right:-15px; }
.multiple-checkout .gift-messages-form .item .details .form-list .field { width:230px; }
.multiple-checkout .gift-messages-form .item .details .form-list .input-box { width:215px; }
.multiple-checkout .gift-messages-form .item .details .form-list input.input-text { width:209px; }
.multiple-checkout .gift-messages-form .item .details .form-list li.wide .input-box { width:445px; }
.multiple-checkout .gift-messages-form .item .details .form-list li.wide textarea { width:439px; }
.checkout-multishipping-shipping .box-sp-methods { border:1px solid #ccc; float:left; padding:13px; position:relative; width:95%; }
.checkout-multishipping-shipping .box-sp-methods .pointer { position:absolute; top:-20px; right:-40px; width:178px; height:41px; background:url(../images/bkg_sp-methods.gif) 0 0 no-repeat; overflow:hidden; }

/* Step 3 */
.checkout-multishipping-billing .multiple-checkout { position:relative; }


/* CART TABLE */
#shopping-cart-table, #shopping-cart-totals-table {
	border: 0;
}

#shopping-cart-table th {
	border: 0;
	background-image: url(../images/line.gif);
	background-repeat: repeat-x;
	background-position: center bottom;
	margin-top: 3px;
	padding: 3px;
	background: #e6e6e6;
}

/* FEATURED PRODUCT */
.featured-product {
	border: 1px solid #e6e6e6;
	width: 202px;
	background: #fff;
	text-align: center;
	padding-bottom:8px;
}

.featured-product-description {
	width: 197px;
	text-align: left;
	font-weight:normal;
	line-height:14px;
}

.featured-product-description a.button {
	margin: 0px auto;
}

.featured-product-description p {
	line-height: 16px;
}

.featured-product .image {

}
.featured-product .name {
	height:30px;
}
.featured-product .price {

}

.featured-product img {
	display: block;
	margin: 0px auto;
}

/* NEW MEDIA BLOCK ON PRODUCT PAGE */
.media {
	float: left;
	width: 250px;
	margin-right: 10px;
}

#featured h6 {
	font-size: 14px;
	color: #000;
}

/*manu dropdown on nav */
#manumenu, #manumenu li, #manumenu a, #manumena li a {
	margin: 0;
	padding: 0;
	left: 0;
	right: 0;
	text-indent: 0;
}

#manufacture-menu {
	background: #020202 url("../images/black/home_feature.jpg") repeat-x;
}

#manu-container {
	width: 960px;
	height: 355px;
	margin: 0px auto;
	overflow: hidden;
	display: none;
	padding-bottom: 5px;
	position: relative;
}

#manu-nav {
	display: block;
	text-align: center;
}

#manu-nav a {
	margin: 0 100px;
	font-weight: bold;
	padding: 3px;
}

#manumenu {
	display: block;
	float: none;
	width: 960px;
	font-size: 12px;
}

#manumenu div {
	width: 240px;
}

#manumenu li {
	width: 240px;
	list-style: none;
	display: block;
	float: left;
}

#manumenu li a {
	display: block;
	float: left;
	width: 232px;
	padding: 3px 4px;
	text-align: left;
	font-size:14px;
}

#manumenu li a:hover {
	font-weight:bold;
}

/* paymnet page */
#payment-buttons-container {
	float: left;
}

#payment-images {
	float: left;
}

/* manu add */
.manu-ad {
	margin: 10px 0;
}

/* preorder */
.preorder-exists {
	font-style: italic;
}

h3.portfolio {
	text-align: center;
}

#backdrop {
	position: absolute;
	width: 100%;
	height: 360px;
	background: #020202 url("../images/black/home_feature.jpg") repeat-x;
	top: 120px;
	z-index: -1;
}

/* TipTip CSS - Version 1.2 */

#tiptip_holder {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99999;
}

#tiptip_holder.tip_top {
	padding-bottom: 5px;
}

#tiptip_holder.tip_bottom {
	padding-top: 5px;
}

#tiptip_holder.tip_right {
	padding-left: 5px;
}

#tiptip_holder.tip_left {
	padding-right: 5px;
}

#tiptip_content {
	font-size: 11px;
	color: #fff;
	text-shadow: 0 0 2px #000;
	padding: 4px 8px;
	border: 1px solid rgba(255,255,255,0.25);
	background-color: rgb(25,25,25);
	background-color: rgba(25,25,25,0.92);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(#000));
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	box-shadow: 0 0 3px #555;
	-webkit-box-shadow: 0 0 3px #555;
	-moz-box-shadow: 0 0 3px #555;
}

#tiptip_arrow, #tiptip_arrow_inner {
	position: absolute;
	border-color: transparent;
	border-style: solid;
	border-width: 6px;
	height: 0;
	width: 0;
}

#tiptip_holder.tip_top #tiptip_arrow {
	border-top-color: #fff;
	border-top-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_bottom #tiptip_arrow {
	border-bottom-color: #fff;
	border-bottom-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_right #tiptip_arrow {
	border-right-color: #fff;
	border-right-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_left #tiptip_arrow {
	border-left-color: #fff;
	border-left-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_top #tiptip_arrow_inner {
	margin-top: -7px;
	margin-left: -6px;
	border-top-color: rgb(25,25,25);
	border-top-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_bottom #tiptip_arrow_inner {
	margin-top: -5px;
	margin-left: -6px;
	border-bottom-color: rgb(25,25,25);
	border-bottom-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_right #tiptip_arrow_inner {
	margin-top: -6px;
	margin-left: -5px;
	border-right-color: rgb(25,25,25);
	border-right-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_left #tiptip_arrow_inner {
	margin-top: -6px;
	margin-left: -7px;
	border-left-color: rgb(25,25,25);
	border-left-color: rgba(25,25,25,0.92);
}

/* Webkit Hacks  */
@media screen and (-webkit-min-device-pixel-ratio:0) {	
	#tiptip_content {
		padding: 4px 8px 5px 8px;
		background-color: rgba(45,45,45,0.88);
	}
	#tiptip_holder.tip_bottom #tiptip_arrow_inner { 
		border-bottom-color: rgba(45,45,45,0.88);
	}
	#tiptip_holder.tip_top #tiptip_arrow_inner { 
		border-top-color: rgba(20,20,20,0.92);
	}
}

/*Home Testimonials */

#home_testimonials .testimonials {
	position: relative;
	height: 240px;
	font-style:italic;
}
#home_testimonials .testimonial {
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}
#home_testimonials .active {
	display: block;
}

#home_testimonials .author {
	text-align: right;
	font-weight: bold;
}
#home_testimonials .link {
	text-align: right;
	position: absolute;
	bottom: 0;
	right: 0;
}

.sc-right {
	text-align: right;
	margin-bottom: 35px;
}

#sc-productOptions dl {
	float: right;
	overflow: hidden;
	zoom: 1;
}

#sc-productOptions dt {
	width: 215px;
	float: left;
	padding: 5px;
	text-align: right;
}

#sc-productOptions dd {
	float: right;
}

#sc-productOptions select {
	max-width: 160px;
}

.sc-right .product-options-bottom {
	display: none;
}

/* featured tabs css */
#featured .tabs {
	overflow: hidden;
	zoom: 1;
	border-bottom: 1px solid #000;
	margin: 0;
	padding: 0;
}
#featured .tabs li {
 float: left;
 margin: 0;
}

#featured .tabs li.active a {
 background: #000;
 color: #fff;
}

#featured .tabs li a {
 display: block;
 padding: 8px 20px;
 font-variant: small-caps;
 font-size: 16px;
}

#featured #tab_container {
 padding: 10px;
 background: #eee
}

#featured #tab_container .one_fourth {
	margin-right: 43px;
}

#sc-products {
	text-align: right;
}
#sc-products #product-options-wrapper dt {
 width: 200px;
}
#sc-products #product-options-wrapper dl {
overflow: hidden;
zoom: 1;
}
#sc-products select {
 float: right;
 width: 160px;
}
#sc-products .price {
	font-weight: bold;
}
#sc-products .validation-advice {
	clear: both;
	text-align: right;
}

/* Manufacturer Pages */

#manufacturer {
	padding:10px 0;
}

#manufacturer .lifestyle {
	background: transparent url(../images/black/lifestyle.png) no-repeat 0 0;
	text-align:left;
	min-height:160px;
	padding-top:12px;
	}
	
#manufacturer .link {
	border:1px solid #dbdbdb;
	padding:5px;
	width:224px;
	display:block;
	margin-top:8px;
	text-align:center;
}

#manufacturer .addthis_toolbox {
	margin-top:8px;
	padding-left:8px;
}

#manufacturer .brand {
	text-align:center;
	padding-top:12px;
}

#manufacturer h1 {
	font-weight:bold;
	font-size:22px;
	margin:0;
	padding:0;
	padding-top:10px;
}

#manufacturer h2 {
	font-weight:bold;
	font-size:12px;
	margin:0;
	padding:0;
	padding-top:10px;
}

#manufacturer p {
	padding:4px 0;
	font-size:14px;
	line-height:20px;
}
#manufacturer ul li {
margin: 0 5px 5px 0;
display: block;
background: #E9DEC6 url(../img/check.png) no-repeat 10px center;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
list-style: none;
padding: 10px 10px 10px 36px;
text-shadow: 0 1px 0 white;
width: 84px;
float: left;
border-top-left-radius: 5px 5px;
border-top-right-radius: 5px 5px;
border-bottom-right-radius: 5px 5px;
border-bottom-left-radius: 5px 5px;
}

#manufacturer .loading_gallery {
	background:transparent url(../images/ajax-loader.gif) no-repeat scroll center center;
	height:32px;
	left:100px;
	position:absolute;
	top:63px;
	width:32px;*/
	}

#manufacturer .portfolio_img_holder {
	background: transparent url(../images/manu-frame.png) no-repeat 0 0;
	display:block;
	height:161px;
	width:235px;
	padding:0;
	margin:0;
	}
#manufacturer .portfolio_img_holder img {
	width:223px;
	background:none;
	margin:0;
	padding:0;
	position:relative;
	left:6px;
	top:6px;
	border:none;
	}
#manufacturer .rollover {
	background: transparent url(../images/manu-zoom.png) no-repeat 0 0;
	display:none;
	position:absolute;
	width:223px;
	left:6px;
	top:6px;
	}
#manufacturer .rollover_play {
	background: transparent url(../images/play_small.png) no-repeat 0 0;
	display:none;
	height:161px;
	left:6px;
	position:absolute;
	top:14px;
	width:235px;}
#manufacturer .product {
	background-color:#fff;
	border:1px solid #e6e6e6;
	padding:8px;
}

#bongo-form {
float: right;
margin-right: 45px;
}
