/* Artifaqt Styles for the top page of Switchplates --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;
}


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


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

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



/* 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;
 }


/* Product Pictures -----------------------------------------------*/
div.pictbox {
 width: 90px;
 height: 93px;
 margin: 10px 25px 15px 0;
 float: left;
 line-height: 110%;
}

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: x-small Verdana, Arial, Helvetica, Sans-serif;
 color: #fff;
 text-decoration: none;
}

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


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

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


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

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


/* 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 --------------------------------------------------------*/
div#copyr p {
 margin: 0 2px 3px 0;
 padding: 0;
 text-align: right;
 font: 9px Verdana, Arial, Helvetica, Sans-serif;
 color: #666;
}

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

div#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 Announcement --------------------------------------------*/
div#sale {
 position: absolute;
 top: 5px;
 left: 365px;
 width: 83px;
 height: 40px;
 margin: 0;
 padding: 0;
}