/*
 *  Global commons
 */
.horizontal_separator{height:2px; background-image:url('/images/jewelspan/horizontal_dotted.png'); background-repeat:repeat-x}
.vertical_separator{width:1px; height:100%; background-image:url('/images/jewelspan/vertical_dotted.png'); background-repeat:repeat-y}


/* 
        LEVEL 1 Structure
*/
html { background-color:#DEDEDE; color:#2D3854; font-family: Georgia,'Times New Roman',Times,serif; font-size:13px; font-weight: 400; line-height: 18px;}
#main_container {background-color:#F7F6F2; width:1042px; margin:20px auto;}
#header{width:1010px; font-size:15px; padding:18px 16px 10px 16px}
#header a{color:#4C566B;text-decoration:none}
#header a:hover{text-decoration:underline}
#header_left {float:left; height:77px; margin-top:23px; margin-left:14px}
#header_right {float:right; height:73px; }


#header_right_top div{float:left; }
#header_right_bottom {margin-top:68px; margin-left:50px}
.search_box{}
.search_button { width:34px; height:26px; vertical-align:middle; background:url(/images/bg_search_button.png) left top no-repeat; cursor:pointer; border:none; text-indent:-9999px; }
.search_button:hover{ background:url(/images/bg_search_button.png) left bottom no-repeat;}
.search_box .input_box { width:223px; height:24px; vertical-align:middle; font-family:Arial, Verdana, Geneva, sans-serif; font-size:12px; color:#696969; padding-left:8px; border:1px solid #e3e3e3; }


.navSeparator { width:2px; height:14px; background-color:#8C8C8C; margin-top:2px; margin-right:8px; margin-left:8px}
#header_facebook{ margin-left:10px; margin-top:-10px}


a{color:#236782;}
a:hover{color:#2E75DB; text-decoration:underline}

h1{}
h2{color:#2A4A91; font-size:21px; font-weight:400}

#innerPageContent{padding-bottom:80px; }
.innerPageHeader1{font-size:65px; margin-bottom:25px; margin-top:15px; font-family:Arial, Helvetica, sans-serif; color:#D0D2D2}
.innerPageHeader2{width:200px; padding:10px; }
.innerPageHeaderNav ul{list-style: none outside none;}
.innerPageHeaderNav ul li{float:left; margin-left:20px; }
.innerPageHeaderNav ul li a {text-decoration:none}
.innerPageHeaderNav ul li a.activeLink{text-decoration:underline; font-weight:bold; color:black}

#articlesOuter .leftContentMenu{width:320px; padding:6px; }
#articlesOuter .rightContent{width:550px; padding:6px; margin-left:14px; }
.articleTitle{line-height:14px; }
.articleTitle a{color:black; font-size:16px; text-decoration:none}
.articleTitle a:hover{text-decoration:underline}
h3.articleDescription{color:black; font-style:italic; padding:4px; font-size:16px;}
.articleSummaryContainer{
    margin-bottom:12px;
    padding:6px;
}
.scroll-pane
{
    padding:8px;
    margin-top:6px; 
    background-color:#E6E7E8;

    /*height: 600px;
    overflow: auto;*/
}
#collectionsOuter .leftContentMenu{width:190px; padding:6px; }
#collectionsOuter .rightContent{padding:6px; width:750px; margin-left:14px; }
.collectionTitle{line-height:14px; text-transform: uppercase}
.collectionTitle a{color:black; font-size:14px; text-decoration:none; font-weight:bold}
.collectionTitle a:hover{text-decoration:underline}
a.activeCollection{color:#AC0505}
.collectionSummaryContainer{
    margin-bottom:12px;
    padding:3px;
}
.collectionImage{
    background-position:center center;
    background-repeat:no-repeat;
    background-size: contain;
}
.collectionImage img{width:220px;height:220px;}
.collectionImageWrapper{
    float:left;
    margin:0px 15px 30px 15px;
}
.collectionSubtitle{font-size:15px; font-style: italic}


/*Other pages*/

/*App*/
.join_template{padding:10px 20px;}
.join_fancyheader{color:#2A4A91; font-size:16px; font-style:italic}
.join_template_pricing .join_fancyheader{margin-bottom:10px;}
.join_headerRed{color:#BF1337; font-size:18px}
.join_headerBlue{color:#0069BF; font-size:22px; font-style:italic; text-align:center; margin:10px 0}
#app_header_left{float:left; padding: 0px 15px;}

#app_header_right{float:right; padding: 5px 15px;}
#app_header_right div{float:left; }
#app_header_right a{color:#0069BF; font-size:14px}
#app_header_right a.navActive{color:#C11032}

#join_here_top_left {float:left}
#join_here_top_left div{margin-top:10px}
#join_here_top_right {float:right}
#join_here_middle{margin-top:5px}
#join_here_middle h3{margin-bottom:10px}
.join_here_circleBG{float:left; text-align:center; margin-left:23px; width:117px; height:117px; overflow:hidden; font-size:12px; background-image:url('/images/jewelspan/bg_join_circle.png'); background-repeat:no-repeat; background-position:top left}
#join_here_circle_1{padding-top:12px}
#join_here_circle_2{padding-top:20px}
#join_here_circle_3{padding-top:30px}
#join_here_circle_4{padding-top:30px}
.join_here_sampleSite{float:left; margin-left:23px; }
#app_join_startFormOuter{

}
#app_join_startFormLeft{
    float:left;
    width:344px; height:361px;
    background-image:url('/images/jewelspan/bg_join_circle_large.png'); background-repeat: no-repeat; background-position:top left;
    color:#0060A4;
    text-align:center;
    padding-top:45px;
    margin-left:20px;
}
#startFormLeft1{font-size:16px}
#startFormLeft2{color:#2A4A91; font-size:22px; line-height:25px; margin-top:10px}
#startFormLeft3{font-size:22px; margin-top:12px}
#startFormLeft4{font-size:20px; margin-top:12px}
#startFormLeft5{font-size:18px; color:black; margin-top:10px}
#startFormLeft6{font-size:18px; color:black; margin-top:5px}
#startFormLeft7{font-size:17px; color:black; margin-top:15px}
#startFormLeft8{font-size:17px; color:black; font-weight:bold; margin-top:5px}
#app_join_startFormRight{float:left; margin-left:50px}
#app_join_startFormRightTop{width:552px; height:18px; background-image:url('/images/jewelspan/bg_join_rect_large_top.png'); background-repeat: no-repeat; background-position:top left;}
#app_join_startFormRightMiddleLeft{float:left; width:4px; min-height:430px; background-image:url('/images/jewelspan/bg_join_rect_large_vertical.png'); background-repeat: repeat-y; background-position:top left;}
#app_join_startFormRightMiddleCenter{float:left; width:544px; min-height: 430px; background-color:white;}
#app_join_startFormRightMiddleRight{float:left; width:4px; min-height:430px; background-image:url('/images/jewelspan/bg_join_rect_large_vertical.png'); background-repeat: repeat-y; background-position:top right;}
#app_join_startFormRightBottom{width:552px; height:18px; background-image:url('/images/jewelspan/bg_join_rect_large_bottom.png'); background-repeat: no-repeat; background-position:top left;}

#app_join_startFormBox{padding:5px 30px 0px 30px}
#app_join_startFormBox td{padding-top:15px}
#app_join_startFormBox input{height:25px}
#app_join_startFormBox .longInputField{width:250px; margin-left:10px}
#app_join_startFormBox .submit{
    background-image: url("https://assets.artspan.com/images/joinUs/submitArrowNew.png");
    background-position: left top;
    background-repeat: no-repeat;
    float: right;
    height: 28px;
    margin: 0;
    width: 91px;
}
#join_pricing_blurb div{font-size: 18px; margin-top:18px;}

#join_samples_block div{text-align:center; font-size:16px; font-style:italic}
.join_sample_row{margin-top:40px}

#join_testimonials_block{padding:20px; margin-bottom:20px}
#join_testimonials_block .testimonial_row{padding:20px 50px}
#join_testimonials_block .testimonial_image{float:left}
#join_testimonials_block .testimonial_quote{float:left; width:600px; padding:10px 40px}
#join_testimonials_block .quote_left{display:block; float:left; padding-top:10px; margin-right:10px; font-size:40px; color:#A59A92}
#join_testimonials_block .quote_right{display:block; float:right; padding-top:10px; margin-left:-10px; font-size:40px; color:#A59A92}
#join_testimonials_block .testimonial_quote_large{text-align:center; font-size:20px; font-style:italic}
#join_testimonials_block .testimonial_attribution{text-align:center; margin-top:10px; font-size:16px; color:#666568}

.join_template_faq h3{color:#2A4A91; font-size:18px; font-weight:400}
#join_faq_head{padding:5px 20px;}
#join_faq_header_nav{margin-bottom:20px}
#join_faq_header_nav div{float:left; }
#join_faq_header_nav div a{color:#5F6060; text-decoration:underline; font-size:16px}
#join_faq_header_nav div a:visited{color:#2A4A91}
.join_faq_block{padding:20px}
.join_faq_row{padding-top:20px}
.join_faq_question{color:#2A4A91}
.join_faq_block	.top_anchor {margin-top:10px}
.join_faq_block	.top_anchor a{font-size:15px; text-decoration:underline; }

#stepsWrapOuter{background-color:white; margin-top:-10px; background-image:url('/images/jewelspan/horizontal_dotted.png'); background-repeat:repeat-x; background-position:bottom}
#formWrap{padding:20px}

        //CM added 11-26-2014
        #confirmWrap table{display:block;}
        #formWrap table{margin: 0 auto;}
        #formWrap table table{margin: 0 0 20px 0;}
        #formWrap table tr td small{display: block; line-height: 22px; padding: 20px 0;}
        #formWrap table tr td p{display: block; line-height: 22px; padding: 10px 0;}
        #stepsWrap table {margin: 0 auto;}
        .tdStyle9{display: block; line-height: 22px; padding: 5px 0;}
        .tdStyle14{display: block; line-height: 22px; padding: 5px 0;}
        .subNote2{display:block; margin: 0 0 0 20px;}
        .subNote3{display:block; margin: 0 0 0 20px;}
        #confirmationCheckAndSubmit{margin: 0 auto; width: 97%;}
        
/*about jewelspan*/
.jewelspan-about a, .jewelspan-directory a{text-decoration:none}
.jewelspan-about .vertical_separator, .jewelspan-directory .vertical_separator{float:left; height:700px}
#jewelspan-about_leftBlock, #jewelspan-directory_leftBlock{float:left; width:750px; font-size:17px;  padding:20px 30px}
#jewelspan-about_leftBlock h2{margin-bottom:15px;}
#jewelspan-about_leftBlock div{margin-bottom:15px;}
#jewelspan-about_leftBlock #jewelspan-about_highlightedText{text-align:center; color:#0069BF; font-weight:bold}
#jewelspan-about_rightBlock{float:left; width:230px; }
#about_rightTop{padding:20px 20px 0 20px}
#about_rightBottom{padding:20px}
.about_rightTopLink{margin-bottom:20px;}
.about_rightTopLink a{font-size:18px; color:#2A4A91;}
#about_rightBottom_join1 a{font-size:20px; color:#BF1337}
#about_rightBottom_join2 a{font-size:18px; color:#BF1337}
.about_shopIcon{text-align:center; margin:20px 0}

.jewelspan-directory_letter{float:left; padding:10px 6px; width:18px; height:20px}
.jewelspan-directory_letter a:hover, .jewelspan-directory_letter.selectedLetter{background-image:url('/images/jewelspan/directory-letter-circleBG.png'); background-repeat:no-repeat; background-position:center;}
.jewelspan-directory_letter a{text-decoration:none; font-size:20px; color:black}
#jewelspan-directory_leftBlock ul{margin-top:20px}
#jewelspan-directory_leftBlock ul li{float: left; width:150px; height:175px; }
#jewelspan-directory_leftBlock ul li img{display:block; border:1px solid black}
#jewelspan-directory_leftBlock .artist_div{}
#jewelspan-directory_leftBlock .artist_div a{text-decoration:none; color:#2D3854; font-size:12px}
#jewelspan-directory_leftBlock .artist_div a:hover{text-decoration:underline}
#footer a{text-decoration:none}
#footer a:hover{text-decoration:underline}
#footer_separator{height:8px; background-color:#DEDEDE}
.footer_list { width:800px; margin:0px auto; overflow:hidden; margin-bottom:13px; padding:10px 0}
.footer_list ul { float:left; width:250px; text-align:center; margin:0px; }
.footer_list ul li { margin:0px; padding:9px 0px 7px 0px; list-style:none; font-size:16px;  }
.footer_list ul li a { color:#4C566B; }

.footer_nav { font-size:11px; color:#ad0505; text-transform:uppercase; background:#dedede; padding:13px 0px; }
.footer_nav ul { margin:0px; text-align:center; }
.footer_nav ul li { display: inline; padding:0px 10px; list-style:none; margin:0px; letter-spacing:1px; }
.footer_nav ul li a { color:#4C566B; }


#footerInfo{
    padding:20px;
    color:#6F6F6F;
}