@CHARSET "UTF-8";

/*
 * TekDev Application Framework 
 * Managed and maintained by Dário A. Silva (opensourcemail@gmail.com)
 * 
 * TekDev is an opensource PHP/MySQL content management framework 
 * that is flexible, adaptable, supports XHTML/CSS layouts	
 * 
 * Copyright 2008 and forever thereafter by Dário A. Silva
 * 
 * This file and all related or dependant files distributed with this filie
 * are considered as a whole to make up TekDev.
 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

/* remember to define focus styles! */
:focus { outline: 0; }

body {
	line-height: 1;
	color: #000;
	background: #FFF;
	font: normal 75% verdana, arial, helvetica, sans-serif;
}

img { display: block; }

html>body { font: normal 75% verdana, arial, helvetica, sans-serif; }

ol, ul { list-style: none; }

b, strong { font-weight: bold; }
i, em { font-style: italic; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; }

caption, th, td { text-align: left; font-weight: normal; }

blockquote:before, blockquote:after, q:before, q:after { content: ""; }

blockquote, q { text-indent: -0.5em; quotes: "" ""; }

p {
	line-height: 1.5em;
	font-size: 1em;
	margin: 0 0 1.5em 0;
}

h1 {
	line-height: 3em;
	font-size: 2em;
}

h2 {
	line-height: 1.6363em;
	font-size: 1.8333em;
	margin: 1em 0 0.6363em 0;
}

a { color: #4579EF; }
a:hover { color: #3F4C6B; text-decoration: none; }

small { font-size: 0.8em; color: #999; }

/*************************** Mixed ***************************/
.text-right { text-align: right; }
.clearer { clear: both; }
#error {
	text-align: center;
	color: #CC0000;
}

/*************************** Website links ***************************/
.pglink {
	font: normal 0.8em verdana, arial, helvetica, sans-serif;
	text-transform: uppercase;
	color: #356AA0;
}

.pglink:hover { color: #4096EE; }

/**
 * Layout style
 */
#container {
	width: 801px;
	height: auto;
	margin: 0 auto 1em auto;
}

#header {
	width: 801px;
	height: 90px;
	margin-bottom: 1em;
}

#head-menu { float: right; width: 450px; }
#head-menu ul li { display: inline; margin: 0; float: left; }

#head-menu ul li a { color: #666; }
#head-menu ul li a:hover { color: #36393D; }

.latbar {
	width: 190px;
	padding: 5px;
}

.latbar h1 {
	line-height: 1.5em;
	font: bold 0.9em arial, helvetica, sans-serif;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #000;
	margin-bottom: 0.5em;
}

.latbar p {
	font-size: 0.9em;
	margin-bottom: 0.5em;
}

.latbar p a {
	color: #333;
	
}

.latbar .item { margin-bottom: 2em; }

.right-bar { float: right; margin-left: 10px; }
.left-bar { float: left; margin-right: 10px; }

#top-sell-item {
	width: 165px;
	height: 177px;
	background: url(../img/delete_13.jpg) #EEE;
	padding: 4px;
	margin-bottom: 2em;
}

#car-item {
	width: 165px;
	height: 115px;
	background: url(../img/delete_26.jpg) #EEE;
	padding: 4px;
	margin-bottom: 2em;
}

#cart-item { color: #73880A; }
#cart-total { color: #008C00; }

#content {
	width: 550px;
	padding: 5px;
	float: left;
}

#nav-bar { width: 510px; margin-bottom: 1em; }

#nav-bar ul li { display: inline; padding-right: 1em; }

#nav-bar ul li a {
	font: normal 0.9em verdana, arial, helvetica, sans-serif;
}

#nav-bar ul li a:before { content: "."; }

#footnotes {
	width: 800px;
	margin: 0 auto 1em auto;
	padding: 5px;
	border-top: 1px solid #CCC;
	text-align: center;
}

#footnotes p {
	font-size: 0.8em;
	margin-bottom: 0em;
	color: #333;
}

.prods-item {
	margin: 0;
	width: 163px;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	background: #EEE;
	padding: 0 4px 0 4px;
}
	
.prods-item ul li { padding-bottom: 0.2em; }

.prods-item ul li a {
	font: 0.8em verdana, arial, helvetica, sans;
	text-transform: uppercase;
	text-decoration: none;
	color: #333;
}

.prods-item ul li a:hover, .prods-item ul li a.current { color: #FF0000; }

.prodbox {
	width: 165px;
	float: left;
	margin-right: 10px;
	text-align: center;
}

.prodbox img { width: 180px; height: 180px; }

.prodbox h1 {
	font: bold 0.8em arial, helvetica, sans;
	text-align: center;
	width: 145px;
	height: 25px;
	background: url(../img/delete_17.jpg);
	padding: 5px 10px 0 10px;
}

.prodbox #imgdiv {
	text-align: center;
	width: 145px;
	height: 64px;
	padding: 0 10px 0 10px;
	background: url(../img/delete_19.jpg);
}

.prodbox #imgdiv img { width: 80px; height: 64px; margin-left: 32px; }
.prodbox #imgfiller { width: 165; height: 32px; background: url(../img/delete_20.jpg); }
.prodbox #price-items { width: 90px; height: 35px; background: url(../img/delete_21.jpg); }
.prodbox #right-items { width: 75px; height: 35px; }
.prodbox #right-items img { height: 35px; }

#prod-cart .prod-price, .prodbox .prod-price {
	color: #333;
	font-weight: bold;
}

#prod-cart .prod-price-promo, .prodbox .prod-price-promo {
	color: #CC0000;
	font-weight: normal;
	font-size: 0.9em;
}

#prod-cart .prod-add, .prodbox .prod-add { float: right; }

.prodbox h1 a:hover { color: #666; text-decoration: underline; }

.prodbox p { font-size: 0.8em; margin-bottom: 0.1em; text-transform: uppercase; }

.prodbox p.prod-design a { color: #FF7400; text-decoration: none; }

.prodbox p.prod-design a:hover { color: #666; text-decoration: underline; }

.prodbox img { width: 180px; border: 0; }

#prod-detail {
	float: left;
	width: 400px;
	margin-bottom: 1em;
}

#prod-detail h1 { font-size: 1.2em; font-weight: bold; }
#prod-detail p { margin-bottom: 0.5em; }

#prod-images { margin-bottom: 1em; }
#prod-images li { display: inline; }

#prod-cart {
	float: right;
	width: 140px;
	background: #EEE;
	padding: 5px;
}

#prod-cart p { text-align: center; margin-bottom: 0.5em; }

#half-right { float: right; width: 49%; }
#half-left { float: left; width: 49%; }

#half-right table { font-size: 0.9em; }

#half-right table td { padding-bottom: 0.5em; }

input, textarea { font: normal 0.9em verdana, arial, sans; }

#mainshcart { width: 100%; margin-bottom: 1em; }
#mainshcart tr th {
	background: #666;
	color: #FFF;
	padding: 2px 0 2px 0;
	font: normal 0.8em verdana, arial, sans;
	text-transform: uppercase;
	font-weight: bold;
	text-indent: 5px;
}

#mainshcart tr td {
	text-indent: 5px;
	padding: 2px 0 2px 0;
	font: normal 0.8em verdana, arial, sans;
	text-transform: uppercase;
}

#newcli-table td { padding: 2px 0 2px 0; }