/* Wristbands.com */

/* BASIC ELEMENTS
------------------------------------------------------------------------------------- */
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, caption { margin:0; padding:0; }

table, th, td { margin:0; }

html { min-height:100%; } /* add: margin-bottom:1px if you want scrollbar to always appear (avoids page shifting) */

body { margin:0; color:#3d5450; background:#fff; font:12px/14px arial, helvetica, sans-serif; }
/* General reset */
form, fieldset { margin:0; padding:0; border-style:none; }
img { border-style:none; vertical-align:top; }
input, select, textarea { vertical-align:middle; font:12px arial, helvetica, sans-serif; }

a { color:#008fc5; text-decoration:underline; }
a:visited { color:#008fc5; text-decoration:underline; }
a:hover {text-decoration:none;}


/* COMPONENTS (WIDGETS) - [  .component- ] 
------------------------------------------------------------------------------------- */

/* BUTTON STYLES - [  .btn- ] 
------------------------------------------------------------------------------------- */
/*
.btn { position:relative; display:block; text-decoration:none !important; cursor:pointer; }
.btn:hover { text-decoration:none !important; }
.btn span { position:absolute; top:0; left:0; display:block; }

.btn-name, .btn-name span { width:175px; height:30px; background:url(../images/bg-button.png) no-repeat 0 0; }  // Example:<a href="#" class="btn btn-name" title="Click here to ...">Button Text<span>&nbsp;</span></a>
*/

/* FORMS - [  .form- ] 
------------------------------------------------------------------------------------- */

/* LIST STYLES - [  .list- ] 
------------------------------------------------------------------------------------- */
.list-nobull li { list-style:none; }

/* TABLE STYLES - [  .tbl- ] 
------------------------------------------------------------------------------------- */


/* SHARED
------------------------------------------------------------------------------------- */
#wrapper { width:990px; position:relative; overflow:hidden; 	margin:0 auto; }

#header { width:100%; }
#header:after{ clear:both; content:""; display:block; }
#header .top-bar{ width:100%; height:59px; overflow:hidden; padding:18px 0 0; }
.inner #header .top-bar{ padding:18px 0 57px; }
#header .top-bar .logo{ margin:0; background:url(../images/logo.gif); width:345px; height:59px; overflow:hidden; text-indent:-9999px; float:left; }
#header .top-bar .logo a{ display:block; width:345px; height:59px; }
#header .top-bar ul{ margin:0; padding:14px 0 0 16px; list-style:none; float:left; }
#header .top-bar ul li{ float:left; background:url(../images/bull-top-bar.gif) no-repeat 0 3px; padding:0 10px; font-size:11px; line-height:13px; }
#header .top-bar ul li.account{ background:url(../images/bull-account.gif) no-repeat 0 2px; padding:0 10px 0 15px; }
#header .top-bar ul li.cart{ background:url(../images/bull-cart.gif) no-repeat 0 3px; padding:0 10px 0 15px; }
#header .top-bar ul li a{ color:#6d6e71; text-decoration:none; }
#header .top-bar ul li a:hover{text-decoration:underline;}
#header .top-bar .form{ float:left; padding:7px 0 0 31px; }
#header .top-bar .form .txt{ float:left; overflow:hidden; background:url(../images/bg-txt.gif); width:202px; height:25px; }
#header .top-bar .form .txt input{ font-size:14px; color:#9eaaba; border:0; background:none; padding:5px; width:192px; margin:0; float:left; }
#header .top-bar .form .btn{float:left;}

.bottom-bar{ width:100%; position:relative; }
.inner .bottom-bar{ position:absolute; top:77px; left:0; }
.bottom-bar:after{ clear:both; content:""; display:block; }
.bottom-bar .hold{ width:100%; overflow:hidden; }

.tabset{
	margin:0;
	padding:0;
	list-style:none;
	float:left;
	width:353px;
	overflow:hidden;
}
.tabset li{float:left;}
.tabset li a {
	text-indent:-9999px;
	display:block;
	height:57px;
	overflow:hidden;
	background:url(../images/bg-tabs.gif) no-repeat 0 0;
}
.tabset li .material{
	width:175px;
	background-position:0 0;
}
.tabset li .material:hover,
.tabset li:hover .material,
.tabset li.hover .material,
.tabset li.active .material{
	width:175px;
	background-position:0 -57px;
}
.tabset li .type{
	width:178px;
	background-position:-175px 0;
}
.tabset li .type:hover,
.tabset li:hover .type,
.tabset li.hover .type,
.tabset li.active .type{
	width:178px;
	background-position:-175px -57px;
}
.bottom-bar .box-btn{
	margin:0;
	padding:7px 13px 7px 19px;
	list-style:none;
	background:url(../images/bg-box-btn.gif) repeat-x;
	float:left;
	width:291px;
	overflow:hidden;
}
.bottom-bar .box-btn li{
	float:left;
	background:url(../images/bg-buttons.gif) no-repeat;
	overflow:hidden;
	margin:0 6px 0 0;
}
.bottom-bar .box-btn a{
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	width:91px;
	height:43px;
}
.bottom-bar .box-btn a.uses-for{background:url(../images/txt-uses-for-wristbands.gif) no-repeat 8px 8px;}
.bottom-bar .box-btn a.custom-wristbands{background:url(../images/txt-custom-wristbands.gif) no-repeat 8px 8px;}
.bottom-bar .box-btn a.web-specials{background:url(../images/txt-specials-online.gif) no-repeat 8px 8px;}
.bottom-bar .wrap{
	background:url(../images/bg-header-wrap.gif);
	width:275px;
	height:47px;
	overflow:hidden;
	float:left;
	padding:10px 0 0 39px;
}
.bottom-bar .wrap ul{
	float:left;
	margin:0;
	padding:0 3px 0 0;
	list-style:none;
}
.bottom-bar .wrap ul li{
	vertical-align:top;
	background:url(../images/bull-wrap.gif) no-repeat 0 8px;
	padding:0 20px 0 4px;
	font-size:12px;
	line-height:18px;
	font-weight:bold;
	white-space:nowrap;
}
.bottom-bar .wrap ul li a{
	color:#3d5450;
	text-decoration:none;
}
.bottom-bar .wrap ul li a:hover{text-decoration:underline;}
#page #header .bottom-bar .tab{
	width:950px;
	position:relative;
	overflow:hidden;
	padding:29px 0 37px 40px;
	background:#000 url(../images/bg-tabs-hold.gif) no-repeat;
}
.inner .bottom-bar .tab{
	position:absolute;
	left:0;
	top:57px;
	width:950px;
	overflow:hidden;
	padding:29px 0 37px 40px;
	background:#000 url(../images/bg-tabs-hold.gif) no-repeat;
	display:none;
}
.inner .bottom-bar .tabset .tab li a{
	display:inline;
	width:auto;
	height:auto;
	background:none;
	overflow:visible;
	text-indent:0;
}
.inner .bottom-bar li:hover .tab,
.inner .bottom-bar li.hover .tab{
	display:block;
}
.bottom-bar #tab1{
	border:solid #d9378c;
	border-width:2px 0;
}
.bottom-bar #tab2{
	border:solid #48b866;
	border-width:2px 0;
}
.tab .by-material{
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	background:url(../images/txt-by-material.png) no-repeat;
	height:48px;
	margin:0 0 10px;
}
.tab .by-type{
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	background:url(../images/txt-by-type.png) no-repeat;
	height:48px;
	margin:0 0 10px;
}
.tab .info{
	margin:0;
	padding:0;
	list-style:none;
	width:940px;
	overflow:hidden;
}
.tab .info li{
	float:left;
	width:158px;
	overflow:hidden;
	margin:0 30px 0 0;
}
#tab1 .info img{
	border:2px solid #d9368c;
	margin:0 0 8px;
}
#tab2 .info img{
	border:2px solid #96e803;
	margin:0 0 8px
}
.tab .info .head{
	background:url(../images/bg-head.png) no-repeat;
	height:25px;
	padding:14px 0 0 10px;
	overflow:hidden;
}
.tab .info .head strong{
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	height:14px;
}
.tab .tyvek{background:url(../images/txt-tyvek.gif) no-repeat;}
.tab .plastic{background:url(../images/txt-plastic.gif) no-repeat;}
.tab .vinyl{background:url(../images/txt-vinyl.gif) no-repeat;}
.tab .glitter{background:url(../images/txt-glitter.gif) no-repeat;}
.tab .silicone{background:url(../images/txt-silicone.gif) no-repeat;}
.tab .best-selling{background:url(../images/txt-best-selling.gif) no-repeat;}
.tab .high-security{background:url(../images/txt-high-security.gif) no-repeat;}
.tab .waterproof{background:url(../images/txt-waterproof.gif) no-repeat;}
.tab .stock-design{background:url(../images/txt-stock-design.gif) no-repeat;}
.tab .specialty{background:url(../images/txt-specialty.gif) no-repeat;}
.tab .info p{
	margin:0 0 10px;
	font-size:12px;
	line-height:14px;
}
#tab1 .info p a{color:#FFFFFF;}  /* changed from #d9368c to #FFFFFF by chriss */
#tab2 .info p a{color:#FFFFFF;}  /* changed from #96e803 to #FFFFFF by chriss */
.tab .arrow{
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	width:27px;
	height:14px;
	position:absolute;
	top:0;
}
#tab1 .arrow{
	background:url(../images/bg-arrow-red.gif);
	left:78px;
}
#tab2 .arrow{
	background:url(../images/bg-arrow-green.gif);
	left:250px;
}
#main {
	width:100%;
	overflow:hidden;
	padding:0 0 20px;
}
#main .top-box{
	overflow:hidden;
	background:url(../images/bg-top-box.gif) no-repeat;
	width:990px;
    height:48px;
	padding:0;
}
#main .top-box .why{
	float:left;
	padding:16px 0 0 11px;
}
#main .top-box .why strong{
	float:left;
	overflow:hidden;
	text-indent:-9999px;
	background:url(../images/txt-why.gif);
	width:51px;
	height:22px;
}
#main .top-box .why a{
	float:left;
	overflow:hidden;
	text-indent:-9999px;
	background:url(../images/txt-www-wristbands-com.gif);
	width:160px;
	height:14px;
}
#main .top-box .slide{
	padding:18px 48px 0 0;
	float:right;
	position:relative;
	width:700px;
}
#main .top-box .slide p{
	font-size:12px;
	line-height:14px;
	color:#3d5450;
	margin:0;
}
#main .top-box .slide strong{
	font-size:14px;
	color:#008fc5;
}
#main .top-box .slide .arrow-top{
	position:absolute;
	right:7px;
	top:5px;
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	background:url(../images/btn-top.gif);
	width:23px;
	height:19px;
}
#main .top-box .slide .arrow-bottom{
	position:absolute;
	right:7px;
	top:24px;
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	background:url(../images/btn-bottom.gif);
	width:23px;
	height:19px;
}
#main .visual{
	width:100%;
	overflow:hidden;
	padding:40px 0 0;
}
#main .visual .cont{
	width:721px;
	padding:0 0 0 9px;
	float:left;
	overflow:hidden;
}

/* Added by chriss on 20100830 to account for Wristband Info */
#main .wristband-info {margin:24px 0 24px 0; color:#666;}
#main .visual .banner{float:right;}
#main .visual .cont .most-popular{
	overflow:hidden;
	text-indent:-9999px;
	background:url(../images/txt-most-popular.gif);
	width:213px;
	height:17px;
	margin:0 0 15px;
}
#main .visual .items{ width:100%; overflow:hidden; margin:0; padding:0; list-style:none; }
#main .visual .items li{ float:left; width:120px; overflow:hidden; }
/*#main .visual .items li{ float:left; width:90px;}*/
/*#main .visual .items img{ border:1px solid #1ec2ff;} */
#main .visual .items img{ border:1px solid #1ec2ff; margin:0 0 6px; }
#main .visual .items a{ font-size:12px; line-height:16px; font-weight:bold; text-decoration:none; }
#main .visual .items a:hover{text-decoration:underline;}
#main .visual .cont .banner{float:right;}

#main .breadcrumbs{
	overflow:hidden;
	background:url(../images/bg-breadcrumbs.gif) no-repeat;
	width:982px;
	padding:0 0 0 8px;
	height:30px;
	border-bottom:1px solid #fff;
}
#main .breadcrumbs ul{
	width:100%;
	overflow:hidden;
	margin:0;
	padding:8px 0 0;
	list-style:none;
}
#main .breadcrumbs ul li{
	/* float:left; chriss: hiding style to correct cart navigation */
	display:inline;
	/* background:url(../images/bull-breadcrumbs.gif) no-repeat 0 3px;
	padding:0 7px 0 8px;
	margin:0 8px 0 -8px; */
}
#main .breadcrumbs ul li a{text-decoration:none;}
#main .breadcrumbs ul li a:hover{text-decoration:underline;}
#main .wrap{
	width:100%;
	overflow:hidden;
	background:url(../images/bg-main.gif);
}
#content {
	width:770px;
	overflow:hidden;
	float:right;
	padding:20px 0 0;
}
#content h2{
	font-size:22px;
	line-height:26px;
	margin:0 0 12px;
	font-weight:normal;
}
#content .selling{
	width:790px;
	overflow:hidden;
	padding:0 0 1px;
}

/* added by chriss on 20100830 to prevent hidden overlflow of table content*/
#content .selling table tr td{
	margin-right:12px;
	padding:0 0 1px;
}
/* end addition by chriss */


#content .selling ul{
	float:left;
	width:375px;
	overflow:hidden;
	padding:0 20px 0 0;
	margin:0;
	list-style:none;
}
#content .selling ul li{
	background:url(../images/bull.gif) no-repeat 0 5px;
	padding:0 0 8px 9px;
}
#content .selling ul li a{text-decoration:none;}
#content .selling ul li a:hover{text-decoration:underline;}
#content .elements{
	width:776px;
	overflow:hidden;
}
#content .elements .row{
	width:100%;
	overflow:hidden;
	padding:14px 0 0;
}
#content .elements .col{
	width:184px;
	margin:0 10px 0 0;
	float:left;
	background:url(../images/bg-box.gif) repeat-y -184px 0;
}
#content .elements .col .top{
	width:184px;
	background:url(../images/bg-box.gif) no-repeat;
}
#content .elements .col .bottom{
	width:172px;
	overflow:hidden;
	background:url(../images/bg-box.gif) no-repeat -368px 100%;
	padding:11px 6px 6px; /* changed bottom padding from 35px to 6px by chriss */
	min-height:220px;
	position:relative;
}
* html #content .elements .col .bottom{
	height:220px;
	overflow:visible;
}
#content .elements .col h3{
	font-size:14px;
	line-height:14px;
	color:#008fc5;
	min-height:28px;
	margin:0;
}

#content .elements .col h3 a{
/* added by chriss to remove link underlining in product grid*/
	text-decoration:none;
}
* html #content .elements .col h3{height:28px;}
#content .elements .col img{
	border:2px solid #008fc5;
	margin:5px 0 14px;
}
#content .elements .col .txt{
	width:100%;
	overflow:hidden;
	min-height:100px; /* added by chriss to adjust alignment of buttons */
}
#content .elements .col .txt .wide{
	float:left;
	font-style:normal;
}
#content .elements .col .txt .price{
	/* PSP pricing style -- see PDP price style below */
	font-style:normal;
	/*float:right;*/ /* chriss: temporairly hiding float for price alignment*/
	color:#CC0000;  /* chriss: changing color from #858e8c to #CC0000*/ 
	font-weight:bold;
	margin:0 0 4px;
}
#content .elements .col .txt .on-sale{
	font-style:normal;
	font-weight:bold;
	color:#ff2400;
	float:right;
	margin:0 0 1px;
}
#content .elements .col .txt .regularly{
	float:right;
	font-style:normal;
	color:#858e8c;
	margin:0 0 1px;
	white-space:nowrap;
}
#content .elements .col .txt dl{
	margin:0;
	padding:0;
	width:100%;
	overflow:hidden;
	float:left;
}
#content .elements .col .txt dl dt{
	display:inline;
	font-weight:bold;
}
#content .elements .col .txt dl dd{
	margin:0;
	display:inline;
}
#content .elements .col .view-now{
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	background:url(../images/btn-view-now.gif);
	width:172px;
	height:26px;
	position:absolute;
	bottom:6px;
	left:6px;
}
#content .elements .buyNow{
/* added by chriss to accomodate existing CMS 'buyNow' style (match to style 'view-now' above) */
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	background:url(../images/btn-view-now.gif);
	width:172px;
	height:26px;
	position:absolute;
	bottom:6px;
	left:6px;
}

#content .tytan{
	width:735px;
	overflow:hidden;
	border-bottom:1px solid #42b0da;
	margin:0 0 12px; /* chriss: changed bottom margin from 37px to 12px */
}
#content .tytan .cont{
	width:375px;
	float:left;
}
#content .tytan ul{
	margin:0;
	padding:0;
	list-style:none;
}
#content .tytan ul li{
	padding:0 0 8px 9px;
	background:url(../images/bull.gif) no-repeat 0 5px;
}
#content .tytan ul li a{text-decoration:none;}
#content .tytan ul li a:hover{text-decoration:underline;}
#content .tytan .items{
	padding:0 0 6px;
	border-bottom:1px solid #42b0da;
	margin:0 0 10px;
}
#content .tytan .info{padding:0 0 6px;}
#content .tytan .more{padding:0 0 20px;}
#content .tytan h3{
	font-size:16px;
	line-height:20px;
	margin:0 0 6px;
	font-weight:bold; /* chriss: changed from normal to bold */
	color:#6699CC;	/* chriss: added color */
}
#content .tytan .aside{
	width:330px;
	padding:0 10px 0 20px;
	float:right;
}

a:link{
	text-decoration:none; /* added by chriss */
}
a:hover{
	text-decoration:underline; /* added by chriss */
}

#content .tytan .aside p{margin:0 0 4px;}
#content .tytan .aside p a{text-decoration:none;}
#content .tytan .aside p a:hover{text-decoration:underline;}
#content .img{padding:0 0 0 20px;}
#content .form{ width:100%; overflow:hidden; padding:4px 0 0; }
#content .form .row{ width:725px; overflow:hidden; padding:0 0 0 10px; }
#content .form .col{ width:110px; float:left; overflow:hidden; padding:27px 0 0 10px; }
#content .form .col h4{ color:#008fc5; font-size:12px; line-height:14px; margin:0 0 3px; }
#content .form .col em{ font-style:normal; display:block; margin:0 0 6px; }
#content .form .col span{ width:108px; height:30px; display:block; overflow:hidden; text-indent:-9999px; border:1px solid #d1d1d1; margin:0 0 6px; }
#content .form .col .white{background:#fff;}
#content .form .col .blue{background:#1049ba;}
#content .form .col .yellow{background:#ffff30;}
#content .form .col .red{background:#f00;}
#content .form .col .orange{background:#ff6500;}
#content .form .col .black{background:#000;}
#content .form .col .lavender{background:#9a65ff;}
#content .form .col .goldenrod{background:#ffcf30;}
#content .form .col .cranberry{background:#cf0065;}
#content .form .col .gray{background:#9a9a9a;}
#content .form .col .day-glow-orange{background:#ff6530;}
#content .form .col .aqua{background:#65ffba;}
#content .form .col .day-glow-pink{background:#ff309a;}
#content .form .col .gold{background:#cf9a00;}
#content .form .col .teal{background:#087d7d;}
#content .form .col .txt{ display:block; background:url(../images/bg-txt2.gif); width:110px; height:22px; overflow:hidden; border:0; margin:0; }
#content .form .col .txt input{ color:#ababab; border:0; background:none; width:100px; padding:4px 0 4px 5px; float:left; margin:0; }
#content .form .btn{ margin:64px 0 0 13px; float:left; }


/* SIDEBAR
------------------------------------------------------------------------------------- */
#sidebar { width:180px; padding:25px 10px 0; float:left; overflow:hidden; }
#sidebar h3{ font-size:16px; line-height:20px; color:#3d5450; font-weight:normal; margin:0 0 6px; }
#sidebar ul{ width:100%; overflow:hidden; margin:0; padding:0 0 15px; list-style:none; }
#sidebar ul li{ width:100%; overflow:hidden; vertical-align:top; border-top:1px solid #e5e3e3; padding:7px 0 8px; 	margin:-1px 0 1px; }
#sidebar ul li a{ font-size:12px; line-height:14px; text-decoration:none; }
#sidebar ul li a:hover, #sidebar ul li.active a{color:#495f5b;}
#sidebar ul li a.activeSection{color:#495f5b;} /* added by chriss to accomodate existing CMS 'activeSection' style (match to style above) */


/* FOOTER
------------------------------------------------------------------------------------- */
#footer { width:100%; overflow:hidden; border-top:1px solid #e5e3e3; padding:28px 0; margin:20px 0 0 0; }
#footer .columns{ width:100%; overflow:hidden; }
#footer .columns .item{ width:640px; padding:0 0 0 10px; float:left; overflow:hidden; } /* changed from 320px and added FOOTER2 */
#footer .item .selecting{ overflow:hidden; text-indent:-9999px; background:url(../images/txt-selecting.gif) no-repeat; height:17px; margin:0 0 15px; }
#footer .item .ordering{ overflow:hidden; text-indent:-9999px; background:url(../images/txt-ordering.gif) no-repeat; height:17px; margin:0 0 7px; }
#footer .item h5{ color:#7e7e7e; font-size:14px; line-height:14px; margin:0; }
#footer .item h5 a{ color:#7e7e7e; text-decoration:none; }
#footer .item h5 a:hover{text-decoration:underline;}
#footer .item p{ font-size:12px; line-height:14px; margin:0 0 16px; color:#7e7e7e; }
#footer .item p a{text-decoration:none;}
#footer .item p a:hover{text-decoration:underline;}
#footer .item .phone{ display:block; overflow:hidden; text-indent:-9999px; background:url(../images/txt-phone.gif) no-repeat; height:32px; margin:-4px 0 9px; position:relative; }
#footer .item .icons{ width:100%; overflow:hidden; margin:0; padding:0; list-style:none; }
#footer .item .icons li{ float:left; padding:0 8px 0 0; }
#footer .item .icons .facebook{ display:block; overflow:hidden; text-indent:-9999px; background:url(../images/icon-facebook.gif); width:24px; height:36px; }
#footer .item .icons .twitter{ display:block; overflow:hidden; text-indent:-9999px; background:url(../images/icon-twitter.gif); width:23px; height:36px; }
#footer .item .icons .newsletter{background-color:red; display:block;}
#footer .item .icons a{ text-decoration:none; line-height:26px; }
#footer .item .icons a:hover{text-decoration:underline;}
#footer .item .banners{ margin:0 0 16px; padding:9px 0 0 2px; list-style:none; width:300px; overflow:hidden; }
#footer .item .banners li{ float:left; padding:0 7px 0 0; }
#footer .item .wristbands{ display:block; overflow:hidden; text-indent:-9999px; background:url(../images/home-page-small-wb-logo.gif); width:198px; height:34px; } /* chriss: changed image from 'txt-wristbands.com.jpg' to 'home-page-small-wb-logo.gif', width from 193 to 198, height from 27 to 34 */
#footer .item .hold{ width:100%; overflow:hidden; margin:-9px 0 19px; }
#footer .item .hold ul{ margin:0; padding:0; list-style:none; width:100%; overflow:hidden; }
#footer .item .hold ul li{ float:left; background:url(../images/bull-footer.gif) no-repeat 0 5px; padding:0 7px 0 8px; margin:0 8px 0 -8px; }
#footer .item .hold a{ font-size:12px; line-height:18px; text-decoration:none; }
#footer .item .hold a:hover{text-decoration:underline;}

/* FOOTER (revised by chriss on 20100830.  Reducing to 2 columns
------------------------------------------------------------------------------------- */
/*#footer { width:100%; overflow:hidden; border-top:1px solid #e5e3e3; padding:28px 0; margin:20px 0 0 0; }
#footer .columns{ width:100%; overflow:hidden; }*/
#footer .columns .right{ width:320px; padding:0 0 0 10px; float:left; overflow:hidden; } 
#footer .right .selecting{ overflow:hidden; text-indent:-9999px; background:url(../images/txt-selecting.gif) no-repeat; height:17px; margin:0 0 15px; }
#footer .right .ordering{ overflow:hidden; text-indent:-9999px; background:url(../images/txt-ordering.gif) no-repeat; height:17px; margin:0 0 7px; }
#footer .right h5{ color:#7e7e7e; font-size:14px; line-height:14px; margin:0; }
#footer .right h5 a{ color:#7e7e7e; text-decoration:none; }
#footer .right h5 a:hover{text-decoration:underline;}
#footer .right p{ font-size:12px; line-height:14px; margin:0 0 16px; color:#7e7e7e; }
#footer .right p a{text-decoration:none;}
#footer .right p a:hover{text-decoration:underline;}
#footer .right .phone{ display:block; overflow:hidden; text-indent:-9999px; background:url(../images/txt-phone.gif) no-repeat; height:32px; margin:-4px 0 9px; position:relative; }
#footer .right .icons{ width:100%; overflow:hidden; margin:0; padding:0; list-style:none; }
#footer .right .icons li{ float:left; padding:0 8px 0 0; }
#footer .right .icons .facebook{ display:block; overflow:hidden; text-indent:-9999px; background:url(../images/icon-facebook.gif); width:24px; height:36px; }
#footer .right .icons .twitter{ display:block; overflow:hidden; text-indent:-9999px; background:url(../images/icon-twitter.gif); width:23px; height:36px; }
#footer .right .icons .newsletter{ display:block; overflow:hidden; text-indent:-9999px; background:url(../images/getNews.jpg); width:25px; height:37px; }
#footer .right .icons a{ text-decoration:none; line-height:26px; }
#footer .right .icons a:hover{text-decoration:underline;}
#footer .right .banners{ margin:0 0 16px; padding:9px 0 0 2px; list-style:none; width:300px; overflow:hidden; }
#footer .right .banners li{ float:left; padding:0 7px 0 0; }
#footer .right .wristbands{ display:block; overflow:hidden; text-indent:-9999px; background:url(../images/home-page-small-wb-logo.gif); width:198px; height:34px; } /* chriss: changed image from 'txt-wristbands.com.jpg' to 'home-page-small-wb-logo.gif', width from 193 to 198, height from 27 to 34 */
#footer .right .hold{ width:100%; overflow:hidden; margin:-9px 0 19px; }
#footer .right .hold ul{ margin:0; padding:0; list-style:none; width:100%; overflow:hidden; }
#footer .right .hold ul li{ float:left; background:url(../images/bull-footer.gif) no-repeat 0 5px; padding:0 7px 0 8px; margin:0 8px 0 -8px; }
#footer .right .hold a{ font-size:12px; line-height:18px; text-decoration:none; }
#footer .right .hold a:hover{text-decoration:underline;}

/* CAROUSEL
------------------------------------------------------------------------------------- */
.carousel-items { margin:0 0 0 30px; padding:0; width:100%; }
.carousel-items ul { position:relative; margin:2px 0 0 0; padding:0; list-style:none; }
.carousel-items li { margin:0; padding:0; width:100px; float:left; display:inline; font-size:1.1em; line-height:1.4em; }
.carousel-items li a { font-weight:bold; text-decoration:none; }
.carousel-items li a:hover { text-decoration:none; }

.carousel-items .jcarousel-clip { position:relative; margin:0; padding:0; overflow:hidden !important; z-index:2; }
.carousel-items .jcarousel-prev  { width:23px; height:19px; display:block; cursor:pointer; }
.carousel-items .jcarousel-next  { width:23px; height:19px; display:block; cursor:pointer; }

/* Case Studies - Carousel 
Specific Instance styles here (may be other carousels on the page)
*/
#casestudies-carousel { position:relative; margin:10px 0 0; padding:0 0 30px; width:330px; }

#casestudies-carousel .jcarousel-clip { width:330px; }
#casestudies-carousel .jcarousel-clip li { width:330px; }
#casestudies-carousel .jcarousel-prev { position:absolute; bottom:0; left:0; background:url(../images/bg-carousel.png) no-repeat 0 0; }
#casestudies-carousel .jcarousel-prev-disabled { background-position:0 -18px; }
#casestudies-carousel .jcarousel-next { position:absolute; bottom:0; left:22px; background:url(../images/bg-carousel.png) no-repeat -18px 0; }
#casestudies-carousel .jcarousel-next-disabled { background-position:-18px -18px; }

/* Case Studies - Carousel */
#news-carousel { position:relative; margin:0px 0 0 0; padding:0; width:768px; float:right; display:inline; } /* changed margin from 6px to 0px by chriss to adjust for wrapped (2) line entries */
#news-carousel .jcarousel-clip { margin:7px 0 0 0; width:710px; height:42px; } /* changed height from 21px to 42px by chriss to adjust for wrapped (2) line entries */
#news-carousel .jcarousel-clip li { position:relative; width:700px; margin:0px 0 4px 0; } /* changed width from 720px to 700px by chriss to adjust for wrapped (2) line entries */
#news-carousel .jcarousel-prev { position:absolute; top:0px; left:738px; background:url(../images/bg-carousel2.png) no-repeat -23px 0; }
#news-carousel .jcarousel-prev-disabled { background-position:-36px -18px; }
#news-carousel .jcarousel-next { position:absolute; top:19px; left:738px; background:url(../images/bg-carousel2.png) no-repeat 0px 0; }
#news-carousel .jcarousel-next-disabled { background-position:-54px -18px; }


/* MISC. CLASSES & IDS
------------------------------------------------------------------------------------- */
#skip { display:none; }
.show { display:block; }
.hide { display:none; }
.clear { clear:both; }
br.clear { line-height:0; height:0; }
.last { border:none !important; }
.col { float:left; display:inline; }
.title { display:none; }

.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
/* PLEASE LEAVE BOTH THESE LINES, FIX FOR IE7 */
.clearfix { display:inline-block; }
.clearfix { /*\*/display:block;/**/ }

/* FIX FOR PWP RETYPE PASSWORD STYLING  */
.PWPRetypePromptText { display:block; }

/* ADD THIS CLASS TO AN ELEMENT TO FIX THE IE ITALICS BUG,
MUST BE THE INNER-MOST BLOCK-LEVEL ELEMENT THAT CONTAINS THE TEXT LIKE p, blockquote OR li
MAY REQUIRE A MORE DIRECT PATH TO THE ELEMENT */
* html .italicsfix { /*\*/overflow:hidden; o\verflow:visible; width:100%; w\idth:auto; he\ight:1%;/**/ }

.floatleft { float:left; }
.floatright { float:right; }

img.floatleft { margin:0 10px 5px 0; }
img.floatright { margin:0 0 5px 10px; }

/* SPAN STYLES MAINLY ADDED FOR IE PNGFIX SUPPORT. PNGFIX REPLACES THE <IMG> WITH <SPAN> */
span.floatleft { margin:0 10px 5px 0; }
span.floatright { margin:0 0 5px 10px; }


/* ********************************************************************************************************************************* */
/* STYLES ADDED HERE ARE CUSTOMIZED BY PDC (chriss)
/* ********************************************************************************************************************************* */
/* Product Group Photo - The main photo area on the page */

#ProductGroupPhoto {
	float: right;
	position: relative;
	/*width:300px;*/
	/*height:180px;*/
	margin: 0px 0px 8px 8px;
	padding: 0px 0px 8px 8px;
	text-align:right;
}

/* ********************************************************************************************************************************* */
/* Quantity Input Textboxes */
.qty {
	background-color:#FFFFFF;
	background: url(../images/qty.jpg) no-repeat left;
	margin: 4px 0px 0px 0px;
	padding-left:24px;
	border:1px solid #999999;
	width:82px;
}

/* ********************************************************************************************************************************* */
/* Serial Number Input Textboxes */
.ssn {
	background-color:#FFFFFF;
	background: url(../images/serial-number.jpg) no-repeat left;
	padding-left:24px;
}

/* ********************************************************************************************************************************* */
/* Duplicate style for search-results.html */
/*.txt{ float:left; overflow:hidden; background:url(../images/bg-txt.gif); width:202px; height:25px; }*/


/* ********************************************************************************************************************************* */
/* Alert Text for Special Instructions, etc. */
.alert {
	color:#FF0000;
	font-weight:bold;
}

/* ********************************************************************************************************************************* */
/* Color Swatches */

.swatch {
	padding: 2px;
	border: 1px solid #999999;	
}

.price {
/* PDP pricing --see price style above for PSP pages */
	color:#CC0000;
}

/* Orderable Products - Table with part numbers, color names, color swatches, and quantity boxes */
#orderable {
	margin-bottom:32px;
}

/* ********************************************************************************************************************************* */
/* the company.css is also used for the 'cart' subdirectory */
/* these styles are specific to the cart pages */
.cart_frame{
	border: 1px solid #999999;
}
.cart_image{
	background-color:#5DBED1;
}
.cart_bar{
	background-color:#b7ecff;
	text-align: left;
}

.cart_headline{
	font-size: 12px;
	font-weight: bold;
}

a.cart_help {
	font-size: 9pt;	
	
}

.cart_required {
/* font size and color removed as they are not required */
}

.cart_text{
	font-size: 9pt;	
}

.cart_text ol {
/* added by chriss for wristbands.com to correct cart <ol> item spacing */
	margin-left:24px;
	padding:12px;
}

.cart_text p {
/* added by chriss for wristbands.com to correct cart <ol> item spacing */
	margin-bottom:12px;
}

.cart_legend {
	background-color: #FFFFFF;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
	font-size: 9pt;
	font-weight: bold;
}

.cart_totals {
	background-color: #FFFFFF;
	font-size: 9pt;
	font-weight: bold;
}
.cart_row {
	background-color: #FFFFFF;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #e6e6e6;
	border-right-color: #e6e6e6;
	border-bottom-color: #e6e6e6;
	border-left-color: #e6e6e6;
	font-size: 9pt;
}
.cart_rowalt {
	background-color: #EEEEEE;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
	font-size: 9pt;
}

.insetRight {
	float: right;
	position: relative;
	margin: 0px 0px 8px 8px;
	padding: 0px 8px 8px 8px;
	width:200px;
}

a.updateCart {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:8pt;
	text-decoration:none;
	padding-left:150px;
	padding-right:150px;
	padding-top:16px;
	padding-bottom:16px;
	height: 34px;
	width: 300px;
	background-position: center center;
	background-repeat: no-repeat;
	font-weight:bold;
}

a.updateCart {
	background-image:url(../images/update-cart-button.jpg);
	color:#008FC5;
}

/* Mimicing the content > selling class to create a standard, 1 column format. */
#content .none{
	width:790px;
	overflow:hidden;
	padding:0 0 1px;
}
#content .none ul{
	float:none;
	width:776px;
	padding:0 20px 0 0;
	margin:0;
	list-style:none;
}
#content .none ul li{
	background:url(../images/bull.gif) no-repeat 0 5px;
	padding:0 0 8px 9px;
}
#content .none ul li a{text-decoration:none;}
#content .none ul li a:hover{text-decoration:underline;}
#content h3 {
	margin-bottom:12px;
	margin-top:12px;
}

/* ********************************************************************************************************************************* */
/* CMS Edit options */
.cms {
	z-index:400;
	background-color:#CCC;
	width:200px;
	height:100px;
	position:relative;
	top:12px;
	left:752px;
	border:1px solid #FFF;
	padding:4px;
}
.cms form {
	margin:0px;	
}