﻿html, body, form
{
	height: 100%;
	margin: 0;
	padding: 0;
}
body
{
	min-width: 976px; /*min-height: 640px;*/
}
tr, td
{
	padding: 0;
	margin: 0;
}
.wrapper
{
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -65px auto;
}
img
{
	border: 0;
	outline:none;
}
img.png, input.png
{
behavior: url(/sites/layouts/layout004/skins/common/iepngfix.htc);	
}
a,a:hover,a:visited
{
	outline:none;	
}
#TitleArea
{
	width: 100%;
	height: 69px;
}
#TopTextArea
{
	width: 100%;
	height: 149px;
}
#MidBarArea
{
	width: 100%;
}
#Content
{
	width: 100%;
	min-height: 100%;
	height: auto !important;
	height: 100%;
}
#CatArea
{
	width:199px;
	max-width: 199px;
	float: left;
	margin: -64px 0 0 8px; 
	position:relative;  	
	/*top: 200px;  	
	left: 8px;*/
}
#CatPadding
{
	padding: 0 3px 0 3px;
	background-color:Black;
}

#CatHeader
{
	background-image:url(/sites/layouts/layout004/skins/common/cat-top.png);
	background-repeat:no-repeat;
	background-position:top left;
	width:100%;
	height:28px;
	text-align: center;
	font-weight:bold;
}
#CatBottom
{
	background-image:url(/sites/layouts/layout004/skins/common/cat-bottom.png);
	background-repeat:no-repeat;
	/*background-position:top center;*/
	height:10px;
	width:100%;

}
#catCTRL ul
{
	margin: 0px;
	padding: 0pt;
}
#catCTRL li
{
	background-repeat:no-repeat;
	background-position:left bottom;
	background-color:transparent;
	text-align:center;
	margin: 0;
	padding:0 0 4px 0;
	list-style: none;
}
#catCTRL li a
{
	font-size:14px;
}
#catCTRL a
{
	font-size: 12px;
	text-decoration: none;
}
#ContentArea
{
	width: 100%;
}
#ContentAreaInner
{
	margin-left: 230px;
	min-width: 300px;
}
.AdsCol
{
	max-width: 210px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 5px 2px 5px 4px;
	float: right;
	overflow: hidden;
	text-align:center;
	border: solid 1px black;
	background-color: #aaa;
}
.Banner
{
	margin: 5px auto;
	overflow: hidden;
	text-align:center;
}
.Banner table
{
	margin:auto;
	background-color:#AAAAAA;
	border:1px solid black;
	padding:0px;
}
.AdTitle
{
	text-align: center; 
	color: White; 
	font-size: 12px;
	background-color: #333;
}
.AdTitle.Top
{
	border-bottom: dashed 1px white; 
}
.AdTitle.Bottom
{
	border-top: dashed 1px white; 
	height:15px;
}

#MainContent
{
	padding: 10px 20px 10px 0px;
	
}

#ContentTopLine
{
	width: 100%;
	min-width: 100%;
	background-repeat: repeat-x;
	height: 7px;
}

.footer, .push
{
	height: 65px;
	width:100%;
}
#footercontent
{
	background-repeat: repeat-x;
	width: 100%;
	min-width: 100%;
	height: 60px;
	padding-top:5px;
}
#footbanner
{
	padding-top: 5px;
	text-align: center;
}
#foottext
{
	text-align: center;
	padding: 2px 0px;
	font-size: 11px;
}
#foottext a
{
	text-decoration: none;
	font-size: 12px;
}
#foottext a:hover
{
	text-decoration: underline;
}
#AmazScript
{
	font-family:Arial, Sans-Serif;
	font-size:8px;
}
#basketpanel
{
	float: right;
	margin: 0px 10px 0 0;
}
#basketpanel img
{
	margin-top: -4px;
}
#nav
{
	padding-top: 10px; /*margin-right:	230px;*/
	overflow: hidden;
	max-height: 110px;
}
#navinner
{
	float: left;
	margin-left: 10px;
}
#nav ul
{
	list-style: none;
	margin: 0;
	padding: 0;
	display: inline;
}

#nav li
{
	padding: 0;
	display: inline;
	list-style-type: none;
}
#nav li img
{
	margin-left:-2px;	
}
#nav a
{
	float: left;
}
#navinner img
{
	margin: 0;
}
#shopimg
{
	float: right;
	overflow: visible;
	position: relative;
}
#shopimg img
{
	margin-top:-16px;	
}

.clear
{
	clear: both;
}

#searchbar
{
	min-width: 573px;
	width:100%;
	position:absolute;
	top:220px;
}

#searchcontent
{
	/*padding-top: 30px; 	padding-left: 0px; 	min-height: 32px;*/
	font-weight: bold;
	font-family: Arial,Tahoma;
	font-size: 12px;
	vertical-align: middle;
}
#searchcontent td
{
	padding-left: 1px;
}
#searchcontent span
{
	font-size: 16px;
}
#searchcontent a
{
	font-size: 11px;
	font-family: Arial;
	font-weight: bold;
	cursor: pointer;
	text-decoration: underline;
}

#searchcontent a:hover
{
	font-size: 11px;
	font-family: Arial;
	font-weight: bold;
	font-style:italic;
}
.searchadvcontentcell
{
	padding-right: 30px;
	text-align: left;
}
.searchadvtextcell
{
	text-align: left;
}
.searchadverrormsg
{
	background-color: #fff;
	color: #F00;
	border: solid 1px #000;
	padding: 0px 3px;
	font-size: 12px !important;
}


.ContentHeader1
{
	font-size: 20px;
	font-family: Arial, Tahoma;
	font-weight: bold;
}
.ContentHeader2
{
	font-size: 20px;
	font-family: Arial, Tahoma;
	font-weight: bold;
}
.ContentHeader3
{
	font-size: 18px;
	font-family: Arial, Tahoma;
	font-weight: bold;
}
.ListItemLeftBlock
{
	margin-top: 10px;
	float: left;
}
.ListItemRightBlock
{
	margin-top: 0px;
	margin-right: 10px;
	padding-right: 20px;
	float: right;
}
.PaginationText
{
	font-size: 10px;
	font-family: Arial,Tahoma;
}
.activeCatLink
{
	font-weight: bold;
	font-size: 11px;
	font-family: Arial,Tahoma;
}
A.CatLink
{
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	margin: 0;
	padding: 0;
}
A.CatLink:hover
{
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	text-decoration: underline;
}
.SubCatLink
{
	font-family: Arial;
	font-size: 11px;
	text-decoration: none;
}
A.SubCatLink
{
	font-family: Arial;
	font-size: 11px;
	text-decoration: none;
}
A.SubCatLink:hover
{
	font-family: Arial;
	font-size: 11px;
	text-decoration: underline;
}
.pipe
{
	font-family: Arial;
	font-size: 11px;
	padding: 0 2px 0 2px;
}
.gts
{
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	padding-left: 3px;
	padding-top: 1px;
	padding-right: 3px;
}
.SubCatText
{
	font-family: Arial;
	font-size: 11px;
	text-decoration: underline;
	font-weight: bold;
}
.NavText
{
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}
.NavText2
{
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}
A.BoxedNavText
{
	font-family: Arial;
	font-size: 10px;
	text-decoration: none;
	padding-top: 1px;
	padding-right: 2px;
}
A.BoxedNavText:hover
{
	padding-top: 0px;
}
.listitemtable
{
	font-family: Arial, Tahoma;
	font-size: 11px;
}

.ItemListSmlImageCntr
{
	float: left;
	background: url(/Sites/Layouts/Layout004/Skins/Skin001/Images/shadowAlpha.png) no-repeat bottom right !important;
	background: url(/Sites/Layouts/Layout004/Skins/Skin001/Images/shadow.gif) no-repeat bottom right;
	margin: 10px 0 0 10px !important;
	margin: 10px 0 0 5px;
}

.ItemListSmlImageCntr img
{
	display: block;
	position: relative;
	background-color: #fff;
	border: 1px solid #a9a9a9;
	margin: -6px 6px 6px -6px;
	padding: 4px;
}

/*XXXXXXXXXXXXXXXXXX Dropshadow elements XXXXXXXXXXXXXXX*/

html > body .outerpair1
{
	background: url(/Sites/Layouts/Layout004/Skins/Skin001/Images/upperrightfade.png) right top no-repeat;
}
/* .outerpair1 must be given a width contraint, via either a width, 
or by floating or absolute positioning. In this demo these are 
applied from the second class name on the .outerpair1 DIV's.
This box also has one of the corner .png's. */


html > body .outerpair2
{
	background: url(/Sites/Layouts/Layout004/Skins/Skin001/Images/lowerleftfade.png) left bottom no-repeat;
	padding-top: 8px;
	padding-left: 8px;
}
/* .outerpair2 has padding equal to the shadow 
thickness, and also has one of the corner .png's */


html > body .shadowbox
{
	background: url(/Sites/Layouts/Layout004/Skins/Skin001/Images/shadow.png) bottom right;
}
/* .shadowbox holds the main shadow .png */


html > body .innerbox
{
	position: relative;
	left: -8px;
	top: -8px; /*border: 1px solid #999999;*/
}
/* .innerbox is made "relative" and is "pulled" up and to 
the left, by a distance equal to the thickness of the shadow.
Because this is a relative-based shift, the box retains its
exact dimensions without change. */


.shadowbox img
{
	/*border: 2px solid #fff;*/
	border: 0px solid #fff;
	vertical-align: bottom;
}
/* Shadowed images should not be made "block" for eliminating the baseline 
space under the images, because this may trigger IE background bugs. 
Instead, use "vertical-align: bottom;" for this purpose. */


/*XXXXXXXXXXXXXXXXXX Custom width constraints and extra styling XXXXXXXXXXXXXXX*/

.floatimage
{
	float: left; /* Floating causes this box to shrinkwrap around sized content elements. */
	display: inline; /* IE doubled margin bug is defeated via this fixer rule. */
}

.inBasketText
{
	font-size: 14px;
	font-weight: bold;
	font-style:italic;
	color: #000;
	text-align:center;
	padding: 8px 0 4px 0;
}
.ItemListTitleLink
{
	font-family: Arial, Tahoma;
	font-weight: bold;
	font-size: 12px;
}
.listitemAddToCartBtn
{
	margin: 0 auto;
	text-align: right;
}
.pageControlPageDetail
{
	float: left;
}
.pageControlSelectPage
{
	float: right;
}
.listitemImgCol
{
	width: 100px;
	max-width: 100px;
}

.itemviewlargerimage
{
	vertical-align: top;
}

.ItemMedImageCntr
{
	float: left;
	background: url(/Sites/Layouts/Layout004/Skins/Skin001/Images/shadowAlpha.png) no-repeat bottom right !important;
	background: url(/Sites/Layouts/Layout004/Skins/Skin001/Images/shadow.gif) no-repeat bottom right;
	margin: 10px 0 0 10px !important;
	margin: 10px 0 0 5px;
}

.ItemMedImageCntr img
{
	display: block;
	position: relative;
	background-color: #fff;
	border: 1px solid #a9a9a9;
	margin: -6px 6px 6px -6px;
	padding: 4px;
}
.ReviewWrapper
{
	padding: 5px;
}
.editorialtitle
{
	margin-top: 10px;
}
#ItemBoxRoundPanelwrap
{
	min-width: 178px; /*border: 1px #D8D8D8 solid;*/
	margin-left: auto;
	position: relative; /* Return text to correct alignment */
	text-align: left;
	width: 178px;
	height: 102px; /*background-image:url(/Sites/Layouts/Layout001/Skins/Skin001/Images/apriceBG.png); */
	padding-right: 0px;
	margin-right: 0px;
	margin-top: 10px;
}

/* Wrapper for the actual content */
#ItemBoxRoundPanel
{
	padding: 5px 5px 30px 5px;
}
.ItemBoxContent
{
	text-align: center;
	margin: 0 auto;
	width: 100%;
}
.ItemBoxTitle
{
	/*color:#000;*/
	font-weight: bold;
	font-size: 14px;
	font-family: Arial;
}
.ItemBoxQty
{
	padding: 4px 0 4px 0; /*color:#000;*/
	font-weight: bold;
	font-size: 13px;
	font-family: Arial;
}

#ItemBoxMarketRoundPanelwrap
{
	min-width: 178px; /*border: 1px #D8D8D8 solid;*/
	margin-left: auto;
	position: relative; /* Return text to correct alignment */
	text-align: left;
	width: 178px;
	height: 62px; /*background-image:url(/Sites/Layouts/Layout001/Skins/Skin001/Images/aotherBG.gif); */
	padding-right: 0px;
	margin-right: 0px;
	margin-top: 16px; /*cursor:pointer;*/
}

/* Wrapper for the actual content */
#ItemBoxMarketRoundPanel
{
	padding: 5px 5px 30px 5px;
}
#ItemBoxReturnMarketRoundPanelwrap
{
	min-width: 178px; /*border: 1px #D8D8D8 solid;*/
	margin-left: auto;
	position: relative; /* Return text to correct alignment */
	text-align: left;
	width: 178px;
	height: 62px; /*background-image:url(/Sites/Layouts/Layout001/Skins/Skin001/Images/aotherBG.gif); */
	padding-right: 0px;
	margin-right: 0px;
	margin-top: 16px; /*cursor:pointer;*/
}

/* Wrapper for the actual content */
#ItemBoxReturnMarketRoundPanel
{
	padding: 5px 5px 30px 5px;
}

#ReviewBoxRoundPanelwrap
{
	min-width: 150px; /*width: 310px; 	height: 300px; 	margin-top:100px;*/ /*border: 1px #D8D8D8 solid;*/ /* Center align div in browsers that support this using auto margins */
	margin-left: auto;
	margin-right: auto;
	position: relative; /* Return text to correct alignment */
	text-align: left; /*background-color: #FFF;*/
}
/* Wrapper for the actual content */
#ReviewBoxRoundPanel
{
	padding: 5px 5px 30px 5px;
}

/* Corner Image styles */
.tor
{
	width: 14px;
	height: 14px;
	position: absolute;
	z-index: 2;
	top: -1px;
	right: -1px;
}
.tol
{
	width: 14px;
	height: 14px;
	position: absolute;
	z-index: 2;
	top: -1px;
	left: -1px;
}
.bol
{
	width: 14px;
	height: 14px;
	position: absolute;
	z-index: 2;
	bottom: -1px;
	left: -1px;
}
.bor
{
	width: 14px;
	height: 14px;
	position: absolute;
	z-index: 2;
	bottom: -1px;
	right: -1px;
}
/* End corner images */



/***********************************/
/* For the contentes of the iframes*/
/***********************************/
.resize
{
	min-width: 218px;
	width: 218px;
	max-width: 218px;
	min-height: 263px;
	height: 263px;
	max-height: 263px;
}
/***********************************/
#lbOverlay
{
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99998;
	width: 100%;
	height: 500px;
}
#lbOverlay.grey
{
	background-color: #000000;
}
#lbOverlay.red
{
	background-color: #330000;
}
#lbOverlay.green
{
	background-color: #003300;
}
#lbOverlay.blue
{
	background-color: #011D50;
}
#lbOverlay.gold
{
	background-color: #666600;
}

#lbMain
{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 99999;
	text-align: center;
	line-height: 0;
}
#lbMain a img
{
	border: none;
}

#lbOuterContainer
{
	position: relative;
	background-color: #fff;
	width: 200px;
	height: 200px;
	margin: 0 auto;
}
#lbOuterContainer.grey
{
	border: 3px solid #888888;
}
#lbOuterContainer.red
{
	border: 3px solid #DD0000;
}
#lbOuterContainer.green
{
	border: 3px solid #00B000;
}
#lbOuterContainer.blue
{
	border: 3px solid #5F89D8;
}
#lbOuterContainer.gold
{
	border: 3px solid #B0B000;
}

#lbDetailsContainer
{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	width: 100%;
	line-height: 1.4em;
	overflow: auto;
	margin: 0 auto;
}
#lbDetailsContainer.grey
{
	border: 3px solid #888888;
	border-top: none;
}
#lbDetailsContainer.red
{
	border: 3px solid #DD0000;
	border-top: none;
}
#lbDetailsContainer.green
{
	border: 3px solid #00B000;
	border-top: none;
}
#lbDetailsContainer.blue
{
	border: 3px solid #5F89D8;
	border-top: none;
}
#lbDetailsContainer.gold
{
	border: 3px solid #B0B000;
	border-top: none;
}

#lbImageContainer, #lbIframeContainer
{
	padding: 10px;
}
#lbLoading
{
	position: absolute;
	top: 45%;
	left: 0%;
	height: 32px;
	width: 100%;
	text-align: center;
	line-height: 0;
	background: url(/sites/common/images/lyte/loading.gif) center no-repeat;
}

#lbHoverNav
{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lbImageContainer > #lbHoverNav
{
	left: 0;
}
#lbHoverNav a
{
	outline: none;
}

#lbPrev
{
	width: 49%;
	height: 100%;
	background: transparent url(/sites/common/images/lyte/blank.gif) no-repeat;
	display: block;
	left: 0;
	float: left;
}
#lbPrev.grey:hover, #lbPrev.grey:visited:hover
{
	background: url(/sites/common/images/lyte/prev_grey.gif) left 15% no-repeat;
}
#lbPrev.red:hover, #lbPrev.red:visited:hover
{
	background: url(/sites/common/images/lyte/prev_red.gif) left 15% no-repeat;
}
#lbPrev.green:hover, #lbPrev.green:visited:hover
{
	background: url(/sites/common/images/lyte/prev_green.gif) left 15% no-repeat;
}
#lbPrev.blue:hover, #lbPrev.blue:visited:hover
{
	background: url(/sites/common/images/lyte/prev_blue.gif) left 15% no-repeat;
}
#lbPrev.gold:hover, #lbPrev.gold:visited:hover
{
	background: url(/sites/common/images/lyte/prev_gold.gif) left 15% no-repeat;
}

#lbNext
{
	width: 49%;
	height: 100%;
	background: transparent url(/sites/common/images/lyte/blank.gif) no-repeat;
	display: block;
	right: 0;
	float: right;
}
#lbNext.grey:hover, #lbNext.grey:visited:hover
{
	background: url(/sites/common/images/lyte/next_grey.gif) right 15% no-repeat;
}
#lbNext.red:hover, #lbNext.red:visited:hover
{
	background: url(/sites/common/images/lyte/next_red.gif) right 15% no-repeat;
}
#lbNext.green:hover, #lbNext.green:visited:hover
{
	background: url(/sites/common/images/lyte/next_green.gif) right 15% no-repeat;
}
#lbNext.blue:hover, #lbNext.blue:visited:hover
{
	background: url(/sites/common/images/lyte/next_blue.gif) right 15% no-repeat;
}
#lbNext.gold:hover, #lbNext.gold:visited:hover
{
	background: url(/sites/common/images/lyte/next_gold.gif) right 15% no-repeat;
}

#lbPrev2, #lbNext2
{
	text-decoration: none;
	font-weight: bold;
}
#lbPrev2.grey, #lbNext2.grey, #lbSpacer.grey
{
	color: #333333;
}
#lbPrev2.red, #lbNext2.red, #lbSpacer.red
{
	color: #620000;
}
#lbPrev2.green, #lbNext2.green, #lbSpacer.green
{
	color: #003300;
}
#lbPrev2.blue, #lbNext2.blue, #lbSpacer.blue
{
	color: #01379E;
}
#lbPrev2.gold, #lbNext2.gold, #lbSpacer.gold
{
	color: #666600;
}

#lbPrev2_Off, #lbNext2_Off
{
	font-weight: bold;
}
#lbPrev2_Off.grey, #lbNext2_Off.grey
{
	color: #CCCCCC;
}
#lbPrev2_Off.red, #lbNext2_Off.red
{
	color: #FFCCCC;
}
#lbPrev2_Off.green, #lbNext2_Off.green
{
	color: #82FF82;
}
#lbPrev2_Off.blue, #lbNext2_Off.blue
{
	color: #B7CAEE;
}
#lbPrev2_Off.gold, #lbNext2_Off.gold
{
	color: #E1E100;
}

#lbDetailsData
{
	padding: 0 10px;
}
#lbDetailsData.grey
{
	color: #333333;
}
#lbDetailsData.red
{
	color: #620000;
}
#lbDetailsData.green
{
	color: #003300;
}
#lbDetailsData.blue
{
	color: #01379E;
}
#lbDetailsData.gold
{
	color: #666600;
}

#lbDetails
{
	width: 60%;
	float: left;
	text-align: left;
}
#lbCaption
{
	display: block;
	font-weight: bold;
}
#lbNumberDisplay
{
	float: left;
	display: block;
	padding-bottom: 1.0em;
}
#lbNavDisplay
{
	float: left;
	display: block;
	padding-bottom: 1.0em;
}

#lbClose
{
	width: 64px;
	height: 28px;
	float: right;
	margin-bottom: 1px;
}
#lbClose.grey
{
	background: url(/sites/common/images/lyte/close_grey.png) no-repeat;
}
#lbClose.red
{
	background: url(/sites/common/images/lyte/close_red.png) no-repeat;
}
#lbClose.green
{
	background: url(/sites/common/images/lyte/close_green.png) no-repeat;
}
#lbClose.blue
{
	background: url(/sites/common/images/lyte/close_blue.png) no-repeat;
}
#lbClose.gold
{
	background: url(/sites/common/images/lyte/close_gold.png) no-repeat;
}

#lbPlay
{
	width: 64px;
	height: 28px;
	float: right;
	margin-bottom: 1px;
}
#lbPlay.grey
{
	background: url(/sites/common/images/lyte/play_grey.png) no-repeat;
}
#lbPlay.red
{
	background: url(/sites/common/images/lyte/play_red.png) no-repeat;
}
#lbPlay.green
{
	background: url(/sites/common/images/lyte/play_green.png) no-repeat;
}
#lbPlay.blue
{
	background: url(/sites/common/images/lyte/play_blue.png) no-repeat;
}
#lbPlay.gold
{
	background: url(/sites/common/images/lyte/play_gold.png) no-repeat;
}

#lbPause
{
	width: 64px;
	height: 28px;
	float: right;
	margin-bottom: 1px;
}
#lbPause.grey
{
	background: url(/sites/common/images/lyte/pause_grey.png) no-repeat;
}
#lbPause.red
{
	background: url(/sites/common/images/lyte/pause_red.png) no-repeat;
}
#lbPause.green
{
	background: url(/sites/common/images/lyte/pause_green.png) no-repeat;
}
#lbPause.blue
{
	background: url(/sites/common/images/lyte/pause_blue.png) no-repeat;
}
#lbPause.gold
{
	background: url(/sites/common/images/lyte/pause_gold.png) no-repeat;
}
#basketcontainer
{
	width: 170px;
	font-family: Arial;
	font-size: 16px;
	margin: 10px 0px 0px 0px;
	padding: 0;
}
#basketdiv
{
	float: left;
	background-repeat: no-repeat;
	height: 69px;
	width: 2px;
	margin: 0;
	padding: 0 4px 0 4px;
}
#basketimglink
{
	float: left;
	cursor: pointer;
	margin-top:6px;
}
#minibasketcontent
{
	float: left;
	margin-left: 10px;
}
#popupMask {
	position: fixed;
}



/* Fix IE6 bug with content dropping and minimum width */
#IE6 #MainContent{width:97%; padding: inherit 0px;}
#IE6{width: expression(document.body.clientWidth > 1160 ? "100%" : "1160px");}
/*#IE6 #MainContent{width: expression(document.body.clientWidth > 1165 ? "97%" : "726px");}*/
#IE6 #CatHeader {
	background: transparent;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/sites/layouts/layout004/skins/common/cat-top.png', sizingMethod='scale');
}
#IE6 #CatBottom{
	background: transparent;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/sites/layouts/layout004/skins/common/cat-bottom.png', sizingMethod='scale');
}