/* Vestex Additions */

/* Typography overides */

body {font-size:75%;color:#434343;background:#fff;font-family: Trebuchet, "Trebuchet MS", "Helvetica Neue", Arial, Helvetica, sans-serif;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;}
h1 {font-size:2em;line-height:1;margin-bottom:0.5em;color:#9cab00;}
h2 {font-size:1.5em;margin-bottom:0.75em;color: #434343;}
p {margin:0 0 1.5em;}
p img.left {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
a:focus, a:hover {color:#1e80bf;text-decoration:none;}
a {color:#004674;text-decoration:underline;}
blockquote {padding:1.5em;background-color:#f3f3f3;border:1px solid #999;margin-bottom: 15px;font-weight: bold;font-style: italic;}
sup {font-size:xx-small; vertical-align:top;}

a.vestex-button {
	display: block;
	background-color: #004674;
	color: #d1e132;
	margin-bottom: 8px;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	padding: 10px 5px;
}

a.vestex-button:hover {
	background-color: #001f33;
}

.half_col {
	width: 125px;
	float: left;
	margin-right: 12px;
}

.single_col { 
	width: 270px;
	float: left;
	margin-right: 12px;
}

.double_col { 
	width: 552px;
	float: left;
	margin-right: 12px;
}

.media_col {
	width:697px;
	float:left;
}

.full_col { 
	width: 834px;
}

.last, div.last {
	margin-right:0;
	padding-bottom: 20px;
}

body {
	background-color: #4A4A4A;
	background-image: url(../images/bkgd.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	margin:0;
}


cite {
	font-style: normal;
	font-size: .8em;
}



.container {
	display:block;
	margin:0 auto;
	overflow:hidden;
	width:950px;
}

#wrapper {
	  background: transparent;
	  padding:0;
	  margin:0 auto;
	  width:995px;
}

body.two-col #wrapper {
	background:transparent;
}

body.two-col #content, body.one-col #content, #content {
	background-color:white;
	float:left;
	min-height:450px;
	padding:0 10px 65px;
	position:relative;
	width:834px;
}

p.pic-cap {
	font-size: .9em;
	line-height: 1.2em;
	padding: 5px 10px;
	font-style: italic;
}


#nav_col {
	width: 141px;
	float: left;
}

#nav_cont {
	background-image:url(../images/menubkgd.jpg);
}

#nav_foot {
	background-image:url(../images/menubottom.jpg);
	background-repeat:no-repeat;
	height:15px;
	margin-bottom:-10px;
}

#cart_widget {
	background-image: url(../images/cart_widget_rev.png);
	background-repeat: no-repeat;
	background-position: right;
	height: 34px;
	width: 400px;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 10;
}

#cart_widget a.checkout_button {
	position: absolute;
	background: transparent url(/images/checkout_button.gif) center right no-repeat;
	width: 121px;
	height: 24px;
	top: 5px;
	right: 75px;
	line-height:24px;
	text-decoration: none;
}

#cart_widget a.checkout_button:hover {
	background-image: url(../images/checkout_button_over.gif);
}

#cart_widget p.item {
	font-size: 11px;
	color: #005288;
	text-align: right;
	width: 50px;
	height: 14px;
	position: absolute;
	top: 9px;
	right: 80px;
}

#cart_widget a.log_status {
	font-size: 11px;
	color: white;
	text-align: right;
	position: absolute;
	top: 9px;
	right: 250px;
}

#cart_widget a.log_status:hover {
	text-decoration: none;
}


#cart_widget ul#mini-social {
	list-style: none;	
	position: absolute;
	height: 18px;
	width: 56px;
	top: 8px;
	right: 8px;
	margin: 0;
}

#cart_widget ul#mini-social li {
	display: inline;	
}

#cart_widget ul#mini-social li a#mini-fb {
	width: 18px;
	height: 18px;
	display: inline-block;
	background-image: url(../images/facebook-16x16.png);
	background-position: 1px 1px;
	background-repeat: no-repeat;
}

#cart_widget ul#mini-social li a#mini-tw {
	width: 18px;
	height: 18px;
	display: inline-block;
	background-image: url(../images/twitter-16x16.png);
	background-position: 1px 1px;
	background-repeat: no-repeat;
}

#cart_widget ul#mini-social li a#mini-yt {
	width: 18px;
	height: 18px;
	display: inline-block;
	background-image: url(../images/youtube-16x16.png);
	background-position: 1px 1px;
	background-repeat: no-repeat;
}

#cart_widget ul#mini-social li a:hover {
	background-color: #999;
}

#cart_widget ul#mini-social li a span {
	display: none;
}

#homepage {
	background-image:url(../images/Carrier-Barrier.jpg);
	background-repeat:no-repeat;
	height:320px;
	margin-bottom:15px;
	position:relative;
	width:824px;
}

.buy {
    bottom: 22px;
    height: 45px;
    position: absolute;
    right: 282px;
    width: 132px;
    border: 1px solid #004674;
}

.tech {
    bottom: 22px;
    height: 45px;
    position: absolute;
    right: 12px;
    width: 262px;
    border: 1px solid #004674;
}

#slides {
	display:block;
	height:60px;
	margin:-10px 0 16px;
}

#sub_header {
	background-image: url(../images/2nd_header.jpg);
	width: 824px;
	height: 35px;
	padding: 30px 0 0 10px;
}

#sub_header h1 {
	color: white;
	font-size: 28px;
	display: inline;
}

#sub_header h2 {
	color: #d1e132;
	font-size: 20px;
	display: inline;
}

/* taxons */

.breadcrumbs { margin-bottom: 10px; }

.breadcrumbs ul {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
  display: inline;
  margin: 0;
  padding: 0;
  overflow: auto;
}
.breadcrumbs ul li {
  margin: 0px;
  padding: 0px;
  display: inline;

}
.breadcrumbs ul li {
  line-height: 20px;
  color: #666666;
}
.breadcrumbs ul li a {
  text-decoration: none;
  padding: 5px 7px;
  color: #666666;
  font-size: 11px;
}
.breadcrumbs ul li span {
  text-decoration: none;
  padding: 5px 7px;
  color: #9CAB00;
  font-size: 11px;
}
.breadcrumbs ul li span { color: #9CAB00; }


ul.subnav {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:15px 0 0 20px;
	padding-left:0;
}

ul.subnav li {
	margin-bottom: 8px;
}

ul.subnav a {
	color:white;
	text-decoration:none;
	line-height: 10px;
}

ul.navstyle {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	padding-left:0;
}

ul.navstyle li {
	margin-bottom:5px;
}

ul.navstyle_sub {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	padding-top:4px;
	padding-left:0;
	margin: 4px 15px 0 24px;
	border-top: 1px solid #9baa00;
}

ul.navstyle_sub li {
	margin-bottom:4px;
}

ul.navstyle_sub li a {
	text-decoration: none;
	line-height: 14px;
}

#currentpage a {
	font-weight:bold;
	text-decoration:none;
}

#accordion {
	width:141px;
}

#prod_coll h3 {
	margin-left: 0px;
	background-color: #eaeaea;
	text-indent: 30px;
	padding: 5px 0;
	font-family: Trebuchet, "Trebuchet MS", "Helvetica Neue", Arial, Helvetica, sans-serif;
	margin-bottom: 5px;
}

/* checkout order status */

.coupon-redeem {
	background-color:#666666;
	border:1px solid #888888;
	color:white;
}

div#checkout #checkout_form_payment #payment {
  display: block;
  float: inherit;
  width: 310px;
  margin-right: 10px;
}

/* Product display modifications */

#product-images {
	border:3px solid #EEEEEE;
	display:inline;
	float:left;
	margin-bottom:10px;
	padding:5px;
	width:540px;
	position:relative;
}

#product-images #main-image {
	position:relative;
	width:350px;
}

#product-images #main-image img {
	bottom:0;
	left:0;
	margin:auto;
	position:relative;
}


#product-images #thumbnails {
	position:absolute;
	right:5px;
	top:6px;
	width:190px;
}

/* primary product listings */

a.catalog {
	border:1px solid #FFFFFF;
	display:block;
	height:195px;
	padding:2px 3px 10px 2px;
	text-decoration:none;
	width:264px;
}

a.catalog:hover {
	background-color:#EAEAEA;
	border:1px solid #999999;
	color:#004674;
}

.price {
	float:right;
	line-height:20px;
	margin-right:2px;
	text-align:right;
}
.price_numeral {
	color:#004674;
	font-size:1.3em;
	font-weight:bold;
}


ul.thumbnails li {
	border:none;
	float:left;
	margin-right:5px;
	min-height:82px;
	padding:3px;
	position:relative;
	width:82px;
}

ul.thumbnails li img {
	border:1px solid #FFFFFF;
	float:left;
	margin-bottom:10px;
	margin-left:9px;
}

#product-description {
	border:none;
	display:inline;
	float:left;
	margin-right:0px;
	padding-right:0px;
	width: auto;
}

.sizing {
	font-size:9px;
}

#zoom_table p {
	margin:0;
}

/* hr {
	margin:.5em 0;
} */
/* These are the form Styles */
form.vttform fieldset {
  	margin-bottom: 10px;
  	border: none;
}

form.vttform legend {
  	padding: 0 2px;
  	font-weight: bold;
}

form.vttform label {
	display:block;
	font-weight:bold;
	line-height: 16px;
	margin:4px 10px 0 0;
	text-align:left;
}

form.vttform fieldset ul {
  	margin: 0;
  	padding: 0;
  	list-style: none;
}

form.vttform fieldset li {
  	list-style: none;
  	padding: 1px;
  	margin: 0 0 15px 0;
  	display: block;
}


form.vttform input.text {
	font-size:16px;
	width:400px;
}

form.vttform input.text, textarea {
	background:#FFFFFF none repeat scroll 0 0;
	border:2px solid #DDDDDD;
	padding:2px;
}

form.vttform textarea {
	height: 60px;
}

form.vttform input.text:focus, textarea:focus {
      border: 2px solid #004674;
}

form.vttform fieldset fieldset {
  	border: none;
  	margin: 3px 0 0;
}

form.vttform fieldset fieldset legend {
  	padding: 0 0 5px;
  	font-weight: normal;
}

form.vttform fieldset fieldset label {
  	display: block;
  	width: auto;
}

form.vttform .submit {
	display: block;
	background-color: #004674;
	color: #d1e132;
	border: none;
	margin-bottom: 8px;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	padding: 5px 7px;
	cursor: pointer;
}

form.vttform .submit:hover {
	background-color: #001f33;	
}

form.vttform em {
  	font-weight: bold;
  	font-style: normal;
  	color: #f00;
}

fieldset {

	margin: 0 0 1.5em;
	padding: 1.4em;
}

#sign-up {
	background-image: url(../images/signin_grad.jpg);
	background-repeat: repeat-x;
	height: 65px;
	width: 854px;
	background-color: #dcdcdc;
	position: absolute;
	bottom: 0;
	left: 0;
}

/*
#signup_up input.signup_field {
	width: 170px;
	height: 32px;
	font-size: 11px;
	color: #999999;
}
*/

#sign-up p.description {
	float: right;
	line-height: 24px;
	margin-top: 10px;
}

#sign-up .email-field {
	width: 150px;
	height: 22px;
	font-size: 11px;
	color: #999999;
	border: 1px solid #999999;
	margin: 10px 0 0 5px;
	float: right;
	padding: 0 32px 0 5px;
}

#sign-up .btn {
	margin: 10px 10px 0 5px;
	float: right;
}

#sign-up .no-spam {
	float: right;
	margin: -10px 10px 0 5px;
	font-size: 10px;
	clear: both;
}

/* checkout */

div#checkout #checkout_form_address { background-image: none; }
div#checkout #checkout_form_delivery { background-image: none; }
div#checkout #checkout_form_payment { background-image: none; }

div#checkout #checkout-summary {
	background-color: rgb(204, 204, 204); float: right; margin-top: 10px; padding: 20px; width: 180px;
}

div#checkout {
	margin-bottom:20px;
}
/* footer */

#ftr-head {
	width: 855px;
	height: 11px;
	margin: 15px 0 0 140px;
	padding: 0;
	background-image: url(../images/ft_top.png);
	background-repeat: no-repeat;
}

#ftr {
	width: 835px;
	padding: 10px 10px;
	margin: 0 0 0 140px;
	background-image: url(../images/ft_bkgd.png);
}

#ftr ul {
	width: 129px;
	margin: 0 12px 0 0;
	padding: 0;
	float: left;
	list-style: none;
	color: white;
	line-height: 1.2em;
	font-size: .9em;
}


#ftr ul.info {
	width: 270px;
	margin: 0;
	padding: 0;
	float: right;
	list-style: none;
	text-align: right;
}

#ftr li {
	margin: 0 0 5px 0;
	padding: 0;
}

#ftr li a {
	color: #c6c6c6;
	text-decoration: none;
}

#ftr li a:hover {
	text-decoration: underline;
	color: #d1e132;
}

#ftr li strong a {
	color: white;
	font-size: 1em;
}

#ftr-foot {
	width: 855px;
	height: 11px;
	margin: 0 0 15px 140px;
	padding: 0;
	background-image: url(../images/ft_bot.png);
	background-repeat: no-repeat;
}


#social {
	position: absolute;
	top: 16px;
	left: 10px;
}

#social a {
	line-height: 40px;
	display: inline-block;
	margin-right: 4px;
	width: 40px;
	height: 40px;
}

#social span {
	display: none;
}

#social a:hover {
	background-color: #eaeaea;
}

a#facebook {
	background: transparent url(/images/facebook-32x32.png) no-repeat 4px 4px;

}

a#twitter {
	background: transparent url(/images/twitter-32x32.png) no-repeat 4px 4px;

}

a#youtube {
	background: transparent url(/images/youtube-32x32.png) no-repeat 4px 4px;

}

a#ons {
	background: transparent url(/images/ONS_Logo.png) no-repeat 4px 4px;
	padding: 0 4px 0 48px;
}


.connect_widget {
	display: block;
	margin-bottom: 10px;
}

/* Media */

#media_nav {
	list-style:none;
	margin:0;
	padding:0;
}

#media_nav li {
	margin:0;
	padding: 0 0 5px 0;

}

.media-thumbs img{
	margin-bottom: 10px;
}



/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#fff;}
#colorbox{}
    #cboxTopLeft{width:25px; height:25px; background:url(../images/border1.png) no-repeat 0 0;}
    #cboxTopCenter{height:25px; background:url(../images/border1.png) repeat-x 0 -50px;}
    #cboxTopRight{width:25px; height:25px; background:url(../images/border1.png) no-repeat -25px 0;}
    #cboxBottomLeft{width:25px; height:25px; background:url(../images/border1.png) no-repeat 0 -25px;}
    #cboxBottomCenter{height:25px; background:url(../images/border1.png) repeat-x 0 -75px;}
    #cboxBottomRight{width:25px; height:25px; background:url(../images/border1.png) no-repeat -25px -25px;}
    #cboxMiddleLeft{width:25px; background:url(../images/border2.png) repeat-y 0 0;}
    #cboxMiddleRight{width:25px; background:url(../images/border2.png) repeat-y -25px 0;}
    #cboxContent{background:#fff; overflow:hidden;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:20px;}
        #cboxTitle{position:absolute; bottom:0px; left:0; text-align:center; width:100%; color:#999;}
        #cboxCurrent{position:absolute; bottom:0px; left:100px; color:#999;}
        #cboxSlideshow{position:absolute; bottom:0px; right:42px; color:#444;}
        #cboxPrevious{position:absolute; bottom:0px; left:0; color:#444;}
        #cboxNext{position:absolute; bottom:0px; left:63px; color:#444;}
        #cboxLoadingOverlay{background:#fff url(../images/loading.gif) no-repeat 5px 5px;}
        #cboxClose{position:absolute; bottom:0; right:0; display:block; color:#444;}

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to IE9.
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}

/*
  The following provides PNG transparency support for IE6
*/
.cboxIE6 #cboxTopLeft{background:url(images/ie6/borderTopLeft.png);}
.cboxIE6 #cboxTopCenter{background:url(images/ie6/borderTopCenter.png);}
.cboxIE6 #cboxTopRight{background:url(images/ie6/borderTopRight.png);}
.cboxIE6 #cboxBottomLeft{background:url(images/ie6/borderBottomLeft.png);}
.cboxIE6 #cboxBottomCenter{background:url(images/ie6/borderBottomCenter.png);}
.cboxIE6 #cboxBottomRight{background:url(images/ie6/borderBottomRight.png);}
.cboxIE6 #cboxMiddleLeft{background:url(images/ie6/borderMiddleLeft.png);}
.cboxIE6 #cboxMiddleRight{background:url(images/ie6/borderMiddleRight.png);}

.cboxIE6 #cboxTopLeft,
.cboxIE6 #cboxTopCenter,
.cboxIE6 #cboxTopRight,
.cboxIE6 #cboxBottomLeft,
.cboxIE6 #cboxBottomCenter,
.cboxIE6 #cboxBottomRight,
.cboxIE6 #cboxMiddleLeft,
.cboxIE6 #cboxMiddleRight {
    _behavior: expression(this.src = this.src ? this.src : this.currentStyle.backgroundImage.split('"')[1], this.style.background = "none", this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.src + ", sizingMethod='scale')");
}