@import url("customer.css");

body {	height: 100%; 
		/* background-image:url('../Images/custom/bg.gif'); */
		margin:0px; padding:0px; background-color:#FFFFFF; background-repeat: repeat-x; }      
body, td, div, input, textarea { font-family: verdana; font-size: 11px; color: #000000; }
p { margin-top: 0; margin-bottom: 0; }
img, img.a { border: 0px; }

#page { 
	padding-bottom: 30px;
	padding-top: 0px;
	float: center;
	width: 995px;
}
#leht {
	width: 995px;
	float: left;
	/* background-image:url('../Images/custom/shadow-bgmain.gif'); */
	background-repeat: repeat-y;
	background-position: top left;
}
#container {
	width: 995px;
	float: left;
	padding-left: 5px;
	/* background-image:url('../Images/custom/shadow-bg.gif'); */
	background-repeat: no-repeat;
}
#header {
	font-size: 6px;
	float: left;
	height:	178px;
	width: 982px;
	background-image:url('../Images/custom/header.jpg');
	background-repeat: no-repeat;
}
#navigation {
	position: relative;
	top: 138px;
	height: 38px;
	width: 982px;
	float: left;
}
#nav {
	font-size: 5px;
	text-align: left;
	height: 38px;
	width: 982px;
}
#nav img {
	height: 38px;
}
#colLeft {
	vertical-align: top;
	text-align: left;
	width: 233px;
	background-color: #303257;
}
#colRight {
	vertical-align: top;
	text-align: left;
	width: 749px;
	background-color: #fff;
	background-image:url('../Images/custom/content-bg.gif');
	background-repeat: repeat-x;
	background-position: top left;
}
#bluebox {
	color: #fff;
	font-size: 8pt;
	background-image:url('../Images/custom/bluebox-bg.gif');
	background-repeat: repeat-x;
	background-position: bottom left;
}
#cart {
	color: #fff;
	font-size: 8pt;
	padding-top: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
}
#bluebox img {
	margin-left: 10px;
	height: 30px;
	padding-bottom: 10px;
}
#bluetop {
	float: left;
	height: 25px;
	width: 100%;
	font-weight: bold;
	color: #fff;
	font-size: 8pt;
	background-image:url('../Images/custom/bluetop.gif');
	background-repeat: repeat-x;
	background-position: top left;
}
#redbox {
	float: left;
	background-image:url('../Images/custom/bluebox-bg.gif');
	background-repeat: repeat-x;
	background-position: bottom left;
	padding-bottom: 2px;
}
#redtop {
	float: left;
	height: 25px;
	width: 100%;
	font-weight: bold;
	color: #fff;
	font-size: 8pt;
	background-image:url('../Images/custom/redtop.gif');
	background-repeat: repeat-x;
	background-position: top left;
}
#redtop img {
	float: right;
	height: 25px;
	width: 21px;
}
#redtop span, #bluetop span {
	float: left;
	padding-top: 5px;
	padding-left: 10px;
}
#redtop a {
	font-weight: bold;
	color: #fff;
	font-size: 8pt;
	text-decoration: none;
}
#left_links {
	float: left;
	width: 233px;
	text-align: left;
	background-color: #c84235;
}
#left_links p {
	font-size: 10px;
	color: #fff;
	margin-left: 5px;
}
ul.left_menu {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 233px;
}
.left_menu li {
	display: inline; /* this gets rid of the gaps */
	list-style: none;
	margin: 0;
	padding: 0;
}
.left_menu li a {
	padding-top: 4px;
	border-bottom: 1px solid #d3685d;
    padding-left: 10px;
	font-size: 10px;
	color: #fff;
	display: block;
	width: 223px;
	padding-bottom: 4px;
	text-decoration: none;
}
.left_menu li a:hover {
	color: #fff;
	font-weight: bold;
	background-color: #d05e53;
	text-decoration: none;
}
.search {
	margin-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
	width: 200px;
	margin-left: 10px;
	height: 18px;
	padding-top: 4px;
	color: #999999;
	background: #ffffff;
	border: 1px solid;
	border-color: #6c6d95;
}
.searchbutton {
	margin-top: 5px;
	margin-left: 10px;
	margin-bottom: 7px;
}
#bottom {
	float: left;
	height: 40px;
	width: 982px;
	background-image:url('../Images/custom/footer.gif');
	background-repeat: no-repeat;
	background-position: top left;
}
#footerlinks {
	float: right;
	padding-right: 10px;
	padding-top: 14px;
	height: 25px;
	width: 723px;
	color: #a1060e;
	font-size: 11px;
	text-align: left;
}
#footerlinks a {
	padding-right: 7px;
	padding-left: 7px;
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}
#footerlinks a:hover {
	text-decoration: underline;
}
#contentcontainer {
	padding: 10px;
	border-bottom: 2px solid;
	border-color: #303257;
}
h1 {
	color: #303257;
	font-family: Arial, Verdana;
	font-size: 18pt;
}
h2 {
	color: #303257;
	font-family: Arial, Verdana;
	font-size: 13pt;
}
#contentcontainer p {
	color: #6c6d95;
	font-size: 8pt;
	line-height: 17px;
}
#contentcontainer a {
	color: #c84235;
	font-size: 8pt;
	text-decoration: none;
}
#contentcontainer a:hover {
	color: #c84235;
	font-size: 8pt;
	text-decoration: underline;
}
#graytop {
	font-family: Arial, Verdana;
	width: 100%;
	float: left;
	font-weight: bold;
	font-size: 13pt;
	color: #6c6d95;
	height: 33px;
	margin-top: 2px;
	background-color: #eaeaee;
}
#graytop span, #graytop a {
	float: left;
	padding-top: 6px;
	padding-left: 10px;
	padding-right: 10px;
}
#graytop a {
	font-size: 10pt;
	float: right;
	color: #be2112;
	text-decoration: none;
}
#graytop a:hover {
	text-decoration: underline;
}
#product {
	float: left;
	width: 125px;
	height: 145px;
	background-color: #fff;
	border: 2px solid;
	border-color: #eaeaee;
	margin: 2px;
	padding: 10px 5px 5px 5px;
	color: #4c4d6d;
	font-size: 8pt;
	font-weight: bold;
	text-align: center;
}
#product a {
	color: #c84235;
	text-decoration: none;
	font-size: 8pt;
	font-weight: bold;
}
#gray_links {
	float: left;
	width: 25%;
	text-align: left;
	background-color: #c84235;
}
#gray_links p {
	font-size: 10px;
	color: #fff;
	margin-left: 5px;
}
ul.gray_menu {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
	float: left;
}
.gray_menu li {
	display: inline; /* this gets rid of the gaps */
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
	width: 100%;
	background-image:url('../Images/custom/graylink-bg.gif');
	background-repeat: repeat-x;
	background-position: top left;
}
.gray_menu li a {
	padding-top: 7px;
	font-size: 10px;
	color: #4d4f73;
	display: block;
	width: 90%;
	margin-left: 10% !important; 
	margin-left: 10%; 
	height: 17px;
	text-decoration: none;
}
.gray_menu li a:hover {
	text-decoration: underline;
}
.gray_menu li span {
	color: #c84235;
}

.alertbox
{
	border-right: #c4c2c2 1px solid;
	border-top: #c4c2c2 1px solid;
	background: #ffffff;
	border-left: #c4c2c2 1px solid;
	border-bottom: #c4c2c2 1px solid;
	background-color: #ffff99;
	text-align: left;
	vertical-align: middle;
	padding: 5px;
}

.treeView
{
	text-align: left;
}

.boxinner
{
	border-right: #c4c2c2 1px solid;
	border-top: #c4c2c2 1px solid;
	background: #fff;
	border-left: #c4c2c2 1px solid;
	border-bottom: #c4c2c2 1px solid;
}

.boxouter
{
	border-right: #cccccc 2px solid;
	border-top: 0px;
	margin-bottom: 6px;
	border-left: 0px;
	width: 100%;
	border-bottom: #cccccc 3px solid;
}
.cu
{
	background: #dedede;
	border-bottom: #c4c2c2 1px solid;
	text-align:left;
}
.cu H1
{
	font-weight: bold;
	font-size: 100%;
	margin: 2px;
	color: #3f3f3f;
	padding-top: 0px;
	font-family: Verdana, Geneva, sans-serif;
}


#SliderNav {
    background-color:#fff;
    height:150px;
    padding-right:10px;
    padding-left:10px;
    border:solid 1px #C1C1C1;
}

#SliderNav #Slider {
    height:150px;
    padding-top:10px;
    width:100%;
    overflow: hidden; 
}


#SliderNav #SliderContent td div{
    text-align:center;
	    padding:0px 25px 0px 25px;
}

#SliderNav .track{
    width:100%; 
    height:15px;
}

#SliderNav .handle{
    width:140px; 
    height:15px; 
    background-color:#f00; 
    background: #999 url(/Common/Images/custom/handle.gif) center no-repeat;
    background-position: 0 0; /* x-pos y-pos */
    float:left;
    cursor:move;
}
.ScrollControl {
    width:100%;
    padding:0px;
    margin:0px; 
    height:17px;
    background-color:#C1C1C1; 
}

.ScrollControl td{
    padding:0px;
    margin:0px; 
}


.LeftArrow, .RightArrow
{
    width:25px;
    height:17px;
}

#LeftArrow, #RightArrow
{
    width:25px;
    height:17px;
    background-color:#000;
}

#LeftArrow {background: #999 url(/Common/Images/custom/leftarrow.gif) center no-repeat;}
#RightArrow {background: #999 url(/Common/Images/custom/rightarrow.gif) center no-repeat;}
            
/*---------------------*/	

.MonsterTable
{
	width:100%;
	font-size:14px;
	
	}


.MonsterTable table
{
	width:100%;

	}
	
.MonsterTable table td
{
	vertical-align:top;

	}
	
	
#RightCol .MonsterTable table td
{
	padding:0px 0px 10px 0px;
	border-collapse:collapse;
	}
	
#RightCol .MonsterTable table 
{
	margin:0px;
	padding:0px;
	border-collapse:collapse;}
	
#RightCol .MonsterTable 
{
	margin:5px 0px 0px 0px;
	padding:0px;
	border-collapse:collapse;}
	
	
/*------------------------*/

.HideEle
{
	display:none;}

.videoCell 
{
	text-align:center;}
.Temp1 
{
	padding:10px;}

.Temp1 a
{
	text-decoration:none;}

.Temp1 h2
{	
	font-size:16px;
	display:inline;
	padding:0px;
	margin:0px;
	border-bottom:solid 1px #CADB44;
	}
	
.Temp1 .right
{
	float:right;
	}
	
.Temp1 table
{
	width:auto;
	border:none;}
	
.Temp1 table td
{
	border:none;}
	
.Temp1 .left
{
	float:left;
	}

.Temp1 .full
{
	width:100%;
	}
	
.Temp1 .iconImage
{
	float:left;
	margin-bottom:5px;
	}
	
.Temp1 .highlight
{
	float:right;	
	}

.Temp1 .SecLink
{
	margin-top:5px;
	margin-left:4px;
	 padding-left:12px;
	 background: #fff url(/Common/Images/custom/arr_grr.gif) left center no-repeat;
	 display:block;
	}
	
.Temp1 .SecLink:hover
{
	text-decoration:underline;
}

.Temp1 p
{
	padding:0px 0px 0px 3px;
	margin:0px;
	font-size:12px;}



/*------------------------*/

.Temp2
{
	border-left:none;
	border-right:none;}
.Temp2 h2
{
	font-size:16px;
	background: transparent url(/Common/Images/custom/GreenBarLeft.gif) left top no-repeat;
	padding:0px;
	margin:0px;
	height:31px;}
	
.Temp2 h2 span
{
	background: transparent url(/Common/Images/custom/GreenBarRight.jpg) right top no-repeat;
	display:block;
	padding-top:6px;
	height:31px;
	margin-left:8px;}
	
.Temp2 h2 span strong 
{
	margin-top:10px;}
	
.Temp2 .body 
{
	background: #fff url(/Common/Images/custom/Temp2Background.jpg) right top repeat-x;
	border-right:solid 1px #999;
	border-left:solid 1px #999;
	padding:5px;
	padding-bottom:10px;}
	
.Temp2 .footer span
{
	background: transparent url(/Common/Images/custom/Footright.gif) right top no-repeat;
	display:block;
	height:4px;
	margin-left:4px;
}
	
.Temp2 .footer
{
	background: transparent url(/Common/Images/custom/Footleft.gif) left top no-repeat;
	display:block;
	height:4px;
	}
	
.Temp2 .SecLink 
{
	 margin-top:5px;
	 margin-left:4px;
	 padding-left:12px;
	 background: #fff url(/Common/Images/custom/arr_grr.gif) left center no-repeat;
	 display:block;
	}

	

	


/*------------------------*/



.Temp3
{
	border-left:none;
	border-right:none;}
.Temp3 h2
{
	font-size:16px;
	background: transparent url(/Common/Images/custom/GreenBarLeft.gif) left top no-repeat;
	padding:0px;
	margin:0px;
	height:31px;}
	
.Temp3 h2 span
{
	background: transparent url(/Common/Images/custom/GreenBarRight.jpg) right top no-repeat;
	display:block;
	padding-top:6px;
	height:31px;
	margin-left:8px;}
	
.Temp3 h2 span strong 
{
	margin-top:10px;}
	
.Temp3 .body 
{
	background: transparent;
	border-right:solid 1px #999;
	border-left:solid 1px #999;
	padding:5px;
	padding-left:100px;}
	
.Temp3 .footer span
{
	background: transparent url(/Common/Images/custom/Footright.gif) right top no-repeat;
	display:block;
	height:4px;
	margin-left:4px;
	}
	
.Temp3 .footer
{
	background: transparent url(/Common/Images/custom/Footleft.gif) left top no-repeat;
	display:block;
	height:4px;
	}
	
.Temp3 .SecLink 
{
	 margin-top:5px;
	 margin-left:4px;
	 padding-left:12px;
	 background: transparent url(/Common/Images/custom/arr_grr.gif) left center no-repeat;
	 display:block;
	}
	
.Temp3 .SecLinkHid
{
	display:none;}
	
/*------------------------*/	




.CrossSellImage
{
	border-left:none;
	border-right:none;}
.CrossSellImage h2
{
	font-size:16px;
	background: transparent url(/Common/Images/custom/GreenBarLeft.gif) left top no-repeat;
	padding:0px;
	margin:0px;
	height:31px;}
	
.CrossSellImage h2 span
{
	background: transparent url(/Common/Images/custom/GreenBarRight.jpg) right top no-repeat;
	display:block;
	padding-top:6px;
	height:31px;
	margin-left:8px;}
	
.CrossSellImage h2 span strong 
{
	margin-top:10px;}
	
.CrossSellImage .body 
{
	background: transparent;
	border-right:solid 1px #999;
	border-left:solid 1px #999;
	padding:5px;
	}
	
.CrossSellImage .body .alignCenter
{
	text-align:center;
}
	
.CrossSellImage .footer span
{
	background: transparent url(/Common/Images/custom/Footright.gif) right top no-repeat;
	display:block;
	height:4px;
	margin-left:4px;
	}
	
.CrossSellImage .footer
{
	background: transparent url(/Common/Images/custom/Footleft.gif) left top no-repeat;
	display:block;
	height:4px;
	}
	
.CrossSellImage .SecLink 
{
	 margin-top:5px;
	 margin-left:4px;
	 padding-left:12px;
	 background: transparent url(/Common/Images/custom/arr_grr.gif) left center no-repeat;
	 display:block;
	}
	
.CrossSellImage .SecLinkHid
{
	display:none;}
	
/*------------------------*/	
	
.GrayRoundedHeading 
{
	padding:0px;
	margin:0px;	
	background: transparent url(/Common/Images/custom/GrayRoundedLeft.gif) left top no-repeat;}	
	
.GrayRoundedHeading span
{
	font-family:Garamond, Times Roman, Georgia, serif;
	background: transparent url(/Common/Images/custom/GrayRoundedRight.gif) right top no-repeat;
	height:35px;
	display:block;
	padding:5px 0px 0px 10px;
	margin-left:10px;}
	
/*------------------------*/

.GreenLinePromo 
{
	border-bottom:solid 1px #B7DA00;
	padding-bottom:5px;}

.GreenLinePromo h2
{
	font-size:20px;
	font-family:Garamond, Times Roman, Georgia, serif;
	padding:0px;
	margin:0px 0px 10px 0px;
	}
	
.GreenLinePromo img 
{
		margin:0px 5px 0px 5px;}

.GreenLinePromo .floatingDiv
{  


	}
	
.GreenLinePromo .SecLink 
{
	 margin-top:5px;
	 margin-left:4px;
	 padding-left:12px;
	 background: transparent url(/Common/Images/custom/arr_grr.gif) left center no-repeat;
	 display:block;
	}
	
.GreenLinePromo .floatingDiv div
{
	margin-left:125px;
	}
	


/*------------------------*/


.GrayRoundedPromo img 
{
	float:left;
	margin-bottom:-8px;}
	
.GrayRoundedPromo .floatingDiv
{
	float:left;
	background-color:#EAE9EA;}
	
.GrayRoundedPromo .body 
{
	background-color:#EAE9EA;
	border-right:solid 1px #D9D9D9;
	border-left:solid 1px #D9D9D9;
	padding:0px 10px 0px 10px;
	}
	
.GrayRoundedPromo h2 
{
	font-size:18px;
	padding:0px;
	margin:0px 0px 10px 0px;
	font-family:Garamond, Times Roman, Georgia, serif;}	
	
.GrayRoundedPromo .SecLink 
{
	display:block;
	margin-top:15px;}
	
.GrayRoundedPromo .body div 
{
	padding-left:10px;}	

.GrayRoundedPromo .header 
{
	background: transparent url(/Common/Images/custom/GrayRoundedPromoLeft.gif) left top no-repeat;}
		
.GrayRoundedPromo .header span
{
	background: transparent url(/Common/Images/custom/GrayRoundedPromoRight.gif) right top no-repeat;
	height:8px;
	margin-left:10px;
	display:block;}
	
.GrayRoundedPromo .footer 
{
	background: transparent url(/Common/Images/custom/GrayRoundedPromoLeftBottom.gif) left top no-repeat;}
		
.GrayRoundedPromo .footer span
{
	background: transparent url(/Common/Images/custom/GrayRoundedPromoRightBottom.gif) right top no-repeat;
	height:8px;
	margin-left:10px;
	display:block;}
	
/*------------------------*/


.FAQitem 
{
	border-bottom:solid 1px #B7DA00;
	padding-bottom:10px;
	}
	
.FAQitem h3 
{
	font-size:12px;
	font-weight:bold;
	color:#000000;
	padding:0px;
	margin:0px;
	}
	
.FAQitem h3 a
{
	text-decoration:none;
       	color:#107536;}
	
.FAQitem h3 a:hover
{
	text-decoration:none;}

.FAQitem .image
{
	width:100px;
	text-align:center; 
	vertical-align:top;
	}
	
	.FAQitem .body 
	{
		width:100%;}
	
.FAQitem .moreLink 
{
	white-space:nowrap; 
	vertical-align:bottom;
	width:200px;
	 
	}
	
.FAQitem .SecondLink 
{
	white-space:nowrap; 
	vertical-align:bottom;
	width:200px;
	 margin-top:5px;
	 margin-left:4px;
	 padding-left:12px;
	 background: transparent url(/Common/Images/custom/arr_grr.gif) left center no-repeat;
	 display:block;
	}



/*  For LightBox */ 
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(/Common/Images/custom/LightBox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/Common/Images/custom/LightBox/nextlabel.gif) right 15% no-repeat; }


#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}


#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }