/* BASE STYLES
----------------------------------------------- */
H1, .h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#000000;
	font-weight:bold;
	margin-top:10px
}

H2, .h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	color:#666666;
	font-weight:bold
}

TABLE {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#666666
}

.red_text {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#CC0000
}

.black_text {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#000000
}
.bold_text {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#666666;
	font-weight:bold
}
.border_r {
	border-right:1px solid #cccccc;
	padding:2px
}
.border_l {
	border-left:1px solid #cccccc;
	padding:2px
}	
.border_t {
	border-top:1px solid #cccccc;
	padding:2px
}
.border_b {
	border-bottom:1px solid #cccccc;
	padding:2px
}
.border {
	border:1px solid #cccccc;
	padding:2px
}
.bg_dddddd {
	background-color:#dddddd;
	color:#333333
}
.hr {
	border-bottom:1px solid #cccccc;
	margin:0px 0px 8px 0px
}
/* NAV STYLES FOR CONTEMPORARY AND BUILD YOUR OWN
----------------------------------------------- */
span.navBarLeft{float:left;margin-top:0px}
span.navBarLeft IMG{*left:8px;}
.navBarRight div{float:right;margin-top:1px}
.btn_advanced_search {margin-left:2px;margin-top:0px}

/* BUTTONS
----------------------------------------------- */
/******* ACTION BUTTON *******/

/* Both browsers apply these styles to the action button */
.actn_button_color {
	border:3px double #8FB6DB;
	cursor:pointer;
	white-space:nowrap;
	padding:2px 3px 2px 3px;
	font-family:Arial, Helvetica, sans-serif;
	color:#444444;
	font-size:12px;
	font-weight:bold;
	text-align:center
}
/* IE uses the filter for the blend */
.actn_button_color {
	* filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#ffffff',EndColorStr='#CCE6F9')
	}
/* FireFox uses a background color and white gradient image for the blend */
html>body .actn_button_color {
	background: #A5D6FA url("/shared/style/images/white_gradient.png") repeat-x top
}
/******* BEGIN FIREFOX HOVER FOR ACTION BUTTON *******/
.actn_button_color.actn_button:hover {
	border:3px double #54A2EB;
	color:#444444;
	background: #B3D8F4 url("/shared/style/images/white_gradient.png") repeat-x top
}	
/******* END FIREFOX HOVER FOR ACTION BUTTON *******/

/******* REGULAR BUTTON *******/
/* Both browsers apply these styles to the regular button */
.button_color {
	border:3px double #8FB6DB;
	cursor:pointer;
	white-space:nowrap;
	padding:2px 3px 2px 3px;
	font-family:Arial, Helvetica, sans-serif;
	color:#444444;
	font-size:12px;
	font-weight:bold;
	text-align:center
}
/* IE uses the filter for the blend */
.button_color {
	* filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#ffffff',EndColorStr='#EDF3F7')
}
/* FireFox uses the background-color and white gradient image for the blend */
html>body .button_color {
	background: #C7E5FB url("/shared/style/images/white_gradient.png") repeat-x top
}
/******* BEGIN FIREFOX HOVER FOR REGULAR BUTTON *******/
.button_color.button:hover {
	border:3px double #54A2EB;
	color:#444444;
	background: #B3D8F4 url("/shared/style/images/white_gradient.png") repeat-x top
}
/******* END FIREFOX HOVER FOR ACTION BUTTON *******/

/******* SPECIAL BUTTON STYLES*******/
.go-btn-width {
	width:40px;
	margin-top:2px;
	}
.btn_small_update, .btn_small_change {
	font-size:9px
}		
.btn_update {
	font-size:9px
}	
.btn_continue {
	width:170px;
	padding:4px
}
.btn_add_to_cart{
	width:80px;
	* height:23px;
	font-size:11px;
	margin-top:5px;
	* padding:1px 0px 0px 0px
}
html>body .btn_add_to_cart {
	height:15px;
	padding:1px 0px 0px 0px
}
.btn_buy_it_now {
	width:80px;
	font-size:11px;
	margin:5px 0px 0px 5px;
	padding:0px
}
.btn_proceed_to_checkout {
  padding:2px 2px 2px 25px;
  width:190px;
  height:32px
}
.wish-list-icon {
	position:relative;
	left:110%;
	*left:106%;
	*top:2px;
}
.btn_wish_list {
  	padding:2px 2px 2px 20px;
  	width:115px;
  	height:26px;
  	font-size:10px;
}
.btn_add_to_cart_lrg {
	width:115px;
}
.btn_ordering_info {
	font-size:11px;
	width:150px
}
.btn_go {
	height:23px;
	padding:0px !important;
}

/******* END SPECIAL BUTTON STYLES*******/

/* box around product detail quantity and add to cart button
----------------------------------------------- */
.quantity {
	border:1px solid #CCCCCC; 
	width:260px; 
	white-space:nowrap;
	padding:5px
}

/* ADDED TO CART home page, product list and product detail pages
----------------------------------------------- */
.added_to_cart {
	background-color:#FFFAF4;
	border:1px solid #E2A269;
	margin:5px 0px 5px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#333333
	}
.added_to_cart A:link, .added_to_cart A:visited, .added_to_cart A:hover, .added_to_cart A:active {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#333333
	}

/* PRICE 
product list and some home pages
----------------------------------------------- */
.small_price {
	color:#666666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold
}

/* product detail page */
.large_price {
	color:#666666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	font-weight:bold
}
.totalsavings {	
	font-weight:bold;
	border:1px solid #cccccc;
	padding:10px;
	text-align:center;
	width:185px;
	color:#666666
}
.opc-totalsavings {	
	font-weight:bold;
	font-size:13px;
	padding:2px 1px;
	color:#666666;
	text-align:right
}
/* TABS 
product detail page
----------------------------------------------- */
.tabcontainer {
	width:100%;
	position:relative;
	color:#ffffff
}
.tab_on {
	color:#333333;
	font-weight:bold;
	text-align:center;
	margin-top:10px;
	border-top:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	background-color:#e5e5e5;
	padding:3px;
	width:165px;
	float:left;
	display:inline;
	white-space:nowrap
	}
.tab_off {
	color:#333333;
	font-weight:normal;
	text-align:center;
	margin-top:10px;
	border-top:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	background-color:#F5F5F5;
	padding:3px;
	width:165px;
	float:left;
	cursor:pointer;
	display:inline;
	white-space:nowrap
	}
.descriptioncontainer {
	width:100%;
	position:relative
}
.detaildesc {
	border-top:4px solid #e5e5e5;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;	
	border-bottom:2px solid #e5e5e5;
	padding:5px;
	margin-bottom:10px;
	width:99%;
	text-align:left
}

/****** MULTIPLE IMAGES ****** product detail page */
.click {cursor:pointer}
.imagesmallcontainer {
	background-color:#ffffff;
	border:2px solid #CCCCCC;
	float:left;
	height:65px;
	margin:8px 4px 2px 0px;
	overflow:hidden;
	width:65px
}
.hoverover {
	clear:both;
	float:left;
	font-size:11px;
	padding-bottom:2px;
	padding-top:2px;
	width:300px
}
.notavailable {
	background-color:#ffffff;
	border:1px solid #cccccc;
	color:#666666;
	padding:10px;
	text-align:center
}
/* ALL CATEGORIES PAGE
----------------------------------------------- */
.category_outline {
	width:99%;
	border:1px solid #dddddd;
	text-align:center;
	margin:5px;
	padding:0px
}
.chain {
	text-align:left;
	margin-left:5px;
	font-size:13px;
	padding:4px;
	font-weight:bold;
	color:#666666
	}
.chain A:link, .chain A:visited, .chain A:active, .chain A:hover {
	font-family:Arial, Helvetica, sans-serif;
	color:#666666;
	font-size:13px;
	}
.all_categories {
	width:220px
}
.all_categories A:link, .all_categories A:visited, .all_categories A:active, .all_categories A:hover {
	font-family:Arial, Helvetica, sans-serif;
	color:#666666;
	font-size:13px;
	font-weight:normal
	}
.parent {
	margin-top:3px;
	margin-bottom:3px
}
.parent A:link, .parent A:visited, .parent A:active, .parent A:hover {
	font-weight:bold
	}
.parent_more {
	font-weight:bold;
	margin-top:5px;
	color:#666666
}
.parent_more A:link, .parent_more A:visited, .parent_more A:hover, .parent_more A:active {
	font-weight:bold;
	color:#666666
	}		
.sub_category {
	margin-top:5px;
	margin-bottom:5px
	}
.sub_category_more {	
	font-weight:bold;
	color:#666666
	}	
.sub_category_more A:link, .sub_category_more A:visited, .sub_category_more A:hover, .sub_category_more A:active {
	margin-left:1px;
	font-size:11px;
	font-weight:bold;
	color:#666666
	}	

.viewAllCategories {
	padding:6px 4px 6px 25px;
	line-height:normal;
	display:block;
	border-bottom:4px solid #666666;
	font-weight:100;
}

.viewAllCategories a:link, .viewAllCategories a:visited {
	color:#666666;
	text-decoration:none;
	font-weight:bold
}

.viewAllCategories a:hover {
	text-decoration:underline;
	background-color:#edecec
}	
/* CHECKOUT BREADCRUMB
----------------------------------------------- */
.breadcrumb_on {
	font-family:Arial, Helvetica, sans-serif;
	color:#666666;
	padding-right:3px;
	font-size:13px;
	font-weight:bold;
	white-space:nowrap;
	vertical-align:middle
}
.breadcrumb_off {
	font-family:Arial, Helvetica, sans-serif;
	color:#666666;
	padding-right:3px;
	font-size:13px;
	white-space:nowrap; 
	vertical-align:middle
}
.clear {
	clear:both
	}
.floatRight {
	float:right
	}
.floatLeft {
	float:left
	}
.note {
 	font-family:Arial, Helvetica, sans-serif;
	color:#666666;
	font-size:12px
	}	

/* e-gift cards */	
.egift_dashed_outline {
	border:3px dashed #b8dffb;
	height:99%;
	padding:3px;
	margin:5px
	}
.egift_background {
	padding:3px;
	}	
/* wish list */	
.create-wishlist {
	background:url(/images/teststore_version1/wishlist-banner.gif) no-repeat left top;
	width:285px;
	height:300px;
	text-align:center;
	}
.create-wishlist-content {
	padding-top:190px;
	width:280px;
	text-align:center;
	color:#999999;
	font-size:11px;
	}
.create-wishlist-text {
	padding:5px;
	width:260px;
	margin:0px 2px 0px 2px;
	text-align:center;
	font-size:13px;
}	
.find-wishlist {
	background:url(/images/teststore_version1/find-wishlist-banner.gif) no-repeat left top;
	width:280px;
	height:300px;
	text-align:center;
	}
.find-wishlist-content {
	padding-top:200px;
	margin:0px 0px 0px 30px;
	*margin:0px 0px 0px 25px;
	width:235px;
	}
.wishlist-label {
	font-size:11px;
	font-weight:bold;
	background-color:#def4fb;
	}
.wishies {
	padding-top:10px;
	padding-left:50px;
	background:url(/images/teststore_version1/wishies.gif) no-repeat left top;
	height:60px;
}
.wishies-find {
	padding-top:25px;
	background:url(/images/teststore_version1/wishies-find.gif) no-repeat left top;
	height:60px;	
	width:240px;
}	
.wishlist-heading {
	background-color:#ffffff;
	border-bottom:3px solid #def4fb;
	height:60px;
	}	
.wishlist-title {
	margin-top:10px;
	font-size:22px;
	color:#666666
	}			
.wishlist-table-border {
	border-top:2px solid #def4fb;
	}	
.wishlist_border_r {border-right:1px solid #e5e5e5;}
.wishlist_border_l {border-left:1px solid #e5e5e5;}
.wishlist_border_t {border-top:1px solid #e5e5e5;}
.wishlist_border_b {border-bottom:1px solid #e5e5e5;}
.wishlist_border {border:1px solid #e5e5e5;}	
.e-gift-card-banner
	{
		background:url(/images/teststore_version1/e-gift-card-banner.gif) no-repeat left top;
		width:526px;
		height:460px;
		margin-top:10px;
		clear:both;
	}
.e-gift-card-text
	{
		font-size:13px;
	}
.giftcard-entry {
		border: 1px solid #dedede; 
		padding:5px 5px 5px 8px;
		text-align:left;
		margin-top:15px;
		margin-bottom:5px;
		background-color: #f5f5f5;
		width:310px;
		font-size:11px;
	}	
.giftcard-balance {
		border: 4px solid #efefef; 
		padding:5px 5px 5px 8px;
		width:210px;
		font-size:11px;
		margin:10px 0px 10px 15px	
	}	
.giftcard-balance-amt {
		border: 3px solid #efefef; 
		padding:5px;
		width:180px;
		margin-top:8px
	}
/* Custom Skin */
#container { margin:0 auto; width:1000px; }
#nav { 
width: 100%;
	background:-webkit-gradient(linear, 0 0, 0 100%, from(#cacaca), to(#848484)); 
	background:-moz-linear-gradient(top, #cacaca, #848484); 
	-webkit-border-radius:3px; 
	-moz-border-radius:3px;
	border-radius:3px;
	-webkit-box-shadow:0 1px 2px rgba(0,0,0,.3);
	display:inline-block;
	list-style:none;
	margin:0 0 20px;
	overflow:hidden;
	padding:0;
	/* IE5.5 – IE7 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#cacaca, endColorstr=#848484);

/* IE8 */
-ms-filter: “progid:DXImageTransform.Microsoft.gradient(startColorstr=#cacaca, endColorstr=#848484)”;
}
#nav li { border-right:1px solid #808080; -webkit-box-shadow:inset 0 0 0 1px rgba(255,255,255,.1); -moz-box-shadow:inset 0 0 0 1px rgba(255,255,255,.1); float:left; }
#nav li a { color:#262626; display:block; font:13px "Lucida Sans Unicode", "Lucida Grande", sans-serif; height:36px; line-height:34px; padding:0 10px; text-decoration:none; text-shadow:0 1px #cecece; }
#nav li a:hover { background:-webkit-gradient(linear, 0 0, 0 100%, from(#929292), to(#535353)); background:-moz-linear-gradient(top, #929292, #535353); -webkit-box-shadow:inset 0 -10px 20px rgba(0,0,0,.05), inset 0 0 0 1px rgba(255,255,255,.1); -moz-box-shadow:inset 0 -10px 20px rgba(0,0,0,.05), inset 0 0 0 1px rgba(255,255,255,.1); color:#fff; text-shadow:0 -1px #414141; }
#nav li a:active { -webkit-box-shadow:inset 0 -10px 20px rgba(0,0,0,.05), inset 0 2px 5px #363636, inset 0 0 0 1px rgba(255,255,255,.1); -moz-box-shadow:inset 0 -10px 20px rgba(0,0,0,.05), inset 0 2px 5px #363636, inset 0 0 0 1px rgba(255,255,255,.1); }
#nav li .apple { padding:0; }
#nav li .apple:hover { -moz-border-radius-topleft:3px; -moz-border-radius-bottomleft:3px; -webkit-border-top-left-radius:3px; -webkit-border-bottom-left-radius:3px; }
#nav li .apple span { background:url(file:///Users/spencerf/Documents/HHD/images/apple.png) center 6px no-repeat; display:block; padding:0; text-indent:-99999em; width:102px; }
#nav li .current,
#nav li .current:hover { background:-webkit-gradient(linear, 0 0, 0 100%, from(#373737), to(#525051)); background:-moz-linear-gradient(top, #373737, #525051); -webkit-box-shadow:inset 0 -10px 20px rgba(0,0,0,.05), inset 0 2px 5px #363636, inset 0 0 0 1px rgba(255,255,255,.1); -moz-box-shadow:inset 0 -10px 20px rgba(0,0,0,.05), inset 0 2px 5px #363636, inset 0 0 0 1px rgba(255,255,255,.1); color:#fff; text-shadow:0 1px #242323; }
.search_container { border-right:none; padding-right:5px; }
.search { background:url(/images/teststore_version1/search.png) right -53px no-repeat; padding:7px 20px 8px 5px; }
.search label { background:url(/images/teststore_version1/search.png)0 0 no-repeat; display:block; height:20px; }
.search input { border:none; color:#a9a9a9; height:12px; margin-left:25px; -webkit-appearance:none; }
.search input:focus { border:none; outline:none; }
.search.focus { background-position:right -83px; padding:3px 20px 2px 5px; }
.search.focus label { background-position:0 -26px; height:27px; padding-top:4px; }

h1 { margin-bottom:0; }
.read_article { color:#777; display:block; font-size:12px; margin-bottom:30px; }

#mainad_box {
 width: 640px;
 /*height: 320px;*/
 padding: 3px;
 margin: 3px;
 float: left;
 border:1px solid #333333;
    -webkit-border-radius: .4em; 
    -moz-border-radius: .4em; 
     border-radius: .4em;
     
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0, .4);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0, .4);
}

#top_ad_box {
background: url(/images/teststore_version1/finance_ad_bg.gif);
 width: 320px;
 height: 320px;
 padding: 3px;
 margin: 3px;
 border:1px solid #333333;
    -webkit-border-radius: .4em; 
    -moz-border-radius: .4em; 
     border-radius: .4em;
     
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0, .4);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0, .4);
}

#cat_box {
background: url(/images/teststore_version1/cat_bg.gif)repeat-x;
width: 235px;
height: 200px;
padding: 3px;
margin: 2px;
border:1px solid #696e6c;
float: left;

-webkit-border-radius: .4em; 
    -moz-border-radius: .4em; 
     border-radius: .4em;
}

#pro_search_box {
 width: 1000px;
 height: 250px;
 padding: 3px;
 margin: 3px;
 border:1px solid #333333;
    -webkit-border-radius: .4em; 
    -moz-border-radius: .4em; 
     border-radius: .4em;
     
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0, .4);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0, .4);
}

#feature_title {
width: 995px;
border-bottom:1px solid #808080;
margin-left: 5px;
font-size: 18px;
color: #5b5958; /*cd6806*/
}

#footer_container {
width: 1000px;
border-top:1px solid #808080;
margin:0 auto;
color: #4d4844;
font-size: 14px;
}

.footer_main {
width: 200px;
font-family:Helvetica, Arial, sans-serif;
}

.footer_divide {
border-right:1px solid #808080;
}

#footer_tbl {
width: 1000px;
text-indent: 5px;
}


#slider_container_1 { float: left; padding: 0px; width: 640px; background: #ffffff; -moz-border-radius: 10px 10px; -webkit-border-radius: 10px 10px; border-radius: 10px 10px; }

#SliderName{
	width: 640px;
	height: 197px;
	margin: auto;
}

.SliderNamePrev{
	background: url(/images/teststore_version1/left.gif) no-repeat center center;
	width: 24px;
	height: 24px;
	display: block;
	position: absolute;
	top: 140px;
	left: 10px;
	text-decoration: none;
}

.SliderNameNext{
	background: url(/images/teststore_version1/right.gif)no-repeat center center;
	width: 24px;
	height: 24px;
	display: block;
	position: absolute;
	top: 140px;
	right: 10px;
	text-decoration: none;
}

.SliderNameDescription{
	font-family: Verdana;
	font-size: 10px;
	text-align: left;
	padding: 5px;
}

#SliderNameNavigation { margin: 5px 0 0 0; padding-top: 5px; height: 15px; text-align: center; -moz-border-radius: 6px 6px; background: #ffffff; }

#SliderNameNavigation a:link, #SliderNameNavigation a:active, #SliderNameNavigation a:visited, #SliderNameNavigation a:hover{
	margin: 0 2px;
	background: url(/images/teststore_version1/nav.gif) no-repeat center center;
	font-size: 0px;
	line-height: 0px;
	padding: 12px;
	text-decoration: none;
}

#SliderNameNavigation a.active:link, #SliderNameNavigation a.active:active, #SliderNameNavigation a.active:visited, #SliderNameNavigation a.active:hover{
	background: url(/images/teststore_version1/nav_active.gif) no-repeat center center;
}


/* Category Links */

.dropL {
font-size: 12px;
}
#dropL {
float: left;
width: 115px;
}
#dropL a {
 color:#000000;
 text-decoration: none;
 font-size: 12px;
 }
 #dropL a:hover {
 color:#cd6806;
 text-decoration: underline;
 font-size: 12px;
 }
 #dropL a:visited {
 color:#000000;
 text-decoration: none;
 font-size: 12px;
 }

 .dropR {
font-size: 12px;
}
#dropR {
float: right;
width: 115px;
}
#dropR a {
 color:#000000;
 text-decoration: none;
 font-size: 12px;
 }
 #dropR a:hover {
 color:#cd6806;
 text-decoration: underline;
 font-size: 12px;
 }
 #dropR a:visited {
 color:#000000;
 text-decoration: none;
 font-size: 12px;
 } 
#all_link {
float: left;
width: 115px;
}
#all_link a {
 color:#000000;
 text-decoration: none;
 font-size: 12px;
 }
 #all_link a:hover {
 color:#cd6806;
 text-decoration: underline;
 font-size: 12px;
 }
 #all_link a:visited {
 color:#000000;
 text-decoration: none;
 font-size: 12px;
 }
/* End Category links */

/* Financing Text */
.finance {
font-family:Helvetica, Arial, sans-serif;
font-size: 12px;
}
.finance_dlink {
color: #3c4502; /*b95205 */
font-size: 12px;
}

.finance_dlink a {
 color:#3c4502;
 text-decoration: none;
 font-size: 12px;
 }
 .finance_dlink a:hover {
 color:#3c4502;
 text-decoration: underline;
 font-size: 12px;
 }
 .finance_dlink a:visited {
 color:#3c4502;
 text-decoration: none;
 font-size: 12px;
 }

/*End Financing Text */

/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container { position: relative; }
.jcarousel-clip { z-index: 2; padding: 0; margin: 0; overflow: hidden; position: relative; }
.jcarousel-list { z-index: 1; overflow: hidden; position: relative; top: 0; left: 0; margin: 0; padding: 0; }
.jcarousel-list li, .jcarousel-item { float: left; list-style: none; /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 150px; height: 150px; border: 1px solid #cdcdcd; }
.jcarousel-list li:hover, .jcarousel-item:hover { border: 1px solid #a9a9a9; }
/**
	jCarousel - Product Image Slider
	
*/
.jcarousel-next { z-index: 3; display: none; }
.jcarousel-prev { z-index: 3; display: none; }
.jcarousel-skin-tango .jcarousel-container { float: left;background: #f4f4f4 url(../images/background/featured_product_bg.gif) repeat-x; }
.jcarousel-skin-tango .jcarousel-container-horizontal { width: 598px; padding: 15px 38px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
.jcarousel-skin-tango .jcarousel-container-vertical { width: 75px; height: 245px; padding: 40px 20px; }
.jcarousel-skin-tango .jcarousel-clip-horizontal { width:  598px; height: 108px; }
.jcarousel-skin-tango .jcarousel-clip-vertical { width:  75px; height: 245px; }
.jcarousel-skin-tango .jcarousel-item { width: 105px; height: 105px; }
.jcarousel-skin-tango .jcarousel-item-horizontal { margin-right: 15px; }
.jcarousel-skin-tango .jcarousel-item-vertical { margin-bottom: 15px; }
.jcarousel-skin-tango .jcarousel-item-placeholder { background: #fff; color: #000; }
/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal { position: absolute; top: 60px; right: 8px; width: 27px; height: 27px; cursor: pointer; background: transparent url(file:///Users/spencerf/Documents/HHD/images/next-horizontal.png) no-repeat 0 0; }
.jcarousel-skin-tango .jcarousel-next-horizontal:hover { background-position: -27px 0; }
.jcarousel-skin-tango .jcarousel-next-horizontal:active { background-position: -27px 0; }
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active { cursor: default; background-position: -54px 0; }
.jcarousel-skin-tango .jcarousel-prev-horizontal { position: absolute; top: 60px; left: 8px; width: 27px; height: 27px; cursor: pointer; background: transparent url(file:///Users/spencerf/Documents/HHD/images/prev-horizontal.png) no-repeat 0 0; }
.jcarousel-skin-tango .jcarousel-prev-horizontal:hover { background-position: -27px 0; }
.jcarousel-skin-tango .jcarousel-prev-horizontal:active { background-position: -27px 0; }
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active { cursor: default; background-position: -54px 0; }
/**
 *  Vertical Buttons
 */
.jcarousel-skin-tango .jcarousel-next-vertical { position: absolute; bottom: 5px; left: 43px; width: 32px; height: 32px; cursor: pointer; background: transparent url(../images/buttons/next-vertical.png) no-repeat 0 0; }
.jcarousel-skin-tango .jcarousel-next-vertical:hover { background-position: 0 -32px; }
.jcarousel-skin-tango .jcarousel-next-vertical:active { background-position: 0 -64px; }
.jcarousel-skin-tango .jcarousel-next-disabled-vertical, .jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover, .jcarousel-skin-tango .jcarousel-next-disabled-vertical:active { cursor: default; background-position: 0 -96px; }
.jcarousel-skin-tango .jcarousel-prev-vertical { position: absolute; top: 5px; left: 43px; width: 32px; height: 32px; cursor: pointer; background: transparent url(../images/buttons/prev-vertical.png) no-repeat 0 0; }
.jcarousel-skin-tango .jcarousel-prev-vertical:hover { background-position: 0 -32px; }
.jcarousel-skin-tango .jcarousel-prev-vertical:active { background-position: 0 -64px; }
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical, .jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover, .jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active { cursor: default; background-position: 0 -96px; }

/***** How To */
#ht_container {
float: right; 
width: 300px; 
height: 140px;
border: 1px solid #cccccc;

-webkit-border-radius: .4em; 
    -moz-border-radius: .4em; 
     border-radius: .4em;
}
#ht_head {
background: #214c8b;
width: 99%; 
color: #ffffff;
text-align: center;
padding: 2px;
}
#ht_title {
width: 300px; 
color: #214c8b;
text-align: center;
padding: 2px;
}

/* End How To *****/
/* End Custom Skin */