/* Artifaqt Styles Common with Sub Menu --by Kaoru Kawasaki November, 2005-- */

body {
 background: #c2ba99 url(../images/bg.gif) repeat;
 background-image: url(../images/gecko.gif);
 background-repeat: no-repeat;
 background-position: 8px -116px;
 border: 0;
 color: #333;
 font: 13px Arial, Helvetica, Sans-serif;
 margin: 0;
 padding: 0;
}

/* Artifaqt Small Logo ------------------------------------------*/
#sm_logo {
 position: absolute;
 left: 35px;
 top: 13px;
 margin: 0;
}

/* Coupon Announcement -------------------------------------------*/
div#coupon {
 position: absolute;
 top: 10px;
 left: 365px;
 margin: 0;
}

/* Global Navigation -----------------------------------------------*/
div#nav {
 position: absolute;
 left: 57px;
 top: 137px;
 margin: 0;
 padding: 0;
}

div#nav ul {
 list-style: none;
 margin: 0;
 width: 200px;
}

div#nav li {
 margin: 0 0 30px 0;
}

/* Sub Menu ---------------------------------------------------*/
div#nav ul#sub_nav {
 margin: 20px 0 0 30px;
 padding: 0;
 width: 151px;
}

div#nav ul#sub_nav li {
 margin: 0 0 10px 0;
}


/* A Box on the Right --------------------------------------------*/
#a_box {
 position: absolute;
 left: 365px;
 top: 50px;
 margin-bottom: 10px;
 padding: 0;
 width: 589px;
 background-color: #c2ba99;
 float: left;
}

#b_box {
 margin-bottom: 5px;
 padding: 35px 27px 25px 27px;
 width: 535px;
 background-color: #b9b593;
 float: left;
}

#top_box {
 margin-bottom: 5px;
 padding: 35px 27px 20px 27px;
 width: 535px;
 background-color: #b9b593;
 float: left;
}

/* #b_box2 -------------------------------------------------------------*/
#b_box2 {
 margin-bottom: 0;
 padding: 20px 5px 15px 60px;
 width: 524px;
 background-color: #b9b593;
 font: 13px Verdana, Arial, Helvetica, Sans-serif;
 color: #333;
 text-align: left;
 float: left;
}

div#b_box2 ul {
 margin: 2px 0 0 0;
 padding: 0;
}

div#b_box2 ul li {
 display: block;
 text-align: left;
 list-style: none;
}

div#b_box2 a:link, div#b_box2 a:visited {
 font: x-small Verdana, Arial, Helvetica, Sans-serif;
 color: #fff;
 text-decoration: none;
}

div#b_box2 a:hover {
color: #930;
}

/* b_box3 ----------------------------------------------------*/
#b_box3 {
 margin-bottom: 5px;
 padding: 1px 100px 30px 35px;
 width: 454px;
 background-color: #b9b593;
 font: 13px Verdana, Arial, Helvetica, Sans-serif;
 color: #666;
 text-align: left;
 float: left;
}

#c_box {
 margin-bottom: 5px;
 padding: 30px 27px 27px 47px;
 width: 515px;
 background-color: #b9b593;
 text-align: left;
 float: left;
}

.t_box {
 margin: 10px 0 5px 0;
 clear: both;
}

.t_box_custom {
 margin: 0;
 clear: both;
}

.t_box_custom p {
 margin: 0;
 padding: 10px 0 5px 0;
}

#b_box2 .t_box a:link, #b_box2 .t_box a:visited {
 color: #333;
}

#b_box2 .t_box a:hover {
 color: #333;
}

#b_box2 .back {
 margin: 10px 0 5px 0;
 clear: both;
 letter-spacing: 0;
}

#b_box2 .back a:link, #b_box2 .back a:visited {
 color: #666;
 text-decoration: none;
}

#b_box2 .back a:hover {
 color: #930;
 text-decoration: underline;
}


#c_box p.text {
 margin: 0 60px 20px 0;
 padding: 0;
 font: 13px Verdana, Arial, Helvetica, sans-serif;
 color: #333;
}

#c_box p.text a:link, #c_box p.text a:visited {
 color: #333;
 text-decoration: underline;
}

#c_box p.text a:hover {
 color: #930;
 text-decoration: none;
}

#c_box p.text a.cntct:link, #c_box p.text a.cntct:visited {
 color: #930;
 text-decoration: underline;
}

#c_box p.text a.cntct:hover {
 color: #930;
 text-decoration: none;
}



/* Image Box in "a_box" ---------------------------------------------------------*/
#l_box {
 margin: 30px 0 10px 0;
 padding: 0 0 0 20px;
 width: 467px;
 float: left;
}

/* Title Image ------------------------------------------------------*/
 #t_box {
 margin-top: 30px;
 padding: 0 0 0 20px;
 float: left;
 }

 #t_box2 {
 margin: 10px 0 0 20px;
 padding: 0;
 height: 23px;
 }
 

/* Product Pictures -----------------------------------------------*/
/* Do not delete this */
div.pictbox {
 width: 90px;
 height: 93px;
 margin: 10px 25px 15px 0;
 float: left;
}

div.related2 {
 width: 90px;
 height: 93px;
 margin: 15px 20px 0 0;
 float: left;
 line-height: 110%;
}

.t_box p {
 margin: 0;
 text-align: left;
}

.t_box h4 {
 font-weight: normal;
 margin: 0;
 padding: 0;
}

div.pictbox ul {
 margin: 4px 0 0 0;
 padding: 0;
}

div.pictbox ul li {
 display: block;
 text-align: left;
 list-style: none;
}

div.pictbox a:link, .pictbox a:visited {
 font: 11px Verdana, Arial, Helvetica, Sans-serif;
 color: #fff;
 text-decoration: none;
}

div.pictbox a:hover {
 color: #930;
}

div.pictbox li.sale-red {
 font: 10px Verdana, Arial, Helvetica, Sans-serif;
 color: #930;
}


/* Product Pictures (Hardware) ------------------------------------*/
div#c_box h4 {
 font: 13px Verdana, Arial, Helvetica, sans-serif;
 font-weight: normal;
 margin: 10px 0 5px 0;
 padding: 0;
 clear: both;
}


/* Accessibility -------------------------------------------------*/
.hide {
 display: none;
}

/* Images -----------------------------------------------------*/
img {
 border: 0;
}


/* Search and View Cart ---------------------------------------------*/
div#srch_box {
 position: absolute;
 top: 25px;
 left: 704px;
 width: 250px;
 margin: 0;
 padding: 0;
 font: 10px Verdana, Arial, Helvetica, Sans-serif;
 color: #fff;
}

div#cart {
 float: left;
 width: 80px;
 margin: 3px 0 0 0;
 padding: 0;
 text-align: right;
}

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

div#cart a:hover {
 text-decoration: none;
 color: #930;
}

div#srch {
 float: right;
 width: 165px;
 margin: 2px 0 0 0;
 padding: 0;
 text-align: right;
}


div#srch input.srchbox {
 font-size: 10px;
 color: #777;
 background-color: #fff;
 border: 1px solid #999;
 width: 110px;
}

input.frmbtn {
 font: 10px Verdana, Arial, Helvetica, Sans-serif;
 font-weight: bold;
 color: #777;
 background-color: #fff;
 width: 35px;
 border: 1px solid #999;
}


/* Copyright --------------------------------------------------------*/
#copyr p {
 margin: 0 2px 3px 0;
 padding: 0;
 text-align: right;
 font: 9px Verdana, Arial, Helvetica, Sans-serif;
 color: #666;
}

#copyr p a:link, #copyr p a:visited {
 color: #666;
 text-decoration: none;
}

#copyr p a:hover {
 color: #930;
 text-decoration: underline;
}


div#copyr p.left {
 margin: 2px 0 3px 0;
 padding: 5px 100px 3px 3px;
 text-align: left;
 font: 11px/13px Verdana, Arial, Helvetica, Sans-serif;
 color: #666;
 border-top: 1px dotted #666;
 border-bottom: 1px dotted #666;
}

/* Sale ------------------------------------------------------------*/
.sale {
 color: #930;
 font-weight: bold;
 white-space: pre;
}