﻿/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*/

body {
	margin: 0;
	padding: 0;
	background: #252D37 url(../../images/img1.gif) repeat-x;
	font: normal 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #A4AFBD;
}

img
{
    border:0px;
}

form {
	margin: 0;
	padding: 0;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	color: #FFFFFF;
}

h1 { font-size: 28px; }
h2 { font-size: 22px; }
h3 { font-size: 18px; }

p, ul, ol, blockquote {
	margin-top: 0;
	padding-top: 0;
	text-align: justify;
}

a {
	color: #95BA2E;
}

a:hover {
	text-decoration: none;
}

fieldset
{
    width:500px;
    margin:0px auto 0px auto;
    vertical-align:middle;
}

fieldset label
{
    float:left;
    width:120px;
    vertical-align:middle;
}

fieldset input.textBox
{
    vertical-align:middle;
    padding-left:5px;
}

legend
{
    font-size:1.3em;
    font-weight:bold;
}

/* Boxed */

.boxed {
	margin: 0 0 20px 0;
	padding: 0 20px 20px 20px;
	background: url(../../images/img4.gif) repeat-x left bottom;
}

/* Post */

.post {
	margin: 0 0 20px 0;
	padding: 0px 20px 10px 20px;
	background: url(../../images/img4.gif) repeat-x left bottom;
	min-height:120px;
}

.post img.rss
{
    vertical-align:middle;
}

.post h4 {
	margin:2px 0px 25px 0px;
	font-size: 11px;
	font-weight: normal;
}

.post strong {
	font-weight: bold;
	color: #5B6F88;
}

/* Header */

#header {
	width: 1000px;
	height: 140px;
	margin: 0 auto;
}

.loginContainer
{
    text-align:right;
    clear:both;
    padding:2px 0px 0px 0px;
}

/* Menu */

#menu {
	float: left;
}

#menu ul {
	margin: 0;
	padding: 53px 0 0 0;
	list-style: none;
}

#menu li {
	display: inline;
}

#menu a {
	display: block;
	float: left;
	height: 25px;
	padding: 10px 15px 0 15px;
	text-transform: lowercase;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
}

#menu a.on
{
    background: #0C7AC7 url(../../images/img2.gif) repeat-x;
}

#menu a:hover {
	background: #0C7AC7 url(../../images/img2.gif) repeat-x;
}

/* Search */

#search {
	float: right;
	padding: 63px 0 0 0;
	color:#FFFFFF;
}

 select
{
    font-size: 10px;
    vertical-align:middle;
}

.textfield1 {
	width: 175px;
	background: #FFFFFF;
	border: none;
	vertical-align:middle;
}

.textfield2 {
	width: 146px;
	background: #FFFFFF;
	border: none;
	vertical-align:middle;
}

.submit1 {
	height: 19px;
	background: #6F9303;
	border: none;
	text-transform: lowercase;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	padding:0px 2px 0px 2px;
	vertical-align:middle;
}

/* Content */

#content {
	width: 1000px;
	margin: 0 auto;
}

#colOne {
	float: left;
	width: 254px;
}

#colTwo {
	float: right;
	width: 728px;
}

/* ColOne Content */

#colOne ul {
	margin-left: 0;
	padding-left: 0;
	list-style: none;
}

#colOne li {
	padding: 5px 0 7px 0;
	border-top: 1px solid #3B495A;
}

#colOne li.first {
	border: none;
}

#colOne h3 {
	font-size: 15px;
}

/* ColTwo Content */

/* Logo */

#logo {
	margin: 0 0 20px 0;
	padding: 0 0 40px 20px;
	background: url(../../images/img3.gif) repeat-x left bottom;
}

#logo h1 {
	text-transform: lowercase;
}

#logo h2 {
	text-transform: lowercase;
	font-size: 12px;
}

#logo a {
	text-decoration: none;
	color: #FFFFFF;
}

/* Welcome */

#welcome {
	padding: 5px 20px 25px 20px;
}

#welcome h2 {
	margin-bottom:5px;
}


#welcome p
{
    margin:0px;
    font-size:1.2em;
}


#welcome p.intro
{
    margin:10px 0px 2px 0px;
}


/* Footer */

#footer {
	clear: both;
	width: 904px;
	margin:50px auto 10px auto;
	padding:10px 0px 0px 0px;
	background: url(../../images/img6.gif) repeat-x left top;
}

#footer p {
	margin: 0;
	padding: 2px 0px 0px 0px;
	text-align: center;
}

/* Top Release */

.topReleaseSection .topRelease
{
    float:left;
    width:110px;
    padding:0px 3px 0px 3px;
    min-height:170px;
    text-align:center;
}

.topReleaseSection .imageContainer
{
    width:75px;
    height:75px;
    padding:5px;
    text-align:center;
    background-color:#FEFEFE;
    border:3px solid #3B495A;
}

.topReleaseSection .topRelease img
{
  
    display:block;
}

/* List */

.listItem
{
    width:171px;
    float:left;
    padding:20px 5px 0px 5px;
    text-align:center;
    height:250px;
    
}

.listItem .imageContainer
{
    padding:5px 2px;
    text-align:center;
    background-color:#FEFEFE;
    border:3px solid #3B495A;
    width:160px;
    height:160px;
}

.listItem h2
{
 font-size:1em;   
}

.paging
{
    text-align:center;
    padding:10px 0px 10px 0px;
    margin:0px 0px 10px 0px;
    color:White;
    background-color: #3B495A;
}

#productDetail
{
    padding:5px 0px 5px 0px;
}

#productDetail .top
{
    min-height:240px;
}

#productDetail #colThree
{
     float:right;
     width:170px;
}

#productDetail .image
{
    background-color:#FFFFFF;
    border:3px solid #3B495A;
    padding:5px 0px;
    width:170px;
    height:160px;
    text-align:center;
}

.productText    
{
    width:400px;
}

.productText h1
{
    font-size:1.8em;
}

.productText h2
{
    font-size:1.4em;
}
.productText h3
{
    font-size:1.2em;
}

.productText h4
{
    font-size:1.1em;
    margin:10px 0px 0px 0px
}

.diggIt
{
    float:left;
    padding:8px 6px 0px 0px;
    clear:right;
    vertical-align:middle;
}

#releasedWhen
{
    padding:10px 0px 5px 0px;
    font-size:1.3em;
    font-weight:bold;
    color:#FFFFFF;
    text-align:center;
}

/*** list ***/

#productList
{
    padding:0px 0px 0px 0px;
}

#productList h2
{
    text-align:center;
}


/*** related ***/

ul .imageContainer
{
   float:left;
   width:75px;
    height:75px;
    padding:5px;
    text-align:center;
    background-color:#FEFEFE;
    border:3px solid #3B495A;
}

ul .productDetails
{
    margin-left:100px;
    width:100px;
    min-height:100px;
}