@charset "utf-8"; 
/* CSS Document */
body{font-family:"Times New Roman",Times,serif; font-size:17px; color:#555; text-align:justify; width:100%; margin:0 auto; background:#fff}
a:link, a:visited{text-decoration:underline; color:#666}
a:hover{text-decoration:underline; color:#09F}
a:active{text-decoration:none; color:#888}

/* BEGIN Promo Stuff - Can be used at the very top to promote something specific*/
#rainbow{text-align:left; width:830px; text-align:center; padding-top:5px; margin:0 auto; padding-bottom:10px}

/* END Promo Stuff */
/* BEGIN Document */
#wrapper{margin:0px auto; height:100%; width:980px; padding:0px 20px 20px 20px; display:block}
#main{width:auto; margin:0 auto; float:left; margin-bottom:25px; height:auto; position:relative; top:20px}
#text{margin-bottom:20px; padding:0; height:auto; display:inline; text-decoration:none; text-align:left}
h1{font-size:32px; line-height:32px; float:left; font-weight:normal; font-family:Arial, Helvetica, sans-serif; margin-bottom:5px; letter-spacing:.2px; color:#333;position:relative;}

h1 img{position:absolute;left:0;}
body#photos h1{height:60px;}
h1.hidden{display:none}
h2{clear:left; font-size:22px; text-align:left; margin-bottom:7px; font-family:Arial; font-weight:normal; color:#333}
h2 a, h2 a:visited{font-size:24px; line-height:28px; text-align:left; margin-bottom:7px; font-weight:normal; color:#333}
.subtitle{font-size:22px; text-align:left; margin-bottom:7px; font-weight:normal; color:#333}
.normal-text{font-size:18px; color:#999; font-family:Arial, Helvetica, sans-serif;letter-spacing:0; text-align:justify; line-height:26px}
.normal-text a, .normal-text a:visited{text-decoration:underline; color:#09F}
.normal-text a:hover{color:#FAAFBA}
.clearfloat{clear:both};
.small{font-size:10px;}
.floatright{float:right; margin:-50px 0 0 20px;}
.frise-xmas{background:url(http://ubenice.com/_images/frise-xmas.gif) repeat-x}

/* END Document */
/* BEGIN Header*/
#header, #header h2{width:100%; font-size:10px;height:auto; margin:-15px 0 15px 5px; position:relative; float:left;}
.logo, .logo a{margin:0;float:left;font-size:10px;border:none;text-decoration:none}
h2.logo, h2.logo a{font-size:10px;}
.logo img{left:0;position:absolute;top:-8px;}
.tag-line {color:#777; position:relative; font-family:"Times New Roman", Times, serif;left:20px; top:25px; font-size:14px; line-height:16px; letter-spacing:2px}
.tag-line  a, .tag-line  a:visited{color:#777; !importanttext-decoration:underline; !important}
.tag-line  a:hover{color:#09F; text-decoration:underline}
/* END Header */

/* BEGIN Newsletter Top*/
#bg-newsletter{background:url(http://ubenice.com/_images/bg_newsletter.gif) no-repeat; float:right;height:57px;width:400px;}
#newsletter-form {font-size:17px;margin-right:48px;margin-top:5px;text-align:right;}
.newsletter-form a, .newsletter-form a:visited{font-weight:bold;color:#2C95B5; text-decoration:none;}
.newsletter-form a:hover{text-decoration:underline;color:#2C95B5; }
/* END Newsletter Top */

/* BEGIN Share Bar */
.share-bar{color:#2C95B5;float:right;font-family:arial;font-size:10px;margin:5px 0 0;position:relative;text-transform:uppercase;width:226px;}
/* END Share Bar */

/* BEGIN New Size Chart */
.size-chart-product{width:710px;float:left;font-family:arial;font-size:10px;position:relative;text-transform:uppercase;}
#slidingDiv{display:none;text-transform:none;}
#slidingDiv img{float:left;}
.open-size-chart a{outline:none;text-decoration:none;}
.close-size-chart a{outline:none;text-decoration:none;margin-left:625px;color:#999;}
.close-size-chart a:hover{color:#000;}
.size-charts{float:right;font-size:13px;padding:0 0 0 10px;text-transform:none;width:368px;}
.size-charts-txt{margin:12px 0 10px 0;font-weight:bold;}
.sz-left{float:left}
.sz-right{float:right}
table{border-collapse:collapse;border-spacing:0;}
#slidingDiv thead, #sizechart-page thead{font-weight:bold}
#slidingDiv th, #sizechart-page th{font-weight:normal; color:#666; padding:10px 8px; border-bottom:2px solid #999}
#slidingDiv td, #sizechart-page td{text-align:center; width:30px; color:#666; padding:6px 8px}
#slidingDiv tbody tr:hover td, #sizechart-page tbody tr:hover td{color:black;}
#slidingDiv table, #slidingDiv th, #slidingDiv td, #sizechart-page table, #sizechart-page th, #sizechart-page td{border:1px solid #eee;}
/* END New Size Chart */


/* BEGIN Navigation */
#nav{}
.nav a, .nav a:visited{outline:none}
ul#nav{clear:both;height:70px;list-style-type:none;position:relative;top:15px;}
ul#nav li a, ul#nav li a:visited{position:absolute; top:0; text-indent:-9000px; text-decoration:none; padding:90px 0 0 0; *padding:0; overflow:hidden; height:0px !important; *height:90px; 
/* IE5/Win */ background:transparent url(http://ubenice.com/_images/nav.png) no-repeat}
img#wp-stats{display:none;}
body#our-shirts li#our-shirts a, body#our-shirts li#our-shirts a:visited{background-position:0 -180px; width:175px; left:220px;}
body#our-shirts li#our-little-company a, body#our-shirts li#our-little-company a:visited{background-position:-175px 0px; width:280px; left:415px}
body#our-shirts li#our-little-company a:hover{background-position:-175px -90px; width:280px; left:415px}
body#our-shirts li#news a, body#our-shirts li#news a:visited{background-position:-455px 0; width:120px; left:715px}
body#our-shirts li#news a:hover{background-position:-455px -90px; width:120px; left:715px}

body#our-little-company li#our-shirts a, body#our-little-company li#our-shirts a:visited{background-position:0 0px; width:175px; left:220px;}
body#our-little-company li#our-shirts a:hover{background-position:0 -90px}
body#our-little-company li#our-little-company a, body#our-little-company li#our-little-company a:visited{background-position:-175px -180px; width:280px; left:415px}
body#our-little-company li#news a, body#our-little-company li#news a:visited{background-position:-455px 0px; width:120px; left:715px}
body#our-little-company li#news a:hover{background-position:-455px -90px; width:120px; height:10px; left:715px}

body#other li#our-shirts a, body#other li#our-shirts a:visited{background-position:0 0px; width:175px; left:220px;}
body#other li#our-shirts a:hover{background-position:0 -90px}
body#other li#our-little-company a, body#other li#our-little-company a:visited{background-position:-175px 0px; width:280px; left:415px}
body#other li#our-little-company a:hover{background-position:-175px -90px; width:280px; left:415px}
body#other li#news a, body#other li#news a:visited{background-position:-455px 0; width:120px; left:715px}
body#other li#news a:hover{background-position:-455px -90px; width:120px; left:715px}

body#home li#our-shirts a, body#home li#our-shirts a:visited{background-position:0 0px; width:175px; left:220px;}
body#home li#our-shirts a:hover{background-position:0 -90px}
body#home li#our-little-company a, body#home li#our-little-company a:visited{background-position:-175px 0px; width:280px; left:415px}
body#home li#our-little-company a:hover{background-position:-175px -90px; width:280px; left:415px}
body#home li#news a, body#home li#news a:visited{background-position:-455px 0; width:120px; left:715px}
body#home li#news a:hover{background-position:-455px -90px; width:120px; left:715px}

/* ShoppingCart  same as above*/
body li#our-shirts a, body li#our-shirts a:visited{background-position:0 -180px; width:175px; left:220px;}
body li#our-little-company a, body li#our-little-company a:visited{background-position:-175px 0px; width:280px; left:415px}
body li#our-little-company a:hover{background-position:-175px -90px; width:280px; left:415px}
body li#news a, body li#news a:visited{background-position:-455px 0; width:120px; left:715px}
body li#news a:hover{background-position:-455px -90px; width:120px; left:715px}
body li#our-store a, body li#our-store a:visited{background-position:-805px -90px; width:120px; left:855px; }
body li#our-store a:hover{background-position:-805px 0px; width:120px; left:855px; top:-2px}
/* ShoppingCart */

/* Blog */
body#news li#our-shirts a, body#news li#our-shirts a:visited{background-position:0 0px; width:175px; left:220px;}
body#news li#our-shirts a:hover{background-position:0 -90px}
body#news li#our-little-company a, body#news li#our-little-company a:visited{background-position:-175px 0px; width:280px; left:415px}
body#news li#our-little-company a:hover{background-position:-175px -90px; width:280px; left:415px}
body#news li#news a, body#news li#news a:visited{background-position:-455px -180px; width:120px; left:715px}
/* Blog */

/* END Navigation */

/* BEGIN Sitemap Page */
.sitemap{line-height:28px; font-size:16px; letter-spacing:1px; font-weight:normal}
.sitemap a, .sitemap a:visited{text-decoration:none; font-weight:normal; color:#777}
.sitemap a:hover{color:#09F; text-decoration:underline}
.sitemap li{list-style:circle}
.sitemap li ul li{list-style:circle}

/* END Sitemap Page CSS */
/* BEGIN Homepage */
#intro-shirts{width:490px; height:330px; float:left; margin-bottom:12px; position:relative;}
.hi{ background:#fff; -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; -moz-box-shadow:0 4px 5px #C8C8C8; border:1px solid #E5E5E5; float:left; font-weight:normal; margin:0 0px 20px 0; padding:10px; position:relative; text-align:center;}
#hrr{width:262px; float:right;}
.hrr{-moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; -moz-box-shadow:0 4px 5px #C8C8C8; border:1px solid #E5E5E5; float:left; font-weight:normal; margin:0 0 25px 0; padding:5px; position:relative; text-align:center;}
.hrr-text, .hrr-text-1{float:left;font-size:15px;margin:0 0 5px 0;position:relative;font-family:Arial, Helvetica, sans-serif;}
.hrr-text h2{width:250px;height:65px;margin:0;}
.hrr-text-1 h2{width:250px;height:76px;margin:0;}
.hrr-text h2 img, .hrr-text-1 h2 img{position:absolute;left:0;}
.hrr-text a, .hrr-text-1 a{text-decoration:none;}
#flash-new-shirts{margin-top:5px;float:left;}
/* END Homepage */

/* BEGIN About Us Page */
#about-us-lead{float:right; margin:0 0 30px 30px; border:#333 solid 3px; line-height:13px; font-size:10px; position:relative; top:23px}
/* END About Us Page */

/* BEGIN Pridefest Elements */
#pridefest-lead{float:right; margin-left:15px; border:none; line-height:13px; font-size:10px}
.pridefest-hp-promo{float:right; color:white; border:none; font-size:36px; margin-bottom:20px; width:330px; height:175px; text-align:center}
/* END Pridefest Elements */

/* BEGIN Photos Elements */
.photos-block{float:left; position:relative; margin:0 auto; width:100%; clear:both; display:block}
.border-photos{-moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; -moz-box-shadow:0 4px 18px #C8C8C8; border:1px solid #E5E5E5; font-weight:normal; margin-left:8px; padding:16px 16px 40px; width:200px; margin-bottom:30px}
#navigation-photos{margin:0 auto; width:100%}
.navigation-photos{float:left; line-height:25px; font-size:20px; text-align:left; margin:0 auto; text-align:center}

.navigation-photos-main{-moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; -moz-box-shadow:0 4px 18px #C8C8C8; border:1px solid #E5E5E5; float:left; font-size:12px; font-weight:normal; line-height:14px; margin:0 20px 20px 0; padding:15px 15px 20px; position:relative; text-align:center; width:250px;}
.navigation-photos-main a img {border:none; float:left; position:relative; width:250px; }
.link-1, .link-2{margin:0; position:relative; top:8px;}

.photo{-moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; -moz-box-shadow:0 4px 18px #C8C8C8; border:1px solid #E5E5E5; float:left; font-weight:normal; margin:0 10px 30px; padding:8px 5px 30px; position:relative; text-align:center; width:30%;}
.video{-moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; -moz-box-shadow:0 4px 18px #C8C8C8; border:1px solid #E5E5E5; float:left; font-weight:normal; margin:0 10px 30px; padding:8px 5px 30px; position:relative; text-align:center; width:36%;}
.photo a img{width:290px; border:none; }
.photos-text{top:13px; position:relative; margin:0; }
.thumbs-overflow{height:141px;overflow:hidden;}

.back-to-top{font-size:10px; text-align:right; width:100%; clear:both; position:relative; float:left}
.div{border-bottom:1px dotted #ccc; height:1px; position:relative; float:left; clear:both; margin:0; width:100%}
h1.photos{float:left; position:relative; text-align:center; width:100%; margin-bottom:30px}
/* END Photos Elements */

/* BEGIN Shirts Display Homepage*/
#intro-home, #intro-home a{font-family:Arial, Helvetica, sans-serif; font-size:28px;color:#ccc;margin:0 10px 30px;}
#shirts-homepage{width:700px; float:left;}
.indiv-shirt-left{background:url(http://ubenice.com/_images/bg-shirts.gif) no-repeat;width:333px; margin:0 0 40px 0; float:left}
.indiv-shirt-middle{background:url(http://ubenice.com/_images/bg-shirts.gif) no-repeat;width:333px; margin:0 40px 40px 20px; float:left}
.indiv-shirt-right{background:url(http://ubenice.com/_images/bg-shirts.gif) no-repeat;width:333px; margin:0 0 40px 20px; float:left}
.border-image a, .border-image a:hover{float:left;width:310px; height:310px;margin:2px 12px;outline:none;}
.specs-image{border:none;text-decoration:none;width:310px;}
.s-name {float:left;position:relative;text-align:center;top:-15px;width:100%;}
.s-name a{color:#ccc;font-size:13px;font-family:Arial, Helvetica, sans-serif;padding:2px 10px;font-weight:bold;text-decoration:none; -moz-border-radius-bottomright:5px; -moz-border-radius-bottomleft:5px;}
.s-name a:hover{color:#09f; text-decoration:underline;}
.s-price{background:transparent url(../_images/s-price-cloud.gif) no-repeat scroll 0 0;color:white;float:left;font-family:arial;font-size:18px;height:35px;margin:-306px 0 0 0px;padding:8px 12px;position:relative;width:45px;}
/* END Shirts Display Homepage*/


/* BEGIN Shirts Display */
#gallery{padding:1em; margin:0 0 15px 0}
#shirts{width:685px; padding-left:5px; border:none; float:left; position:relative; text-decoration:none}
body#home #shirts, body#our-shirts #shirts{width:500px}
body#productinfoBody #shirts{width:100%; padding-left:5px; border:none; text-decoration:none; border-top:1px dotted #999; position:relative; float:left; margin-top:20px}
.shirts a, .shirts a:visited{font-size:16px; text-decoration:underline; color:#444; text-align:center; border:none}
.shirts a:hover{text-decoration:underline; color:#09F; border:none}
#placeholder{border:#333 solid 5px; margin-right:15px; margin-top:10px; width:400px}
.shirt-square{width:157px; height:200px; margin-right:5px; margin-bottom:10px; float:left}
.more-shirts-main .shirt-square{width:115px; height:auto; margin-left:6px}
.column-shirts{float:left; width:157px; height:142px; background:url(http://ubenice.com/_images/thumb-bg.jpg); text-align:left}
.column-shirts-clearance{float:left; width:157px; height:142px; background:url(http://ubenice.com/_images/clearance_thumb.gif); text-align:left}
.clearance{font-size:24px; line-height:28px; color:#666; padding:30px 0 30px 0}
.more-shirts-main .column-shirts{background:white; height:auto}
.photo-thumb{border:none; width:130px; height:105px; padding:10px}
.more-shirts-main .photo-thumb{border:none; width:100px; padding:3px; border:2px solid #c8e2ea; height:auto}
.text-thumb{width:150px; text-align:left}
.more-shirts-main .text-thumb{width:113px; height:170px; text-align:left}
.text-thumb .shirt-name, .text-thumb .shirt-name a, .text-thumb .shirt-name a:visited{text-decoration:none; color:#888; font-size:10px; line-height:14px}
.text-thumb .shirt-name a:hover{color:#09F;}
.text-thumb .shirt-type{font-size:16px; line-height:20px; color:#888}
.text-thumb .shirt-price{background:#C8E6F1; color:#666666; font-size:17px; line-height:20px; padding:0 2px;}
.shirt-price-clearance{font-size:16px; line-height:20px; color:red}
/* END Shirts Display */

/* BEGIN Small Shirts Display */
#shirts-small{width:100%; padding-left:5px; border:none; text-decoration:none}
body#productinfoBody #shirts-small{width:100%; padding-left:5px; border:none; text-decoration:none; border-top:1px dotted #999; position:relative; float:left; margin-top:30px; padding-top:10px}
.shirts-small a, .shirts-small a:visited{font-size:16px; text-decoration:underline; color:#444; text-align:center; border:none}
.shirts-small a:hover{text-decoration:underline; color:#09F; border:none}
#shirts-small .shirt-square{height:150px; width:115px; margin-bottom:10px; float:left}
#shirts-small .column-shirts{float:left; background:url(http://ubenice.com/_images/thumb-bg-small.jpg) no-repeat; height:100px; width:130px}
#shirts-small .photo-thumb{border:none; width:91px; height:73px; padding:9px}
#shirts-small .text-thumb{width:110px; font-size:11px; text-align:center}
/* END Small Shirts Display */

/* Shirt Pages (old ones) */
.price-shirt{font-size:36px; font-weight:normal; color:red}
.buy-button a, .buy-button a:visited{font-size:16px; text-transform:uppercase; text-decoration:underline; color:red}
.buy-button a:hover{text-decoration:underline; color:white; background:red}
.detail-shirt{font-size:20px; line-height:24px; color:#777}
.view-shirt{width:400px; height:auto; margin-bottom:30px; float:left}
.describe-shirt{width:380px; margin-top:0px; float:right}
#thumbnails{text-decoration:none; margin-top:5px; margin-bottom:5px}
.thumbnails{border:#333 2px solid; height:118px}
.thumbnails a:hover{border:red 2px solid}
/* END Shirt Page (old) */

/* BEGIN more shirts module */
.more-shirts{margin:0 auto; clear:both}
.more-shirts-container{float:left; margin-top:50px; margin-bottom:30px}
.more-shirts-main{}
.more-shirts-header{float:left; font-size:20px; height:80px; color:#09F; margin-bottom:10px; border-top:4px solid purple; border-bottom:4px solid purple; width:380px}
/* END more shirts module */

/* BEGIN Size Chart */
.oce-first{border-right:10px solid transparent; border-left:10px solid transparent; width:150px; text-align:left}
#size-chart{font-size:14px; position:relative; top:10px; width:100%; border-collapse:collapse; text-align:left}
#size-chart thead{font-size:16px; font-weight:bold}
#size-chart th{font-size:14px; font-weight:normal; color:#666; padding:10px 8px; border-bottom:2px solid #999}
#size-chart td{border-bottom:1px solid #ccc; border-left:1px solid #ccc; text-align:center; width:80px; color:#666; padding:6px 8px}
#size-chart tbody tr:hover td{color:#09f; font-weight:bold}
/* END Size Chart */

/* BEGIN Binary Code Table*/
.oce-first{border-right:10px solid transparent; border-left:10px solid transparent; width:150px; text-align:left}
#binary-code{position:relative; font-size:16px; width:350px; color:#333; border-collapse:collapse; text-align:left; float:left; margin:0 25px 50px}
#binary-code thead{font-size:28px}
#binary-code th{font-size:16px; font-weight:normal; color:#666; padding:10px 8px; border-bottom:2px solid #999}
#binary-code td{border-bottom:1px solid #EAEAEA; border-left:1px solid #EAEAEA; text-align:center; color:#666; padding:8px 10px}
#binary-code tbody tr:hover td{color:blue; font-size:24px; background:#F7F7F7}
.promote-queer{float:right; width:340px; margin:10px 60px 20px 0;}
.promote{float:left; width:130px; font-size:23px; line-height:26px; text-align:left; margin-top:40px;}
.queer{float:right;}

/* END Binary Code Table */
/* BEGIN Footer */
#footer{width:100%; margin:1000px; background:url(http://ubenice.com/_images/footer-top-wide.gif) transparent top center no-repeat; margin:0 auto; height:415px; float:left;position:relative;top:40px;}
#footer-background{margin:0 auto; height:230px; width:990px; line-height:15px; padding:20px; padding-left:20px}
.footer{font-size:11px; color:#999}
.footer a, .footer a:visited{color:#2C95B5; text-decoration:none}
.footer a:hover{text-decoration:underline}
.copyrights{clear:both; color:#999; letter-spacing:1px; font-size:11px; text-align:center; margin:0 auto; padding-bottom:20px; width:990px}
.note{clear:both; color:#999; letter-spacing:1px; font-size:11px; margin:0 auto; padding-bottom:20px; width:990px; text-align:left}
.footer-menu, 
.footer-menu ul{margin:0; padding:0; position:relative; left:auto; letter-spacing:1px; line-height:15px; list-style-type:none; }
.footer-menu li{margin:0 15px 0 0; padding:0; list-style-type:none; float:left; display:inline; font-weight:bold; background:none; position:relative; width:150px}
.footer-menu li ul{margin:0.5em 0 2em 0}
.footer-menu ul li{float:none; font-size:13px; text-align:left; margin:0; font-weight:normal; display:block; width:auto}
.newsletter-cta{float:left; margin:30px 0 40px 20px; width:916px; letter-spacing:1.5px; color:#555; line-height:31px; text-align:justify; font-size:14px; height:87px}
.newsletter-cta-big{text-align:left; font-size:24px}
.newsletter-module{position:absolute; background:#C8E2EA;height:40px;}

/* END Footer */

/*. Shopping Cart Small Everywhere*/
#navMain {float:left; width: 33%;}
#navMainCartSummary {display:none;float:left;font-size:11px;margin-top:8px;text-align:right;width:640px;}
.navMainSearch {float:left;width: 31%;padding-top: 0.5em;}
/*. Shopping Cart Small Everywhere*/
