/*

Theme Name: BDV

Theme URI: 

Description: Black Diamond Video

Version: 

Author: C3i3 Interactive

Author URI: http://www.c3i3.com

Tags: 

*/



body {

background: #E9E9E0 url(images/background.jpg) 50% 0 repeat-x;

font-family: Arial;

font-size: 12px;

color: #666666;

margin: 0;

padding: 0;

}



h1, h2 ,h3, p, ul {

margin: 0;

padding: 0;

}



li {

list-style: none;

margin: 0;

padding: 0;

}



a {

color: #0066FF;

text-decoration: none;

}



a:hover {

color: #000000;

}



img {

border: none;

}



table, tr, td {

border: none;

margin: 0;

padding: 0;

}



input, select, textarea {

border: 1px solid #CCCCCC;

background: #FFFFFF;

color: #666666;

font-family: Arial;

font-size: 12px;

margin: 0 0 10px 0;

padding: 3px 5px;

}



.clearfix {

clear: both;

}



#page {

background: url(images/page_bg.png) 0 220px no-repeat;

width: 980px;

min-height: 700px;

margin: 0 auto;

padding: 13px 13px 0;

}



.top {

background: url(images/top_shadow.png) 0 100% no-repeat;
font-size: 11px;
text-align: right;
width: 960px;

height: 20px;
position: relative;
padding: 0 10px 5px;
}

.top a {
background: url(images/arrow_grey.png) 0 50% no-repeat;
color: #666666;
margin-left: 30px;
padding-left: 10px;
}

.top a:hover {
background-image: url(images/arrow_white.png);
color: #FFFFFF;
}

.container {

float: left;

background: #FFFFFF;

width: 960px;

min-height: 700px;

margin-bottom: 20px;

padding: 15px 10px;

}



#header {

height: 85px;

margin-bottom: 20px;

}



#header .logo {

float: left;

width: 218px;

height: 85px;

}



#header .logo a {

outline: none;

}



#header .nav {

float: right;

width: 700px;

margin: 30px 10px 0 0;
position: relative;
z-index: 2;
}



#header .nav ul {

float: right;

}



#header .nav li {

float: left;

text-transform: uppercase;

margin-left: 25px;

}



#header .nav li a {

display: block;

color: #1F1F1F;

height: 0;

padding-top: 35px;

overflow: hidden;

}



#header .nav li a.home {

background: url(images/home.gif) 0 0 no-repeat;

width: 39px;

}



#header .nav li.page-item-3 {

background: url(images/company.gif) 0 0 no-repeat;

width: 62px;

}



#header .nav li.page-item-5 {

background: url(images/products.gif) 0 0 no-repeat;

width: 68px;

}



#header .nav li.page-item-5 ul a {

width: 140px !important;

}



#header .nav li.page-item-7 {

background: url(images/markets.gif) 0 0 no-repeat;

width: 59px;

}



#header .nav li.page-item-7 ul a {

width: 130px !important;

}



#header .nav li.page-item-9 {

background: url(images/medical.gif) 0 0 no-repeat;

width: 54px;

}



#header .nav li.page-item-9 ul a {

width: 130px !important;

}



#header .nav li.page-item-11 {

background: url(images/news.gif) 0 0 no-repeat;

width: 42px;

}



#header .nav li.page-item-13 {

background: url(images/support.gif) 0 0 no-repeat;

width: 58px;

}



#header .nav li.page-item-15 {

background: url(images/contact.gif) 0 0 no-repeat;

width: 76px;

}



#header .nav li.page-item-15 ul {

margin-left: -35px !important;

}



#header .nav li.page-item-15 ul a {

width: 100px;

}



#header .nav ul ul {

visibility: hidden;

border: 1px solid #2C2C2C;

background: url(images/menu_bg.png) 0 0 repeat-x;

margin-left: -10px;

position: absolute;

z-index: 100;

}



#header .nav ul ul li {

float: none;

text-transform: none;

height: 23px;

margin-left: 0;

}



#header .nav ul ul li a {

color: #FFFFFF;

display: block;

height: 19px;

padding: 4px 10px 0;

}



#header .nav li:hover ul {

visibility: visible;

}



#header .nav ul ul a:hover {

background: url(images/menu_selected.jpg) 0 0 repeat-x;

}



.banner_home {

background: url(images/banner_shadow.png) 100% 0 no-repeat;

margin: -14px auto 25px;

padding-top: 14px;
position: relative;
z-index: 1;
}



.banner {

float: right;

margin: 0 10px 10px 0;

}



.column_left {

float: left;

width: 230px;

}



.widget {

text-align: center;

}



.widget a {

display: block;

height: 30px;

margin-top: 5px;

}



.buckets {

float: right;

width: 730px;

}



a.bucket {

cursor: pointer;

}



.buckets h3 {
background: #000;
color: #FFFFFF;
font-size: 11px;
text-align: left;
text-transform: uppercase;
line-height: 20px;
height: 20px;
padding: 0 5px 0 10px;
}

.widget h3 {
background: url(images/title_bg.jpg) 0 0 repeat-x;
color: #FFFFFF;
font-size: 11px;
text-align: left;
text-transform: uppercase;
line-height: 20px;
height: 20px;
padding: 0 5px 0 10px;
}



.buckets h3 span, .widget h3 span {

display: block;


}



.buckets a.bucket {

float: left;

color: #FFFFFF;

width: 230px;

height: 120px;

margin: 0 0 22px 13px;

}



.buckets a.bucket:hover h3 {

color: #0099FF !important;

}



#sidebar {

float: left;

background: url(images/sidebar_bg.png) 100% 5px no-repeat;

width: 200px;

min-height: 370px;

margin-left: 10px;

padding-top: 10px;

}



#sidebar h2 {

font-size: 16px;

margin-bottom: 10px;

}



#sidebar h2 a {

color: #333333;

}



#sidebar ul {

width: 180px;

margin-bottom: 15px;

}



#sidebar li {

border-bottom: 1px dotted #333333;

padding: 4px 0;

}



#sidebar li.current_page_item {

background: url(images/arrow_grey_l.png) 100% 50% no-repeat;

font-weight: bold;

}

#sidebar li ul {
margin-bottom: 0;
}

#sidebar li ul li {
border-bottom: none;
}


#sidebar .partner_logo {

margin: 0 0 10px -10px;

}



#content {

float: left;

width: 705px;

margin-left: 20px;

}



#content .breadcrumbs {

font-size: 10px;

height: 20px;

}



#content .breadcrumbs a {

color: #333333;

}



#content .breadcrumbs a:hover {

text-decoration: underline;

}



#content h1 {

clear: both;

border-top: 1px dotted #333333;

border-bottom: 1px dotted #333333;

background: url(images/title_bg.png) 0 0 no-repeat;

color: #0099FF;

font-size: 22px;

font-weight: normal;

line-height: 36px;

height: 36px;

margin-bottom: 10px;

}



#content h2 {

color: #000000;

font-size: 16px;

margin-bottom: 10px;

}



#content h2 a {

color: #000000;

}



#content h3 {

color: #0099FF;

font-size: 12px;

margin-bottom: 10px;

}



#content p {

margin-bottom: 10px;

}



#content ul {

margin-bottom: 10px;

padding-left: 15px;

}



#content li {

list-style: square;

}



#content a.demo {

float: right;

color: #333333;

text-transform: uppercase;

margin-top: -35px;

}



#content a.demo:hover {

color: #0066FF;

}



#content .buckets {

float: none;

clear: both;

background: #F1F1F1;

width: 740px;

height: 310px;

margin: 20px 0 30px -20px;

padding: 10px 0 0 10px;

}



#content .buckets h2 {

color: #000000;

margin-left: 10px;

}



#content .buckets a.bucket {

margin-left: 10px;

}



#content .buckets a.bucket h3 {

color: #FFFFFF;

font-size: 11px;

margin-bottom: 0;

}



#content .product_buckets {

background: url(images/bucket_products_bg.gif) 0 0 no-repeat;

width: 720px;

height: 147px;

margin-bottom: 15px;

}



#content .product_buckets a.bucket {

float: left;

color: #FFFFFF;

width: 240px;

height: 147px;

}



#content .product_buckets a.bucket h3 {

background: none;

color: #333333;

font-size: 11px;

text-transform: none;

line-height: 26px;

height: 26px;

margin: 0 0 0 10px;

}



#content .product_buckets a.bucket:hover h3 {

color: #0066FF;

}



#content .product_buckets a.bucket img {

width: 160px;

height: 131px;

margin-top: -10px;

}



#content .medical_buckets {

background: url(images/bucket_medical_bg.gif) 0 0 no-repeat;

width: 720px;

height: 147px;

margin: 20px 0 15px;

}



#content .medical_buckets a.bucket {

float: left;

color: #FFFFFF;

width: 180px;

height: 147px;

}



#content .medical_buckets a.bucket h3 {

background: none;

color: #333333;

text-transform: none;

line-height: 26px;

height: 26px;

margin: 0 0 5px 0;

padding-left: 10px;

}



#content .item {

float: left;

clear: both;

border-bottom: 1px dotted #333333;

width: 700px;

margin: 10px 0;

padding-bottom: 20px;

}



#content .item .thumb {

float: left;

border: 1px solid #CCCCCC;

width: 218px;

height: 178px;

margin-right: 40px;

}



#content .item .desc {

float: left;

font-size: 11px;

width: 420px;

}



#content .item .desc h2 {

font-size: 25px;

margin-bottom: 0;

}



#content .item .desc strong {
color: #0099FF;
font-size: 19px;
font-weight: normal;
}

#content .item .desc a.more {
color: #0066FF;
font-size: 10px;
}

#content .item .desc a.more:hover {
color: #000000;
}

#content .product_info {
margin-bottom: 20px;
}

#content .product_info .wp-caption {
float: left;
margin: 5px;
margin-left: 0;
padding-top: 40px;
position: relative;
}

#content .product_info .wp-caption img {
border: 1px solid #000000;
}

#content .product_info .wp-caption-text {
margin-top: 5px;
position: absolute;
top: 0;
}

#content .product_info ul {
padding: 0;
}

#content .product_info li {
list-style: none;
}

#content .product_info .image {
float: left;
width: 500px;
height: 290px;
position: relative;
}

#content .product_info .image li {
position: absolute;
}

#content .product_info .image li img {
display: none;
}

#content .product_info .image li#photo1 img {
display: block;
}

#content .product_info .thumbs {
float: left;
width: 200px;
padding-top: 30px;
}

#content .product_info .thumbs li {
float: left;
width: 81px;
height: 81px;
margin: 0 0 20px 18px;
}

#content .product_info .thumbs li a {
display: block;
border: 1px solid #CCCCCC;
overflow: hidden;
}

#content .product_info .thumbs li img {
display: block;
width: 138px;
height: 80px;
position: relative;
right: 20px;
}

#content .tabs {
height: 23px;
}

#content .tabs ul {
margin: 0;
padding: 0;
}

#content .tabs li {
float: left;
font-size: 14px;
font-weight: bold;
list-style: none;
width: 150px;
height: 23px;
margin-left: 7px;
}

#content .tabs li a {
display: block;
border: 1px solid #CCCCCC;
border-bottom: none;
color: #666666;
width: 138px;
line-height: 22px;
height: 22px;
padding-left: 10px;
}

#content .tabs li a#description {

border-color: #999999;

background: #CCCCCC;

color: #FFFFFF;

}



#content .text {

display: none;

border: 1px solid #CCCCCC;

width: 658px;

min-height: 258px;

margin-bottom: 20px;

padding: 20px 25px 20px 15px;

}



#content #description_text {

display: block;

}



#content .left {

float: left;

width: 350px;

}



#content .right {

float: right;

width: 350px;

}





#content .narrow {

width: 210px;

}



#content .wide {

width: 490px;

}



#content .box {

float: left;

font-size: 11px;

width: 340px;

border: 1px solid #CCCCCC;

margin: 0 10px 10px 0;

}



#content .box_applications {

width: 296px;

margin: 0 40px 20px 0;

}



#content .box a {

display: block;

}



#content .wide .box {

width: 268px;

margin-left: 0;

}



#content .narrow .box {

width: 208px;

margin-left: 0;

}



#content .box h3, #content .applications_bucket h3 {

background: url(images/box_title_bg.jpg) 0 0 repeat-x;

line-height: 26px;

padding-left: 5px;

margin-bottom: 10px;

}



#content .box ul {

padding: 0 5px 0 20px;

}



#content .box p {

margin: 0;

padding: 0;

}



#content a.button {

float: left;

width: 138px;

height: 32px;

margin-right: 20px;

}



#content .left .box p, #content .right .box p {

margin-bottom: 10px;

padding: 0 5px;

}



.applications_bucket a {

color: #000000;

}



.applications_bucket h3 a {

color: #0066FF;

}



.applications_bucket h3 a:hover {

color: #FFFFFF;

}



.box .thumbs {

float: left;

border-bottom: 1px solid #333333;

color: #0066FF;

margin: 0 10px 5px;

padding: 20px 0 10px;

}



.box .thumbs div {

float: left;

padding: 0 5px;

}



.box .thumbs img {

display: block;

margin-bottom: 5px;

}



.medical_product {

float: left;

clear: both;

border-bottom: 1px solid #CCCCCC;

width: 700px;

margin-bottom: 15px;

padding-bottom: 10px;

}



.medical_product strong, .entry strong {

color: #0066FF;

font-weight: normal;

}



.medical_product p {

float: left;

width: 500px;

}



ul.sitemap li {

font-weight: bold;

list-style: none !important;

}



ul.sitemap ul {

padding-top: 10px;

}



ul.sitemap ul li {

font-weight: normal;

}



.wpcf7 {

float: right;

border: 1px solid #CCCCCC;

background: url(images/contact_bg.jpg) 0 0 repeat-y;

width: 190px;

margin: 0 20px 10px 10px;

padding: 15px 18px 12px !important;

}



.wpcf7 br {

display: none;

}



.wpcf7 input {

width: 178px;

}



.wpcf7 select {

width: 190px;

}



.wpcf7 textarea {

width: 178px;

height: 83px;

}



.wpcf7 img.captcha {

float: left;

width: 75px;

height: 25px;

}



.wpcf7 span.captcha {

float: right;

}



.wpcf7 input.captcha {

width: 98px;

padding: 5px;

}



.wpcf7 input.submit {

clear: both;

float: right;

background: none;

width: 106px;

height: 28px;

margin: 0 0 10px 0;

padding: 0;

}



.wpcf7-response-output {

clear: both;

margin: 0 !important;

}



#footer {

clear: both;

color: #333333;

font-family: Verdana;

text-align: center;

padding-bottom: 80px;

}



#footer .copy {

background: #FFFFFF;

font-weight: bold;

height: 28px;

margin-bottom: 15px;

padding-top: 12px;

}



#footer .footerlinks {

font-size: 10px;

line-height: 15px;

margin-bottom: 40px;

}



#footer .footerlinks ul, #footer .footerlinks li {

display: inline;

}



#footer .footerlinks a {

color: #333333;

}



#footer .footerlinks a:hover {

color: #0066FF;

}



.entry img {

border: 1px solid #CCCCCC;

}



span.red {

color: #FF0000 !important;

}



img.aligncenter {

display: block;

margin-left: auto;

margin-right: auto;

}



img.alignright {

margin: 0 0 10px 10px;

display: inline;

}



img.alignleft {

margin: 0 10px 10px 0;

display: inline;

}



.alignright {

float: right;

}



.alignleft {

float: left;

}