@charset "utf-8";

/* CSS Document

    Copyright (c) Freeoscommerce.com 2009

	This file is part of a freeoscommerce.com template.  Please visit http://www.freeoscommerce.com for licensing and other information.
	
*/


html {
height: 100%;
} 
body {
height: 100%;
background: #439dc0;
margin: 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px; 
color: #ffffff;
}
div#wrapper {
z-index: 3; 
position: relative; 
top: 0px; 
width: 100%;
}
div#wrapper2 {
z-index: 4; 
position: relative; 
left: 50%; 
margin-left: -438px; 
width: 875px; 
padding-top: 225px; 
min-height: 400px; 
padding-bottom: 360px; 
overflow: auto;
}
div#left_column {
z-index: 5; 
float: left; 
width: 220px; 
min-height: 100px; 
padding-left: 40px;
}
div#right_column {
z-index: 5; 
float: left; 
width: 550px; 
padding-left: 50px;
}
div#footer {
width: 550px; 
padding-top: 20px; 
padding-bottom: 15px; 
text-align: center;
clear: both;
}
div#bottom_image {
z-index: 3; 
position: absolute; 
bottom: 0px; 
width: 100%; 
height: 626px; 
background: url(images/freeoscommerce_004/bottom.jpg) top center repeat-x;
}
div#top_background {
z-index: 1; 
position: absolute; 
top: 0px; 
width: 100%; 
height: 348px; 
background: url(images/freeoscommerce_004/top_background.jpg) repeat-x;
}
div#top_image {
z-index: 2; 
position: absolute; 
top: 0px; 
width: 100%; 
height: 348px; 
background: url(images/freeoscommerce_004/top.jpg) top center no-repeat;
}
div#middle_image {
z-index: -1; 
position: fixed; 
top: 0px; 
width: 100%; 
height: 100%; 
background: url(images/freeoscommerce_004/middle.jpg) top center repeat;
}
div#header_wrapper {
z-index: 5; 
position: absolute; 
top: 0px; 
left: 50%; 
margin-left: -438px; 
width: 875px;
}
div#website_name {
z-index: 5; 
position: absolute; 
top: 35px;
width: 875px;
text-align: right;
font-size: 24px;
}
div#top_menu {
z-index: 5; 
position: absolute; 
left: 30px; 
top: 124px; 
width: 815px; 
text-align: center;
}
div#top_menu span {
margin-left: 12px; 
margin-right: 12px;
}
a:link {
	color: #32d0ff;
	text-decoration: none;
}
a:visited {
	color: #32d0ff;
	text-decoration: none;
}
a:hover {
	color: #ffffff;
	text-decoration: none;
}
a:active {
	color: #32d0ff;
	text-decoration: none;
}
div#top_menu a:link {
	color: #ffffff;
	text-decoration: none;
}
div#top_menu a:visited {
	color: #ffffff;
	text-decoration: none;
}
div#top_menu a:hover {
	color: #32d0ff;
	text-decoration: none;
}
div#top_menu a:active {
	color: #ffffff;
	text-decoration: none;
}

/* Hide icons in page headings */
#pageIcon, td.pageHeading img {
display: none;
}

h1 {
font-size: 14px;
font-weight: bold;
}
h2 {
font-size: 13px;
font-weight: bold;
}
h3 {
font-size: 12px;
font-weight: bold;
}
h4 {
font-size: 12px;
}
h5 {
font-size: 12px;
}
h6 {
font-size: 12px;
}

td.infoBoxHeading {
padding-top: 10px; 
padding-bottom: 0px;
font-size: 12px;
font-weight: bold;
}

td.pageHeading {
padding-top: 5px;
padding-bottom: 10px;
font-size: 14px;
font-weight: bold;
}

div#navigation {
margin-top: 0px;
margin-bottom: 15px;
}

SPAN.productSpecialPrice {
  font-family: Verdana, Arial, sans-serif;
  color: #000000;
}

.infoBox {
  border: 1px;
  border-style: solid;
  border-color: #000080;
  border-spacing: 1px;
  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  background: url(images/pda_gradient_1.jpg) 100% 100% repeat-x;
}

TABLE.columnInfoBox {
  border: 1px;
  border-style: solid;
  border-color: #000080;
  border-spacing: 1px;
  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  background: url(images/pda_gradient_3.jpg) 100% 100% repeat-x;
}

TABLE.productListing {
  border: 1px;
  border-style: solid;
  border-color: #000080;
  border-spacing: 1px;
  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  background: url(images/pda_gradient_1.jpg) 100% 100% repeat-x;
}

.productListing {
  border: 1px;
  border-style: solid;
  border-color: #000080;
  border-spacing: 1px;
  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  background: url(images/pda_gradient_1.jpg) 100% 100% repeat-x;
}

TD.productListing-data {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

/* Begin CSS for MoPics */
.screenshots {
        float: left;
        width: 25%; /* the width sets the number of images per row (i.e., 50% = 2 per row, 33% = 3 per row, 25% = 4 per row, 20% = 5 per row, etc) */
        text-align: center;
        padding: 5px 0 5px 0;
        margin: 0;
}

.screenshots a:hover {
        text-decoration: none;
}

.screenshots IMG {
        border: 3px double #bbc3d3;
}



BODY.popupImage {
        background: #FFFFFF;
        color: #000000;
        text-align: center;
        padding: 0;
        margin: 0;
}

.clearScreenshots {
        clear: both;
        height: 1px;
        width: 100px;
}

.clearScreenshots hr {
        display: none;
}

.noScreenshots {
        text-align: center;
        padding: 15px 0 15px 0;
        margin: 0;
}

.screenshotsBlock {
  border: 1px solid #000080;
  background: #378edb;
  text-align: center;
  padding: 0;
  margin: 0;
  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  background: url(images/pda_gradient_1.jpg) 100% 100% repeat-x;
}

/**** Begin CompareMyPrice ****/
.comparemyprice {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #c76170;
  font-weight: bold;
}
/**** End CompareMyPrice ****/
