@font-face {
        font-family: 'TrebuchetMS';
        src: url('http://www.pocketwizard.com/_common/fonts/trebuchetms.eot');
        src: url('http://www.pocketwizard.com/_common/fonts/trebuchetms.eot?') format('embedded-opentype'),
             url('http://www.pocketwizard.com/_common/fonts/trebuchetms.woff') format('woff'),
             url('http://www.pocketwizard.com/_common/fonts/trebuchetms.ttf') format('truetype'),
             url('http://www.pocketwizard.com/_common/fonts/trebuchetms.svg') format('svg');
        font-weight: normal;    
        font-style: normal;     
}

/* *******************************************  Homepage  ******************************************* */

#home-splash {
	margin-bottom: 10px;
	position: relative;
	left: 46px;
	width: 816px;
/*	height: 382px; */
	float: left;
}
#home-splash img {
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
}
#get-flash {
	padding: 10px 0;
	position: relative;
	left: 0; top: 50px;
	width: 812px;
	background: #000;
	border: 1px solid red;
	float: left;
	z-index: 2000;
}


/* ---------- ad row  ---------- */

#home-callout-row {
	padding: 0 0 12px 0;
	position: relative;
	left: 46px;
	width: 820px;
	float: left;
}
.callout-ads {
	padding: 0 3px 0 0;
	width: 201px;
	float: left;
}

/* ---------- product rotator ---------- */

.product-rotator {
	width: 200px;
	background: url("http://www.pocketwizard.com/_common/img/home/bg-rotator-top.gif") no-repeat 0 0;
}

.product-loader { /* container that holds image upload */
	position: relative;
	top: 10px;
	width: 196px;
	height: 106px;
	border-left: 2px solid #A5A6A4;
	border-right: 2px solid #A5A6A4;
}
.product-loader .image { /* sets sizing for loaded image */
	width: 194px;
	height: 102px;
	text-align: center;
}

.product-rotator-bottom { /* container for buttons and desc text */
	padding: 9px 6px 0 6px;
	position: relative;
	top: 8px;
	width: 184px;
	border-left: 2px solid #A5A6A4;
	border-right: 2px solid #A5A6A4;
	background: url("http://www.pocketwizard.com/_common/img/home/bg-rotator-bottom.gif") no-repeat 0 0;
}
.button-back, .button-forward { float: left; }
.button-back h1, .button-forward h1 {
	margin: 0; padding: 0;
	text-indent: -9999px;
}
.button-back h1 a, .button-forward h1 a {
	width: 15px;
	height: 12px;
	display: block;
}
.button-back { background: url("http://www.pocketwizard.com/_common/img/home/button-arrow-back.gif") no-repeat 0 0; }
.button-forward { background: url("http://www.pocketwizard.com/_common/img/home/button-arrow-forward.gif") no-repeat 0 0; }

.product-desc {
	width: 148px;
	text-align: center;
	float: left;
}
.product-desc p {
	margin: 0; padding: 0;
	width: 148px;
	line-height: 13px;
	font-size: 14px;
	font-weight: bold;
	color: #30332F;
}

.bottom-curve { /* bottom curve for proper wrapping in text area */
	position: relative;
	left: -8px; top: 1px;
	width: 200px;
	height: 6px;
	background: url("http://www.pocketwizard.com/_common/img/home/rotator-bottom.gif") no-repeat 0 0;
}

/* ---------- content areas  ---------- */

#left-column {
    left: 15px;
    padding-right: 20px;
    top: -10px;
}
#left-column .last {
	background: none;
}
#left-column img {
	padding: 1px; border:
	1px solid #DADADA;
}
.news-entry {
	padding: 0; font-size:13px; line-height:16px; font-family:Verdana, Geneva, sans-serif;
}
.home-news-dots {
	position: relative;
	left: -6px; top: -5px;
	width: 394px;
	height: 5px;
	background: url("bg-foote.gif") no-repeat 0 1px;
}

#left-column .image {
	margin-right: 12px;
	margin-top:34px;
	float: left;
}
#left-column .text {
	width: 283px;
	float: left;
}
#left-column .text p {
	font-size: 12px;
	line-height: 16px;
}

#left-column .text a {
	text-decoration: none;
}
#left-column .text a:hover {
	text-decoration: underline;
}

#left-column .text a.bullet {
	text-decoration: underline;
}
#left-column .text a.bullet:hover {
	text-decoration: none;
}

.home-dot-break {
	width: 394px;
	height: 31px;
	background: url("http://www.pocketwizard.com/_common/img/home/bg-dots.gif") no-repeat center center;
}

#right-column {
	position: relative;
	left: 10px;
	width: 410px;
	float: left;
	line-height: 16px;
}
#right-column .page_header h1 {
	padding: 3px 0;
	color: #000;
	font-size: 16px;
	font-weight: bold;
}
#right-column p, #left-column p {
	font-size: 12px;
	line-height: 16px;
}


/* *******************************************  Products  ******************************************* */

/* ---------- product detail ---------- */

.case-studies, .related-products {
	width: 323px;
	float: left;
}
.compatability-tool  {
	position: relative;
	left: 10px;
	width: 251px;
	float: left;
}
.related-products  {
	padding: 0 0 20px 0;
}

.product-content {
	width: 323px;
	float: left;

}
.product-content-full {
	width: 580px;
	float: left;
	padding-bottom: 25px;
}
.product-content,.product-content-full .no-pad { padding-left: 0; padding-right: 0; }

.product-image-matrix {
	padding-top: 35px;
	position: relative;
	left: 10px;
	width: 251px;
	float: left;
}
.product-image-matrix .image-upload {
	margin-bottom: 10px;
	width: 242px;
	height: 183px;
}
.product-image-matrix .image-upload a {
	text-transform: none;
}
.product-image-matrix .thumb {
	/*width: 70px;*/
	/*height: 70px; #614 removed set height, image is pre-sized*/
	float: left;
	border: 1px solid  #DADADA;
}
.product-image-matrix .align {
	margin-left: 13px;
}
.product-image-matrix p {
	position: relative;
	left: -8px;
	padding-top: 15px;
	float: right;
}

/* ---------- product detail subnav ---------- */

#subnav-top {
	width: 583px;
	height: 6px;
	background: url("http://www.pocketwizard.com/_common/img/bg-subnav-top.gif") no-repeat 0 0;
}
#subnav {
	margin: 0;
	width: 583px;
	height: 20px;
	float:left;
	background: #E6E6E6;
}
#subnav ul {
	position: relative;
	left: 10px; top: -6px;
	margin: 0; padding: 0;
	display: inline;
	float: left;
	background: url("http://www.pocketwizard.com/_common/img/bg-border-right.gif") no-repeat left top; /* this is the 1px border to the left of the overview tab */
}
#subnav ul li.first {
	padding: 0 19px 0 0;
}
#subnav ul li {
	display: inline;
	float: left;
	font-size: 12px;
}
#subnav ul li a.on {
	color: #000;
	background: #b7b7b7;
}
#subnav ul a {
	padding: 7px 19px 0 19px;
	height: 19px;
	display: block;
	font-weight: normal;
	text-decoration: none;
	color: #666;
	border-right: 1px solid #fff;
}
#subnav ul a:hover {
	color: #000;
	background: #b7b7b7;
}
#subnav-gradient {
	width: 583px;
	height: 15px;
	overflow: visible;
	background: url("http://www.pocketwizard.com/_common/img/bg-subnav-gradient.jpg") no-repeat 0 0;
}

/* ---------- product specs ---------- */

.product-specs {
	width: 565px;
}
.product-specs tr.alt { background: #E6E6E6; }
.product-specs td, .product-specs th {
	padding: 6px 7px;
	vertical-align: top;
	font-size: 12px;
	line-height: 16px;
}
.product-specs th {
	width: 175px;
	font-weight: bold;
}

/* ---------- product specs table ---------- */

table.product_subpage { /* spec table layout */
	position: relative;
	left: 17px;
	margin: 20px 0; padding: 0;
	width: 550px;
}
table.product_subpage td {
	padding: 3px 10px;
	vertical-align: top;
	text-align: left;
}
table.product_subpage tr.main-color {
	background: #f1f1f1;
}
table.product_subpage tr.alt-color {
	background: #E6E6E6;
}


/* ---------- product specs ---------- */

.product-shot {
	width: 180px;
	float: left;
	text-align: center;
	border:1px solid red;
}
.product-shot p {
	width: 149px;
	color: #30332F;
	text-align: left;
	font-size: 14px;
}

/* ---------- registration form ---------- */

#register {
	width: 580px;
}
#register th, #register td {
	padding: 10px;
	vertical-align: top;
	font-size: 13px;
}
#register th {
	width: 230px;
}

/* ---------- gallery ---------- */

.product-gallery-row {
	position: relative;
	left: 16px;
	width: 550px;
}
.product-gallery-row .gallery-image {
	width: 140px;
	float: left;
}
.product-gallery-row .gallery-image p {
	margin: 0; padding: 3px;
	font-size: 13px;
	font-weight: bold;
}
.product-gallery-row .align {
	margin: 0 0 0 62px;
}
.product-gallery-row .gallery-link {
	float: right;
}
.product-gallery-row .gallery-link a {
	text-decoration: none;
}


/* *******************************************  Extranet  ******************************************* */

#header.extranet {
	margin:0 auto; padding: 0 0 15px 0;
	width: 838px;
	height: 135px;
	background: url("http://www.pocketwizard.com/_common/img/bg-header-extranet.jpg") no-repeat 3px 0;
}

/* ---------- Extranet Navigation ---------- */

#header.extranet ul#main-nav {
    background: url("http://www.pocketwizard.com/_common/img/bg-nav-extranet.gif") no-repeat right top;
}


#header.extranet ul#main-nav li {
	padding: 0 19px 0 20px;
	display: inline;
	float: left;
	height: 33px;
    border-left: 1px solid #fff;
}

#header.extranet ul#main-nav li:first-child {
    border: none;
}

#header.extranet #main-nav a {
	padding-top: 10px;
	height: 22px;
	display: block;
	font-size: 14px;
	text-decoration: none;
	text-align: center;
	color: #717171;
}

#header.extranet #main-nav a:hover, #header #main-nav li a.on { color: #000; }

#header.extranet a.news_events {
    text-indent: 0;
    width: auto;
}

#wholesale-link {
	position: relative;
	left: 37px; top: 38px;
	float: left;
}
#wholesale-link a {
	color: #ffd82a;
	font-size: 12px;
}

/* ---------- welcome name & text ---------- */

.welcome {
	padding: 0 0 20px 0;
	font-size: 16px;
	color: #30332F;
}
.welcome span.account {
	padding: 0 0 0 10px;
	font-size: 12px;
}



/* *******************************************  FAQ  ******************************************* */

.faq {
	width: 550px;
}
.question {
	padding: 3px 10px 3px 20px; margin: 0 0 8px 0;
	background: #E6E6E6 url("icon-bul.gif") no-repeat 7px 12px;
	cursor:pointer;
}
.question p {
	font-size: 12px;
	font-weight: bold;
}
.answer { padding: 3px 10px; }



/* *******************************************  Dealer Locator  ******************************************* */

.dealer-locator{
	border:1px solid #CCC;
	padding:5px;
}


/* *******************************************  Cable Finder  ******************************************* */

#camera-flash, #camera {
	margin: 15px 0 20px 0;
	width: 250px;
	float: left;
}
#camera-flash h4, #camera h4 {
	padding: 5px 0;
}


/* *******************************************  Site Map  ******************************************* */

.site-map {
	position: relative;
	left: 16px;
	width: 500px;
}
.site-map a {
	text-decoration: none;
}
.site-map a:hover {
	text-decoration: underline;
}
.site-map td h2 {
	margin: 0; padding: 0 0 7px 0;
	font-size: 18px;
}
.site-map td {
	padding: 0 0 15px 0;
	width: 50%;
}
.site-map ul {
	margin: 0; padding: 0;
	list-style-type: none;
}
.site-map ul li {
	padding: 2px 0;
	font-size: 13px;
	list-style-type: none;
}
.site-map ul li a {
	font-size: 13px;
}









#content .buzz ul, #content .buzz ol {
  list-style: none;
}

#content .buzz ul li, #content .buzz ol li {
  background-image: url(button-y.gif);
  background-repeat: no-repeat;
  background-position: left 2px;
  padding-left: 45px;
  color:#028cd3;
  margin-bottom: 10px;
  list-style-type: none;
  font-size: 14px;
  line-height: 16px;
}

.buzz ul li a, .buzz ol li a {
  color:#028cd3;
  text-decoration: none; font-family:Verdana, Geneva, sans-serif;
}

.buzz ul li a:hover, .buzz ol li a:hover {
  text-decoration: underline;
}

#content .buzz {
	font-family: 'TrebuchetMS';
}

#content .buzz p {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 16px;
	margin: 15px 0 5px;
}

.gallery {

}

#content .product-content .gallery {
	margin-top: 10px;
}

#content .product-content .gallery .thumb {
  width:291px;
}

#content .product-content .gallery .thumbnail img {
  padding:4px;
  display: block;
  width: 283px;
}

#content .product-content .gallery .vimeo img:first-child {
	margin: 27px 0;
}

#content .videos .gallery .thumb {
  float: left;
  margin: 16px 6px;
  width:180px;
  height: 180px;

}

#content .videos .gallery .thumbnail, #content .product-content .gallery .thumbnail {
  border:1px solid #b2b2b2;
  border-radius: 4px;
  background-color:#f8f8f8;

}

.product-content .gallery .thumbnail {
	height: 220px;
	position: relative;
	width: 291px;
}

.product-content .gallery .thumbnail img {
	position: absolute;
}

#content .videos .gallery .vimeo {
  height: 135px;
}

#content .videos .gallery .thumbnail img {
  padding:4px;
  display: block;
  width: 170px;
}

#content .videos .gallery .vimeo img {
  margin: 16px 0;
}

#content .videos .gallery .title {
  text-align: center;
  padding:10px 0 0 0;
  margin:0;

}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

.features-header {
	width: 563px;
	background: url("http://www.pocketwizard.com/_common/img/bg.jpg") no-repeat 0 0;
	font-size: 20px;
	padding: 10px;
}

.features-body {
	width: 583px;
}

.features-image-left {
	width: 287px;
	height: 287px;
	border: 1px solid #e1e1e1;
	float: left;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	margin-bottom: 5px;
}

.features-image-right {
	width: 287px;
	height: 287px;
	border: 1px solid #e1e1e1;
	float: right;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	margin-bottom: 5px;
}

.features-image {
	border: 1px solid #e1e1e1;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-khtml-border-radius: 6px;
	height: 279px;
	width: 279px;
	position: relative;
	top: 3px;
	left: 3px;
}

.features-image-text {
	width: 270px;
	height: 80px;
	padding: 10px
}

.features-image-text h3 {
	padding: 0;
	margin-bottom: 5px;
}

.features-image-text p {
	font-size: 14px;
}

.features-foot {
	width: 583px;
	margin-bottom: 30px;
}

img#gallery_main {
	max-height: 182px;
	max-width: 240px;
}