/*************************************************************************
' Function : CSS defintions for the store.
' Product  : Shopping Tree Store Frontend
' Version  : 3.3
' Modified : January 2005
' Copyright: Copyright (C) 2004 Shopping Tree.Com 
'            See "license.txt" for this product for details regarding 
'            licensing, usage, disclaimers, distribution and general 
'            copyright requirements. If you don't have a copy of this 
'            file, you may request one at webmaster@ShoppingTree.com
'**************************************************************************/

/* General Tag specifications */

/* Info Box WITHOUT Headings */
.CPbox1            {COLOR: #333333; BACKGROUND-COLOR: #F5F5F5; BORDER: 1px solid #BBC3D3}

/* Info Box WITH Headings ( H = Heading cell ; B = Body cell ) */

.CPbox2            {COLOR: #333333; BACKGROUND-COLOR: #F5F5F5; BORDER: 1px solid #D2FF91; }
.CPbox2H           {background-color: #B9FF55; border-style: ridge; border-width: 1px;	border-style: none;	color: black;  }
.CPbox2H B         {COLOR: #333333;}
.CPbox2B           {COLOR: #333333; BACKGROUND-COLOR: #F5F5F5}
.CPbox2B A:link    {FONT-SIZE: 10px; TEXT-DECORATION: none}
.CPbox2B A:visited {FONT-SIZE: 10px; TEXT-DECORATION: none}
.CPbox2B A:hover   {FONT-SIZE: 10px; TEXT-DECORATION: underline}

/* Box - Page Headings */
.CPpageHead {BORDER-BOTTOM: 2px solid #CCCCCC; PADDING-BOTTOM: 4px}

/* Box - Page Navigation */
.CPpageNav {BACKGROUND-COLOR: #EEEEEE}

/* Box - General Headings */
.CPgenHeadings {BACKGROUND-COLOR: #EEEEEE}

/* Box - Product Image (Home page) */
.CPhomeImg {BACKGROUND-COLOR: #FFFFFF; BORDER: 1px solid #CCCCCC; vertical-align:middle}

/* Box - Product Description (Home page) */
.CPhomeDesc {BORDER-BOTTOM: 1px solid #CCCCCC}

/* Horizontal and Vertical lines */
.CPlines {BACKGROUND-COLOR: #CCCCCC}

/* Product Short Description (Except Detail page) */
.CPprodDesc {FONT-SIZE: 9pt}

/* Product Short Description (Detail page only) */
.CPprodDescDet {FONT-SIZE: 20pt}

/* Product Long Description */
.CPprodDescLong {}

/* Product Detail */
.CPprodDet {}

/* Product SKU */
.CPprodSKU {}

/* Product Price - Text Label */
.CPprodPriceT {COLOR: #800000}

/* Product Price - Price Value */
.CPprodPriceV {COLOR: #800000}

/* Product List Price - Text Label */
.CPprodLPriceT {}

/* Product List Price - Price Value */
.CPprodLPriceV {TEXT-DECORATION: line-through}

/* Product Sale Price - Text Label */
.CPprodSPriceT {}

/* Product Sale Price - Price Value */
.CPprodSPriceV {COLOR: red}

/* Free Shipping text */
.CPfreeShipMsg {COLOR: #EE0B00}

/* In Stock text */
.CPinStock {COLOR: #888888}

/* Out of Stock text */
.CPoutStock {COLOR: red}

/* No Image text */
.CPnoImgT {COLOR: #800000}

/* Category List */
.CPcatDescList {}

/* Category Description - No products linked to it */
.CPcatDesc {}

/* Category Description - Has products linked to it */
.CPcatDescProd {FONT-WEIGHT: bold}

/* Option Description for "Optional" options */
.CPoptDesc {FONT-STYLE: italic}

/* Option Select box */
.CPoptSel {FONT-FAMILY: Verdana, Arial, helvetica; FONT-SIZE: 8pt}

/* Option Text box */
.CPoptTxt {FONT-FAMILY: Verdana, Arial, helvetica; FONT-SIZE: 8pt}

/* ------------------- */
/* ADDED - Version 2.3 */
/* ------------------- */

/* Box - 2, 3 and 4 Column Layout for product list page */
.CPcolsView {BACKGROUND-COLOR: #FFFFFF; BORDER: 1px solid #CCCCCC;}
.CPcolsView A:link    {COLOR: #000099; TEXT-DECORATION: none}
.CPcolsView A:visited {COLOR: #000099; TEXT-DECORATION: none}
.CPcolsView A:hover   {COLOR: #996666; TEXT-DECORATION: underline}

/* System Messages */
.CPsysMsg    {FONT-SIZE: 10pt;}
.CPsysMsgErr {COLOR: red; FONT-SIZE: 10pt;}
.CPsysMsgURL {FONT-SIZE: 10pt}

/* ------------------- */
/* ADDED - Version 2.4 */
/* ------------------- */

/* Highlights used in search results */
.CPhighlight {COLOR: #000000; BACKGROUND-COLOR: #ffff66}

/* ------------------- */
/* ADDED - Version 2.5 */
/* ------------------- */

/* Radio Button options */
.CPoptRadio {FONT-FAMILY: Verdana, Arial, helvetica; FONT-SIZE: 8pt}

/* Option Description for "Mandatory" options*/
.CPoptDescM {font-weight: bold; color: #000}


/* ---------------------*/
/* ADDED -- Version 3.0 */
/* ---------------------*/
.CPcloseWindow {FONT-SIZE: 6pt; TEXT-DECORATION: none;}
.install { 
	BORDER: 1px solid #BBC3D3
}

.installcomment {
	PADDING-LEFT: 30px;
}

.textBlock {
	BACKGROUND-COLOR: #EEEEEE;
	BORDER: 1px solid #CCCCCC;
}

.maintClosed {
	color: red;
	font-size: 15pt;
	text-align: center;
}

.CPContactUs {

}

/* ----------------------- SEABREEZE ADDITIONS ------------------------ */

p {
margin:0px;
padding:0px;
}

.mainbox {
	background-color: #FFF;
	background-image: url(/shop/usermods/productcategorybox_bg.png);
	background-repeat: repeat-y;
	background-position: center top;
	width: 478px;
	margin: 10px;
	position: relative;
	border: 1px solid #CCC;
}
.mainboxtopic {
	background-color: #666;
	background-image: url(/shop/usermods/productcategorybox_title.png);
	background-repeat: repeat-y;
	background-position: center top;
	text-align:center;
	width: 478px;
	height: 44px;
	color: white;
	font-size: 30px;
	font-family: arial black, arial;
	position: relative;
}

.mainboxtopic2 {
	background-color: #666;
	background-image: url(/shop/usermods/productcategorybox_title.png);
	background-repeat: repeat-y;
	background-position: center top;
	text-align:center;
	width: 478px;
	height: 22px;
	color: white;
	font-size: 15px;
	font-family: arial black, arial;
	position: relative;
}

.mainboxcat { 
	width:475px;
	height:181px;
}

.morebut {
	width: 74px;
	position: absolute;
	height: 20px;
	left: 397px;
	top: 199px;
}

.jquerysliderbox {
	width: 982px;
	height: 210px;
	background-image: url(/shop/usermods/sliderface_01.png);
	background-repeat: no-repeat;
	background-position: center 5px;
	padding:16px 6px 6px 0;
}
.infiniteCarousel {
  width: 940px;
  position: relative;
}

.infiniteCarousel .wrapper {
  width: 860px; /* .infiniteCarousel width - (.wrapper margin-left + .wrapper margin-right) */
  overflow: auto;
  height: 180px;
  margin: 0 40px;
  position: absolute;
  top: 0;
}

.infiniteCarousel ul a img {
  border: 5px solid #000;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

.infiniteCarousel .wrapper ul {
  width: 990px; /* single item * n */
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:0;
  padding:0;
  position: absolute;
  top: 0;
}

.infiniteCarousel ul li {
  display:block;
  float:left;
  padding: 8px;
  height: 156px;
  width: 205px;
}
.infiniteCarousel ul li div.product{
width:100%;
height:154px;
padding:4px;
border:1px solid #999;
overflow:hidden;
padding-top:20px;
}
.infiniteCarousel ul li img {
    -webkit-transition: border-color 400ms;
	border:2px solid #ccc;
	margin-bottom: 12px;
}

.infiniteCarousel ul:hover li img {
  border-color: #aaa;
}

.infiniteCarousel ul:hover li:hover img {
  border-color: #3F3;
}

.infiniteCarousel ul li a img {
  display:block;
}

.infiniteCarousel .arrow {
  display: block;
  height: 36px;
  width: 37px;
  background: url(/shop/usermods/arrow.png) no-repeat 0 0;
  text-indent: -999px;
  position: absolute;
  top: 60px;
  cursor: pointer;
  outline: 0;
}

.infiniteCarousel .forward {
  background-position: 0 0;
  right: 0;
}

.infiniteCarousel .back {
  background-position: 0 -72px;
  left: 0;
}

.infiniteCarousel .forward:hover {
  background-position: 0 -36px;
}

.infiniteCarousel .back:hover {
  background-position: 0 -108px;
}

/* size of main image */
#viewport {
        width: 760px;
        height: 400px;
        cursor: move;
        margin: 0px;
        overflow: hidden;
}

/* jQuery lightBox plugin - Gallery style */
#productdetail 
{
	width: 760px;
}

#more-views {
		padding: 10px;
		width: 100%;
	}

#more-views ul li {
    display: inline;
}

#more-views ul img {
	border:1px solid white;
	padding-left: 10px;
	padding-right: 10px;
	margin-left: 5px;
}

#more-views ul a:hover img {
	border:1px solid silver;
	padding-left: 10px;
	padding-right: 10px;
	margin-left: 5px;
}

#more-views ul a:hover {
    color: #FFFFFF;
}

/* Overboard */

.oboard-title { margin:25px 15px 15px 15px}
.oboard-text1 { line-height:130% }
.oboard-text2 { font-size: large;line-height:180% }