/* Default Tags */
html {margin: 0px; padding: 0px;}
body {margin-top: 0px; margin-left: 0px; margin-right: 0px; background:url(http://www.thatskyblue.com/images/bg_tile.gif); font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #595959; text-decoration: none;
scrollbar-face-color:#CCCCCC;
scrollbar-arrow-color:#04446F;
scrollbar-track-color:##DDDDDD;
scrollbar-shadow-color:#5A471B;
scrollbar-highlight-color:#5A471B;
scrollbar-3dlight-color:#DDDDDD;
scrollbar-darkshadow-Color:#000000;
}
td, th {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #595959; text-decoration: none;}
p {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #595959; text-decoration: none;}
p.indent {font-family:Arial, sans-serif;  font-size: 12px; font-weight: normal; color: #595959; text-decoration: none; margin-left: 16px;}
p.smTxt {font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #595959; text-decoration: none;}

img {border-style: none;}


/* anchor behavior */
a {text-decoration: none; color: #595959; font-weight: normal;}
a:hover {text-decoration: none; color: #000; font-weight: normal;}

/* Forms */
.form {margin: 0px; padding: 0px;}
.formFields {font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #5A471B; text-decoration: none;}

/*BORDERS*/
.border {border-style: solid; border-width: 1px; border-color: #A6B6D1;}

/*GALLERY*/
.galleryContainer {margin:0; width:1015px; height:232px; background:#FFF;}
.gallery {list-style:none; height:232px; overflow:hidden; position:relative; background:#FFF;}
.gallery li {position:absolute; left:0px; top:0px; width:100%; height:212px;}
.gallery li a {text-decoration:none; display:block; width:100%; height:212px;}
.gallery li a img {display:block; border:0; display:none;}
.gallery .pv {width:5px; height:5px; background:url(http://www.thatskyblue.com/images/left.gif); background-repeat:no-repeat; position:absolute; left:930px; top:220px; cursor:pointer; border:0; display:none;}
.gallery .nx {width:5px; height:5px; background:url(http://www.thatskyblue.com/images/right.gif); background-repeat:no-repeat; position:absolute; left:945px; top:220px; cursor:pointer; border:0; display:none;}
.gallery .bt {position:relative; width:55px; height:10px; top:220px; left:0; border:0;}
.gallery .bt b {display:block; width:3px; height:3px; background:#000; border: 1px solid #a9a9a9; margin-right:5px; float:right;}


/*DIV'S*/
div.float {float: left; margin-left: 12px;}
div.float p {margin-left: 12px; margin-top: 20px; width: 250px;}
div.floatSplash {float: left;}
div.container {position: relative; top: 0px; width: 780px; background-color: #fff; margin-top: 0px;}
div.containerSplashHeader {position: relative; top: 0px; width: 800px; margin-top: 0px;}
div.containerSplashFooter {position: relative; top: 0px; width: 800px; margin-top: 2px; background-color: #fff;}
div.spacer {clear: both;}
div.containerContent {position: relative; top: 6px; width: 780px; background-color: #fff; margin-top: 0px; margin-left: 0px; border-bottom: solid 1px #bfbfbf; padding-bottom: 10px;  text-align: left;}
div.containerContent p {margin-left: 25px;}
div.title {position: relative; width: 800px; margin: 0px; padding: 6px; text-align: left; height: 35px;}
div.title p {font-weight: bold; color: #595959;  font-size: 13px; text-decoration: none;}
div.titleSide {width: 276px; background-color: #EFF3F8; margin: 0px; padding: 6px; text-align: left;}
div.titleSide p {font-family:Arial, sans-serif;  font-size: 16px; font-weight: bold; color: #5A471B; text-decoration: none; padding-left: 35px;}
div.listing {font-family:Arial, sans-serif;  font-size: 12px; font-weight: bold; color: #595959; text-decoration: none; border-bottom: dashed 1px AEB7C4; padding-top: 8px;}
div.listing p {font-family:Arial, sans-serif;  font-size: 11px; font-weight: normal; color: #595959; text-decoration: none;}
div.listing a {font-family:Arial, sans-serif;  font-size: 11px; font-weight: normal; color: #595959; text-decoration: none;}
div.listing a:hover {font-family:Arial, sans-serif;  font-size: 11px; font-weight: normal; color: #c6450c; text-decoration: underline;}


/*FONT COLORS AND STYLES*/
.adminNav {font-family:Verdana, sans-serif;  font-size: 10px; font-weight: bold; color: #ffffff; text-decoration: none;}
.adminNav:hover {font-family:Verdana, sans-serif;  font-size: 10px; font-weight: bold; color: #87a505; text-decoration: none;}

.nav {font-family:Verdana, sans-serif;  font-size: 10px; font-weight: bold; color: #595959; text-decoration: none;}
.nav:hover {font-family:Verdana, sans-serif;  font-size: 10px; font-weight: bold; color: #56b6b6; text-decoration: none;}

.navShop {font-family:Verdana, sans-serif;  font-size: 10px; font-weight: bold; color: #56b6b6; text-decoration: none;}
.navShop:hover {font-family:Verdana, sans-serif;  font-size: 10px; font-weight: bold; color: #595959; text-decoration: none;}

.footerCopyright {font-family:Arial, sans-serif;  font-size: 10px; font-weight: normal; color: #808080; text-decoration: none;}
.footerMessage {font-family:Arial, sans-serif;  font-size: 10px; font-weight: normal; color: #808080; text-decoration: none;}
.footerBranding {font-family:Arial, sans-serif;  font-size: 11px; font-weight: bold; color: #808080; text-transform:uppercase; text-decoration: none;}



.mainNav {font-family:Arial, sans-serif;  font-size: 11px; font-weight: bold; color: #4a4848; text-decoration: none;}
.mainNav:hover {font-family:Arial, sans-serif;  font-size: 11px; font-weight: bold; color: #56b6b6; text-decoration: none;}
.subNav {font-family:Arial, sans-serif;  font-size: 12px; font-weight: normal; color: #5A272A; text-decoration: none;}
.subNav:hover {font-family:Arial, sans-serif;  font-size: 12px; font-weight: normal; color: #A41A22; text-decoration: none;}
.storeCountries {font-family:Arial, sans-serif;  font-size: 14px; font-weight: bold; color: #b52b2b; text-decoration: none;}
.storeCountries a {font-family:Arial, sans-serif;  font-size: 14px; font-weight: bold; color: #b52b2b; text-decoration: none;}
.storeCountries a:hover {font-family:Arial, sans-serif;  font-size: 14px; font-weight: bold; color: #b52b2b; text-decoration: none;}
.h1 {font-family:century gothic, sans-serif;  font-size: 18px; font-weight: normal; color: #4a4848; text-decoration: none;}
.h2 {font-family:Arial, sans-serif;  font-size: 12px; font-weight: normal; color: #595959; text-transform:uppercase; text-decoration: none;}
.h3 {font-family:Arial, sans-serif;  font-size: 12px; font-weight: bold; color: #595959; text-decoration: none;}
.sh {font-family:Arial, sans-serif;  font-size: 12px; font-weight: bold; color: #646A73; text-decoration: none;}
.sh a {font-family:Arial, sans-serif;  font-size: 12px; font-weight: bold; color: #B82B2B; text-decoration: none;}
.sh a:hover {font-family:Arial, sans-serif;  font-size: 12px; font-weight: bold; color: #B82B2B; text-decoration: underline;}
.bold {font-weight: bold;}
.bold:hover {font-weight: bold; color: #990000;}
.smTxt {font-family:Arial, sans-serif;  ont-size: 10px; font-weight: normal; color: #595959; text-decoration: none;}
.smTxt a {font-family:Arial, sans-serif;  font-size: 10px; font-weight: normal; color: #595959; text-decoration: none;}
.smTxt a:hover {font-family:Arial, sans-serif;  font-size: 10px; font-weight: normal; color: #000; text-decoration: underline;}
.footerTxt {font-family:Arial, sans-serif; font-size: 10px; font-weight: normal; color: #6b6767; text-decoration: none;}
.footer {font-family:Arial, sans-serif;  font-size: 10px; font-weight: normal; color: #6b6767; text-decoration: none;}
.price {font-family:Arial, sans-serif; font-size: 11px; font-weight: normal; color: #006699; text-decoration: none;}
.indentTitle {font-family:Arial, sans-serif;  font-size: 12px; font-weight: normal; color: #006699; text-decoration: none;}
.moreLink {font-family:Arial, sans-serif; font-size: 11px; font-weight: bold; color: #b93c3c; text-transform:uppercase; text-decoration: none;}
.moreLink a {font-family:Arial, sans-serif; font-size: 11px; font-weight: bold; color: #b93c3c; text-transform:uppercase; text-decoration: none;}
.moreLink a:hover {font-family:Arial, sans-serif; font-size: 11px; font-weight: bold; color: #b93c3c; text-transform:uppercase; text-decoration: underline;}
.txtDescription {font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #595959; text-decoration: none;}


/*STYLES FOR SHOP! HOME PAGE*/
div#LOGOContainer {position: relative; top: 0px; width: 100%; margin-top: 204px;}
div#BRANDINGContainer {position: relative; top: 0px; width: 100%; height: 102px; background-color: #fff; margin-top: 85px;}
div#FOOTERContainer {position: relative; top: 0px; width: 650px; margin-top: 25px; margin-left: 20px;}
div#sketch {position: absolute; top: 122px; left: 663px;}

.footerTxtHome {font-family:Arial, sans-serif; font-size: 10px; font-weight: normal; color: #969089; text-decoration: none; text-transform:uppercase;}
.tagLineTxtHome {font-family:Arial, sans-serif; font-size: 10px; font-weight: normal; color: #99938b; text-decoration: none; text-transform:uppercase;}
.floatleftTSBLogo {position: relative; float: left; margin: 0 0 0 0x;}
.floatleftSHOPLogo {position: relative; float: left; margin: 0 0 0 90px;}