﻿/***** Customization Settings *****/
body { background-image: url('../images/bg-stripes.gif'); background-repeat: repeat; background-position: center;}
#wrapper { width: 849px; height: auto; padding: 0; margin: 0 auto;}
#innermost-bg { width: 849px; height: auto; padding: 0; margin: 0; float: left; background-image: url('../images/sides_03.gif'); background-repeat: repeat-y; background-position: center;}
#inner-bg { width: 849px; height: auto; padding: 0; margin: 0; float: left; background-image: url('../images/bg_02.jpg'); background-repeat: no-repeat; background-position: top;}
#bg { width: 849px; height: auto; padding: 0; margin: 0; float: left; background-image: url('../images/bg_08.jpg'); background-repeat: no-repeat; background-position: bottom;}
#header {width: 849px; height: 387px; padding: 0; margin: 0; float: left;}
#content {width: 849px; height: 470px; padding: 0; margin: 0; float: left; font-size: 0.80em;}
#footer {width: 849px; height: auto; padding: 0; margin: 0; float: left;}
#footer p { font-size: 0.75em; padding: 0; margin: 0;}
#footerContent { width: 799px; height: auto; padding: 0; margin: 0 auto; border-top: 1px #000 dashed;}
#footer .left { width: 49%; height: auto; padding: 10px 0; margin: 0; float: left; text-align: left;}
#footer .right { width: 49%; height: auto; padding: 10px 0; margin: 0; float: right; text-align: right;}
#content .thumbs { width: 799px; height: auto; padding: 0; margin: 10px auto;}
#content .thumbs img { float: left; padding: 4px; margin: 4px; border: 1px #D5BA9D solid;}
#content .thumbs a:link img { background-color: #D5BA9D; border: 1px #D5BA9D solid;}
#content .thumbs a:visited img { background-color: #D5BA9D; border: 1px #D5BA9D solid;}
#content .thumbs a:hover img { background-color: #C92A2A; border: 1px #C92A2A solid;}
#logoArea { width: 298px; height: auto; padding: 0; margin: 0; float: left;}
#logo { width: 275px; height: 249px; padding: 0 0 0 23px; margin: 0; float: left;}
#sortingArea { width: 275px; height: 89px; padding: 0 0 0 23px; margin: 0; float: left; background-image: url('../images/sort_16.jpg'); background-repeat: no-repeat; background-position: right;}
#sortingArea select { padding: 0; margin: 40px 0 0 30px; font-size: 0.8em;}
#top-menu-spacer { width: 524px; height: 29px; padding: 0; margin: 0; text-align: left; float: left;}
#top-menu-spacer p { padding: 5px 0 0 0; margin: 0; font-size: .80em;}
#menu { width: 524px; height: 28px; padding: 0; margin: 0; float: left;}
#menu ul { padding: 0; margin: 0; list-style-type: none;}
#menu li { padding: 0; margin: 0; float: left;}
#menu li.home { width: 104px; height: 28px; background-image: url('../images/menu_07.jpg'); background-repeat: no-repeat; background-position: center;}
#menu li.shirts { width: 105px; height: 28px; background-image: url('../images/menu_08.jpg'); background-repeat: no-repeat; background-position: center;}
#menu li.banthis { width: 105px; height: 28px; background-image: url('../images/menu_09.jpg'); background-repeat: no-repeat; background-position: center;}
#menu li.faq { width: 105px; height: 28px; background-image: url('../images/menu_10.jpg'); background-repeat: no-repeat; background-position: center;}
#menu li.contact { width: 105px; height: 28px; background-image: url('../images/menu_11.jpg'); background-repeat: no-repeat; background-position: center;}
#menu li.home a:link { display: block; width: 104px; height: 28px; padding: 0; margin: 0;}
#menu li.home a:visited { display: block; width: 104px; height: 28px; padding: 0; margin: 0;}
#menu li.home a:hover { display: block; width: 104px; height: 28px; padding: 0; margin: 0; background-image: url('../images/menu_over_07.jpg'); background-repeat: no-repeat; background-position: center; border: 0;}
#menu li.home a:active { display: block; width: 104px; height: 28px; padding: 0; margin: 0;}
#menu li.shirts a:link, #menu li.banthis a:link, #menu li.faq a:link, #menu li.contact a:link { display: block; width: 105px; height: 28px; padding: 0; margin: 0;}
#menu li.shirts a:visited, #menu li.banthis a:visited, #menu li.faq a:visited, #menu li.contact a:visited { display: block; width: 105px; height: 28px; padding: 0; margin: 0;}
#menu li.shirts a:hover { display: block; width: 105px; height: 28px; padding: 0; margin: 0; background-image: url('../images/menu_over_08.jpg'); background-repeat: no-repeat; background-position: center; border: 0;}
#menu li.banthis a:hover { display: block; width: 105px; height: 28px; padding: 0; margin: 0; background-image: url('../images/menu_over_09.jpg'); background-repeat: no-repeat; background-position: center; border: 0;}
#menu li.faq a:hover { display: block; width: 105px; height: 28px; padding: 0; margin: 0; background-image: url('../images/menu_over_10.jpg'); background-repeat: no-repeat; background-position: center; border: 0;}
#menu li.contact a:hover { display: block; width: 105px; height: 28px; padding: 0; margin: 0; background-image: url('../images/menu_over_11.jpg'); background-repeat: no-repeat; background-position: center; border: 0;}
#menu li.shirts a:active, #menu li.banthis a:active, #menu li.faq a:active, #menu li.contact a:active { display: block; width: 105px; height: 28px; padding: 0; margin: 0;}
#adspacer01 { width: 524px; height: 101px; padding: 0; margin: 0; border-bottom: 1px #000 dashed; float: left;}
#adspacer02 { width: 524px; height: 180px; padding: 0; margin: 0; float: left;}
#adspacer01 .shirtOnSale { width: 297px; height: 101px; padding: 0; margin: 0; float: left;}
#adspacer01 a, #adspacer01 a:visited, #adspacer01 a:hover, #adspacer01 a:active, #adspacer02 a, #adspacer02 a:visited, #adspacer02 a:hover, #adspacer02 a:active, #logo a, #logo a:visited, #logo a:hover, #logo a:active { border: 0;}
#adspacer01 .basketArea { width: 150px; height: 101px; padding: 0; margin: 0; float: left; background-image: url('../images/ads_12.jpg'); background-repeat: no-repeat; background-position: center;}
#adspacer01 .femaleArea { width: 77px; height: 101px; padding: 0; margin: 0; float: left; background-image: url('../images/ads_13women.jpg'); background-repeat: no-repeat; background-position: center;}
#adspacer01 .femaleArea a:link { display: block; width: 77px; height: 101px; padding: 0; margin: 0;}
#adspacer01 .femaleArea a:visited { display: block; width: 77px; height: 101px; padding: 0; margin: 0;}
#adspacer01 .femaleArea a:hover { display: block; width: 77px; height: 101px; padding: 0; margin: 0; background-image: url('../images/ads_13men.jpg'); background-repeat: no-repeat; background-position: center; border: 0;}
#adspacer01 .femaleArea a:active { display: block; width: 77px; height: 101px; padding: 0; margin: 0;}
#adspacer01 .maleArea { width: 77px; height: 101px; padding: 0; margin: 0; float: left; background-image: url('../images/ads_13men.jpg'); background-repeat: no-repeat; background-position: center;}
#adspacer01 .maleArea a:link { display: block; width: 77px; height: 101px; padding: 0; margin: 0;}
#adspacer01 .maleArea a:visited { display: block; width: 77px; height: 101px; padding: 0; margin: 0;}
#adspacer01 .maleArea a:hover { display: block; width: 77px; height: 101px; padding: 0; margin: 0; background-image: url('../images/ads_13women.jpg'); background-repeat: no-repeat; background-position: center; border: 0;}
#adspacer01 .maleArea a:active { display: block; width: 77px; height: 101px; padding: 0; margin: 0;}
#adspacer01 .basketAreaContent { width: 150px; height: 55px; padding: 20px 0 0 0; margin: 0; float: left; border-bottom: 1px #000 dashed;}
#adspacer01 p.basketAreaContentText { font-size: 0.75em; text-align: center; padding: 0; margin: 0;}
#adspacer01 .basketAreaContent img { margin: 0 0 0 60px; padding: 0;}
#signupArea { width: 849px; height: 49px; padding: 0; margin: 0; float: left; background-image: url('../images/signup_sort_17.jpg'); background-repeat: no-repeat; background-position: center;}
#signupAreaContent { width: 799px; height: 49px; padding: 0; margin: 0 auto; border-bottom: 1px #000 dashed;}
#signupAreaContent .a { width: 320px; height: 49px; padding: 0; margin: 0; float: left;}
#signupAreaContent .b { width: 479px; height: 49px; padding: 0; margin: 0; float: right;}
.btn_signup { width: 82px; height: 27px; padding: 0; margin: 15px 0 0 2px; background-image: url('../images/submit_btn_19.jpg'); background-repeat: no-repeat; background-position: center; border: 0; cursor: pointer; float: right;}
.in_signup { width: 200px; height: auto; padding: 3px; margin: 17px 0 0 0; border: 1px #000 solid; float: right; font-size: .80em;}

/*-------------- Order page settings -------------*/
#oPage_inner-bg { width: 849px; height: auto; padding: 0; margin: 0; float: left; background-image: url('../images/bg_oPage_02.jpg'); background-repeat: no-repeat; background-position: top;}
#oPage_bg { width: 849px; height: auto; padding: 0; margin: 0; float: left; background-image: url('../images/bg_oPage_05.jpg'); background-repeat: no-repeat; background-position: bottom;}
#oPage_rightContent { width: 474px; height: auto; padding: 0 23px 0 0; margin: 0; float: right;}
#oPage_rightContent p, #oPage_leftContent p { padding: 0; margin: 0; font-size: 0.80em; text-align: justify;}
#oPage_leftContent { width: 325px; height: auto; padding: 0 0 0 23px; margin: 60px 0 0 0; float: left;}
#oPage_leftContent ul { padding: 0; margin: 0; list-style-type: none;}
#oPage_leftContent li { padding: 0; margin: 0; display: block; width: 325px; height: 140px;}
#oPage_leftContent li p { width: 310px;}
#oPage_leftContent li img { padding: 0; margin: 5px; float: left; border: 1px #D5BA9D solid;}
#oPage_leftContent li a:link img { border: 1px #D5BA9D solid;}
#oPage_leftContent li a:visited img { border: 1px #D5BA9D solid;}
#oPage_leftContent li a:hover img { border: 1px #C92A2A solid;}
#oPage_leftContent li.borderBottom { padding: 0; margin: 0; background-image: url('../images/miniThumb_05.jpg'); background-repeat: no-repeat; background-position: center; width: 325px; height: 14px;}
#oPage_leftContent li.redArrow { padding: 0; margin: 0; background-image: url('../images/redArrow_12.jpg'); background-repeat: no-repeat; background-position: center; width: 325px; height: 78px;}
#oPage_header {width: 849px; height: auto; padding: 0; margin: 0; float: left;}
#oPage_galleryScreenshot { width: 337px; height: 355px; padding: 0; margin: 20px auto;}
#oPage_galleryScreenshot img#screenshot { width:337px; height: 355px; padding: 4px; margin: 0; border: 1px #000 solid; background-color: #000;}
#oPage_galleryScreenshotThumbs { width: 440px; height: 109px; padding: 0; margin: 0 auto;}
#oPage_galleryScreenshotThumbs img { float: left; padding: 2px; margin: 2px; border: 1px #000 solid;}
#oPage_shirtDetailsArea { width: 474px; height: auto; padding: 0; margin: 0;}
#oPage_shirtDetailsArea h1 { font-family: "Arial Black", Arial, Helvetica, sans-serif; font-size: 1.5em; padding: 0; margin: 0;}
.oPage_shirtAvailabilityEtc { width: 100px; height: 102px; padding: 0; margin: 0; float: left;}
.oPage_shirtAvailabilityEtc img { padding: 0 0 0 25px; margin: 0;}
.oPage_shirtAvailabilityEtc select { font-size: .80em; padding: 0; margin: 5px 0;}
.oPage_shirtAvailabilityEtc a:link, .oPage_shirtAvailabilityEtc a:visited { border: 0;}
.oPage_shirtQuantity { width: 70px; height: auto; padding: 3px; margin: 2px 0; border: 1px #000 solid; font-size: .80em;}
#oPage_shirtPriceTag { width: 174px; height: 102px; padding: 0; margin: 0; background-image: url('../images/priceTag.jpg'); background-repeat: no-repeat; background-position: center; float: left;}
#oPage_shirtPriceTag p { padding: 45px 0 0 25px; margin: 0; font-size: 1.5em; font-family: "Arial Black", Arial, Helvetica, sans-serif; text-align: center;}
.orangeText { color: #ff5500;}
.goldText { color: #ff9900;}
/*-------------- Moo tool tip settings -------------*/
.tool-tip { color: #fff; width: 157px; height: auto; z-index: 13000;} 
.tool-title { font-weight: bold; font-size: 0.90em; margin: 0; color: #ff5500; padding: 8px 8px 4px; background-color: #000;} 
.tool-text { font-size: 0.80em; padding: 4px 8px 8px; background-color: #353535;}
.custom-tip { color: #000; width: 130px; z-index: 13000;} 
.custom-title {	font-weight: bold; font-size: 11px;	margin: 0; color: #3E4F14; padding: 8px 8px 4px; background: #C3DF7D; border-bottom: 1px solid #B5CF74;} 
.custom-text { font-size: 11px;	padding: 4px 8px 8px; background: #CFDFA7;}



