@charset "utf-8";
/* CSS Document */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: top;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}  

a { color:#666; }
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
/* END RESET */

/* BODY */

body {
	font: 10px Arial, Helvetica, sans-serif;
	background: #f16825;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #000000;
}
.bgclass #container {
	width:957px;
	background: url(../graphic/bg.png) left repeat-y ;
	margin: 0 auto;
	text-align: left;
	padding: 0 26px 0 16px;
}


.container {
	width:1000px;
	margin:auto;
}

.fltlft{
	float:left;
}

.fltrt{
	float:right;
}

.clear{
	clear:both;
}

strong{
	font-weight:bold;
}

h1, h3, h5, h5, h5{
	font-weight:bold;
}

h1{
	padding:0;
	margin-bottom:2px;
	margin-top:10px;
	color:#3d90bf;
	font-size:32px;
	line-height:40px;
}

h2{
	font-size:18px;
	line-height:36px;
	color:#3d90bf;
		margin-bottom:2px;
}

h3{
	font-size:16px;
	line-height:28px;
	color:#3d90bf;
		margin-bottom:2px;
}

h4{
	font-size:14px;
	color:#f16825;
		margin-bottom:2px;
}

h5{
	font-size:12px;
	padding: 0px 0 10px 0;
	color:#3d90bf;
		margin-bottom:2px;
}

.white{
	color:#fff;
}

.blue{
	color:#0c6ead;
}

.red{
	color:#F00;
}

.bgclass .splatBig{
	position:absolute;
	width:497px;
	height:484px;
	margin:-185px 0 0 -95px;
	overflow: visible;
	z-index:0;
}

.splatSmall{
	position:absolute;
	width:128px;
	height:128px;
	margin:-20px 0 0 -20px;
	overflow: visible;
	z-index:2;
}


.bgclass .header{
	width:100%;
	height:auto;
	z-index:2;
	position: relative;
	margin:0 auto;
	padding-bottom:5px;
}

.header .logo{
	width:200px;
	height:90px;
	padding:10px 0 0 50px;
}

.formJoin{
	width:385px;
	height:68px;
	background: url(../graphic/formJoinBg.png) top left no-repeat;
	margin: 22px 0 0 27px;
	padding:5px 0 5px 10px ;
}

		.formJoin p{
			font-size:12px;
			padding:0;
			margin:0;
			color:#fff;
		}
		
		.formJoin form{
			padding:5px 0 0 0;
			margin:0;
			width:99%;
			vertical-align:top;
		}
		
		.formJoin input{
			padding:0;
			margin:0;
		}
		
		.formJoin .textBox{
			border:0;
			background:url(../graphic/textBoxBg.png) left top no-repeat;
			width:125px;
			height:16px;
			padding: 0 5px 0px 5px;
			margin: 0 10px 0px 0;
		}
		
		
		
		.formJoin .btnSend{
			color:#fff;
			width:75px;
			height:36px;
			background:url(../graphic/btn_sendBg.png) top left no-repeat;
			border:0;
			cursor:pointer;
			margin:6px 0 0 13px;
			padding:0 0 12px 0;
		}

	.topLinks{
		width:186px;
		height:38px;
		background:url(../graphic/topLinksBg.png) left top no-repeat;
		padding:15px;
		margin:22px 65px 0 0;
	}
	
	.topLinks a{
		font-size:9px;
		text-decoration:none;
	}
	.topLinks a:link, .topLinks a:visited{
		color:#fff;
	}
	
	.topLinks a:hover{
		text-decoration:underline;
	}
	
	.shopping a:link, .shopping a:visited{
		color: #FF0;
	}
	
.bgclass .navigation{
	width:822px;
	height:70px;
	background: url(../graphic/navBg.png) left top no-repeat;
	margin: 6px 0 0 52px;
	padding:10px 0 0 25px;
	z-index:2;
	text-align:center;
	position:relative;
}

.bgclass .main{
	width:939px;
	padding:0;
	margin:auto;
	padding-bottom:40px;
	margin-left:10px;
	margin-right:55px;
	background:url(../graphic/contBg.png) right repeat-y;
}

.bgclass .mainInside2{
	width:879px;
	padding:25px 30px 25px 30px;
	margin:auto;
	margin-left:10px;
	margin-right:10px;
	margin-bottom:25px;
	background:url(../graphic/contBg.png) right repeat-y;
}

.main3{
	width:939px;
	padding:0;
	margin:auto;
	position:relative;
	z-index:0;
	background: url(../graphic/contBg3.png) right repeat-y;
}


.bgclass .main .flash{
	width:575px;
	height:342px;
	position:relative;
	margin:0 0 0 -90px;
	z-index:2;
}

.main .welcome{
	width:auto;
	height:auto;
	position:relative;
	margin-top:5px;
	padding: 0 40px 0 0;
}


.main p, .main2 p, .main3 p{
	padding: 5px 0 10px 0; color:#666;
}

.main .gallery{
	width:680px;
	height:auto;
}

.galRow{
	width:100%;
	height:245px;
	padding: 0 0 20px 0;
}

.galCell{
	width:204px;
	height:242px;
	background:url(../graphic/gallery_prodBg.png) left top no-repeat;
	text-align:center;
	margin:auto;
	padding:5px 20px 0 0;
}
.galCell h4{
	text-align:left;
	padding-left:30px;
}
.galCell .product{
	margin: auto;
	width:128px;
	height:130px;
	padding:10px 0 20px 0;
}

.galCell .btnDetail{
	margin:auto;
	text-align:center;
	font-size:15px;
	color:#fff;
	font-weight:bold;
}

.galCell .btnDetail a{
	display:block;
	width:113px;
	height:38px;
	background:url(../graphic/btnDetail.gif) no-repeat;
	padding:8px 0;
	margin:auto;
}

.galCell .btnDetail a:link, .galCell .btnDetail a:visited{
	text-decoration:none;
	color:#fff;
}

.galCell .btnDetail a:hover{
	background:url(../graphic/btnDetailH.gif) no-repeat;
}

.btnPrev a{
	display:block;
	background:url(../graphic/btnPrev.png) left top no-repeat;
	width:25px;
	height:25px;
}

.btnPrev a:hover{
	background:url(../graphic/btnPrevH.png) left top no-repeat;
}

.btnNext a{
	display:block;
	background:url(../graphic/btnNext.png) left top no-repeat;
	width:25px;
	height:25px;
}

.btnNext a:hover{
	background:url(../graphic/btnNextH.png) left top no-repeat;
}

.galResult{
	width:auto;
	background:none;
	font-size:15px;
	color:#000;
	margin: 0 0 0px 360px;
	padding-bottom:30px;
}

.indexSidebar{
	width:187px;
	height:auto;
	margin-right:38px;
}

insideSidebar{
	width:237px;
	margin: 0 30px 0 0;
}
.sidebar{
	width:167px;
	min-height:693px;
	background:url(../graphic/indexSideBarTop.gif) top left no-repeat;
	padding:10px;
}

.sidbarBot{
	width:187px;
	height:15px;
	background: url(../graphic/indexSidebarBot.gif) top left no-repeat;
}

.sidebar2{
	width:238px;
	min-height:870px;
	background:url(../graphic/sidebar2Bg.png) top left no-repeat;
	text-align:center;
	margin:auto;
}

* html .sidebar2{
	height:900px;
}

.sidebar2Bot{
	width:238px;
	height:25px;
	background:url(../graphic/sidebar2Bot.png) left top no-repeat;
	margin:auto;
}

.sidebar2Bot2{
	width:238px;
	height:25px;
	background:url(../graphic/sidebar2Bot.png) left top no-repeat;
	margin:auto;
}

.whiteRule{
	width:90%;
	margin:auto;
	height:1px;	margin-top:10px;
	padding-bottom:20px;
}

.bgclass .main2{
	width:98%;
	padding:0;
	margin:auto;
	position:relative;
	z-index:2;
	background:url(../graphic/contBg2.png) left repeat-y;
}

.main2 .mid{
	width:140px;
	margin:auto;
	text-align:center;
	margin: 20px 0 0 5px;
}

.main2 .left{
	margin:0 0 0 30px;
	width:370px;
}
.main2 .right{
	margin:0 10px 0 0;
	width:370px;
}

.bottom{
	height:83px;
	background: url(../graphic/indexBot.png) left bottom no-repeat;
	position:relative;
	margin:0 -25px 0 -16px;
}

.bottom2{
	height:83px;
	background: url(../graphic/insideBot.png) left bottom no-repeat;
	position:relative;
	margin:0 -25px 0 -16px;
}

#footer{
	width:1000px;
	margin:auto;
	text-align:center;
	padding:20px 0;
}

#footer p{
	color:#fff;
	font-size:16px;
	padding:0 0 10px 0;
}

#footer a{
	padding: 5px 10px;
}

#footer a:link, #footer a:visited{
	color:#fff;
	text-decoration:none;
}

#footer a:hover{
	color:#000;
	text-decoration:underline;
}

.basket{
	width:90%;
	margin:auto;
	padding:30px 0;
}

.basket a{
	display:block;
	background: url(../graphic/icon_cart.png) right no-repeat;
	padding:12px 45px 12px 0;
	font-size:14px;
}

.basket a:link, .basket a:visited{
	color:#000;
	text-decoration:none;
	font-weight:bold;
}

.basket a:hover{
	color:#0c6ead;
	text-decoration: underline;
	background:url(../graphic/icon_cartH.png) right no-repeat;
}

.botCont{
	padding:10px 0 0 10px;
}
.botCont a{
	font-size:14px;
	text-decoration:none;
}

.quickLink:link, .quickLink:visited{
	width:192px;
	height:38px;
	display:block;
	background:url(../graphic/quickLinks.gif) left top no-repeat;
	color:#FFF;
	text-align:center;
	font-weight:bold;
	padding:10px 0 0 0;
	margin:6px;
}

.quickLink:hover{
	color:#000;
	background:url(../graphic/quickLinksH.gif) left top no-repeat;
}


.email-friend, .share, .tweat{
	width:193px;
	padding-right:15px;
}

.email-friend a:link, .email-friend a:visited{
	display:block;
	background:url(../graphic/btn_wide_Email.png) left bottom no-repeat;
	height:55px;
}

.email-friend a:hover{
	background: url(../graphic/btn_wide_EmailH.png) left bottom no-repeat;
}

.share a:link, .share a:visited{
	display:block;
	background:url(../graphic/btn_wide_Share.png) left bottom no-repeat;
	height:55px;
}

.share a:hover{
	background: url(../graphic/btn_wide_ShareH.png) left bottom no-repeat;
}

.tweat a:link, .tweat a:visited{
	display:block;
	background:url(../graphic/btn_wide_Tweak.png) left bottom no-repeat;
	height:55px;
}

.tweat a:hover{
	background: url(../graphic/btn_wide_TweakH.png) left bottom no-repeat;
}

.bcrumb{
	font-size:12px;
	color:#000;
	padding:10px 0 0 0;
}

.bcrumb a:link, .bcrumb a:visited{
	color:#000;
	text-decoration: underline;
}

.bcrumb a:hover{
	text-decoration:none;
}

.budgetRoller{
	width:640px;
	padding:0;
	margin:0;
	border:0;
}

.blbTop{
	width:100%;
	height:5px;
	background:url(../graphic/blbTop.gif) left top no-repeat;
	padding:0;
	margin:0;
	line-height:0;
}

.blbMid{
	margin:0;
	padding:0;
	background: url(../graphic/blbShadow.gif) right repeat-y;
}

.blbCont{
	width:610px;
	height:730px;
	background:#f6931e url(../graphic/BLBContCol.png) bottom repeat-x;
	padding: 0 10px;
	margin:0;
}

.blbBot{
	width:100%;
	height:44px;
	background:url(../graphic/blbBot.gif) left top no-repeat;
}

.blbHd{
	font-size:50px;
	line-height:50px;
	font-weight:bold;
	color:#fff;
	padding:0;
	margin:0;
}

.blbGal{
	width:347px;
	height:auto;
}

.blbScrn{
	text-align:center;
}
.blbScrn img{
	background:	url(../graphic/blbBannerBg.png) left top no-repeat;
	padding:30px 92px;
}

.blbThumb{
	width:100%;
	height:100px;
	text-align:center;
}

.blbThumb img{
	background:url(../graphic/blbThm.png) no-repeat;
	padding:20px;
}

.blbThm{
	width:102px;
	height:98px;
	background: url(../graphic/blbThm.png) left top no-repeat;
}

.blbSidebar{
	font-size:10px;
	width:220px;
	height:auto;
}

.blbBtn{
	display:block;
	width:173px;
	height:27px;
	padding:5px;
	background:url(../graphic/blbSideBtn.gif) left top no-repeat;
	text-align:center;
}


.blbSideCont{
	min-height:415px;
	background:url(../graphic/blbSidebarBg.png) top left no-repeat;
	padding: 15px 15px 0 15px;
}
.blbSideBot{
	width:100%;
	height:20px;
	background:url(../graphic/blbSidebarBot.png) left bottom no-repeat;
}

.blbSideCont ul{
	padding-left:16px;
}

.blbSideCont li{
	list-style: outside disc;
}

.blbCont .addBasket{
	float:right;
	display:block;
	background:url(../graphic/btnCart.gif) right no-repeat;
	padding: 12px 40px 12px 0;
}
.addBasket:link, .addBasket:visited{
	color:#000;
	text-decoration:none;
	font-weight:bold;
}

.addBasket:hover{
	color:#fff;
}
.blbEmail, .blbShare, .blbTweat{
	width:173px;
	margin:auto;
	height:auto;
}
.blbEmail a{
	display:block;
	height:35px;
	background:url(../graphic/blb_email.png) bottom no-repeat;
}

.blbShare a{
	display:block;
	height:35px;
	background:url(../graphic/blb_share.png) bottom no-repeat;
}

.blbTweat a{
	display:block;
	height:35px;
	background:url(../graphic/blb_tweat.png) bottom no-repeat;
}

.blbEmail a:hover{
	background:url(../graphic/blb_emailH.png) bottom no-repeat;
}
.blbShare a:hover{
	background:url(../graphic/blb_shareH.png) bottom no-repeat;
}
.blbTweat a:hover{
	background:url(../graphic/blb_tweatH.png) bottom no-repeat;
}

.budRolBan:link{
	display:block;
	font-size:12px;
	font-weight:bold;
	color:#000;
	text-decoration:none;
	padding: 5px 50px 5px 0;
}

.backMainRes:link{
	display:block;
	font-size:12px;
	font-weight:bold;
	color:#000;
	text-decoration:none;
	padding: 5px 35px 5px 0;
	background:url(../graphic/btnPrevH.png) right no-repeat;
}

.backMainRes:hover, .budRolBan:hover{
	text-decoration:underline;
}

.blueLink:link, .blueLink:active{
	color:#0099ff;
	text-decoration:underline;
}

.blueLink:hover{
	color: #F90;
	text-decoration:none;
}

.OrngBox{
	width:157px;
	min-height:80px;
	margin:auto;
	background:	url(../graphic/orngBox.gif) left top no-repeat;
	padding:8px 2px;
	text-align:center;
}

.OrngBox a, .OrngBox a:visited{
	color:#000;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
	padding-left:10px
}

.orngBtn{
	display:block;
	width:154px;
	height:29px;
	background:url(../graphic/sb_OrngBtn.png) left top no-repeat;
}

.orngBtn:link, .orngBtn:visited{
	color:#000;
	font-size:12px;
	text-decoration:none;
	padding:5px 0 0 10px;
}

.boxHd h1{
	font-size:32px;
	color:#fff;
	padding:0;
	margin:0;
	line-height:30px;
}

.relProd{
	text-align:center;
	margin:auto;
}

.thumb{
	width:135px;
	height:135px;
}
.thumb img{
	display:block;
	background:url(../graphic/sidebar_thumb.png) no-repeat;
	padding:20px 40px;
}





.blueLinks{
	width:100%;
	height:auto;
	text-align:center;
	list-style:none;
	padding:0;
	margin:0;
}

.blueLinks li{
	list-style:none;
	text-align:center;
}

.blueLinks li a, ul.blueLinks li a:visited{
	font-size:12px;
	text-decoration:none;
	font-weight:bold;
	color:#000;
	display:block;
	width:195px;
	height:45px;
	background:url(../graphic/sidebar_blueHd.png) left top no-repeat;
	padding: 6px 0 0 0;
}

.blueLinks li a:hover{
	color:#000;
	background:url(../graphic/sidebar_blueHdH.png) left top no-repeat;
}


.bgclass .nav{
	height:70px;
	text-align:center;
	position:relative;
	z-index:2;
	margin:-70px 0 0 80px;
}

* html .nav{
width:822px;
}

.nav a.menu{
font-size:15px;
display: block;
float: left;
height: 30px;
padding-left: 22px;
text-decoration: none;
margin-right: 20px;
}

.nav a.menu:link, .nav a.menu:visited, .nav a:active{
color: #000;
}

.nav a.menu span{
display: block;
padding: 7px 25px 7px 0; /*Set 10px here to match value of 'padding-left' value above*/
}


.nav a.menu:hover{ /* Hover state CSS */
background: url(../graphic/menuLf.png) no-repeat top left;
}

.nav a.menu:hover span{ /* Hover state CSS (for text) */
color:#fff;
background: url(../graphic/menuRt.png) no-repeat top right;
}


.nav a.menu1 {
	font-size:15px;
	display: block;
	float: left;
	height: 30px;
	padding-left: 22px;
	text-decoration: none;
	margin-right: 20px;
}


.nav a.menu1:link, .nav a.menu1:visited, .nav a:active  { /* same page state CSS */
	background: url(../graphic/menuLf.png) no-repeat top left;
}
.nav a.menu1 span { /* same page state CSS (for text) */
	color:#fff;
	display: block;
	padding: 7px 25px 7px 0;
	background: url(../graphic/menuRt.png) no-repeat top right;
}


.sliding {height:auto;}

.sliding ul.menu1, ul ul {padding:0; margin:0; border:0; list-style-type:none; text-align:center; color:#fff; text-align:center;}
.sliding ul.menu1 {margin:0 auto;}

.sliding ul.menu1 table {border-collapse:collapse; padding:0; margin:0 auto; font-size:11px; font-weight:bold;}
.sliding ul.menu1 ul {margin:0; padding:0;}
.sliding ul.menu1 li { background:none; padding:0; margin:0; text-align: center;}
.sliding ul.menu1 li.drop {margin:auto; text-align: center;}
.sliding ul.menu1 li a, 
.sliding ul.menu1 li a:visited { text-decoration:none; color:#000; font-size:11px; font-weight:bold;}
.orngHd{
	display:block; width:161px; height:31px;
	padding:6px 0 0 0px;
	background: url(../graphic/orngHd.png) left top no-repeat;
}
.sliding ul.menu1 li a.last, 
.sliding ul.menu1 li a.last:visited {display:block; width:161px; height:51px; background: url(../graphic/orngHdpopup.png) left top no-repeat; padding: 6px 0 0 0;}
.sliding ul.menu1 li ul {display:none;}

.sliding ul.menu1 li:hover a, 
.sliding ul.menu1 li a:hover {border:0; color:#fff; }
.sliding ul.menu1 li:hover ul, 
.sliding ul.menu1 li a:hover ul {display:block; width:161px; height:auto; background:none; padding: 10px 0 10px 0; margin:0;}
.sliding ul.menu1 li:hover ul li a, 
.sliding ul.menu1 li a:hover ul li a {height:auto; background:none; color:#fff; font-weight:normal; padding:0; margin:0;}
.sliding ul.menu1 li:hover ul li:hover a, 
.sliding ul.menu1 li a:hover ul li a:hover {background:none; color:#fff; text-decoration:underline;}

/*
  USAGE:
  Copy and paste this one line into your site's CSS stylesheet.
  Add comma-separated CSS selectors / element names that have transparent PNGs.
  The path to the HTC is relative to the HTML file that includes it.
  See below for another method of activating the script without adding CSS here.
 */

 * {
	behavior: url("../iepngfix.htc");
}


<!-- -->
.relProd{
	text-align:center;
	margin:auto;
}

.sidebar2 .relProd img{
	margin:auto;
}

.sidebar2 .relProd a:link, .sidebar2 .relProd a:visited{
	font-size:12px;
	text-decoration: underline;
	color:#0c6ead;
}

.thumb{
	display:block;
	background:url(../graphic/sidebar_thumb.png) no-repeat;
	padding:20px 40px;
	text-align:center;
	width:60px;
	height:90px;
}

a.white{
	color:#FFFFFF;
	text-decoration:none;
}

a.white:hover{
	color:#FFFFFF;
	text-decoration:underline;
}