﻿/*************************************************************************

Video Page Styles

*************************************************************************/

* html body { text-align:center; }
.height-172 { height: 172px; }
.width-298 { width: 298px; }
.width-950 { width: 950px; }
.width-294 { width: 294px; }
.width-466 { width:466px; }
.width-627 { width: 627px; }
.width-144 {width: 144px; }


.hRule_bot { border-bottom: 1px solid #CCCCCC; }
.hRule_bot { border-bottom: 1px solid #CCCCCC; }
.vRule_rt { border-right: 1px solid #CCCCCC; }

.videoHeader { font-size: 28px !important;  margin: 8px; color: #767676; }

#mediaTracker, #mediaTracker img {  height: 0px; line-height: 0px; padding: 0px; margin: 0px; font-size: 0px; display:inline; }

.videoBorder { width: 318px; border: 1px solid #CCCCCC; }
.videoHeight { height: 290px; }



/*************************************************************************

Breadcrumb Styles

*************************************************************************/

/* #breadcrumbs { border-top:1px #ccc solid; top:-1px;} */
.breadcontainer {   }

#breadcrumbs li {
  float:left;
  margin-left:8px;
  color:#131313;
  font-weight:bold;
  font-size:12px;
  height:32px;
  line-height:32px;
  z-index:10;
  display:inline;
}

 #breadcrumbs li a {
  color:#474747;
  font-weight:normal;
  font-size:12px;
  padding-right:20px;
  height:32px;
  line-height:32px;
  background:url(http://cdn.overstock.com/img/mxc/doubleArrow_20100304_trans.gif) right center no-repeat;
}

#breadcrumbs li a:hover {
  background:url(http://cdn.overstock.com/img/mxc/doubleArrow_20100304_trans.gif) right center no-repeat;
  color:#556293;
  z-index:10;
}


.gray-bg { background:url(http://cdn.overstock.com/img/mxc/f2f2f0_background_96x34_repeat.png) left bottom repeat-x; }


ul#breadcrumbs.subCat { background:url(http://cdn.overstock.com/img/mxc/f2f2f0_background_96x34_repeat.png) left bottom repeat-x; z-index:20; height:64px; position:relative; }
ul#breadcrumbs.subCat li.videos-li a { font-size:16px; height:14px; width:54px; margin:0px; padding:8px 20px 8px 8px; display:block;
    border:1px #ccc solid; border-bottom:#f2f2f0 1px solid;  background:#f2f2f0 url(http://cdn.overstock.com/img/mxc/20100311_downArrow2.gif) right center no-repeat; position:relative; 
    text-decoration:none;  z-index:50000; color:#131313; font-weight:bold; line-height:16px; }
	
ul#breadcrumbs.subCat .hRule-clear { clear:both; z-index:10; height:0px; background-color:#f2f2f0; line-height:0px; padding:0px; margin:0px; font-size:0px; border:none; border-top:1px #ccc solid; z-index:10; position:relative; top:-1px; width:952px; }




ul#breadcrumbs.videosOnly li.videos-li { font-size:16px; height:14px; width:54px; margin:0px; padding:8px 20px 8px 8px; display:block;
    border:1px #ccc solid; border-bottom:#f2f2f0 1px solid;  position:relative; background: #f2f2f0 url(http://cdn.overstock.com/img/mxc/20100311_downArrow2.gif) right center no-repeat;
    text-decoration:none;  z-index:50000; color:#131313; font-weight:bold; line-height:16px; }	

.videos-hRule { width:952px; position:relative; background: url(http://cdn.overstock.com/img/mxc/20100318-ccc-pixel-bg.gif) left bottom repeat-x;  z-index:100; }
ul#breadcrumbs li.videos-li { margin-left:0px; }
	

#breadcrumbs li a:hover#videosTopLevel { text-decoration:none; color:#556293; }

ul#breadcrumbs li#videosTopLevel { margin-right:0px; }








/*************************************************************************

Product Description/Add to Cart Styles

**************************************************************************/

#videoProdInfo #videoTitleDesc { padding:0px 2px 0px 4px; }
#videoProdInfo h1 { line-height: 22px; margin: 6px 8px 0px 0px; }
#videoProdInfo h1 a { font-size: 16px; color: #131313; font-weight: bold; }
#videoProdInfo h1 a:hover {  font-size: 16px; color: #556293; text-decoration:none; }


#videoProdInfo #prodMain_descShort { margin:24px 0 0 0; }
#videoProdInfo #prodMain_descShort h3.heading {color: #131313; font-weight: bold; font-size:12px; float:none; }
#videoProdInfo #itmNum { font-weight: normal; color: #363636; margin-top:4px; font-size:11px; }
#videoProdInfo .descShort { margin-bottom:24px; }

#videoProdInfo ul.bullet { margin-top:4px; }
#videoProdInfo #prodMain_descShort ul.bullet li {background: url(http://cdn.overstock.com/img/mxc/4px_bullet.gif) no-repeat 0px 6px; border:0px; margin: 4px 8px 0px 0px; padding-left: 10px; 
	 font-size: 12px; color: #363636; line-height: 125%; display:inline-block;  }
 
#videoProdInfo ul.horzList a, a.more, ul.bullet li, #options label, #options label a { color:#3A3a3a; }
#videoProdInfo ul.horzList li { margin-top:6px;  }
#videoProdInfo a:hover.more { color:#556293; text-decoration:underline; }
#videoProdInfo a.more {  clear: both; float: none; text-decoration: none;	padding-right: 18px; background: url(http://cdn.overstock.com/img/mxc/08-icon_submitArrow.gif) no-repeat right; }

#videoProdInfo .Oprice .Ovalue, .Oprice .Olabel {font-size: 15px !important; font-weight: bold !important;	line-height: 1.2em !important; color: #c7202b !important; }
#videoProdInfo .Oprice { margin-top:20px; }


#videoProdInfo #options { margin-top:16px; z-index:10; display:block;}
#videoProdInfo #options div { margin-bottom: .4em; }
#videoProdInfo #options label { width:75px; display: block; float: left; }
#videoProdInfo #options label.checkbox { float: none; display: inline; }
#videoProdInfo #options div { margin-bottom: .4em; }
#videoProdInfo #inventory { margin-top:8px; font-style: italic; display:block; color:#c7202b; }
#videoProdInfo .submit { clear: left; float: left; margin: 1em 0; }


#videoProdInfo p { font-size: 12px; color: #363636; line-height: 125%; margin: 16px 8px 8px 8px; }
#videoProdInfo #options p { margin-left:0px; }

.important {
	color: #C7202B;
}

.important2 { font-weight: bold; clear: left; color: #C7202B; font-size:14px; margin-bottom: 10px; }
.formSubmit { position: relative; left: -1px; float: left; }
input.text { border:1px solid #cccccc; float:left; margin: 0; padding: 4px 3px 0px 5px; font-size:11px; height:17px; }
input.medium { width:14em; }


#videoProdInfo .videoRating { padding-top: 8px; }
#videoProdInfo .videoRating span, .videoRating div { margin: 8px 0 0 8px; }





/*************************************************************************

Categories Styles (navigation links boxes, content module box)  

*************************************************************************/

.categories { height:auto; }
.categories h2 { font-size: 13px; font-weight: bold; color: #131313; margin: 8px 0 5px 0; }
.categories li { font-size: 12px; font-weight: normal; color: #363636; }
.categories a h2 { font-size: 13px; font-weight: bold; color: #131313; text-decoration:none;  }

.categories h2.videoNavLinks { margin:0px; line-height:145%; color: #131313; }
.categories h2.videoNavLinks a { font-size: 12px; font-weight: normal; color: #131313; text-decoration:none; line-height:145%; }

.categories li a { font-size: 12px; font-weight: normal; color: #363636; text-decoration:none;}
.categories a strong { font-size: 12px; font-weight: normal; color:#363636; text-decoration:none;}
.categories a:hover strong { font-size: 12px;  font-weight: normal; color: #556293; text-decoration:underline;}
.categories h2 a:hover { color: #556293; text-decoration: underline;}
.categories li a:hover { color: #556293; text-decoration: underline;}
.categories ul, .categories li { list-style-type:none; padding:0px; margin-bottom: 3px; }


.categories strong { font-size: 12px; font-weight: normal; color: #000; text-decoration:none;}
.categories h1 { color: #fff; font-size: 16px !important; font-weight: bold; float: left; padding-top:8px; padding-left:8px; }



.titleBar, h1.titleBarText, h2.titleBarText, h3.titleBarText {  background: #f2f2f0; }
.titleBar { height: 34px; color: #fff; }

h1.titleBarText,h2.titleBarText,h3.titleBarText {
  font-size: 15px;
  padding: 8px 8px 6px;
  color: #131313;
  height: 1%;
  text-align: left;
}

#videos ul li #videos ul { list-style-type:none; padding:0px; }

#videos ul li { margin:0px; list-style-position:outside; }




/*************************************************************************

Pagination Styles (For navigation Links)

*************************************************************************/


#videos .showing {
  font-weight:bold;
  margin-top:12px;
}

#videos .pagination ul {
  float:right;
  margin:8px 8px 0 0;
}

#videos .pagination li {
  float:left;
  margin-left:8px;
  vertical-align:bottom;
}

#videos .pagination a {
  color:#fff;
 text-decoration:none;
  display:block;
  line-height:20px;
  background-color:#474747;
  width:24px;
  text-align:center;
  font-weight:bold;
}

#videos .pagination a:hover {
	 background-color:#131313;
}

#videos .pagination li.selected  {
  color:#fff;
  text-decoration:none;
  display:block;
  line-height:20px;
  background-color:#b7b7b7;
  width:20px;
  text-align:center;
  font-weight:bold;
}

#videos .pagination li.ellipsis   {
  color:#000;
  text-decoration:none;
  display:block;
  line-height:20px;
  width:20px;
  text-align:center;
}





/*************************************************************************

Product Recs Styles

**************************************************************************/

/*
.Otable { display: block; height: 290px }
.Orectop { display: none; }
.Otitle { display: none; }
.OProduct { padding-top: 16px; float: left; width: 152px;  margin-left: 8px; display: block; }
.Othumb { margin-bottom: 16px; display: inline-block; }
.OProduct .Oname { padding-bottom: 8px; display: block; }
.Oname { padding-bottom: 8px; display: block; }
.Oname a { color: #000000; text-decoration: none; }
.Oname a:hover { color: #556293; text-decoration: underline; }
.AddCart { display: none; }
.proComplete { position: relative; width: 120px; margin: 0px; }
.OProduct { display: block; height: inherit; }
.Ocompare { visibility: visible; display: block; }
.noShow .Ocompare { visibility: visible; display: block; }
.noShow .Osavings { visibility: visible; display: inline; }
.OProduct .Oprice .Ovalue, .OProduct .Oprice .Olabel { font-weight: bold; line-height: 15px; color: #c7202b; }
.Ocompare .Olabel { text-decoration: none; }
.Ocompare .Ovalue { text-decoration: line-through; }
*/