/* Custom styles used in samples pages */

#samples_top_td {
 padding-top: 0px;
}
#samples_chart_bullet_list {
 margin-top: 0px;
 margin-bottom: 0px;
}
#samples_chart_bullet_item {
 font-size: 16px!important;
}
#samples_chart_bullet_link {
 font-family: arial; font-size: 16px;
}
#samples_chart_sel_td_left {
 padding: 0px 20px;
}
#samples_chart_sel_td_right {
 padding: 0px 20px; text-align: center;
}

/*ONLINE ORDERING - SAMPLES INDEX TABLE*/
table.Samples {border-collapse:collapse;border-spacing:0;width:auto}
.Samples td {padding:10px 6px;vertical-align:middle}
.Samples td.SamplesL {text-align:center;padding:10px 6px;width:180px;vertical-align:top}
.NoticeContainer {padding:5px 0;}
.samples-notice {background-color:#f8f8f8;color:#666;border-bottom:1px dotted #999;border-top:1px dotted #999;padding:1px 14px;margin:0px}
.samples-notice p {font-size:14px} .samples-notice strong, .samples-notice b {font-weight:600!important; font-size:14px!important}
/*.Notice {background-color:#F5F5F5;color:#666;border-bottom:1px dotted #C8C8C8;border-top:1px dotted #ccc;padding:1px 14px;margin:0px}*/
.samples-nav-menu{overflow:auto}

.SearchBox {border:1px solid #ccc;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;padding:3px 6px;font-family:droid_sansregular,arial,helvetica,sans-serif;min-width:200px;background-color:#f8f8f8;color:000;font-size:1em;box-shadow:1px 1px 3px  #ccc inset;}

.SubmitS {-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;border:1px solid #000;padding:1px 20px 2px 20px;margin:0;cursor: pointer;outline:none;font-size:1em;background-color:#000;color:#fff}
.SubmitS:hover {border:1px solid #3366cc;background-color:#3366cc}
.SubmitS:active {border:1px solid #cc0000;background-color:#cc0000}
.WelcomeText {color:#149749;padding:5px 0 5px 0}
select.fourteen {border:1px solid #ccc}
img.border {border:1px solid #ccc;margin-bottom:5px}
td.ArticlesL {max-width:150px!important}

#cartTable td {padding:9px 6px 6px 6px}
#cartTable th {background-color:#f8f8f8}

/*.Submit {border:1px solid #666;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;background-color:#666;color:#fff;font-size:14px;padding:1px 20px;margin:0px;cursor: pointer;outline:none;}
.Submit:hover {border:1px solid #3366cc;background-color:#3366cc;cursor: pointer;outline:none;}
.Submit:active {border:1px solid #cc0000;background-color:#cc0000;cursor: pointer;outline:none;}*/
.alphabets td {text-align:center}

ul.ButtonAlpha {color:#999;list-style-type:none;overflow: hidden;padding:0;margin: 14px 10px 14px 0 ;text-align:center;max-width:100%; }
		.ButtonAlpha li {float: left;}
		.ButtonAlpha a:link, .ButtonAlpha a:visited {background-color:#666;color:#fff;display:inline-block; border-radius:4px;margin:7px 7px 7px 0;text-align:center;width:28px; padding: 4px 0;}
		.ButtonAlpha a:hover {background-color:#74aa50;color:#fff} .ButtonAlpha a:active {background-color:#92d763;color:#fff}

        .ButtonAlpha a.NL:link, .ButtonAlpha a.NL:visited {background-color:#ccc;color:#fff;display:inline-block; border-radius:4px;margin:7px 7px 7px 0;text-align:center;width:28px; padding: 4px 0;cursor:no-drop}
		.ButtonAlpha a.NL:hover {background-color:#ccc;color:#fff} .ButtonAlpha a.NL:active {background-color:#ccc;color:#fff}
		.na {color:#ddd;text-decoration:line-through}

@media screen and (max-width:480px){
    .Samples td {display:block}  
}