﻿/* ***** **

This file should contain styles specific to the 
Product.aspx product page template.

** ***** */

/* display areas */
#pf {
  color: #333;
  border: solid 0px black;
  position: relative;
  width: 996px;
  text-align: left;
  font-size: 12px;
}

#pf header {
    margin-bottom: 0.5em;
    color: #333;
    padding-left: 15px;
}

#pf a { color: #666; }

#pf a img {
  border: none;
}

#pf_left_side { 
    width: 515px;
}

#pf_right_side {
    margin-top: 10px;
    width: 315px;
    padding: 0 8px 0 4px;
    margin: 0 4px 0 4px;
}


/* page elements */
input[type="hidden"] { border:0; margin:0; padding:0; height:0; width:0; }

.pg_rc_box {
    margin-bottom: 6px;
    border: solid 1px #CCC;
}
.pg_rc_box h3 {
    margin: 0;
    padding: 0;
    text-align: center;
    text-transform: uppercase;
    color: #FFF;
    background-color: #666;
    padding: 0.125em 0 0.125em 0;
    border-bottom: solid 1px #999;
    font-size: 14px;
    letter-spacing: 0.125em;
}
#pf_buy_box {
    color: #333;
    background-color: #F5F4EF;
    padding: 0.5em 0.5em 1em 0.5em;
}
#pf_buy_box .label {
  text-transform: uppercase;
  letter-spacing: 0.125em;
  display: block;
}
#pf_buy_box .ChoiceSelection {
  margin-top: 1em;
}
#pf_buy_box .ChoiceSelection .label {
  margin-left: 0.125em;
}
#pf_buy_box strong {
  color: #900;
}
#pf_buy_box #itemQuantityBox .label {
  display: block;
}
* html .pg_rc_box { width: 303px; }
#ProductBuyBoxLinks { position: relative; }

#pf_Members .price {
    display: inline-block;
    float: right;
    margin-top: 3px;
}

#pf_Promotion {
    font-family:Arial,Helvetica,sans-serif;
    font-size:12px;
}

#pf_subhead {
    color: #49683D;
    display: inline;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    font-weight: normal;
    margin:0 0 6px 0;
    padding:5px 0 0 15px;
}
#pf_title {     color:#084131; font-family:Arial,Helvetica,sans-serif; font-size:14px; font-weight:bold;
                margin:0 0 1px 0; padding:5px 0 0 15px;  }

.qbSchmitzigBox {
  background-color: #F5F4EF;
  padding: 1px 0 5px 0;
  margin: 0;
  border: solid 1px #CCC;
}

#subjectButtons { position:relative; border:0px; }
#subjectButtons img { border:0px; }

/* bar top and bottom */
.pg_bar {
    padding: 0.5em 0.375em 0.25em 0.375em;
    background-color: #F5F4EF;
    color: #084131;
    text-align: center;
    border-bottom: solid 1px #CCC;
}
.pg_bar > div {
  padding-bottom: 0.25em;
}
.pg_bar img { margin:2px; }
* html .pg_rc_box .pg_bar { width:303px; }

.pg_barinsert, .pg_corner_container { position:relative; height: 100%; }
/** html .pg_barinsert { margin-top: -4px; margin-right: -2px; }*/

/* classes for page elements */

.pg_description {
  padding: 5px;
}
.pg_description ul { margin-left: 0px; }
.pg_description li { display: list-item; list-style: disc inside; }

.pg_marketing p { margin:0px; border:0px; padding:4px; }
.pg_marketing img { border:0px; }

.pg_postBINlink {
  margin-top: 6px;
  height: 30px;
}
.pg_postBINRewards {
  margin-top: 6px;
  height: 80px;
  position: relative;
}

#pf #emailAFriend { z-index:37; }
#pf div.EmailFriendLink { z-index:38; }
#pf a.EmailFriendLink { z-index:39; }

#GiftLink img, #shareButtonContainer img {
  border:none;  cursor:pointer;
}
#pf .fb_edge_widget_with_comment { position: absolute; top: 0px; width: 304px; height: 290px; /* overflow: auto; */}
#pf .fb_ltr { vertical-align: bottom;  }
#twitter_button { position: absolute; top: 0px; right: 40px; }
#pf .pinterest_share_button  
{
    width: 44px; 
    height: 21px;
    margin: 0px; 
    padding: 0px; 
    position: absolute; 
    text-align: center; 
    z-index: 30;
    left: 133px;
}
#shareButtonContainer {
  position: relative;
  width: 304px;
  margin-top: 10px;
}
#google_button { position: absolute; right: 0px; top: 0px; }

#pf_olapic {
    /* width: 548px; */
    width: 305px;
    /* left: -16px; */
    text-align: left;
    position: relative;
    clear: both;
}

/**** Promo Begin ****/
 
#promo_box {
    border: solid 1px #CCC;
    background-color: #F5F4EF;
    padding: 0.5em;
}
.promo_head {
    color: #49683d;
    font-weight: bold;
    padding-bottom: 0.25em;
    display: block;
}
.promo_redhead {
    color: #900;
}
/**** Promo End ****/

/******* OVERRIDES FOR CONTROL STYLES ********/
/* Post-Add Buy Box */
#AddedLinks .ActionLink {
	background-image:url(/orvis_assets/Images/greenarrow_10x10.gif);
	background-position:left 3px;
	background-repeat:no-repeat;
	width:20%; margin:1% 4%; padding-left: 14px;
	font-size: 8pt; font-weight: bold; 
	float:left; text-align:left; }

#ItemAdded .pg_bar { height:auto; font:inherit; }

/* BV Overrides */
.BVQASummaryBox, .BVRatingSummary, .BVSYDisplayContent { border-width:0px !important; }

/* previous / next, for this template */
.pg_nav_block {
  text-align: center;
  margin-bottom: 6px;
}

.PNNetDiv { float:none; text-align:center; color:#527E39;  vertical-align:middle;
            font: 7pt Verdana, sans-serif; padding-top:5px; margin:0px !important;
            width:299px !important; }
.PNNetDiv .PNSeparator { font: 7pt Verdana, sans-serif; }
.PNNetDiv .PNet, .PNNetDiv .NNet {
    width: 145px !important;
    font: 7pt Verdana, sans-serif;
    top: 5px; }
.PNNetDiv .PNet {
  text-align: right;
}
.PNNetDiv .NNet {
  text-align: left;
}

.PNNetDiv .PNet a { background-position:left; padding-left: 14px; padding-right:4px; background-image: url(/orvis_assets/images/previous_c.jpg) !important; }
.PNNetDiv .NNet a { background-position:right;padding-left: 4px; padding-right:14px; background-image: url(/orvis_assets/images/next_c.jpg) !important;  }
/*
.PNNetDiv .PNet a:hover { }
.PNNetDiv .NNet a:hover { background-image: url(/orvis_assets/images/redarrow_10x10.gif) !important;  }
*/
.PNNetDiv a { position:relative !important;  display:inline-block;
    /*background-image:none !important; * needed as overrides to existing style */
    text-decoration:underline; color:#527E39; }

.quickbuy input { font-size: 10pt; }
.quickbuy #QB_gobtn {
  position: relative;
  top: 5px;
}


/*** InstantInvite ***/
#invitelayer { text-align: left; }

/* Begin Product Video */

.product_video_container
{
	position:absolute;
	margin:0px;
	padding:0px;
	background-color:Black;
	z-index:2000;
}   
   
.product_video_container .menu_container 
{
	width:100%;
	margin:0;
	position:static;
}

.vid_thumbnail_container
{
	padding:3px 3px 4px 9px;
}

.vid_thumbnail
{	
	margin:6px;
	float:left;
}

.vid_thumbnail img
{
	/*border:2px solid #e6e6e6;*/
}

.vid_title
{
	width:100%;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
	margin-top:3px;
}

.vid_close_button
{
	position:absolute;
	top:-30px;
	right:0px;
}

.vid_modal_background
{
	z-index:1000;
	position:absolute;
	top:0px;left:0px;
	width:100%;height:100%;
	background-color:#000000;
	padding:0px;margin:0px;
}

.vid_player_container_inner
{
    margin-bottom:0px;
    padding-bottom:0px;
}

.vid_placeholder_img
{
	z-index:2000;width:4px;height:3px;
}

.vid_placeholder_flashvideo
{
	z-index:1500;
	/*width:733px;
	height:413px;*/
	width:500px;
	height:282px;
}
 
.vid_placeholder_html5
{
	z-index:1500;
	/*width:733px;
	height:413px;*/
	width:500px;
	height:282px;
}   
  
.vid_player_container_image
{
	/*width:733px;
	height:413px;*/
	width:500px;
	height:282px;
}

.vid_container {}
.vid_top_border {width:100%;height:4px;position:absolute;top:-4px;background:url(/orvis_assets/images/menu_border_top.png) repeat-x top left;*display:none;}
.vid_bottom_border {width:100%;height:4px;position:absolute;bottom:-4px;background:url(/orvis_assets/images/menu_border_bottom.png) repeat-x bottom left;*display:none;}
.vid_left_border {width:4px;height:100%;position:absolute;left:-4px;background:url(/orvis_assets/images/menu_border_left.png) repeat-y top left;*display:none;}
.vid_right_border {width:4px;height:100%;position:absolute;right:-4px;background:url(/orvis_assets/images/menu_border_right.png) repeat-y top right;*display:none;}
.vid_top_left_corner {width:4px;height:4px;position:absolute;top:-4px;left:-4px;background:url(/orvis_assets/images/menu_border_upper_left.png) no-repeat top left;*display:none;}
.vid_top_right_corner {width:4px;height:4px;position:absolute;top:-4px;right:-4px;background:url(/orvis_assets/images/menu_border_upper_right.png) no-repeat top right;*display:none;}
.vid_bottom_left_corner {width:4px;height:4px;position:absolute;bottom:-4px;left:-4px;background:url(/orvis_assets/images/menu_border_lower_left.png) no-repeat bottom left;*display:none;}
.vid_bottom_right_corner {width:4px;height:4px;position:absolute;bottom:-4px;right:-4px;background:url(/orvis_assets/images/menu_border_lower_right.png) no-repeat bottom right;*display:none;}
 
/* End Product Video */

#pf_buy_box .ddl_choice {
  display: block;
  margin-top: 0.5em;
}

#pf_Members .SwatchList,
#pf_Members .SizeList {
  clear: both;
  margin: 0;
  padding: 0 0 1em 0;
}

.SwatchList li {
  list-style-type: none;
  display: block;
  float: left;
  margin: 7px 3px 7px 1px;
  cursor: pointer;
  background-color: #FFF;
  box-shadow: inset 0 3px 8px rgba(0,0,0,0.1);
  border: solid 1px #DBD9D9;
  width: 50px;
  min-height: 21px;
  text-align: center;
  padding: 5px 0 0 0;
  font-weight: bold;
}

.ImageSwatchList li {
  padding: 0;
}

.SwatchList li img {
    display: block;
}

.BreedList {
    padding: 0;
    margin: 0;
}

.BreedList li {
    display: inline-block;
    width: 240px;
    text-transform: capitalize;
    cursor: pointer;
}

.BreedList li span {
    position: relative;
    top: -10px;
}

.BreedList li.selected span {
    color: #386D35;
    text-decoration: underline;
}

/*.SwatchList li.selected,
.SizeList li.selected {
    border: solid 2px #000;
    margin: 6px 2px 6px 0;
}*/

.SwatchList li .underbar {
    position: absolute;
    left: 0;
    bottom: -7px;
}

.SizeList li.disabled,
.SwatchList li.disabled {
    cursor: default;
    opacity: 0.6;
    border: dashed 1px #DBD9D9;
}
.BreedList li.disabled {
    opacity: 0.4;
}
.label .selectedValue {
    display: inline-block;
    padding-left: 0.25em;
    width: 210px;
}

#productPageOptionSelector {
    padding-top: 0.25em;
}
#productPageOptionSelector li {
    list-style-type: none;
    min-width: 44px;
}

#image_presentation #views {
    display: block;
    width: 43px;
}

#productPageOptionSelector .ItemInfo {
    padding: 0;
    margin: 0;
}

#productPageOptionSelector .ItemInfo li {
    padding: 0 3em 1em 0;
    display: block;
    float: left;
}

#productPageOptionSelector .ItemInfo li.Price {
    font-weight: bold;
    float: right;
    margin-right: 1em;
}

#alt_views {
    padding: 0;
    margin: 0;
    width: 45px;
}

#video_views {
  padding: 0;
  margin: 0;
}

.AltViewIcon {
    margin-right: 0.5em;
    list-style-type: none;
}

#pf_title {
    font-family: Arial;
    color: #666;
    font-size: 14px;
    font-weight: bold;
}

.AddToBasketButton,
.AddToRegisterButton {
    cursor: pointer;
    display: inline-block;
    margin: 0.5em 0 0 0.75em;
}

.ProductLinks {
    padding: .5em 0 0 0;
    line-height: 1.5em;
    margin: 0;
    clear: both;
    font-size: 12px;
}

.ProductLinks li {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.ProductSharingButtons {
    padding: 0;
}


.product .column {
  float: left;
}
.product .right_column {
  width: 45em;
}
.product .left_column {
  width: 30em;
}
.product .label {
  *clear: both;
  *font-size: small;
}

.product_options ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.product_options li {
  display: inline-block;
  border: solid 1px #626b5f;
  padding: .5em 1.5em;
  background-color: #cccccc;
  box-shadow: inset 0 3px 8px #929b8f;
  cursor: pointer;
  zoom: 1;
  *display: block;
  *float: left;
  *margin-right: 2px;
}
.product .column {
  float: left;
}
.product .right_column {
  width: 45em;
}
.product .left_column {
  width: 30em;
}
.product .label {
  *clear: both;
  *font-size: small;
}

.product_options ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.product_options li {
  display: inline-block;
  border: solid 1px #626b5f;
  padding: .5em 1.5em;
  background-color: #cccccc;
  box-shadow: inset 0 3px 8px #929b8f;
  cursor: pointer;
  zoom: 1;
  *display: block;
  *float: left;
  *margin-right: 2px;
}
.product_options li:hover {
  background-color: #EEE;
  box-shadow: inset 0 3px 8px #cccccc;
}
.product_options ul.with_img li {
  padding: 0;
}
.product_options ul.with_img li img {
  display: block;
}

.tabs {
  width: 35em;
  margin-top: 0.5em;
}
.tabs .tab {
  font-family: Arial, sans-serif;
  font-size: 14px;
  display: block;
  float: left;
  color: #666;
  background-color: #CCC;
  cursor: pointer;
  margin: 0.25em 4px 0 0;
  height: 30px;
  border-left: solid 1px #CCC;
  border-right: solid 1px #CCC;
  /* IE specific code */
  zoom: 1;
  *display: block;
  *float: left;
}
.tabs .tabText {
  padding: 6px 0.75em 10px 0.75em;
  height: 15px;
  background-image: url(/orvis_assets/icons/tab-middle.png);
  float: left;
}
/*.tabs .tab:before {
  content: url(/orvis_assets/icons/tab-left.png);
  float: left;
}
.tabs .tab:after {
  content: url(/orvis_assets/icons/tab-right.png);
}*/
.tabs .tab:hover {
  box-shadow: inset 0 3px 8px #626b5f;
}
.tabs .tab-selected {
  background-color: #FFF;
  color: #49683D;
}
.tabs .tab-selected .tabText {
  background-image: url(/orvis_assets/icons/tab-middle-selected.png);
}
/*.tabs .tab-selected:before {
  content: url(/orvis_assets/icons/tab-left-selected.png);
  float: left;
}
.tabs .tab-selected:after {
  content: url(/orvis_assets/icons/tab-right-selected.png);
}*/
.tabs .tab-selected:hover {
  box-shadow: none;
}
.tabs .tab_content {
  width: 480px;
  padding: 0.5em 1em;
  margin-bottom: 1em;
  border: solid 1px #CCC;

}
.tabs #tab_ratings_summary, #BVRRSummaryContainer {
  width: 17.25em;
  float: right;
  border: solid 1px #cccccc;
  padding: 0.25em;
  margin: 6px 5px;
}
.tabs #tab_ratings_read_button {
  margin: 0 0.25em;
}
.tabs .ratings_button {
  float: left;
}
.PfMember {
  background-repeat: no-repeat;
  background-position: 0 5px;
  padding: 2px;
}
.PfMember.selected {
  background-image: url(/orvis_assets/icons/select_buttons1.gif);
}
.PfMember.unselected {
  background-image: url(/orvis_assets/icons/select_buttons2.gif);
}
.PfMember input {
  display: none;
  float: left;
}
.InvalidUserInput {
  border: solid 1px #E80000;
  box-shadow: 0 0 10px #E80000;
}
.specialhandling, .shipping {
    background-color:#F5F4EF;
    border:#CCCCCC 1px solid;
    font-style:italic;
    margin-top:10px;
    color:#333333;
    clear:both;
}
/* Begin Ratings and Reviews */
#product-ratings-container 
{
    position:relative;
}
.product-ratings-distribution 
{
    display:none;
    background-color:#ffffff;
    border:2px solid #000000;
    position:absolute;
    left:140px;
}
.product-ratings-distribution td.rating-bar 
{
    background-color:#d7d7d7;
    text-align:left;
    padding:0;
    width:100px;
}
.product-ratings-distribution td.rating-bar div 
{
    height:20px;
    background-color:#60854F;
}
.product-ratings-distribution td.rating-count 
{
    text-align:right;
    color:#60854F;
    font-weight:bolder;
}
.product-ratings-distribution-table td 
{
    padding:0 5px;
}
#product-reviews-container #product-reviews
{
    list-style-type:none;
    padding:0;
}
#product-reviews-container #product-reviews li 
{
    border-top:1px solid #999999;
    margin-top:5px;
}
#product-reviews-container p.product-reviews-links
{
    float:right;
    font-weight:bold;
    margin:0;
}
.review-images 
{
    float:right;
    margin:12px 0 0;
}
.review-images a 
{
    margin-left:10px;
}
.review-response 
{
    background-color:#cccccc;
    padding:1px 5px;
}
#ratings_summary_write 
{
    display:none;
    float:right;
    border:1px solid #666;
    margin-left:5px;
    margin-bottom:5px;
    padding:0 5px;
    width:200px;
}
#ratings_summary_write p.product-reviews-links 
{
    font-weight:bold;
    text-align:center;
}

/**** Add-to-Cart Lightbox CSS ****
 * Two Static Heights - Long & Short. Long gets class "long" on #lightbox
 * Confirmation/Error messaging controlled with several styles.
 *	Confirmed gets class "check" on H3.
 * 	Error gets class "error" on H3.
 *	Two-Lined Errors get classes "error" and "long" on H3.
 *
 * Inventory Messaging has two states.
 *	Item Available is standard.
 *	Item has inventory issue gets class "notice".
*****/

@font-face {
	font-family: "RobotoCondensed";
	font-style: normal;
	font-weight: normal;
        src: url("/orvis_assets/style/fonts/RobotoCondensed-Bold-webfont.eot?#iefix") format("embedded-opentype"), url("/orvis_assets/style/fonts/RobotoCondensed-Bold-webfont.woff") format("woff"), url("/orvis_assets/style/fonts/RobotoCondensed-Bold-webfont.ttf") format("truetype"), url("/orvis_assets/style/fonts/RobotoCondensed-Bold-webfont.svg#RobotoCondensed") format("svg");
}
@font-face {
	font-family: "Lora";
	font-style: normal;
	font-weight: normal;
        src: url("/orvis_assets/style/fonts/Lora-Bold.eot?") format("eot"), url("/orvis_assets/style/fonts/Lora-Bold.woff") format("woff"), url("/orvis_assets/style/fonts/Lora-Bold.ttf") format("truetype"), url("/orvis_assets/style/fonts/Lora-Bold.svg#Lora") format("svg");
}

.lightbox {
	width: 450px;
	height: 420px;
	padding: 20px 25px;
	font-family: arial;
	font-size: 15px;
	border: 5px solid rgba(29,29,29,.4); /*ignore this for development*/
	border-radius: 5px;
}

.outfitter {
	padding: 20px 25px;
	font-family: arial;
	font-size: 15px;
	border: 5px solid rgba(29,29,29,.4); /*ignore this for development*/
	border-radius: 5px;
	margin-top: 10px;
	margin-left: 10px;
}


.long {
	height: 475px;
}

.lightbox #bottom, .lightbox #bottom2 {
	height: 100px;
}

.lightbox p {
	margin: 0;
}

.lightbox ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.lightbox h3 {
	text-transform: uppercase;
	color: #990000;
	font-family: RobotoCondensed;
	letter-spacing: 1px;
	background-repeat: no-repeat;
	background-position: 3px -3px;
	padding-left: 40px;
	font-weight: normal;
	margin: 0;
	min-height: 25px;
	font-size: 14px;
}

.lightbox h3.long {
	line-height: 17px;
}

.lightbox h3.error {
	background-image: url("/orvis_assets/images/red_x.png");
	color: #990000;
}

.lightbox h3.check {
	background-image: url("/orvis_assets/images/check.png");
	color: #5E854F;
}

.lightbox .product {
	margin-top: 1em;
}

.lightbox .product img {
	width: 135px;
	height: 172px;
}

.lightbox .product ul {
	display: inline-block;
	width: 300px;
	vertical-align:top;
	margin-left:10px;
}

.lightbox .product ul li {
	color: #555;
	font-size: 13px;
	margin: 1px 0;
}

.lightbox .product ul li span {
	font-weight: bold;
	//float: right;
}

.lightbox #prodName {
	font-family: "RobotoCondensed";
	text-transform: uppercase;
	font-size: 15px;
}

.lightbox #prodName {
	color: #000;
	margin-bottom: .5em;
}

.lightbox #sku {
	margin: .5em 0;
}

.lightbox .prodPrice {
	float: right;
	margin-top: 0.5em;
	width: auto;
	font-size: 15px !important;
	padding-right: 5px;
	text-align: right;
}

.lightbox .price {
    font-weight: normal !important;
}

.lightbox .strikeout {
	text-decoration: line-through;
	font-style: italic;
	color: #555;
}

.lightbox .saleprice {
    color: #900;
	text-transform: uppercase;
}
	
.lightbox .inventory {
	background: #f5f5f5;
	padding: 10px;
	margin: 10px 0 15px;
	text-align: center;
}

.lightbox .inventory p {
	font-size: 12px;
}

.lightbox .inventory p.notice {
	color: #900;
}

.lightbox .inventory span {
	font-weight: bold;
}

.lightbox .inventory .Status {
	color: #555;
}

.lightbox .cart_total ul {
	padding: 8px;
	display: block;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	color: #555;
}

.lightbox .cart_total ul li {
	display:inline-block;
	width: 215px;
}

.lightbox .cart_total ul li + li {
	margin-left: -4px;
	text-align: right;
}

.lightbox .btns {
	margin: 20px 0 0;
}

.lightbox .btns ul {
	display: block;
	text-align: center;
	margin: 0;
}

.lightbox .btns ul li {
	display: inline-block;
	text-align: center;
	margin: 0 21px;
}

.lightbox .btns ul li a {
	width: 159px;
	height: 34px;
	display: block;
}

.lightbox #contshopping_btn a {
	background: url("/orvis_assets/images/contshopping_btn.png") no-repeat center center;
}

.lightbox #checkout_btn a{
	background: url("/orvis_assets/images/checkout_btn.png") no-repeat center center;
}
    
.lightbox #contshopping_btn2 a {
	background: url("/orvis_assets/images/contshopping_btn.png") no-repeat center center;
}

.lightbox #checkout_btn2 a{
	background: url("/orvis_assets/images/checkout_btn.png") no-repeat center center;
}    
