/* CSS Document */
html { height:101%;}
body { width:950px; background-color:#fff7cd; font-family: Helvetica, Arial, sans-serif; font-size:12px; line-height:16px; color:#9c5607; margin:0; behavior:url("/css/csshover.htc"); margin:0 auto; } /* Per client's request darkened the font from #b28950 */
table, td { border:0; border-spacing:0; border-collapse:collapse; padding:0; margin:0; vertical-align:top; }
img { border:0; }
img.right { float:right; padding-left:5px; }
img.left { float:left; padding-right:5px;}
a { color:#e07202; text-decoration:none;}
a:hover { color:#9c5607; text-decoration: underline;}
a.arrow { background:url(/images/arrow.gif) no-repeat; font-size:13px; display:block; padding-left:14px; }
h1 { font-size:25px; letter-spacing:-1.5px; color:#e58403; line-height:25px; font-weight:normal;}
h1 strong { font-size:25px; letter-spacing:-1.5px; color:#9c5607; line-height:25px; font-weight:bold;}
h2 { font-size:16px; letter-spacing:-.05px; color:#9c5607; line-height:24px; font-weight:bold; margin-bottom:13px;}
h3 { font-size:14px; letter-spacing:-.05px; color:#e58403; line-height:20px; font-weight:bold; margin-bottom:13px;}
input, textarea, select { border:1px solid #cfc0aa;}
#wrapper { width: 899px; padding:0 26px 0 25px; background:#FFFFFF; float:left; }
#topnav { width:877px; height:19px; border-top:solid 5px #804b00; padding:8px 22px 4px 0; text-align:right;}
#topnav a { color:#9c5607; font-size:12px; padding:0 5px; }
#topnav a:hover { color:#e07202; text-decoration:underline;}
#topnav a strong { color:#e48203; }
#topnav a:hover strong { color:#9c5607; }
#header { width:899px; height:75px; border-bottom:solid 1px #d9c9b2; border-top:solid 1px #d9c9b2; margin:0; }
#header #nav { width:570px; height:53px; text-align:right; padding:16px 12px 0 0; float:right;}
#header #nav a { font-size:40px; letter-spacing:-2px; line-height:44px; font-weight:bold; color:#9c5607; text-decoration:none; display:inline-block; padding:0 10px;}
#header #nav a:hover { color:#e07202; letter-spacing:-2px; text-decoration:none; }
#header #nav span#items { font-size:36px; line-height:44px; font-weight:normal; color:#9c5607; display:inline-block; padding:0 0 0 10px;}
.thumb-buy { width:173px; height:132px; background:transparent url(/images/frame-buy.gif) no-repeat; position:relative; display:block; z-index:5; margin:0 0 -132px; }
.thumb { width:173px; height:132px; background:transparent url(/images/frame.gif) no-repeat; position:relative; display:block; z-index:5; margin:0 0 -132px; }
.FloatRight { float:right; margin:0; padding:0;}
img.tmb { width:173px; height:132px; border:0; position:relative; z-index:3;}
/* Home Page */
#flash { width:899px; height:322px;}
#col-1 { width:583px; margin-right:13px; float:left; }
#col-1 a:hover, #col-2 a:hover { text-decoration:none;}
#col-1 .hder { width:543px; height:25px; padding:10px 28px 4px 12px; background:url(/images/bg_col1-hdr.gif) no-repeat; float:left;}
#col-1 .hder .go-link { font-size:11px; float:right; height:25px; padding:10px 0 4px 12px; text-align:right;}
#col-1 .hder h1 { font-size:25px; color:#e58403; line-height:25px; margin:0; font-weight:normal;}
#col-1 .hder h1 strong { font-size:25px; color:#9c5607; line-height:25px; margin:0; font-weight:bold;}
#col-1 .prodpic { width:171px; height:192px; padding:10px; float:left; font-size:13px;}
#col-1 .prodpic a { cursor: pointer; font-size:13px; color:#8d4605;}
#col-1 .prodpic a em, #col-1 .prodpic a strong { cursor: pointer; color:#e58403; font-size:13px; }
#col-1 .prodpic a:hover { text-decoration:none; color:#e58403; }
#col-1 .img-box{ width:583px; text-align:center; }
#col-2 { width: 291px; margin-left:12px; float:left; }
#col-2 .featured { width: 255px; padding:0px 18px; float:left; }
#col-2 .featured h2 { font-size:15px; margin:18px 0 4px 0;}
#col-2 .sales { width: 257px; min-height:63px; background: url(/images/bg-sales.jpg) no-repeat bottom #884d0a; margin:0 0 5px 0; padding:5px 17px; text-align:left; float:left; font-size:11px; color:#c4a685; font-style:italic; }
#col-2 .sales h2 { font-size:18px; letter-spacing:-.05px; color:#ffffff; line-height:24px; font-style:normal; font-weight:bold; margin:0; padding:0; }
#col-2 .sales-desc {color:#ffffff; padding:0 0 5px 0; font-style:normal; font-size:12px;}
#col-2 .ship {width: 257px; background:#884d0a; border-bottom:solid 1px #d9c9b2; color:#ffffff;font-size:12px; font-weight:bold; font-style:normal; padding:5px 17px 5px 17px; }
#col-2 .challenge { width: 255px; padding:12px 18px; float:left; }
#col-2 .news { width: 241px; background: url(/images/bg_hp-news.gif) no-repeat top left; padding:10px 10px 10px 40px; border-bottom: solid 1px #f2ede5;line-height:17px; float:left; }
#col-2 .sub { width: 241px; padding:10px 10px 10px 40px; border-bottom: solid 1px #f2ede5;line-height:17px; float:left; }
#col-2 .sub:hover { width: 241px; background: url(/images/bg_hp-news.gif) no-repeat top left; padding:10px 10px 10px 40px; border-bottom: solid 1px #f2ede5;line-height:17px; float:left; }
#col-2 .news a { color:#804b00; line-height:17px; font-weight:bold;}
#col-2 .news a:hover { color:#e07202;}
#col-2 .hder { width:251px; height:25px; padding:10px 28px 4px 12px; background:url(/images/bg_col2-hdr.gif) no-repeat; float:left;}
#col-2 .hder h1 { font-size:25px; color:#e58403; line-height:25px; margin:0; font-weight:normal;}
#col-2 .hder h1.fit { font-size:19px; color:#e58403; line-height:20px; margin:0; font-weight:normal;}
#col-2 .hder h1 strong { font-size:25px; color:#9c5607; line-height:25px; margin:0; font-weight:bold;}
#col-2 .description{ padding:0 10px 10px 15px; }
/* Internal Styles */
.next { width:100px; text-align:right; color:#fc9d00; font-size:18px; font-weight:bold; float:right;}
.next a { font-size:18px; font-weight:bold;}
.design-name { width:159px; padding:0 7px; color:#b29470; font-style:italic;}
.design-name a { font-style:normal;}
.price { padding:0 7px;}
#leftnav { width:170px; float:left; margin:0 12px 0 0;}
#leftnav #top { width:158px; height:37px; padding:9px 0 0 10px; background:url(/images/bg_nav-header.gif) no-repeat; }
#leftnav #top h1 { margin:0; font-size:24px; line-height:28px; }
#leftnav #all { width:158px; height:22px; padding:5px 0 0 12px; background:url(/images/bg_all.gif) no-repeat; }
#leftnav #all:hover { width:158px; height:22px; padding:5px 0 0 12px; background:url(/images/bg_all-dn.gif) no-repeat; }
#leftnav #all a { color:#ffffff; font-weight:bold;}
#leftnav #all a:hover { text-decoration:none;}
#leftnav .subhead { width:158px; height:27px; padding:9px 0 0 12px; }
#leftnav .subhead a { font-size:15px; color:#9c5607; font-weight:bold;}
#leftnav .subhead:hover { color:#e07202; text-decoration:none;}
#leftnav .subhead a:hover { text-decoration:none;}
#leftnav .link { width:153px; padding:5px 5px 5px 12px; background:url(/images/bg_navcell.gif) bottom no-repeat #fcf5ec;text-decoration:none;}
#leftnav .link a:hover { text-decoration:none}
#leftnav #btm { width:170px; height:4px; background:url(/images/bg_navbottom.gif) no-repeat; }
/* Internal text page styles */
#content-internal #col-1 { width:583px; margin-right:13px; float:left; }
#content-internal #col-1 .hder { width:540px; height:25px; padding:10px 28px 4px 12px; margin-bottom:12px; background:url(/images/bg_icol1-hdr.gif) no-repeat bottom; float:left;}
#content-internal #col-1 #text-box { padding:12px;}
#content-internal #col-2 { width: 291px; margin-left:12px; float:left; }
#content-internal #col-2 .featured { width: 255px; padding:0px 18px; float:left; }
#content-internal #col-2 .featured h2 { font-size:15px; margin:18px 0 4px 0;}
#content-internal #col-2 .hder { width:251px; height:25px; padding:10px 28px 4px 12px; background:url(/images/bg_icol2-hdr.gif) no-repeat bottom; float:left;}
#text-box, .text-box { padding:12px; }
table#submit-form { margin-top:20px;}
#submit-form td { padding:5px 10px; }
#submit-form #design_name { width:300px; }
#submit-form #garment_color { width:300px; }
#submit-form textarea { border:1px solid #cfc0aa; width:300px; height:200px;}
#submit-form select{ border:1px solid #cfc0aa;}
#content-internal #fullpage { width:890px; }
/* List Page Styles for Products and Designs */
#listview { width:717px; float:left;}
#listview #pagetop { width:687px; height:18px; padding:15px; background:url(/images/bg_pages-top.gif) no-repeat; }
#listview #pagetop a { color:#fc9d00; }
#listview #pagetop a:hover { color:#e58403; }
#listview #pagetop a.page { color:#d4b592; font-size:17px; padding:0 3px; }
#listview #pagetop a.page:hover { font-size:17px; color:#e58403; padding:0 3px; }
#listview .product .design-name a b, #listview .product-last .design-name a b { font-size:12px;}
#listview .product .design-name a, #listview .product-last .design-name a { font-size:12px;}
#listview .product { width:173px; height:216px; padding:0 3px 0 4px; float:left; }
#listview .product .stars, #listview .product-last .stars { padding-left:8px; font-size:12px;}
#listview .product-last { width:173px; height:216px; padding:0 0 0 4px; float:left; }
#listview .product .stars a, #listview .product-last .stars a { font-size:12px; }
#listview #pagebottom { width:687px; height:27px; padding:10px 15px 20px 15px; background:url(/images/bg_pages-bottom.gif) no-repeat; float:left; clear:both; }
#listview #pagebottom a { color:#fc9d00; }
#listview #pagebottom a.page { color:#d4b592; }
#listview #pagebottom a:hover { color:#e58403; }
#listview .product a, #listview .product-last a { cursor: pointer; font-size:15px; color:#8d4605;}
#listview .product a em, #listview .product-last a em, #listview .product a strong, #listview .product-last a strong { cursor: pointer; color:#e58403; }
#listview .product a:hover, #listview .product-last a:hover { text-decoration:none; color:#e58403; }
/* Detail Page Styles for Products and Designs */
#detail #leftcol { width:584px; float:left; display:inline-block; margin-right:24px;}
#detail #leftcol .hdr { width:560px; height:37px; padding:4px 12px 2px 12px; border-bottom:solid 1px #d9c9b2; }
#detail #leftcol .hdr h1 { font-size:22px; letter-spacing:-1px; color:#9c5607; line-height:20px; font-weight:bold; margin:0;}
#detail #leftcol .hdr h1 .by { font-size:15px; line-height:15px; display:block; margin:0 5px 0 0px; letter-spacing:0; color:#fc9d00; font-weight:normal;}
#detail #leftcol .hdr a {float:right; font-size:13px; line-height:20px; font-weight:normal; color:#fc9d00; text-decoration:underline;}
#detail #leftcol h2 { margin-top:0;}
#detail #leftcol #back { width:560px; height:16px; padding:12px; border-bottom:solid 1px #d9c9b2;}
#detail #leftcol #design-pic { width:584px; height:438px;}
#detail #leftcol #thumbs {width:584px; height:46px; padding-top:8px; border-bottom:solid 1px #d9c9b2; margin-bottom:2px; }
#detail #leftcol #thumbs img { margin-right:10px; border:solid 2px #ffffff; }
#detail #leftcol #thumbs img:hover, #detail #leftcol #thumbs img.current { border:solid 2px #fc9d00; cursor: pointer; cursor: hand; }
#detail #leftcol .text { width:554px; padding:10px 15px 10px 15px; background:url(/images/box-bottom_left.gif) bottom no-repeat #fcf5ec; }
#detail #leftcol .text h1 { margin-bottom:8px;font-size:24px; letter-spacing:-1.3px; color:#9c5607; line-height:25px; font-weight:bold;}
#detail #leftcol .text td { width:262px;}
#detail #leftcol .text td.grade { width:292px; padding:10px 0;}
#detail #leftcol .text .info { width:262px; height:20px; padding:10px 15px 10px 15px; margin:0; border-bottom:solid 1px #f2ede5; line-height:18px; text-align:left; float:left; }
#detail #leftcol .text .info a { font-size:13px; line-height:20px; font-weight:normal; color:#fc9d00; text-decoration:underline; }
#detail #leftcol .text .info #rating { width:110px; height:32px; background:url(/images/bg_rating.gif) no-repeat top right; font-size:28px; line-height:32px; color:#914405; float:left; }
#detail #leftcol .text .info #rating .smaller { font-size:18px; float:right; padding-right:35px;}
#detail #leftcol .text #num { font-size:20px; line-height:20px; color:#fc9d00; font-weight:bold; float:left;}
#detail #leftcol .text #num b { font-size:13px; letter-spacing:-.05px; color:#9c5607; line-height:24px; font-weight:bold; }
#detail #leftcol .text #num a { padding-left:10px; display:inline; }
#detail #leftcol .leave { height:280px; margin-bottom:19px; }
#detail #leftcol .text form { margin:0;}
#detail #leftcol .text textarea { width:531px; height:157px; border:solid 1px #cfc0aa; padding:10px; margin:0; }
#detail #leftcol .comment { width:554px; padding:10px 15px 10px 15px; border-bottom:solid 1px #f2ede5; }
#detail #leftcol .user { width:135px; color:#fc9d00; line-height:25px; }
#detail #leftcol .newbg {background: #fcf5ec;}
#detail #leftcol .user em { color:#b59d7b; }
#detail #leftcol .text #characters { width:551px; height:17px; margin:20px 0; padding:0; float:left;color:#9c5607;}
#detail #leftcol .text #submit { width:100px; height:17px; margin:0; padding:0; float:right;text-align:right;}
#detail #leftcol .reportlink {float: right; font-size:10px; margin:0 0 2px 5px;}
#detail #leftcol #prev-next { width:550px; padding:0 24px 16px 12px; text-align:right; color:#fc9d00; font-size:18px; font-weight:bold; text-align:right; margin-bottom:2px;}
#detail #leftcol #prev-next a { color:#fc9d00;}
/* Detail Page right side for Product */
#detail #rightcol { width:291px; float:left; display:inline-block;}
#detail #rightcol #prev-next { width:267px; height:16px; padding:12px; border-bottom:solid 1px #fdc466;text-align:right; color:#fc9d00; font-size:18px; font-weight:bold; text-align:right; margin-bottom:2px;}
#detail #rightcol #prev-next a { color:#fc9d00;}
#detail #rightcol .text { width:291px; overflow:hidden; background:#fff9d8; }
#detail #rightcol .text h1 { display:inline-block; float:left; font-size:25px; letter-spacing:-1.5px; color:#9c5607; line-height:27px; font-weight:bold; margin:0 12px 0 0;}
#detail #rightcol .text h2 {margin:0 12px 0 12px; padding:0; }
#detail #rightcol .text .buy { width:261px; height:25px; padding:10px 0px 10px 15px; }
#detail #rightcol .text #price { width:261px; height:25px; padding:10px 0px 10px 15px; }
#detail #rightcol .text #priceamt1 { float:right; text-align:right; color:#fc9d00; font-size:16px; font-weight:bold; margin:0; padding:0; }
#detail #rightcol .text #priceamt2 { float:right; text-align:right; color:#fc9d00; font-size:16px; font-weight:bold; margin:0; padding:0; }
#detail #rightcol .text .step { width:261px; height:107px; padding:5px 15px 10px 15px; border-top:1px solid #fee7ad; }
#detail #rightcol .text .step .tmbs { margin:0 0 0 50px; }
#detail #rightcol .text .step .tmbs .btns { float:left;}
#detail #rightcol .text #one { background:url(/images/bg_choose1.gif) top no-repeat; }
#detail #rightcol .text #one #gender { margin-left:60px; }
#rightcol .text #one #gender #cat { background:#ffffff; border:solid 2px #fc9d00; float:left; margin:15px 0 0 05px; padding:10px; font-size:18px; font-weight:bold; color:#fc9d00; display:inline; }
#detail #rightcol .text #one #gender #cat:hover {background:#fc9d00; border:solid 2px #fee2a7; color:#ffffff; cursor:pointer; }
#detail #rightcol .text #one #gender #cat.selected { background:#fc9d00; border:solid 2px #fee2a7; color:#ffffff; }
/* #detail #rightcol .text #one #men { background:#ffffff; border:solid 2px #fee2a7; float:left; margin:15px 0 0 05px; padding:15px; font-size:18px; font-weight:bold; color:#fdba4c; display:inline; }
#detail #rightcol .text #one #men:hover {border:solid 2px #fc9d00; color:#fc9d00; cursor:pointer; }
#detail #rightcol .text #one #men.selected { background:#ffffff; border:solid 2px #fc9d00; color:#fc9d00; }
#detail #rightcol .text #one #women { background:#ffffff; border:solid 2px #fee2a7; float:left; margin:15px 0px 0 5px; padding:15px; font-size:18px; font-weight:bold; color:#fdba4c; display:inline;}
#detail #rightcol .text #one #women.selected { background:#ffffff; border:solid 2px #fc9d00; color:#fc9d00; }
#detail #rightcol .text #one #women:hover { cursor:pointer; background:#ffffff; border:solid 2px #fc9d00; color:#fc9d00; padding:15px; } */
#detail #rightcol .text #two { background:url(/images/bg_choose2.gif) top no-repeat; }
#detail #rightcol .text #two .step2productwrapper { text-align:center; float:left;}
#detail #rightcol .text #two .thumbnail{position: relative; z-index: 0;}
#detail #rightcol .text #two .thumbnail:hover{ background-color: transparent; z-index: 50; cursor: pointer; cursor: hand;}
#detail #rightcol .text #two .thumbnail span{ /*CSS for enlarged image*/ position: absolute; background-color: #FFF; padding: 5px; border: 2px solid #fc9d00; visibility: hidden; color: black; text-decoration: none; z-index:100}
#detail #rightcol .text #two .thumbnail span img{ /*CSS for enlarged image*/ border-width: 0; padding: 2px; }
/*#detail #rightcol .text #two .thumbnail:hover img{ CSS for enlarged image position: absolute; z-index: 100}*/
#detail #rightcol .text #two .thumbnail:hover span{ /*CSS for enlarged image on hover*/ visibility:visible; top:-60px; top:40px !ie; left:50px; /*position where enlarged image should offset horizontally */}
#detail #rightcol .text #three { background:url(/images/bg_choose3.gif) top no-repeat; }
#detail #rightcol .text #three .step_3_color { padding:2px; background:#fee2a7; }
#detail #rightcol .text #three .step_3_color:hover { cursor: pointer; cursor: hand; padding:2px; background:#fc9d00; }
#detail #rightcol .text #three .step_3_color.selected {background:#fc9d00;}
#detail #rightcol .text #four { background:url(/images/bg_choose4.gif) top no-repeat; border-bottom:solid 1px #fee7ad; }
#detail #rightcol .text #four #size { width:200px; margin:15px 0 0 65px;}
#detail #rightcol .text #four .sz { width:27px; height:20px; margin:2px; padding:7px 0 0 0; border:solid 2px #fc9d00; background:#ffffff; float:left; text-align:center; line-height:12px; font-weight:bold; color:#fc9d00;}
#detail #rightcol .text #four .sz:hover { background:#fc9d00; border:solid 2px #fee2a7; color:#ffffff;cursor: pointer; cursor:hand;}
#detail #rightcol .text #four .sz-selected { background:#fc9d00; border:solid 2px #fee2a7; color:#ffffff;}
#detail #rightcol #addCart { background:url(/images/bg_btn-add.gif) no-repeat; width:291px; height:76px;}
#detail #rightcol #addCart:hover { cursor:hand; cursor: pointer; background: url(/images/bg_btn-add-hover.gif) no-repeat; width:291px; height:76px;}
#detail #rightcol #school { width:290px; border:solid 1px #e7ddcf; text-align:center; vertical-align:middle; margin:24px 0 0 0; padding:12px 0; }
table#sizechart { width:100%}
table#sizechart th { text-align:left; font-weight:bold;}
table#sizechart td { text-align:center; padding-right:5px; }
/* Detail Page right side for Design */
#detail #rightcol .text #grade-it { width:260px; height:97px; padding:10px 15px 10px 15px; background:url(/images/bg_grade-it.gif) no-repeat; }
#detail #rightcol .text #grade-it #grade { display:inline; }
#detail #rightcol .text #grade-it #grading { display:none; }
#detail #rightcol .text #grade-it #thanks { display:none; }
#detail #rightcol .text #grade-it #stars { clear:both; padding-top:3px;}
#detail #rightcol #would-you-buy-it { background:url(/images/bg_buy-it.gif) no-repeat; width:291px; height:61px; margin:0; padding:36px 12px 0 12px; font-size:22px; line-height:24px; color:#9c5607; font-weight:bold; }
#detail #rightcol #would-you-buy-it input { border:0px solid #eee2d2; margin-left:10px;}
#detail #rightcol #info-box { background:url(/images/bg_grading-bottom.gif) no-repeat bottom #fcf5ec; width:291px; margin:0; padding:0;}
#detail #rightcol #info-box h2 { padding:0; margin:0;}
#detail #rightcol #info-box .stars { padding:12px; margin:0; }
#detail #rightcol #info-box .section { border-top:1px solid #eee2d2; padding:12px 12px 12px 18px;}
.days { color:#fc9d00;}
#detail #rightcol #info-box .section a { font-size:13px; line-height:20px; font-weight:normal; color:#fc9d00; text-decoration:underline; }
#detail #rightcol #info-box .section .num { font-size:20px; line-height:20px; color:#fc9d00; font-weight:bold;}
#detail #rightcol #info-box .section .num b { font-size:13px; letter-spacing:-.05px; color:#9c5607; line-height:24px; font-weight:bold; }
#detail #rightcol .hder { width:260px; height:21px; padding:8px 15px 10px 15px; background:url(/images/bg_col2-hdr-detail.gif) bottom no-repeat; float:left; margin:0;}
#detail #rightcol .hder h1 { font-size:25px; color:#e58403; line-height:25px; margin:0; font-weight:normal;}
#detail #rightcol .hder h1.fit { font-size:19px; color:#e58403; line-height:20px; margin:0; font-weight:normal;}
#detail #rightcol .hder h1 strong { font-size:25px; color:#9c5607; line-height:25px; margin:0; font-weight:bold;}
#detail #rightcol .news { width: 241px; background: url(/images/bg_hp-news.gif) no-repeat top left; padding:10px 10px 10px 40px; border-bottom: solid 1px #f2ede5;line-height:17px; float:left; }
#detail #rightcol .news a { color:#804b00; line-height:17px; font-weight:bold;}
#detail #rightcol .news a:hover { color:#e07202;}
/* Submit page styles */
#design_submit select{ width:235px;}
a.submit-btn, input.submit-btn {padding:5px; border: 3px solid #c75400 ; background-color:#804b00; color: white; font-size:16px; letter-spacing:-.05px; line-height:24px; font-weight:bold; margin-left:200px; }
a.submit-btn:hover, input.submit-btn:hover {border: 3px solid #804b00; background-color:#c75400; }
#content-internal #col-1 #text-box h2 { margin:12px 0 4px 0;}
/* Footer Styles */
#footer { clear:both; width:867px; height:63px; border-top:solid 5px #804b00; padding:12px 16px 0 16px; font-size:11px; line-height:20px; vertical-align:bottom; text-align:right; float:left; clear:both;}
#footer a { color:#9c5607; }
#footer a:hover { color:#9c5607; text-decoration: none;}
#footer #ftr_nav { float:left; text-align:left;}
#footer #ftr_nav strong { font-size:15px; letter-spacing:-1; font-weight:bold; line-height:20px; color:#914305;}
#footer #ftr_nav a { font-size:12px; padding:0 8px 0 8px; color:#9c5607; }
#footer #ftr_nav a.first { padding:0 8px 0 0; }
#footer #ftr_nav a:hover { color:#e07202; text-decoration:underline;}