/*=== Setup ===*/
*{
	border: 0;
	margin: 0;
	padding: 0
}
body{
	background: url(../images/bgr.gif) #555552 repeat-y center;
	color: #000000;
	font: .65em Arial,Verdana,Helvetica,Sans-Serif;
	padding: 15px 0
}
a{
	color: #000000;
	text-decoration: none
}
a:hover{
	text-decoration: underline
}
input,select,textarea{
	border: #999999 1px solid;
	font-size: 11px;
	padding: 2px
}
li{
	list-style: none
}
h2{
	font-size: 1.2em;
	margin: 0 0 1em
}
h3{
	font-size: 1.2em
}
h4{
	font-size: 1.1em;
	font-weight: normal;
	margin: 0 0 1em
}
p{
	line-height: 1.3em;
	padding: 0 0 1em
}
/*=== Layout ===*/
#page{
	margin: 0 auto;
	padding: 0 0 0 5px;
	width: 879px
}
/*=== Header ===*/
#header{
	background: url(../images/header2.jpg) no-repeat top;
	height: 103px
}
/*- Logo -*/
#header h1{
	margin: 0 auto;
	text-indent: -9999px;
	width: 600px
}
#header h1 a{
	display: block;
	height: 103px;
	text-decoration: none
}
#header h1 a:hover{
	text-decoration: none
}
/*=== Navigation ===*/
/*- Nav1 -*/
#nav1{
	margin: 0 0 5px;
	text-indent: -9999px;
	width: 183px
}
#nav1 li a{
	background: url(../images/nav1-bgr.jpg) no-repeat top;
	display: block;
	height: 40px
}
#nav1 li a:hover{
	text-decoration: none
}
#nav1 li#n11 a{
	background-position: 0 0;
	width: 183px
}
#nav1 li#n11 a:hover,
#nav1 li#n11.active a{
	background-position: -183px 0px
}
#nav1 li#n12 a{
	background-position: 0 -40px
}
#nav1 li#n12 a:hover,
#nav1 li#n12.active a{
	background-position: -183px -40px
}
#nav1 li#n13 a{
	background-position: 0 -80px
}
#nav1 li#n13 a:hover,
#nav1 li#n13.active a{
	background-position: -183px -80px
}
#nav1 li#n14 a{
	background-position: 0 -120px;
	height: 42px
}
#nav1 li#n14 a:hover,
#nav1 li#n14.active a{
	background-position: -183px -120px
}
#nav1 li#n15 a{
	background-position: 0 -162px;
	height: 41px
}
#nav1 li#n15 a:hover,
#nav1 li#n15.active a{
	background-position: -183px -162px
}
#nav1 li#n16 a{
	background-position: 0 -203px;
	height: 41px
}
#nav1 li#n16 a:hover,
#nav1 li#n16.active a{
	background-position: -183px -203px
}
/*=== Title AD Placeholder ===*/
.title img{
	display: block;
	margin: 0 0 13px
}
/*=== All Columns ===*/
#columns{
	height: 1%;
	margin: 10px 0 0;
	padding: 0 0 10px
}
/*=== Left Column ===*/
#leftcol{
	float: left;
	width: 187px
}
/*=== Center Column ===*/
#centercol{
	float: left;
	height: 1%;
	margin: 0 0 0 9px;
	width: 681px
}
/*=== Subcolumns ===*/
.col1{
	float: left;
	width: 216px
}
.col2{
	float: left;
	font-size: 1.4em;
	margin: 10px 0 0 10px;
	width: 335px
}
.col2 h2{
	font-size: 1.8em
}
.col2 ul{
	margin: 0 0 1.3em
}
.col3 {
	float: left;
	width: 600px;
	margin: 10px 0 0 10px;
}

/*=== Styling Boxes ===*/
/*- Box1 -*/
.box{
	float: left;
	font-size: 10px;
	margin: 0 1px 7px 0;
	width: 169px
}
.box .top,.box .bot{
	background: url(../images/box-top.gif) no-repeat top;
	clear: both;
	height: 15px;
	overflow: hidden
}
.box .bot{
	background: url(../images/box-bot.gif) no-repeat top;
	height: 23px
}
.box .content{
	background: url(../images/box-bgr.gif) repeat-y;
	display: table-cell;
	display: block;
	height: auto !important;
	height: 200px;
	padding: 0 15px 0 10px;
	text-align: center;
	min-height: 200px;
}
.box p{
	padding: 0
}
/*- Leftcol Box -*/
#leftcol .box{
	width: 185px
}
#leftcol .box .top{
	background: url(../images/box2-top.gif) no-repeat top
}
#leftcol .box .bot{
	background: url(../images/box2-bot.gif) no-repeat top
}
#leftcol .box .content{
	background: url(../images/box2-bgr.gif) repeat-y;
	height: 330px;
	min-height: 330px
}
.box4 {
	width: 681px;
	margin: 0 0 7px;
}
.box4 .top, .box4 .bot {
	background: url(../images/box2-top2.gif) no-repeat top;
	clear: both;
	height: 15px;
	overflow: hidden;
}
.box4 .content {
	background: url(../images/box2-bgr2.gif) repeat-y;
	height: auto;
	display: block;
	padding: 0 15px 0 20px;
	min-height: 300px;
}


.box4 .bot {
	background: url(../images/box2-bot2.gif) no-repeat top;
	height: 25px;
}
/*- Box2 -*/
.box2{
	margin: 0 0 7px;
	width: 681px;
	float: left;
}



.box2 .top,.box2 .bot{
	background: url(../images/box2-top2.gif) no-repeat top;
	clear: both;
	height: 15px;
	overflow: hidden
}
.box2 .bot{
	background: url(../images/box2-bot2.gif) no-repeat top;
	height: 25px
}
.box2 .content{
	background: url(../images/box2-bgr2.gif) repeat-y;
	display: table-cell;
	display: block;
	height: auto !important;
	height: 445px;
	min-height: 445px;
	padding: 0 15px 0 20px;
	text-align: center
}

.box p{
	padding: 0
}
#page #columns #centercol .box4 .content #tcontent {
	height: 550px;
	width: 600px;
}
#page #columns #centercol .box4 .content #tcontent #column3 {
	float: left;
	width: 200px;
}
#page #columns #centercol .box4 .content #tcontent #column2 {
	float: left;
	width: 200px;
}
#page #columns #centercol .box4 .content #tcontent #column1 {
	width: 200px;
	float: left;
}

/*=== Product Details ===*/
/*- Author -*/
.author{
	font-style: italic;
	margin: 0 0 8px
}
/*- Product Thumb -*/
.pthumb{
	float: left;
	height: 90px;
	margin: 0 0 7px;
	overflow: hidden;
	width: 73px
}
.pthumb2{
	margin: 0 0 45px
}
#leftcol .pthumb{
	height: 105px;
	width: 91px
}
/*- Product Price -*/
.pprice, .pprice2{
	color: #fc0202;
	float: right;
	font-size: 20px;
	font-weight: bold;
	height: 90px;
	letter-spacing: -2px;
	margin: 0 0 7px;
	overflow: hidden;
	position: relative;
	width: 63px;
	z-index: 100
}
.pprice2{
	float: none;
	font-size: 28px;
	height: auto;
	margin: 0;
	width: auto
}
#leftcol .pprice{
	font-size: 23px;
	margin: 18px 0 0
}
/*- Sale AD -*/
.ad-sale{
	height: 56px;
	margin: 2px 0 0 100px;
	position: absolute;
	width: 61px;
	z-index: 10
}
.ad-sale2{
	height: 74px;
	margin: 2px 0 0 103px;
	position: absolute;
	width: 74px;
	z-index: 10
}
/*=== Link Buttons ===*/
.btn-more{
	padding: 0 15px;
	text-align: right
}
.btn-more a{
	color: #15c2c0;
	font-size: 12px;
	font-weight: bold
}
/*=== Footer ===*/
#footer{
	background: url(../images/footer-bgr.jpg) no-repeat top;
	height: 66px;
	width: 879px;
}
#footer p{
	text-indent: -9999px
}
/*=== Misc. ===*/
.fix{
	clear: both;
	height: 1px;
	margin: -1px 0 0;
	overflow: hidden
}