@charset "UTF-8";
/* 2009/11/11 CSS Goki */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, th, td, blockquote {
margin:0;
padding:0;
}

html, body {
font-family: Helvetica, Arial, sans-serif;
background: #797B7D url(../images/090518webdesign_index_3_02.png) repeat-x;
}

img { border:0px; }

td,th {
	font-size: 10px;
	color: #e1e1e1;
}

a:link {
	color: #e1e1e1;
	text-decoration: none;
	outline: none;
}
a:visited {
	color: #e1e1e1;
	text-decoration: none;
	outline: none;
}
a:hover {
	color: #FF0000;
	text-decoration: none;
}
a:active {
	color: #e1e1e1;
	text-decoration: none;
	outline: none;
}
h1,h2,h3,h4,h5,h6 {
	font-weight: bold;
}
h1 {
	font-size: 11px;
	color: #FFFFFF;
}
.box {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: outset;
	border-bottom-style: outset;
	border-left-style: outset;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
}
.style2 {
	font-size: 12px;
	color: #FFFFFF;
	font-weight: normal;
	text-shadow:2px 4px 7px black;
}
.style4 {
	font-size: 16px;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	color: #FFFFFF;
	font-weight: bold;
}
.style3 {
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #FFFFFF;
}
.style1 {
	font-size: 14px;
	font-weight: bold;
	color: #CC0000;
	font-style: italic;
}
.box2 {
	border-top-width: none;
	border-right-width: 2px;
	border-bottom-width: none;
	border-left-width: 2px;
	border-top-style: none;
	border-right-style: outset;
	border-bottom-style: none;
	border-left-style: inset;
	border-color: #999999;
}

.roundCornerI{
  border: 0px solid #dedede;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomright: 0px;
  -moz-border-radius-bottomleft: 0px;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-left-radius: 0px;
  -webkit-border-bottom-right-radius: 0px;
}
.roundCornerI2{
  border: 0px solid #dedede;
  -moz-border-radius-topleft: 0px;
  -moz-border-radius-topright: 0px;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-bottomleft: 5px;
  -webkit-border-top-left-radius: 0px;
  -webkit-border-top-right-radius: 0px;
  -webkit-border-bottom-left-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
}
.roundCornerI1{
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: outset;
	border-bottom-style: outset;
	border-left-style: outset;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-bottomleft: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
}

/* ste added css */

#indexBodyLeft {
position:relative;
width:auto;
background:url(../images/indexBodyLeft.jpg);
}

#indexBodyLeft img,
#indexBodyRight img {
position:absolute;
top:130px;
}

#indexBodyRight {
position:relative;
width:auto;
background:url(../images/indexBodyRight.jpg);
}

#indexContainer {
position:relative;
margin:0 auto;
text-align:center;
width: 100%;
background:#000000;
border: 0px #00CCFF solid;
}

#indexSlideshowContainer {
position:relative;
margin:0 auto;
border: 0px #00CCFF solid;
}

#fadeshow1 {
position:relative;
width: 100%;
height: 300px;
border: 0px #00CCFF solid;
}

#fadeshow2 {
position:relative;
margin:0 auto;
border: 0px #00CCFF solid;
}

#fadeshow2toggler {
width: auto; 
margin-top:10px;
border: 0px #00CCFF solid;
}

.status {
vertical-align: super;
border:0px #006633 solid;
margin:0 auto;
}

#newReleaseHorContainer {
position:relative;
margin:20px 0 0 20px;
text-align:left;
border: 0px #00CCFF solid;
}

#newReleaseHorContainer h1 {
position:relative;
margin:0;
font-size:24px;
font-family:"Times New Roman", Times, serif;
color:#F90;
border: 0px #00CCFF solid;
}

#newReleaseHorContainer h1 span {
 color:#FFF;
 font-weight:bold;
 font-size:30px;
}

#newReleaseHorContainer h1 span span {
 font-size:12px;
}

#newReleaseHorContainer ul {
 margin:0 0 0 -5px;
 text-align:center;
}

#newReleaseHorContainer img {
 float:left;
border: 0px #00CCFF solid;
}

#newReleaseHorContainer table {
 float:left;
 width:435px;
 margin:20px 5px 20px 5px;
 border-collapse: collapse;
border: 0px #00CCFF solid;
}

#newReleaseHorContainer li {
list-style:square inside;
border: 0px #00CCFF solid;
}

#headerNavigationContainer {
position:relative;
font-size: 13px;
font-weight:bold;
text-align:center;
height:46px;
margin:0 auto;
color:#ffffff;
background:#000000;
}

#headerNavigationContainer ul {
padding:15px 0 0 0;
line-height: 20px;;
white-space: nowrap;
}

#headerNavigationContainer ul li {
list-style-type: none;
display:inline;
}

#headerNavigationContainer a {
margin: 0px 10px; 
padding:0 8px 6px 8px;
}

#headerNavigationContainer a.home {border-bottom: 4px solid #ffffff;}
#headerNavigationContainer a.home:visited {}
#headerNavigationContainer a.home:hover {color: #ffffff; border-bottom: 5px dotted #ffffff;}
#headerNavigationContainer a.home:active {}

#headerNavigationContainer a.aboutUs {border-bottom: 4px solid #ff3333;}
#headerNavigationContainer a.aboutUs:visited {}
#headerNavigationContainer a.aboutUs:hover {color: #ff3333; border-bottom: 5px dotted #ff3333;}
#headerNavigationContainer a.aboutUs:active {}

#headerNavigationContainer a.products {border-bottom: 4px solid #ff9933;}
#headerNavigationContainer a.products:visited {}
#headerNavigationContainer a.products:hover {color: #ff9933; border-bottom: 5px dotted #ff9933;}
#headerNavigationContainer a.products:active {}

#headerNavigationContainer a.contactUs {border-bottom: 4px solid #0CF;}
#headerNavigationContainer a.contactUs:visited {}
#headerNavigationContainer a.contactUs:hover {color: #0CF; border-bottom: 5px dotted #0CF;}
#headerNavigationContainer a.contactUs:active {}

.headerNavigationSearch {
position:absolute;
top:20px;
right:50px;
}

#navigationVerMenuContainer a:link {color:#ffffff;text-decoration:none;border:none;outline:none;}
#navigationVerMenuContainer a:visited {color:#ffffff;text-decoration:none;border:none;outline:none;}
#navigationVerMenuContainer a:hover {
color:#ffffff;
text-decoration: underline;
border:none;
outline:none;
font-weight:bold;
text-shadow:#000000 2px 2px 7px;
}
#navigationVerMenuContainer a:active {color:#ffffff;text-decoration:none;border:none;outline:none;}

#navigationVerMenuContainer {
position:relative;
width:auto;
font-size:12px;
border:0px solid #00FF00;
}

#navigationVerMenuContainer h3 {
height:18px;
text-indent:-9999px;
position:absolute;
top:0px;
left:0px;
z-index:1;
}

#navigationVerMenuContainer ul {
list-style:none;
border:0px solid #00FF00;
}

#navigationVerMenuContainer li {
position:relative;
float: left; /*important*/
margin:2px 0;
padding:5px 0 5px 15px;
width:170px;
background:#333333 url(../images/leftMenuBg.jpg) repeat-y;
border:1px solid #222222;
}

#navigationVerMenu1 ul {
position: absolute;
margin:-3px 0 0 0px;
display:none; /*Difference*/
top:0px;
background: #333333;
z-index:500;
}

#navigationVerMenu1 li:hover {
font-weight:bold;
text-shadow:#000000 2px 2px 10px;
border:1px solid #222222;
background:url(../images/navVerBgHover.jpg) no-repeat #FF9933;
}

#navigationVerMenu1 li:hover #navigationVerMenu2, 
#navigationVerMenu1 li.sfvhover #navigationVerMenu2, 
#navigationVerMenu2 li:hover #navigationVerMenu3, 
#navigationVerMenu2 li.sfvhover #navigationVerMenu3 {
left:185px;
display:block; /*Difference*/
}

#navigationVerMenu1 li:hover ul li, 
#navigationVerMenu1 li.sfvhover ul li, 
#navigationVerMenu2 li:hover ul li, 
#navigationVerMenu2 li.sfvhover ul li {
}

#productTable {
padding:0 0 100px 0;
border:0px #0066CC solid;
background:url(../images/goki-homepagebg.jpg) repeat-y;
}

table#productsContainer,
table#productsLogosproductsHeader,
table#listingContainer,
#contactUsContainer,
#aboutUsContainer {
width:550px;
margin:10px 0 0 10px;
border:0px solid #ffffff; 
}

#contactUsBody,
#aboutUsBody {
margin:10px 0;
font-size:12px;
line-height:1.5em;
}
 
table#productsContainer th,
table#productsContainer td,
table#listingContainer th,
table#listingContainer td {
width:100px;
text-align:center;
border:0px #999999 solid;
padding:10px;
}

table#productsContainer th img,
table#productsContainer td img,
table#listingContainer th img,
table#listingContainer td img {
display: block;
margin:0 auto;
border:0px green solid;
}

.productsLogosCell {
height:100px;
background:#f9f9f9;
border:5px #000 solid;
}

#productsLogos img {
display: block;
width:120px;
margin:0px auto;
border:0px #000 solid;
}

.productsHeader,
.productsLogosHeader,
#listingHeader,
#contactUsHeader,
#aboutUsHeader {
position:relative;
color:#FFFFFF;
margin:0px 15px 0 10px;
width:auto;
border-bottom:1px #ffffff solid;
}

#contactUsHeader,
#aboutUsHeader {
margin:0;
}

#listingHeaderImage,
#productsHeaderImage {
float:left;
width:100px;
height:100px;
background: url(../images/products/products/screen_protector_3-copy_b.jpg) no-repeat;
border:0;
}

#listingHeader h1,
#contactUsHeader h1,
#aboutUsHeader h1,
.productsHeader h1,
.productsLogosHeader h1 {
font-size:21px;
font-weight:bold;
text-align:left;
}

#contactUsBody h2,
#aboutUsBody h2 {
font-size:24px;
font-weight:bold;
text-align:left;
margin:30px 0;
}

#contactUsBody h3,
#aboutUsBody h3 {
margin:10px 0;
}

#contactUsBody dl {
background:#333;
margin:0 0 20px 0;
display:block;
height:325px;
border:1px white solid;
}

#contactUsBody dt {
float:left;
margin:5px;
border:0px white solid;
}

#contactUsBody ul {
margin:10px 5px 0 0;
width:170px;
float:right;
border:0px green solid;
}

#aboutUsBody ul {
margin:0 0 20px 0;
padding:0 0 20px 0;
border-bottom:1px #333 dotted;
}

#contactUsBody li,
#aboutUsBody li {
list-style-position:inside;
list-style:none;
}

#aboutUsBody dl {
margin:10px 0 20px 0;
padding:0 0 20px 0;
display:block;
border-bottom:1px #333 dotted;
}

#aboutUsBody dl li {
 margin:0 0 15px 0;
}

#aboutUsBody dd {
margin:0 0 0 20px;
}

#aboutUsBody h4 {
text-align:center;
margin:0 auto;
font-style:italic;
width:60%;
}

#aboutUsBody h5 {
margin:0 auto;
font-size:12px;
}

#aboutUsBody h6 {
text-align:center;
margin:0 auto;
font-style:italic;
color:#FC0;
font-size:12px;
width:90%;
}

#aboutUsBody p {
margin:20px 0;
}

#aboutUsBody ul dl {
 margin:0 0 5px 0;
 border:0;
}

#aboutUsBody ul dt {
 float:left;
}

#aboutUsBody ul dd {
 margin:0 0 0 110px;
}

#aboutUsBody span {
 display:block;
text-align:right;
font-size:10px;
}

#aboutUsBody a {color:#09F;}
#aboutUsBody a:visited {}
#aboutUsBody a:hover {text-decoration:underline;}
#aboutUsBody a:active {}

#listingProductCategory h1 {
float:left;
margin:30px 10px 10px 0;
border:0px #66FF33 solid;
}

.listingSortingController {
margin:20px 0 0 0;
}

.listingSortingController ul {
line-height: 20px;
white-space: nowrap;
list-style:none;
display:inline;
margin:0 10px 0 5px;
padding:0;
}

#productsContainer img {
 max-width:100px;
 max-height:100px;
}

.productsWrap {
position:relative;
text-align:center;
margin:2px auto;
font-size: 12px;
width:100px;
border:0px green solid;
}

.listingBody {
position:relative;
width:100%;
border:0px green solid;
}

#listingBody ul {
list-style:none;
margin:10px 0 0 0;
border:0px solid #00FF00;
}

#listingBody ul li {
position:relative;
margin:10px 0 0 0;
border-bottom:1px solid #333;
min-height:70px;
_height:70px;
}

#listingBody li .indexImage {
position:absolute;
top:0px;
left:0;
}

#listingBody li .indexImage:hover {
}

.productsGokiModelTitle,
.productsGokiModel,
.productsProductTitle,
.productsCategory,
.productsPrice {
 text-align:center;
margin:5px auto;
width:80%;
border:0px green solid;
}

#listingBody .listingName {
font-size:12px;
margin:0 0 0 80px;
border:0px solid #00FF00;
}

.listingGokiModelTitle,
.listingGokiModel,
.listingForBrand,
.listingBatteryModel,
.listingDeviceModel,
.listingCapacity,
.listingProductTitle,
.listingCategory,
.listingPrice {
 float:left;
border:0px green solid;
}

.listingGokiModel {
 width:60px;
}

.listingForBrand {
 width:80px;
}

.listingBatteryModel {
 width:270px;
}

.listingDeviceModel {
 clear:both;
 margin:10px 0 0 0;
 width:100%;
}

.listingMoreDetails {
position:absolute;
bottom:-5px;
right:10px;
margin:0 0 20px 0;
padding:3px 5px;
font-size:10px;
text-shadow:#000000 2px 2px 10px;
background:#333333;
}

#searchResultsFooter {
}

#productInfoContainer {
margin:0px 0 0 5px;
width:690px;
position:relative;
padding:0 0 100px 0;
border:0px blue solid;
}

#productInfoBasic {
position:relative;
border:0px solid #00ff00;
padding:0 0 10px 0;
margin:5px auto;
border-bottom:0px #ff9900 dotted;
font-size:12px;
}

#productInfoBasic #productInfoPhotos {
text-align:center;
padding:0;
min-height:450px;
border:1px solid #ffffff;
}

#productInfoBasic #productInfoPhotos ul {
position:relative;
border:0px solid #e0e7f2;
display:inline;
}

#productInfoBasic #slide {
position:relative;
border:0px solid #ffffff;
}

#productInfoBasic #productInfoPhotos ul li {
position:relative;
margin:5px 0 0 5px;
padding:5px 0 5px 0;
list-style:none;
border:0px solid #000000;
}

#productInfoBasic #productInfoPhotos img {
 margin:20px;
max-width:350px;
max-height:350px;
}

#productInfoBasic #productInfoPhotos ul li img {
margin:0 5px;
padding:10px;
}

#productInfoBasic #productInfoPhotos ul .largeImage {
border:0px solid #ffffff;
max-width:400px;
list-style:none;
}

#productInfoBasic #productInfoPhotos ul li .smallImage {
border:1px solid #CCCCCC;
width:60px;
height:60px;
}

#productInfoBasic #productInfoPhotos ul li h5 {
position:absolute;
top:0px;
left:0px;
font-size:14px;
font-weight:bold;
}

#productInfoBasic #productInfoName {
font-size:18px;
font-weight:bold;
margin:0 0 10px 0;
padding:8px 40px;
text-align:center;
text-shadow:2px 4px 7px black;
border:0px blue solid;
background:#f7921c url(../images/products/080517webdesign_products-06.jpg) repeat-x top;
}

#productInfoBasic #productInfoName div {
 display:inline;
 margin:0 5px 0 0;
}

#productInfoBasic dl {
margin:10px 20px 20px 0;
}

#productInfoBasic dl dt {
list-style:none;
}

.productInfoTest {
 font-size:10px;
 width:100%;
 margin:15px 0 0 0;
}

.productInfoTest td {
 padding:10px 5px;
 border:1px #333 solid;
}

.productInfoTest thead td {
 background:#000527 url(../images/productInfoListBg.jpg) 
}

#productInfoBasic dl dt h3,
#productInfoBasic dl dt p {
 display:inline;
 margin:0 5px;
 font-size:10px;
}

#productInfoBasic dl ul {
display:inline;
display:block;
margin:0;
padding:0 0 80px 0;
width:auto;
border:0px solid #666666;
}

#productInfoBasic a:link {color: #ffffff;}
#productInfoBasic a:visited {color:#ffffff;}
#productInfoBasic a:hover {color:#ffffff; text-decoration:underline;}
#productInfoBasic a:active {color:#ffffff;}

#productInfoBasic dl dt div {
padding:8px 8px;
background:#000527 url(../images/productInfoListBg.jpg) no-repeat;
margin:2px 0 0 0;
}

#productInfoSpecific {
}

#productInfoSpecific div {
 position:relative;
 width:90%;
margin:12px auto;
padding:5px 20px 40px 20px;
border:1px #333 solid;
}

#productInfoSpecific h4 {
 color:#FFFFFF;
 margin:10px 0 0 0;
font-size:1.4em;
}

#productInfoSpecific a {
position:absolute;
margin:10px 0 0 0;
font-size:0.75em;
font-style:italic;
bottom:0;
right:5px;
color:#999;
}

#productInfoDescription p {
margin:10px 0 0 0;
}

#productInfoSpecifications ul li,
#productInfoDeviceModel ul li {
margin:10px 0 0 0;
list-style:none;
list-style-position:outside;
}

#productInfoSpecifications ul li dl {
float:left;
position:relative;
}

#productInfoSpecifications ul li dt {
position:relative;
margin:0 0 0 140px;
left:10px;
}

#productInfoSpecifications ul li dd {
position:relative;
list-style:none;
list-style-position:outside;
margin:-1.2em 0 0 150px;
left:20px;
}

#productInfoFeatures ul li {
margin:5px 0 0 15px;
list-style:disc;
list-style-position:outside;
}

#productInfoStatus {
text-align:center;
color:#FF0;
}

#productInfoPrice {
font-size:1.2em;
}

#productInfoAddCart {
position:relative;
font-size:1.5em;
font-weight:bold;
}

#productInfoReview {
position:relative;
font-size:0.85em;
}

#productInfoAddReview {
display:inline;
}

#productInfoContents {
position:relative;
padding:5px 5px 20px 5px;
border:1px #cccccc solid;
}

#productInfoContents ul li {
margin:5px 0 0 15px;
list-style:disc;
list-style-position:outside;
}

#productInfoAccessories {
position:relative;
margin:20px 0 0 0;
padding:5px 5px 20px 5px;
border:1px #cccccc solid;
}

#footer {
color:#ffffff;
}

#footer a:link {color:#cccccc;text-decoration:none;}
#footer a:visited {color:#cccccc;text-decoration:none;}
#footer a:hover {color: #ff9933; text-decoration:underline;}
#footer a:active {color:#cccccc;text-decoration:none;}


/***********misc **********/

.clearFloat {
display:block;
clear:both;
height:0;
font-size: 1px;
line-height: 0px;
}