/*
** Kingston Computer Planet dot com
** Primary Cascading Style Sheet - style.css
*/


/* General Defs */

body {
   background-color: #fff;
   background: #fff url(images/headtheme.png) no-repeat scroll center 40px;
/*   background: #fff url(images/title.png) no-repeat scroll center 70px; */
   color: #333;
   font: 12px Verdana, Arial, Helvetica, sans-serif;
   padding: 0;
}

table#newproducts {
    table-layout: fixed;
}

.clear{
	clear: both;
}

/*fixes height of row so that elements line up in the table of new products - Andrea */
tr.prodName
{
    height: 80px;
}

table#custreviews
{
    clear: left;
}

a {
   text-decoration: none;
}
 a:visited {
    text-decoration: none;
 }
 a:hover {
    text-decoration: none;
 }

img {
   border: none;
}


/* Define Styles For Page Wrap */

#container {
   color: #000;
   margin: auto;
   margin-top: 30px;
   padding: 0px;
   width: 984px;
}


/* Define Styles For Navigation Tabs */

#navtabs {
   background-color: #fff;
   clear: left;
   float: left;
   margin: 0px;
   margin-right: 0px;
   margin-top: 260px;
   padding: 0px;
   width: 29px;
}
/* IE Nav Bar Hack */
   * html #navtabs {margin-top: 273px;}

 #navtabs ul {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
 }
 #navtabs ul li {
    width: 29px;
    margin: 0px;
    padding: 0px;
    margin-bottom: -45px;
 }


/* Define Styles For Sidebars */

#lsidebar {
/*   background-color : #f00; */
   float: left;
   margin: 0px;
   margin-top: -15px;
   width: 178px;
   /* height:100%; */
/*   height: 459px; */
}

#rsidebar {
/*   background-color: #0f0;*/
   float: left;
   margin: 0px;
/*   margin-top: 102px; */
   margin-top: -15px;
   width: 178px;
   padding: 0px;
}

/* Andrea - Hide from IE5-mac. Only IE-win sees this. Compensates for odd shift in IE6.\*/
 
* html #rsidebar {
  margin-left: -6px;
  }
 
/* End hide from IE5/mac */


/* Define Style For Clear Box */
/* This is used for the logo block on eac
h side */

.clearbox {
   padding: 20px;
   height: 84px;
}


/* Define Style For Box Style A */
/* This is used mainly for the first box on each side */

.boxa_head {
   background: url(images/hnav-bg.gif) repeat-x;
   border-left: 1px solid #98BAE0;
   border-right: 1px solid #98BAE0;
   border-left: 1px solid #000;
   border-right: 1px solid #000;
   color: #fff;
   font-size: 10px; 
   font-weight: bold;
   height: 22px;
   text-align: center; 
}
 .boxa_head p {
    margin: 0;
    padding: 0;
    padding-top: 4px;
    text-indent: 0;
 }
 .boxa_cont {
    background-color: #eef3f9;
    border: 0px solid #000;
    border-top: none;
    border-bottom: 6px solid #98BAE0;
    border-left: 1px solid #98BAE0;
    border-right: 1px solid #98BAE0;
    color: #c5cdd8;
    height: 80px;
    padding: 10px;
    text-align: center;
    text-transform: uppercase;
 }
 .loginbox_cont { /* Used for first box on right side */
    padding: 10px;
		border-top: none;
		border-right: 1px solid #B0C8E4;
		border-left: 1px solid #B0C8E4;
		border-bottom: 6px solid #B0C8E4;
		background-color: #F2F5FA;
		font-size: 11px;
 }
 .loginbox_user {
    font-size: 10pt;
    font-weight: bold;
 }
 .loginbox_username {
		font-size: 11px;
		font-weight: bold;
	}
	.loginbox_userimage {
		padding: 2px 2px 2px 5px;
	}
	.loginbox_userinfo {
		position: absolute;
		top: 28;
		left: 34;
		padding-left: 4px;
	}
	.loginbox_left {
		float: left;
		padding: 2px 0;
	}
	.loginbox_right {
		float: right;
		text-align: right;
		padding: 2px 0;
	}	
	.loginbox_buttons {
		float: right;
		text-align: right;
		padding: 2px 14px 2px 20px;
	}	
	.loginbox_spacer {
		clear: both;
	}

/* Define Style For Box Style B */
/* This is used mainly for the second box on each side */

.boxb_head {
   background: url(images/gradbar.png) repeat-x;
   border-left: 1px solid #98BAE0;
   border-right: 1px solid #98BAE0;
   color: #fff;
   font-size: 12px; 
   font-weight: bold;
   height: 25px;
   text-align: center; 
}
 .boxb_head p {
    margin: 0;
    padding: 0;
    padding-top: 4px;
    text-indent: 0;
 }
 .boxb_cont {
    border: 0px solid #000;
    border-top: none;
    border-bottom: 6px solid #98BAE0;
    border-left: 1px solid #98BAE0;
    border-right: 1px solid #98BAE0;
    color: #333;
    padding: 10px;
    text-align: center;
 }

/* Define Style For Box Style C */
/* This is used mainly for all boxes except the first and second */

.boxc_head {
   background: url(images/gradbar2.png) repeat-x;
   border-left: 1px solid #98BAE0;
   border-right: 1px solid #98BAE0;
   color: white;
   font-size: 12px; 
   font-weight: bold;
   height: 25px;
   text-align: center; 
}
 .boxc_head p {
    margin: 0;
    padding: 0;
    padding-top: 4px;
    text-indent: 0;
 }
 .boxc_cont {
    background-color: #eef3f9;
    border: 0px solid #000;
    border-top: none;
    border-bottom: 6px solid #98BAE0;
   border-left: 1px solid #98BAE0;
   border-right: 1px solid #98BAE0;
    color: #333;
/*    padding: 10px;*/
    text-align: center;
 }
 
 /* Box D */
 .boxd_head {
   background: url(images/gradbar2.png) repeat-x;
   border-left: 1px solid #98BAE0;
   border-right: 1px solid #98BAE0;
   color: #333;
   font-size: 12px; 
   font-weight: bold;
   height: 25px;
   text-align: center; 
}
 .boxd_head  {
    margin: 0;
    padding: 0;
    padding-top: 4px;
    text-indent: 0;
 }
 .boxd_cont {
    background-color: #eef3f9;
    border: 0px solid #000;
    border-top: none;
    border-bottom: 6px solid #98BAE0;
   border-left: 1px solid #98BAE0;
   border-right: 1px solid #98BAE0;
    color: #333;
    padding: 0px;
    text-align: center;
    height: 100%;
 }
 


/* Define Style For Horizontal Navigtion */
.hnav { 
   background: url(images/hnav-bg.gif) repeat-x;  
   border-left: 1px solid #000; 
   border-right: 1px solid #000; 
   color: #fff;
   font-size: 10px;
   font-weight: bold;
   height: 22px;
   margin-top: 87px;
   text-align: center;
   text-indent: 60px;
   padding-left: 40px;
}
 .hnav p {
    margin: 0;
    padding: 0;
    padding-top: 4px;
    text-indent: 0;
 }
 .hnav a {
    color: #c9d8f3;
    margin-right: 80px;
    text-decoration: none;
 }
 .hnav a:hover {
    color: #fff;
 }


/* Define Style For Main Content Bar */

#content {
   float: left;
   font-size: 11px;
   margin-top: 81px;
   margin: 0;
   width: 578px;
}


/* Define Style For Content Mainspace */

#mainspace {
   /*padding: 4px;*/
   padding-top: 0px;
   /*padding:0px;*/\
}


/* Define Style For RSS News Feed Box */

#feedbox {
   background: /*#f60*/ url(images/rsssummer.png) no-repeat /*top right*/;
   /*  background: #f60 url(images/rssimage.png) no-repeat top right; */
   border-bottom: 1px solid #999;
   height: 87px;
   padding: 0px;
   padding-top: 12px;
   width: 578px;
   /* text-align: right; */
}

#nowdate {
   color: #fff;
   float: right;
   padding-right: 12px;
   width: 572px;
   text-align: right;
}

#nowtime {
   color: #fff;
   float: right;
   padding-right: 12px;
   padding-bottom: 10px;
   width: 572px;
   text-align: right;
}

#feedlinks {
   color: #fff;
   float: left;
   padding-left: 0px;
   width: 572px;
   text-align: left;
}

#feedlinks a {
   color: #fff;
   font-weight: bold;
}

#syndicatenews a {
   float: right;
   padding-top: -18px;
   padding-right: 12px;
   color: #fff;
   font-weight: normal;
   font-style: italic;
}

/* Search and Login Field Definitions */


.search {
   background: #fff url(images/search.gif) no-repeat right;
   /* background: #eef3f9 url(images/InputFeilds.png) no-repeat right; */
   border: 1px solid #666;
   font-size: 11px;
   padding: 3px;
   /* margin: 0px; */
   /* width: 123px; */
}

.select {
	border: 1px solid #666;
	font-size: 11px;
	padding: 3px;
}

.name {
   /* background: #eef3f9 url(images/InputFeilds.png) no-repeat right; */
   background: #fff url(images/name.gif) no-repeat right;
   border: 1px solid #666;
   font-size: 11px;
   padding: 3px;
}

.password {
   /* background: #eef3f9 url(images/InputFeilds.png) no-repeat right; */
   background: #fff url(images/password.gif) no-repeat right;
   border: 1px solid #666;
   font-size: 11px;
   margin-top: 5px;
   padding: 3px;
}


/* Definitions For Vertical Nvigation */
#vnav {
   background: #E2EDF8;
   border-bottom: 6px solid #98BAE0;
   border-left: 0px solid #000;
   margin-bottom: 0px;
   padding: 1px;
   min-height: 415px;
}
/* IE Nav Bar Hack */
   * html #vnav {height: 415px;}

 #vnav a {
    color: #3a506e;
 }
 #vnav a:hover {
    color: #fcb386;
 }
 #vnav_head {
    background: #98BAE0 url(images/gradbar.png) repeat-x;
    border-left: 1px solid #98BAE0;
    border-right: 1px solid #98BAE0;
    color: #fff;
    font-size: 12px; 
    font-weight: bold;
    height: 25px;
    text-align: center; 
 }
 #vnav_head p {
    margin: 0;
    padding: 0;
    padding-top: 4px;
    text-indent: 0;
 }


 .barfiller {
    background-color: #eef3f9;
    border-top: none;
    border-bottom: 6px solid #98BAE0;
    border-left: 1px solid #98BAE0;
    border-right: 1px solid #98BAE0;
    color: #333;
    padding: 10px;
    text-align: center;
    height: 100%;
    width: 156px;
    float: left;
 }

.subtitle {
	font-family: Verdana, Tahoma, Sans-serif;
	color: #7386b6;
	font-size: 22px;
	font-weight: bold;
	padding: 10px 0 30px 0;
}

#footer {
   color: #000;
   margin: auto;
   margin-top: 30px;
   padding: 0px;
   width: 984px;
   clear: both;
}

.cat_header{
	font-size: 12px;
	font-weight: bold;
}

.save{
	color: red;
	font-size: 12px;
	font-weight: bold;
}

/*A.Lee added testimonials styles on May 31, 2007*/
div#testimonial_header
{
    height: 100px;
    background-color: gray;
}

div#testimonials_container
{
    padding-top: 20px;
    padding-right: 20px;
    padding-left: 20px;
}

div.display_name
{
	color: gray;
    margin-top: 5px;
    font-weight: bold;
}

div.testimonial_date
{
	color: gray;
}

div.testimonial_comments
{
    margin-top: 20px;
}

a.page_link
{
    font-weight: bold;
    color: #6CA0EA;
}

table#page_links_table td
{
    width: 15px;
}

span.title
{
    font-size: 18px;
    color: #6CA0EA;
}

table#test
{
    width: 100%;
    margin-top: 10px;
}

table#repeat_links
{
    width: 100%;
}

div.testimonial_form
{
    margin-right: 20px;
    margin-left: 20px;
}

table#testimonial_form
{
}

td.testimonial_form_header
{
}

td.testimonial_form_input
{
	width: 70%;
}
/*end of testimonials styles*/

/*frontpage featured products styles*/
div.frontpage_product
{
	height: 60px;
	margin-top: 10px;
}

div#service_center_hours
{
    margin-left: 30px;
}

div#service_center_hours p
{
    font-weight: bold;
    font-size: 18px;
}

/*Onsite Section*/
td.onsite_access_menu
{
	width: 139px;
	height: 200px;
	text-align: center;
}

div.onsite_content {
	color: #808080;
	font-size: 10px;
	margin-left: 20px;
	margin-right: 20px;
}

div.onsite_content p.header {
	font-family: "Kozuka Gothic Pro",Geneva,Arial,Verdana,sans-serif;
	color: black;
	font-size: 14px;
   }

div.onsite_content p.content {
	font-family: "Lucida Grande",Geneva,Arial,Verdana,sans-serif;
   }

div.onsite_content p.intro {
	font-family: "Lucida Grande",Geneva,Arial,Verdana,sans-serif;
	font-size: 15px;
   }

div.onsite_content hr
{
	height: 1px;
}

div.onsite_content_img {
	position: absolute;
	margin: 10px 10px 10px 10px;
	width: 235px;
	}

div.onsite_content_txt {
	margin: 10px 10px 10px 250px;
	width: 250px;
	}

div.onsite_footer_txt {
	margin: 10px 10px 10px 10px;
	position: relative;
	width: 485px;
	float: bottom;
	}


div.onsite_request_content
{
	color: #808080;
	font-size: 10px;
	margin-left: 40px;
	margin-right: 40px;
}

div.onsite_request_content p.content {
	font-family: "Lucida Grande",Geneva,Arial,Verdana,sans-serif;
   }

div.onsite_request_content p.header {
	font-family: "Kozuka Gothic Pro",Geneva,Arial,Verdana,sans-serif;
	color: black;
	font-size: 14px;
   }

div.onsite_menu
{
	margin-left: 11px;
	margin-right: 11px;
}

div.onsite_divline
{
	margin-left: 30px;
	margin-right: 30px;
}

div.onsite_divline hr
{
	height: 1px;
}

td.onsite_textblock
{
	
}

span.price
{
	color: #FF0000;
	font-weight: bold;
	font-size: 12px;
}

/*LCD Screen Repair Search Section*/
div.screens_search {
	padding: 20px 10px 0 10px;
	text-align: center;
}
.screens_search ul li {
 
	list-style-type: none;
 
}
input.screensearch {
	width: 300px;
}

div.autocomplete {
  position:absolute;
  width:250px;
  background-color:white;
  border:1px solid #888;
  margin:0;
  padding:0;
}
div.autocomplete ul {
  list-style-type:none;
  margin:0;
  padding:0;
}

div.autocomplete ul li.selected { background-color: #E2EDF8;}

div.autocomplete ul li {
  list-style-type:none;
  display:block;
  margin:0;
  padding:2px;
  height:32px;
  cursor:pointer;
}

div.screens_result {
	border-bottom: 1px solid #c0c0c0;
	margin-bottom: 20px;
	text-align: left;
	padding: 0 0 12px 200px;
	background: url("/screens/images/repscr.jpg") 40px 20px no-repeat;
}
div.screens_result table {
	width: 100%;
}
td.screenproperty {
	font-weight: bold;
}