/* Global Class */
*{margin:0; padding:0}
body{margin:0 auto; text-align:center}
body, div, span, p, td, select, input, textarea, th, td, li{font-family:arial, verdana, helvetica, sans-serif; color:#282828; font-size:12px}

p{margin:0 0 15px}
img{border:none}

h2{font:normal 20px/20px Georgia, "Times New Roman", Times, serif; font-style:italic; padding-bottom:12px; color:#3a6ca1}
h3{font:bold 14px/14px Georgia, "Times New Roman", Times, serif; font-style:italic; padding-bottom:12px}
h6{font-size:12px}

hr{height:1px; border:none; border-top:1px solid #ecedee; position:relative; display:block; overflow:visible; margin-bottom:10px}

a{color:#3a6ca1; text-decoration:none}
a:hover{text-decoration:underline}

ul{margin:0 0 15px 0; list-style:none}
li{background:url(/images/bullet.gif) no-repeat 0 5px; padding:0 0 6px 12px}

/* Useable Class */
.fl{float:left}
.fr{float:right}

.clear{clear:both; font-size:0}

.moreBtn{text-align:right}

.more{text-align:right}
.more a{background:url(/images/bullet.gif) no-repeat center left; padding-left:8px; text-align:right; font-size:11px; font-weight:bold; color:#3a6ca1}


ul.blogList{margin:0 0 10px 0; list-style:none}
ul.blogList li{background:url(/images/bulletBlog.gif) no-repeat 0 3px; padding:0 0 10px 24px}
ul.blogList a{color:#2f3030}

/* Layout Class */
.header{height:140px; width:883px; margin:0 auto}
.headerLeft{float:left}
.headerRight{float:right; text-align:left}

.headerData{width:405px; float:left; position:relative; margin-right:-20px; background:#fff url(/images/topcreative.jpg) no-repeat top right}
.headerData ul{margin:0; padding:0; list-style:none; margin:114px 20px 0 0; display:inline; white-space:nowrap; float:right}
.headerData li{background:none; padding:0 6px 0 0; margin-right:12px; white-space:nowrap; font-size:11px; color:#dbd2e1; list-style:none; display:inline; float:left; white-space:nowrap}
.headerData li.headerDataListLast{border:0; margin:0; padding:0}
.headerData a{background:url(/images/nav.gif) no-repeat center left; color:#3a6ca1; font-size:13px; padding-left:10px; text-transform:uppercase}
.headerData a:hover{color:#003566; text-decoration:none}

.logo{display:block; width:215px; height:108px; float:left; margin-left:6px; position:relative}
.logo h1{float:left}
.logo h1 a{background:url(/images/logo.gif) no-repeat; display:block; text-indent:-8000em; width:206px; height:81px; margin:58px 0 0 0; line-height:100%}

.mainOuter{width:883px; margin:0 auto}
.main{width:883px; float:left; padding:20px 0 15px; text-align:left}
.mainLeft{width:214px; float:left}
.mainRight{width:650px; float:right}

.footer{width:883px; margin:0 auto; border-top:1px solid #cfcfcf}
.footerContent{float:left; width:883px; padding:10px 0 30px; text-align:left}
.footerContentLeft{float:left; width:200px; font-size:11px}
.footerContentRight{float:right; width:540px; font-size:11px}
.footer a{color:#8c8c8c; white-space:nowrap}
.footer a:hover{color:#230052; text-decoration:underline}
.footer p{font-size:11px; font-weight:bold; float:right; margin:0; margin-left:50px; text-align:right}

.homeContent{width:650px; float:left}
.homeContentLeft{width:330px; float:left}
.homeContentRight{width:300px; float:right}

.category{text-align:right}
ul.categoryList{margin:0 0 15px 0; list-style:none}
ul.categoryList li{background:none; border-bottom:1px solid #ededed; text-align:right; font-size:14px; padding:4px 0 4px 8px}
ul.categoryList a{background:url(/images/bulletCatList.gif) no-repeat 0 10px; color:#8c8c8c; display:block}
ul.categoryList a:hover{color:#3a6ca1; background-position:0 -18px; text-decoration:none}
ul.categoryList a.categoryListActive{color:#3a6ca1; background-position:0 -18px; text-decoration:none}

.creative{margin-bottom:15px}
#slider{height:284px; margin-bottom:15px}
.tabCustomJew{margin-bottom:10px}

.galleryBox{background:url(/images/galleryBox.gif) no-repeat 0 0; margin-bottom:15px; padding:8px 8px 1px}
.galleryBox h2{color:#282828; padding:0; margin-bottom:5px}
.galleryBox .galleryImg{display:block; border:1px solid #ecedee; margin-bottom:6px}
.galleryBox span{float:left; line-height:20px}
.galleryBox .galleryLink{float:right; padding-right:6px; margin-bottom:2px}

.giftCard{}
.giftCard .giftCardTab{display:block}
.giftCard h6{margin-bottom:8px}
.giftCard input{border:1px solid #e7e7e7; color:#8c8c8c; padding:2px 4px; margin-bottom:3px; height:14px; width:174px; font-size:11px}
.giftCard .giftCardContent{background:url(/images/giftCardContentBg.gif) repeat-x 0 0; margin-top:1px; padding:10px 15px}
.giftCard .giftCardLeft{float:left; padding-top:8px}
.giftCard .giftCardRight{float:right; padding-top:4px}
.giftCard a{font-size:11px}

.breadcrumb{text-align:right; font-size:11px; position:relative; margin-top:-18px; padding-bottom:5px}
.breadcrumb a{background:url(/images/bulletBreadcrumb.gif) no-repeat center right; padding-right:10px; margin-right:4px}
.breadcrumb strong{margin-right:4px}

.prodInfo{float:left; padding:10px 0; border-bottom:1px dotted #ecedee}
.prodInfo .prodImg{float:left}
.prodInfo .prodImg img{border:2px solid #e9e9e9; margin-right:15px}
.prodInfo .prodDec{float:left}
.prodInfoLast{border:none; padding-bottom:0}

#brandBox{width:330px}
#brandBox img{display:block; border:5px solid #f1f1f1}
#brandBox .brandPrevious{float:left; height:80px; position:relative; width:21px; margin-right:10px}
#brandBox .brandPrevious img{position:absolute; top:20px; left:0; border:none}
#brandBox .brandNext{float:left; height:80px; position:relative; width:21px; margin-left:10px}
#brandBox .brandNext img{position:absolute; top:20px; left:0; border:none}
.stepcarousel{position:relative; overflow:scroll; width:266px; height:102px; float:left}
.stepcarousel .belt{position:absolute; left:0; top:0}
.stepcarousel .panel{float:left; overflow:hidden; margin-right:10px; width:127px; vertical-align:middle}


.colclass{float:left;width:33%;}
.colclass8{float:left;width:12.5%;}

.main-photo-thumb {
	height: auto;
	width: auto;
	border: 0px solid #666;
	display: inline;
	float: left;
}
.main-photo-container {
	display: inline;
	width: 125px;
        height: 125px;
        float: left;
}

.main-photo-desc {
	float: left;
	height: auto;
	width: 100px;
        text-align:center;
}

.main-photo-nav {
	display: inline;
	width: 800px;
       float: left;
}
#photo {

	width:auto;
	margin: 0px auto 0px auto;
	border: 0px solid #f0f0f0;
        float:left;
        padding-right:10px;
}