﻿/* Base setting */
ul
{
    list-style: none;
    margin-left: 0px;
}
p
{
    margin: 10px 0;
}
img
{
    border: 1px solid white;
}
body
{
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    margin: 0px;
    text-align: center;
    background: #FFFFFF;
}
a:link, a:visited
{
    font: 12px;
    text-decoration: none;
    color:black;
}
a:hover
{
}
table
{
    border-collapse: collapse;
}
/* Page Container */
#page_container
{
    width: 991px;
    margin: 10px auto;
}

/* Page Header */
div#page_header
{
    border-bottom: 5px solid blue;
    margin: 0 auto;
}

#page_header_menu
{
    height: 32px;
    clear: both;
    margin: 0 auto;
    list-style: none;
    margin: 0px;
    overflow: hidden;
}
#page_header_menu div
{
    float: left;
    margin: 0 0px;
    display: block;
    line-height: 28px;
}
#page_header_menu div a
{
    background: url("tabrightF.gif") no-repeat right -4px;
    font-weight: bold;
    color: black;
    position:relative;
    right: -2px;
    display: block;
    text-decoration: none;
}
#page_header_menu div a span
{
    background: url("tableftF.gif") no-repeat left -4px;
    display: block;
    left: -2px;
    line-height: 5px;
    padding: 12px 10px 15px 10px;
    position: relative;
    vertical-align: middle;
}
/* Current menu or mouse hover menu item */
#page_header_menu div a:hover, #page_header_menu div a.menu_current
{
    background-position: 100% -42px;
}
#page_header_menu div a:hover span, #page_header_menu div a.menu_current span
{
    background-position: 0% -42px;
    color: white;
}

#page_header_banner
{
    background: url("banner.jpg") no-repeat; /* background image */
    height: 160px;
    margin: auto;
    clear: both;
}
/* Page Body */
#page_body
{
    margin: 8px auto;
}

/* Page Left Navigation Bar */
div#page_body td.leftbar
{
    margin: 0px;
    vertical-align: top;
}
div#page_body td.leftbar table
{
    width: 157px;
    color: black;
    font-size: 11px;
    font-weight: bold;
    background-color: white;
    vertical-align: middle;
    text-align: center;
}
div#page_body td.leftbar table tr
{
}
div#page_body td.leftbar table.categories td
{
    border: 1px solid #888;
    border-bottom: 1px dashed #888;
    border-top: none;
    vertical-align: middle;
}
div#page_body td.leftbar table.categories td.current
{
	background-color: #EEEEFF;
}
div#page_body td.leftbar table.categories span
{
    width: 100%;
    height: 50px;
    display: block;
}
div#page_body td.leftbar table.categories span.desktop
{
	background: url("desktop.gif") no-repeat left;
}
div#page_body td.leftbar table.categories span.laptop
{
    background: url("laptop.gif") no-repeat left;
}
div#page_body td.leftbar table.categories span.parts
{
    background: url("parts.gif") no-repeat left;
}
div#page_body td.leftbar table.categories span.services
{
    background: url("services.gif") no-repeat left;
}
div#page_body td.leftbar table.categories th
{
    background: url("titlebg.gif") no-repeat left;
    border-left: none;
    border-right: none;
    height: 25px;
}
div#page_body td.leftbar a
{
    color: black;
    text-decoration: none;
    font-weight: bold;
}
div#page_body td.leftbar a:hover
{
    color: Red;
}

/* Page Body Main */
div#page_body td.main
{
    margin: 0 auto;
    width: 662px;
    position: relative;
    vertical-align:top;
    font-family:Arial, Helvetica, sans-serif;
}
div#page_body td.main img
{
    border: 0;
}
iframe#iframe_slide
{
    height: 310px;
    width: 665px;
    overflow:hidden;
    border:none;
}
/* Page Body - Ad Rotator */

#slideHeaderDiv
{
    /*border: 1px solid #000000;
    padding-left: 1px;*/
}
#slideMainDiv
{
    height: 284px;
    width: 661px;
    position: relative;
    border: 0px solid #CCCCCC;
    border-bottom: 0px;
    overflow: hidden;
}
.slideDiv
{
    position: absolute;
    left: 0;
    top: 0;
    border: 0px solid red;
}
#newdiv
{
    background-color: #999999;
    height: 14px;
    padding-bottom: 0px;
    margin-bottom: 0px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 2px;
}
#newdiv div
{
    float: left;
    width: 30px;
    height: 12px;
    padding-top: 2px;
    color: white;
    border-right: 1px solid #EFEFEF;
    border-left: 1px solid #EFEFEF;
    background-color: #999999;
}
#newdiv div a
{
    color: white;
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9px;
    padding-left: 10px;
    padding-right: 10px;
}
#newdiv img
{
    border: 0;
    height: 8px;
    width: 10px;
}
#newdiv div.current
{
    background-color: #666666;
}

/* Page Body Main - Parts Category List */
ul.parts_category
{
	margin: 0;
	padding: 0;
	width: 662px;
}
ul.parts_category li
{
	margin: 5px;
	display: block;
	float: left;
	height: 150px;
	width: 153px;
}
ul.parts_category li span.proListTop
{
    padding: 4px;
    text-align: center;
    position: relative;
	border: 1px solid #888;
}
ul.parts_category li a:hover span.proListTop
{
	border-color: red;
}
ul.parts_category li span
{
    display: block;
}
ul.parts_category li span.proListTop span
{
    height: 45px;
    overflow: hidden;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 14px;
}
ul.parts_category li span.proListTop img
{
    width: 100px;
    height: 100px;
}

/* Page Body Main - Product List */
ul.proList
{
	margin: 0;
	padding: 0;
	width: 662px;
}
ul.proList li
{
	margin: 5px;
	border: 1px solid #888;
	display: block;
	float: left;
	height: 220px;
	width: 153px;
}
ul.proList li span.proListTop, ul.proList li span.proListMiddle, ul.proList li div
{
    padding: 4px;
    text-align: center;
}
ul.proList li span
{
    display: block;
}
ul.proList li span.proListTop span
{
    height: 45px;
    overflow: hidden;
}
ul.proList li span.proListTop img
{
    width: 100px;
    height: 100px;
}
ul.proList li span.proListTop
{
    position: relative;
}
ul.proList li span.proListMiddle
{
    border-top: 1px dashed #888;
    font-size: 11px;
    height: auto;
    min-height: 52px;
    padding: 2px 3px;
}
span.OurPrice
{
    color: #E20000;
    font: bolder 13px Arial;
    margin: 3px;
}

/* Page Body Main - Product Description List */
div#page_body_product_list table tr
{
	width: 660px;
	margin: 5px;
	border: 1px solid gray;
}
div#page_body_product_list table img
{
	width: 200px;
	height: 200px;
}
div#page_body_product_list td.picture
{
	border-right: 1px dashed gray;
	border-left: 1px solid gray;
	border-bottom: 1px solid gray;
	width: 200px;
}
div#page_body_product_list td.description
{
	vertical-align: top;
	width: 460px;
	border-right: 1px solid gray;
	border-bottom: 1px solid gray;
}
div#page_body_product_list td.description span
{
	display: block;
	vertical-align: middle;
	font-family:Arial, Helvetica, sans-serif;
}
div#page_body_product_list td.description span.productTitle
{
	font-size: 20px;
	height: 60px;
}
div#page_body_product_list td.description span.productDescription
{
	font-size: 18px;
	border-bottom: 1px dotted #888;
	height: 110px;
}
div#page_body_product_list table.parts_list
{
	font-family:"Courier New", Courier, monospace;
	font-size: 14px;
}
div#page_body_product_list table.parts_list td
{
	border: 1px solid gray;
}
div#page_body_product_list table.parts_list td.title
{
	width: 150px;
	font-weight:bold;
}
div#page_body_product_list table.parts_list td.description
{
	width: 400px;
}
div#page_body_product_list table.parts_list td.price
{
	width: 110px;
	font-weight:bold;
}
div#page_body_product_list table.parts_list td.price a
{
	color:red;
}

/* Page Body Main - Google Map Store Location */
div#google_map_store_location
{
    border: 1px solid gray;
    width: 650px;
    height: 550px;
}

/* Page Body Main - Reseller Form */
div#reseller_form
{
    border: 1px solid gray;
    width: 600px;
    background-color:#EEEEEE;
    margin:0 auto;
}
div#reseller_form tr
{
	width: 410px;
}
div#reseller_form td.title
{
	text-align: left;
	width: 200px;
	margin-top: 3px;
	padding-left:40px;
}
div#reseller_form td
{
	text-align:left;
}
div#reseller_form td input
{
	width: 200px;
	margin-left: 25px;
}
div#reseller_form td input.invalid
{
    background-color: #FFAAAA;
}
div#reseller_form td input.button
{
	width: 100px;
}
div#reseller_form td textarea
{
	margin-left: 25px;
}
/* Page Body Right bar */
div#page_body td.rightbar
{
    width: 162px;
    text-align: left;
    float: right;
    overflow: hidden;
    vertical-align: top;
}
/* Page Body Right bar - topseller */
iframe#iframe_top_seller
{
	width: 200px;
	height: 300px;
	margin-left: 5px;
	border: 0;
}
div#topSellers
{
    font-family: Arial,Helvetica,sans-serif;
    width: 160px;
    font-size: 11px;
    margin-bottom: 5px;
}

div#topSellers table
{
    border-bottom: 1px solid #888;
    overflow: auto;
    width: 156px;
}
div#topSellers td
{
    border-left: 1px solid #888;
    border-right: 1px solid #888;
}
div#topSellers th
{
    border-bottom: 1px solid #888;
    border-left: none;
    border-right: none;
    text-align: center;
}
div#topSellers tr.odd
{
    background-color: rgb(240, 240, 240);
}
div#topSellers tr.even
{
    background-color: rgb(255, 255, 255);
}
div#topSellers td img
{
    float: left;
    margin: 5px;
    height: 32px;
    width: 35px;
}

/* Page Footer */
div#page_footer
{
    width: 100%;
    margin: 4px auto;
    color: #787878;
    height: 50px;
}
div#page_footer span
{
    display: block;
}
div#page_footer a
{
    color: #787878;
}
div#page_footer a:hover
{
    color: red;
}
