/*
	CSS by Marjorie Lazaro
	http://www.marjorielazaro.com
  september 2010
*/
/* CSS RESET */
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,
b, u, i, center,
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-size: 100%;
	vertical-align: baseline;
	background: transparent
}
body { line-height: 1 }
h1, h2, h3, h4, h5, h6, th, td, caption { font-weight: normal }
ol, ul { list-style: none }
table { border-collapse: collapse; border-spacing: 0 }
th, td { text-align: left; vertical-align: top }
blockquote, q {	quotes: none }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none }
img, a img { border: 0 }
/* remember to define focus styles! */
:focus { outline: 0 }
/* remember to highlight inserts somehow! */
ins { text-decoration: none }
del { text-decoration: line-through }
/* tables still need 'cellspacing="0"' in the markup */
table {	border-collapse: collapse; border-spacing: 0 }


@font-face {
	font-family: 'GothamBold';
	src: url('../fonts/gotham-book.eot');
	src: local('?'), url('../fonts/gotham-book.woff') format('woff'), url('../fonts/gotham-book.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}

/* Layout */
.float-left { float: left }
.float-right { float: right }
.clear-left { clear: left }
.clear-right { clear: right }
.clear-both { clear: both }
.h-20 { height: 20px }
.marginL-15 { margin-left: 15px }
.bg-white { background-color: #fff }
.txt-left { text-align: left }

h2 { font-size: 14px; margin: 0 auto 15px; padding: 24px 14px 14px; text-align: center; color: #fff; border-top: 1px solid #999; background-color: #484848 }
h3 { font-size: 12px; color: #000; padding: 10px; margin: 0 auto 10px; border-top: 1px solid #999; background-color: #e9e9e9 }
h4 { font-size: 11px; color: #000; padding: 10px 0; margin: 0 auto 10px; background-color: #f5f5f5 }

p { font-size: 11px }
p.pagination { text-align: center }
.txt-white { color: #fff }
.txt-black { color: #000 }
a.txt-blue { color: #0099ff }
a.txt-green { color: #99ff00 }
span.errors { position: absolute; margin-left: 10px }
hr { height: 1px; border: 0; color: #e9e9e9; background-color: #e9e9e9 }

a { text-decoration: none; font-size: 11px; color: #fff } 
.all a { color: #99FF00; font-weight: bold }


html { background: #000 url('/img/bg-page01.jpg') repeat top left; background-attachment: fixed }
body { width: 100%; height: 100%; margin: 0 auto; padding:0; text-align: center; font-size: 11px; font-family: 'Verdana', Arial, sans-serif; color: #000 }
.wrapper { width: 980px; margin: 15px auto; padding: 0; text-align: center }

/* header */
.header { height: 155px; width: 980px; margin: 0 auto 8px; padding: 0; text-align: center; background: transparent url('/img/upper_corners.png') no-repeat top left; vertical-align: top }
.header .logo  {	float: left; width: 700px; text-align: left }
.header .logo a {	display: block; color: #fff; font-weight: bold; margin: 40px 0 0 30px; padding: 0; border: 0; font-family: "GothamBold", Trebuchet MS, Sans-serif; font-size: 40px }
.header .logo h1 { color: #fff; font-weight: bold; margin: 20px 0 0 30px; padding: 0; border: 0; font-family: "GothamBold", Trebuchet MS, Sans-serif; font-size: 20px }
.header .logo h2 { color: #fff; font-weight: bold; margin: 10px 0 0 30px; padding: 0; border: 0; font-family: "GothamBold", Trebuchet MS, Sans-serif; font-size: 14px; text-align: left }
.header .login_panel { float: right; width: 200px }
.header .login_panel h2 { width: 170px; background-color: #f2f2f2; border: 0; margin: 1px 0 0; padding: 7px 0 0; text-align: left; color: #494949; font-weight: bold }
.header .login_panel form { padding: 0; margin: 20px 0 0 }
.header .login_panel label { clear: left; float: left; text-align: left; width: 150px; font-size: 11px; color: #494949 }
.header .login_panel input { clear: left; float: left; text-align: left; width: 180px; border: 1px solid #494949; margin: 3px 0 5px }
.header .login_panel input.btn { margin: 0; width: 61px; height: 27px; text-indent: -99999px; background: transparent url('/img/btn-login.jpg') no-repeat top left; border: 0 }
.header .login_panel a { float: right; text-decoration: underline; color: #494949; font-size: 9px; margin-right: 20px; padding-top: 12px }

/* navigation */
.categories { width: 760px; height: 37px; margin: 0; padding: 0 }
.categories ul { list-style: none; height: 37px; padding: 0; margin:0; text-align: left }
.categories li { float: left; display: block; margin: 0; padding: 0 }
.categories a { text-transform: capitalize; display: block; color: #000080; font-weight: bold; padding: 0 16px; height: 37px; line-height: 37px; border-left: 1px solid #fff; border-right: 1px solid #999; background-color: #e9e9e9 }
.categories li a:hover, .categories li:hover a { background-color: #fff }
.categories a:hover { text-decoration: underline }
.categories ul.subcategory { position: absolute; margin: 0 0 0 -1px; display: none; height: auto; z-index: 1000000; border: 1px solid #999; border-top: 0 }
.categories ul.subcategory li { width: 100%; clear: left; display: block; margin: 0; padding: 0; border-bottom: 1px solid #f0f0f0 }
.categories ul.subcategory li a { color: black; font-weight: normal; padding: 2px 16px; margin: 0; border: 0; background-color: #fff; height: 20px; line-height: 20px }
.categories li.all a { float: right; text-align: right; width: 208px; border-right: 1px solid #fff; background-color: #fff }

.breadcrumb { text-transform: capitalize; color: #999; font-size: 14px; margin: 0; padding: 10px; text-align: left; border-top: 2px solid #999 }
.breadcrumb a { text-transform: capitalize; color: #999; font-size: 14px }

/* content */
.content { width: 980px; margin: 0 auto; padding: 0; text-align: center; background: transparent url('/img/bg-content.png') repeat-y top left }
.left_content { float: left; width: 760px; margin: 0 auto; padding: 0; text-align: center }
.left_content_child { width: 760px }
.left_content .view { padding: 0; margin: 0 }
.left_content .title { font-size: 14px; text-align: center; font-weight: bold; padding: 50px 0 15px 0; margin: 0 }
.left_content .list { display: block; padding: 0; margin: 0 auto; text-align: center }
.left_content table.list tr td { border: 1px solid #f0f0f0; background-color: #fff; width: 180px; text-align: center }
.left_content table.list tr td a.img-link { text-align: center; display: table-cell; vertical-align: middle; width: 175px; height: 175px; margin: 0; padding: 0 }
.left_content table.list tr td a.txt-link { text-align: center; display: block; width: 175px; height:36px; background-color: #f0f0f0; padding: 8px }
.left_content .product { width: 760px; margin: 0 auto; padding: 0 0 15px 0; text-align: center; background-color: #484848; border-top: 2px solid #99ff00 }
.left_content .product_image { float: right; width: 234px; text-align: left; margin-right: 20px }
.product-description { height: 175px; width: 430px}
.left_content .content { width: 720px; margin: 0 20px; color: #fff; text-align: left }
.left_content .content .information { margin: 20px 100px; color: #fff; text-align: left }
/* product page */
.left_content .product-details { width: 760px; height: 200px; margin: 0; padding: 15px 0; background-color: #fff }
.left_content .product-details .desc { float: left; width: 495px; text-align: left; padding: 0 15px 0 15px }
.left_content .product-details .ad { float: left; width: 234px }
.left_content .product-details .network { margin: 15px 0 0; padding: 0; width: 234px; color: #000; line-height: 14px }
.left_content .product-details .network a { color: #000 }
.rating { width: 380px; height: 120px; margin-left: 375px; text-align: left }

.pagination { margin: 0 auto; width: 760px; height: 35px; text-align: center }
.pagination strong { display: inline-block; width: 35px; height: 20px; line-height: 20px; background-color: #484848; color: #fff; margin: 10px 5px; border: 1px solid #99ff00 }
.pagination a { display: inline-block; width: 35px; height: 20px; line-height: 20px;  background-color: #e9e9e9; color: #000; margin: 10px 5px; border: 1px solid #fff }
.pagination a:hover { border: 1px solid #99ff00; background-color: #fff }

.left_content .google_above_product  { text-align: left; margin: 0 0 20px 0; float: left }
.left_content .product_text { float:left; width: 400px; text-align:left; padding: 10px 20px; color: #fff }
.left_content .product_text a { color: #fff } 

.related-links { border: 1px solid #f0f0f0; color: #fff; padding: 10px }
.related-links a { color: #fff }

.left_content .bookmarks { text-align: center; margin: 0; padding: 0 0 10px 0 }
.left_content .add_product input { width: 300px }
.left_content .add_product textarea { width: 300px; height: 150px }
.left_content .edit_product input { width: 300px }
.left_content .edit_product textarea { width: 300px; height: 150px }
.left_content .register input { width: 150px }
.left_content .register textarea { width: 150px; height: 150px }

	
.right_content { float: left; margin: 0 0 0 8px; padding: 0; width: 212px; height: auto }
.right-content p a { text-align: center; margin: 0 auto }
.right_content .add { line-height: 32px; background-color: #e5f5ff; border-top: 1px solid #0099ff; margin: 0 auto 15px; text-align: center }
.right_content .add a { color: #0099ff; font-weight: bold }
.right_content .socialNetwork  img{ position: relative; top: 3px; margin-right: 10px }
.right_content .designOfDay { margin: 0 auto; text-align: center }
.right_content .box { clear: left; border: 1px solid #e9e9e9; border-bottom: 0; margin: 0 10px; padding: 0; text-align: center }
.right_content .box .title { display: block; clear: left; background-color: #e9e9e9; margin: 10px auto 0; padding: 5px 0; text-align: center }
.right_content .box a:link .title , .right_content .box a:visited .title, .right_content .box a:active .title,
.right_content .designOfDay a:link, .right_content .designOfDay a:visited, .right_content .designOfDay a:active,
.left_content table.list tr td a:link.txt-link, .left_content table.list tr td a:visited.txt-link, .left_content table.list tr td a:active.txt-link { font-weight: normal; color: #0099ff }
.right_content .box a:hover .title, .right_content .designOfDay a:hover, .left_content table.list tr td a:hover.txt-link { color: #005f9f }

.footer { clear: both; width: 980px; height: 200px; margin: 8px auto 16px; padding: 0; text-align: center }
.footer_up { width: 946px; font-family: 'Arial'; color: #999; background: #fff; padding: 5px 17px 8px; text-align: left }
.footer_up span { color: black }
.footer_down { width: 980px; height: 60px; background: transparent url('/img/footer_down.png') bottom left no-repeat; color: #5c5d5d; font-family: 'Arial'; font-size: 11px; text-align: center; padding-top: 20px }
.footer_down a:link, .footer_down a:visited, .footer_down a:active { font-weight: normal; color: #5c5d5d }
.footer_down a:hover { color: #9c9c9c }