﻿/* CSS layout */

body {
	background-image: url(../images/bodbg.jpg);
	background-repeat: repeat-x;
}

#wrapper {
	width: 940px;
	margin-right: auto;
	margin-left: auto;
	padding: 0px;
	border: 1px solid #CCC;
}
#masthead {
	height: 66px;
	width: 940px;
	background-image: url(../images/dy2.jpg);
}

#top_nav {
	height: 22px;
	width: 940px;
	margin-top: 0px;
	padding-top: 2px;
	background-color: #FFF;
}

#container {
	position: relative;
	min-height:1000px;
	height:auto !important;
	height:1000px;
	width: 940px;
	background-color: #FFF;
}

#left_col {
	width: 488px;
	position: absolute;
	left: 0px;
	top: 0px;
	height: 100%;
	margin-top: 0px;
	margin-left: 0px;
	background-color: #FFF;
}

#page_content {
	margin-left: 492px;
	height: 100%;
	margin-right: 147px;
}
#rightcol {
	height: 100%;
	width: 145px;
	position: absolute;
	margin-top: 0px;
	margin-right: 0px;
	top: 0px;
	right: 0px;
}


#footer {
	width: 940px;
	margin-top: 5px;
	text-align: center;
	background-color: #069;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF;
	padding-top: 2px;
	padding-bottom: 2px;
}
.rhcont {
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 10px;
}

.cont1 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #333;
	margin: 10px;
	padding: 5px;
	text-align: justify;
	line-height: 16px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #999;
}
.h2title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #039;
	font-style: normal;
	margin: 0px;
}
.leftmenu {
	font-family: Arial, Helvetica, sans-serif;
	text-align: right;
	padding-right: 5px;
	font-size: 13px;
	padding-top: 3px;
	padding-bottom: 3px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #666;
	color: #039;
}
.leftmenu a:link{
	font-family: Arial, Helvetica, sans-serif;
	text-align: right;
	font-size: 13px;
	color: #039;
	text-decoration: none;
}
.leftmenu a:visited{
	font-family: Arial, Helvetica, sans-serif;
	text-align: right;
	font-size: 13px;
	color: #039;
	text-decoration: none;
}
.leftmenu a:hover{
	font-family: Arial, Helvetica, sans-serif;
	text-align: right;
	font-size: 13px;
	color: #930;
	text-decoration: underline;
}
.h1title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFF;
	font-style: normal;
	margin: 0px;
	text-indent: 6px;
	padding-top: 2px;
	font-weight: bold;
}
.foot {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF;
	text-decoration: none;
}
.foot a:link{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF;
	text-decoration: none;
}
.foot a:visited{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF;
	text-decoration: none;
}
.foot a:hover{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF;
	text-decoration: none;
}

.masterad468 {
	height: 60px;
	width: 468px;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 5px;
	float: right;
}
.pagesubhead {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #C39;
	font-weight: bold;
}
#container-dp {
	position: relative;
	width: 940px;
	height: 2100px;
	background-color: #FFF;
}
.picbordblue {
	border: 4px solid #B3C7FB;
}
#page_content_apple {
	margin-left: 165px;
	height: 100%;
	margin-right: 0px;
}
#container_apple {
	position: relative;
	width: 899px;
	height: 1500px;
	background-color: #FFF;
	border-right-width: 1px;
	border-right-style: dashed;
	border-right-color: #999;
}
.picbordfltrht {
	padding: 5px;
	margin-bottom: 5px;
	border: 1px solid #CCC;
	float: right;
	margin-left: 10px;
}
#container_dell {
	position: relative;
	width: 940px;
	height: 2350px;
	background-color: #FFF;
	border-right-width: 1px;
	border-right-style: dashed;
	border-right-color: #999;
}
.searchbox {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: 1px solid #039;
}
.picbordfltlft {
	padding: 5px;
	margin-bottom: 3px;
	border: 1px solid #CCC;
	float: left;
	margin-right: 10px;
}
.picfltrht {
	margin-bottom: 5px;
	float: right;
	margin-left: 10px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#container-tv {
	position: relative;
	width: 900px;
	height: 1600px;
	background-color: #FFF;
}
.picfltlft {
	margin-bottom: 5px;
	float: left;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-right: 10px;
}
#container-gam {
	position: relative;
	width: 900px;
	height:640px;
min-height:640px;
	background-color: #FFF;
}

html>body #container-gam{
	position: relative;
	width: 900px;
	height:auto;
	background-color: #FFF;
}

.storysep {
	background-image: url(../images/greyline-inset.gif);
	background-repeat: no-repeat;
	background-position: center;
	height: 20px;
	padding-right: 10px;
	padding-left: 10px;
}
#container-g {
	position: relative;
	width: 900px;
	height: 2000px;
	background-color: #FFF;
}
.linktitle {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #C39;
	font-weight: bold;
}
.linksep {
	background-image: url(../images/greyline-inset.gif);
	background-repeat: no-repeat;
	background-position: center;
	height: 12px;
	padding-right: 10px;
	padding-left: 10px;
}
.linkbox {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #369;
	padding: 5px;
	text-align: justify;
	margin-top: 5px;
	margin-right: 8px;
	margin-bottom: 5px;
	margin-left: 8px;
	background-color: #E1E7FD;
	border: 3px solid #B9BAF7;
}
.left125ad {
	text-align: center;
	margin-top: 12px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
}
.topimage1 {
	height: 195px;
	width: 580px;
	margin-left: 10px;
	text-align: center;
}
.offertext {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #009;
	text-decoration: none;
}
.pagerbar1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	margin: 8px;
	padding: 5px;
	text-align: justify;
	line-height: 16px;
	background-color: #069;
	text-decoration: none;
}
.pagerbar1 a:link{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	text-decoration: none;
}
.pagerbar1 a:visited{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	text-decoration: none;
}
.pagerbar1 a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FF0;
	text-decoration: underline;
}
#tmenu1 ul
{
list-style: none;
padding: 0;
margin: 0;
}

#tmenu1 li
{
	float: left;
	margin-top: 0;
	margin-right: 1px;
	margin-bottom: 0;
	margin-left: 0px;
}

#tmenu1 li a
{
	float: left;
	display: block;
	color: #006;
	text-decoration: none;
	text-align: center;
	background-color: #FFF;
	padding-right: 10px;
	padding-left: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-top: 3px;
	padding-bottom: 3px;
	font-weight: bold;
}

#tmenu1 li a:hover
{
	float: left;
	display: block;
	color: #FFF;
	text-decoration: none;
	text-align: center;
	background-color: #93F;
	padding-right: 10px;
	padding-left: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-top: 3px;
	padding-bottom: 3px;
	font-weight: bold;
}
#tmenu1 li a:active
{
	float: left;
	display: block;
	color: #FFF;
	text-decoration: none;
	text-align: center;
	background-color: #06C;
	padding-right: 10px;
	padding-left: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-top: 3px;
	padding-bottom: 3px;
	font-weight: bold;
}
#top_nav2 {
	height: 22px;
	width: 940px;
	background-color: #06C;
}
#tmenu2 ul
{
	list-style: none;
	padding: 0;
	margin: 0;
}

#tmenu2 li
{
	float: left;
	margin-top: 0;
	margin-right: 1px;
	margin-bottom: 0;
	margin-left: 0px;
}

#tmenu2 li a
{
	float: left;
	display: block;
	color: #FFF;
	text-decoration: none;
	text-align: center;
	padding-right: 10px;
	padding-left: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-top: 3px;
	padding-bottom: 3px;
	font-weight: bold;
}
#tmenu2 li a:hover
{
	float: left;
	display: block;
	color: #FF0;
	text-decoration: underline;
	text-align: center;
	padding-right: 10px;
	padding-left: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-top: 3px;
	padding-bottom: 3px;
	font-weight: bold;
}
.cont1-nobord {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #333;
	margin: 10px;
	line-height: 16px;
}
#page_content2 {
	margin-left: 0px;
	height: 100%;
	margin-right: 300px;
}
.cont1-ybg {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #333;
	margin: 10px;
	padding: 5px;
	text-align: justify;
	line-height: 16px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #999;
	background-color: #E6F2FF;
}
#left_col-dp {
	width: 610px;
	position: absolute;
	left: 0px;
	top: 0px;
	height: 100%;
	margin-top: 0px;
	margin-left: 0px;
	background-color: #FFF;
}
#page_content-dp {
	margin-left: 605px;
	height: 100%;
	margin-right: 0px;
}
#left_col-products {
	width: 145px;
	position: absolute;
	left: 0px;
	top: 0px;
	height: 100%;
	margin-top: 0px;
	margin-left: 0px;
	background-color: #FFF;
}
#page_content-products {
	margin-left: 145px;
	height: 100%;
	margin-right: 147px;
}
.brandandmake {
	text-align: right;
	margin-top: 2px;
	margin-right: 8px;
	margin-bottom: 2px;
	margin-left: 4px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #009;
}
.brandandmake a:link{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #009;
	text-decoration: none;
}
.brandandmake a:visited{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #009;
	text-decoration: none;
}
.brandandmake a:hover{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #F00;
	text-decoration: underline;
}
.brandandmake-title {
	text-align: left;
	margin-top: 5px;
	margin-right: 4px;
	margin-bottom: 2px;
	margin-left: 4px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FF0;
	background-color: #039;
	text-indent: 3px;
}
.mniilink {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #F00;
}
.tabledata1 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #009;
	background-color: #CFF;
}
.tabledata2 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #FF0;
	background-color: #00C;
}
#containercamcord {
	position: relative;
	min-height:1300px;
	height:auto !important;
	height:1000px;
	width: 940px;
	background-color: #FFF;
}
