img {border: 0;}
#btable ul
{
    padding: 2px 0px 0px 0px;
    margin: 0px;
    list-style-type: none; 
}

#btable li {margin: 0; padding: 0;}

#btable h2 
{
    margin: 0;
	padding: 0;
}


#box > h2
{color: #d10163;
 vertical-align: top;
}

#box 
{
    width: 525px; 
	padding: 0 17px;
	line-height: 18px;
	position: relative;
}



.b2, .b1 {
width: 187px;
}

.b3 {
width: 185px;
}


.b1, .b2, .b3 
{
	font-family: 8px;
    padding: 0px;
    vertical-align: top;
    
}

h1
{
    color: #d10163;
	line-height: 22px
}

h3
{
    font-size: 14px;
    color: #663399;
}

h2 {color: #d10163;}
h2.title {color: #E50028 !important; font-size: 20px; font-family:Arial;}


.left, .lastleft 
{
    float: left;
    width: 186px;
    height: 250px;
}

.lastleft{
    width: 187px;
}

#column1 {background-image: url(images/Columns-Indoor.png);}
#column2 {background-image: url(images/Columns-Outdoor.png);}
#column3 {background-image: url(images/Columns-Events.png);}


#column1, #column2
{
    display: block;
    background-position: 0 0;
    background-repeat: no-repeat;
    height: 250px;
    width: 186px;
}

#column3 
{
        display: block;
        width: 187px;    
        background-position: 0 0;
        background-repeat: no-repeat;
        height: 250px;
}

#column1:hover, #column2:hover, #column3:hover 
{
    background-position: 0 -250px;
}

.hidden {display: none;}

.bold {font-weight: bold;}

.thum2 {background-color: #E9E9E9; width: 224px; height: 260px; padding: 15px; float: right; margin-bottom: 20px;}
.thum {background-color:#E9E9E9; width: 224px; height: 260px; padding: 15px; float: left; margin-bottom: 20px;}


.textlink a:link, .textlink a:visited {
color: #663399;
margin-top: 2px; 
bottom-top:5px;
font-size: 12px
}

.textlink a:hover, .textlink a:active {
text-decoration: none;
color: #663399;
margin-top: 2px; 
bottom-top:5px;
font-size: 12px
}

.note {color: #000000; font-weight: bold; font-size: 11px; font-family: arial; line-height: 15px; margin-top: 2px; bottom-top:5px}

hr {width: 100%; height: 2px; margin: 20px auto; color: #F0F0F0; background-color: #F0F0F0; border: none}

.none{list-style: none; text-align: left; left-margin: 0px; margin: 0px; padding: 0;}


/* New */

#cc_menu {
    height: 27px;
    -moz-border-radius: 8px 8px 8px;
    -webkit-border-radius: 8px 8px 8px;
    list-style-type: none;
    padding: 0;
    background-color: #ddd;
    margin: 10px 0;
}

#cc_menu li 
{
    width: 30%;
    float: left;
    margin: 0 2px;
    line-height: 24px;
    text-align: center
}

#cc_menu li.active {
    background-color: #444;
    line-height: 24px;
    -moz-border-radius: 8px 8px 8px;
    -webkit-border-radius: 8px 8px 8px;
    vertical-align: middle;
    padding: 0 21px;
    color: #fff;
    margin: 0;    
}

#cc_menu li a{
    font-size: 11px;
    font-weight: bold;
    color: #222;
    text-decoration: none;
}

#cc_menu li.active a{    
        color: #fff;
}

#cc_content {


    padding: 10px;
    overflow: auto;
}

#cc_banner {
    width: 100%;
    height: 65px;
    
}

#sample_bar {
    width: 200px;
    margin-right: 10px;
    float: right;
    background-color: #fff;
    -moz-border-radius: 8px 8px 8px;
    -webkit-border-radius: 8px 8px 8px;
    padding: 5px;
    margin-left: 10px;
    text-align: center;
}

#sample_bar img {
    margin: 0 auto;
}

#clip_options {


}

#clip_options td {
    text-align: center;
    width: 50%;
    background-color: #fff;
    border-radius: 5px 5px 5px;
    -moz-border-radius: 8px 8px 8px;
    -webkit-border-radius: 8px 8px 8px;
    padding: 10px;
}

#clip_options td p {
    font-size: 11px;
    font-weight: bold;
    padding: 10px 0 0 0;

}


#options1{ width: 100%;}
#options1 td 
{
    vertical-align: top;
    width: 50%;
}

#options2 { width: 100%;}
#options2 td 
{
    vertical-align: top;
    width: 33%
}



#sizes #sizes_inner {clear: both; height: 110px; font-size: 10px; font-weight: bold;}
#sizes #sizes_inner div{float: left; width: 20%;  text-align: center; vertical-align: bottom;}

#uses_list 
{
    list-style: none;
    margin-top: 40px;
    font-size: 11px;
    font-weight: bold;
    
}

.c_black {background-color: #000000; height: 80px; width: 80px}
.c_white {background-color: #ffffff; height: 78px; width: 78px; border: 1px solid black;}
.c_red {background-color: #c02553; height: 80px; width: 80px}
.c_dblue {background-color: #25247b; height: 80px; width: 80px}
.c_blue {background-color: #0069a6; height: 80px; width: 80px}
.c_oatmeal {background-color: #deccba; height: 80px; width: 80px}
.c_grey {background-color: #abadb0; height: 80px; width: 80px}
.c_lime {background-color: #8cbe3f; height: 80px; width: 80px}
.c_brown {background-color: #6b3918; height: 80px; width: 80px}
