body{background-color:#59524c; font-family:Times; margin-top:0;}

#mainContainer{position:relative; margin:0 auto 0 auto; width:850px; height:600px; background:#1e1807 url(../images/mainOrangeBG.gif); background-repeat:repeat-y; overflow:hidden;}

#footer{position:relative; margin:0 auto 0 auto; width:850px; text-align:center; padding:3px 0 0 0;}

#logo{position:absolute; left:0; top:104px; width:69px; height:47px; background:url(../images/logo.gif); background-repeat:no-repeat;}

.leftContent{float:left; position:relative; width:430px; margin:34px 0 0 0; left:69px;}

/*Styles for main menu starts here*/
#navcontainer {float:left; position:relative; width:435px; margin:0;}

ul#navlist {margin: 0 0 0 0; padding: 0; list-style-type: none; white-space: nowrap; color:#c6c5c1;}

ul#navlist li {float: left; font-family: Times, sans-serif; font-size:11px; font-weight: bold; margin: 0; padding: 8px 0 9px 0; left:15px; background:url(../images/linkBG_inactive.gif) no-repeat; background-position:0 3px;}

#navlist a, #navlist a:link {margin: 0; padding: 5px 9px 4px 33px; color: #c6c5c1; text-decoration: none;}

ul#navlist li#active{color:#c6c5c1; background:url(../images/linkBG_active.gif) no-repeat; background-position:0 3px;}

ul#navlist li#active a{color:#c6c5c1;}

ul#navlist li:hover{color:#c6c5c1; background:url(../images/linkBG_active.gif) no-repeat; background-position:0 3px;}

#navlist li  a:hover {color:#c6c5c1; background:url(../images/linkBG_active.gif) no-repeat;} /*Added background property for IE support*/
/*Styles for main menu ends here*/

.content{float:left; position:relative; width:375px; margin:30px 0 0 0; left:37px;}

.studioContent{float:left; position:relative; width:375px; margin:30px 0 0 0; left:37px; line-height:16px;}

.closeUpContent{float:left; position:relative; width:400px; margin:30px 0 0 0; left:20px;}

.additionalImages{float:left; position:relative; width:400px; padding:27px 0 0 0; left:20px;}

/* Font styles start */
.times28{font-family:times; font-size:27px; color:#7e7b63; text-decoration:none; font-weight:normal;}

.times14{font-family:times; font-size:14px; color:#7e7b63; text-decoration:none; font-weight:normal;}

.times12{font-family:times; font-size:12px; color:#7e7b63; text-decoration:none; font-weight:normal;}

.times16White{font-family:times; font-size:16px; color:#ffffff; text-decoration:none; font-weight:normal;}

.arial12Orange, arial12Orange:hover, arial12Orange:link, arial12Orange:visited{font-family:arial; font-size:12px; color:#cc6600; text-decoration:underline; font-weight:normal;}

.arial12{font-family:arial; font-size:11px; color:#7e7b63; text-decoration:none; font-weight:normal;}

.redLink14, .redLink14:link, .redLink14:visited{font-family:times; font-size:14px; color:#ff3300; text-decoration:none; font-weight:normal;}

.redLink14:hover{font-family:times; font-size:14px; color:#722103; text-decoration:none; font-weight:normal;}

.times16Orange, .times16Orange:link, .times16Orange:hover, .times16Orange:visited{font-family:times; font-size:16px; color:#cc3300; text-decoration:none; font-weight:normal;}

.times12Black{font-family:times; font-size:12px; color:#000000; text-decoration:none; font-weight:normal;}

.redLink14Static, .redLink14Static:link, .redLink14Static:hover, .redLink14Static:visited{font-family:times; font-size:14px; color:#ff3300; text-decoration:none; font-weight:normal;}
/* Font styles end */

#rightPanel{float:right; position:relative; right:50px; width:295px; height:600px; background:#333333;}

#rightPanelWhite{float:right; position:relative; right:50px; width:295px; height:600px; background:#ffffff;}

#studioRightPanel{float:right; position:relative; right:50px; width:295px; height:600px; background:#333333 url(../images/studioImg.jpg);}

.imageNav{float:left; position:relative; width:100%; text-align:center; padding:4px 0 4px 0; background:#ffffff;}

.artsCraftsBtn{position:relative; width:287px; height:158px; background:url(../images/arts_crafts_btn.jpg); margin:0 auto 0 auto; cursor:pointer;}

.ceramicTileBtn{position:relative; width:287px; height:158px; background:url(../images/ceramic_tile_btn.jpg); margin:3px auto 0 auto; cursor:pointer;}

/*Styles for tab menu starts here*/
#tabnavcontainer {position:absolute; right:21px; top:0; width:29px; margin:0;}

#artsCrafts{float:left; position:relative; width:29px; height:163px; background:url(../images/tabLink.gif); background-position:0 0;}

#artsCrafts:hover, #artsCrafts.active{ background:url(../images/tabLink.gif); background-position:0 -163px;}

#ceramicTile{float:left; position:relative; width:29px; height:163px; margin-top:2px; background:url(../images/tabLink.gif); background-position:0 -327px;}

#ceramicTile:hover, #ceramicTile.active{ background:url(../images/tabLink.gif); background-position:0 -491px;}
/*Styles for tab menu ends here*/

#thumbnailContent{float:left; position:relative; border:1px solid red;}

.thumbnailSpacer{float:left; position:relative; margin-right:7px; margin-bottom:7px;}

.rightPanelContent{float:left; position:relative; width:236px; height:600px; left:28px;}

.rightPanelBackBtn{position:absolute; top:560px; left:545px; width:210px; z-index:9999;}

#purchaseRightPanel{float:left; position:relative; width:255px; left:20px; top:115px;}