/* ----- ###################################### ----- */
/* ----- FACEBOOK PS SHOP TAB CSS - version 2.0 ----- */
/* ----- ###################################### ----- */

/* ----- */
/* Reset */
/* ----- */

* {
padding: 0; margin: 0;
}
body {
margin: 0; overflow: auto;
}
img { 
border: 0;
}
h2 {
font-size: 16px; color: #3b5998;
}
h3 {
font-size: 13px; color: #3b5998;
}

/* ----------------------------- */
/* Module General Page Structure */
/* ----------------------------- */

#fbpsstMain {
width: 810px; margin: 0 auto; overflow: hidden; position: relative;
}
#fbpsstTop {
width: 810px; margin: 0 0 12px 0; position: relative;
}
#fbpsstRight {
float: left; width: 810px; margin: 0 0 12px 0; padding: 0; border: 0;
}
#fbpsstBottom {
width: 810px; margin: 0; padding: 0; border: 0;
}
.clear {
clear: both; 
}


/* -------------------- */
/* Default Facebook CSS */
/* -------------------- */

/* General */
#fbpsstMain, form, input, select, p, div, span {
font-family: "lucida grande",tahoma,verdana,arial,sans-serif; font-size: 15px; color: #333333;
}
.fbpsstBlueDiv {
background-color: #3b5998;
}

/* Link */
#fbpsstMain a {
color: #3b5998; outline-style: none; text-decoration: none; font-size: 15px; font-weight: normal;
}
#fbpsstMain a:hover {
text-decoration: underline;
}

/* Text*/
.fbtextlight {
color: #999;
}
.fbtextmedium {
color: #666;
}
.fbtextdark {
color: #333;
}

/* Boxes */
.fbgreybox {
background-color: #f7f7f7; border: 1px solid #cccccc; color: #333333; padding: 10px; margin: 10px 0 10px 0; font-size: 13px; font-weight: bold;
}
.fbbluebox {
background-color: #eceff5; border: 1px solid #d4dae8; color: #333333; padding: 10px; margin: 10px 0 10px 0; font-size: 13px; font-weight: bold;
}
.fbinfobox {
background-color: #fff9d7; border: 1px solid #e2c822; color: #333333; padding: 10px; margin: 10px 0 10px 0; font-size: 13px; font-weight: bold;
}
.fberrorbox {
background-color: #ffebe8; border: 1px solid #dd3c10; color: #333333; padding: 10px; margin: 10px 0 10px 0; font-size: 13px; font-weight: bold;
}

/* Content divider */
.fbcontentdivider {
margin-top: 15px; margin-bottom: 15px; width: 810px; height: 1px; background-color: #d8dfea;
}


/* --------------------- */
/* Module Components CSS
/* --------------------- */

/* Top: search  */
#menubar {
padding: 3px 10px 3px 0; text-align: right; color: #fff;
}
#menubar form {
margin: 0; padding: 0;
}
#menubar input.text {
border: 1px solid #1d2a5b; margin: 0; width: 100px; padding: 1px 5px 1px 5px; height: 16px;
}
#menubar input.button {
border-top: 1px solid #29447e; border-bottom: 1px solid #1a356e; border-left: 1px solid #29447e; border-right: 1px solid #29447e; width: 18px; height: 20px;
}

/* Top: nav bar */
#nav {
padding: 0; margin: 0; list-style: none; text-align: left;
}
#nav ul {
padding: 5px 10px 5px 10px; margin: 0; list-style: none; text-align: left;
}
ul#catsubmenu, ul#infosubmenu {
z-index: 2147483647;
}
#nav a {
display: block; color: #3b5998; text-decoration: none;
}
#nav a:hover {
text-decoration: underline;
}
#nav a.white {
display: block; color: #fff; text-decoration: none;
}
#nav a.white:hover {
text-decoration: underline;
}
#nav li.top {
float: left; margin-left: 10px; padding-top: 3px;
}
#nav li.nofloat {
float: none; width: auto;
}
#nav li.top ul {
position: absolute; width: auto; visibility:hidden; background-color: #eceff5; border: 1px solid #d8dfea; 
}
#nav li.top:hover ul {
visibility: visible;
}

/* Bottom: Footer bar */
.footerbar {
border-top: 2px solid #3b5998; padding: 5px 10px 0 0; text-align: right; margin-bottom: 10px;
}


/* -------- */
/* .tpl CSS
/* -------- */

/* errors.tpl */
.fberrorbox ol {
margin-left: 10px;
padding: 10px;
}
.fberrorbox li, .fberrorbox p {
font-size: 13px;
}

/* home.tpl */
a.homebanner img { 
filter:alpha(opacity=100); -moz-opacity: 1.0; -khtml-opacity: 1.0; opacity: 1.0;
}
a.homebanner:hover img { 
filter:alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7;
}

/* breadcrumb.tpl */
.breadcrumb .navigation-pipe {
padding: 0 6px;
}
.breadcrumb a {
text-decoration: none;
}
.breadcrumb a:hover {
text-decoration: underline;
}

/* pagination.tpl */
div.pagination {
border: 1px solid #94a3c4; background-color: #eceff5; padding: 5px; text-align: right; margin-top: 7px;
}
ul.pagination {
   list-style: none;
   float: right;
}
ul.pagination li {
   display: inline;
   float: left;
   margin-right: 5px;
}

/* category.tpl, product-list-grid.tpl, product-list-rows.tpl */

/* Grid view */
ul.gridlist { 
list-style-type: none; margin: 15px 0 0 0; width: 810px;
}
#subcategories ul.gridlist li { 
float: left; text-align: center; width: 185px; height: 205px; border: 1px solid #d8dfea; margin-bottom: 20px; margin-right: 20px;
}
#subcategories ul.gridlist li.last_item_of_line { 
float: left; text-align: center; width: 185px; height: 205px; border: 1px solid #d8dfea; margin-bottom: 20px; margin-right: 0;
}
#products ul.gridlist li { 
float: left; text-align: center; width: 185px; height: 280px; border: 1px solid #d8dfea; margin-bottom: 20px; margin-right: 20px;
}
#products ul.gridlist li.last_item_of_line { 
float: left; text-align: center; width: 185px; height: 280px; border: 1px solid #d8dfea; margin-bottom: 20px; margin-right: 0;
}
ul.gridlist li img { 
display:block; margin-left: 12px; margin-top: 2px;
}
ul.gridlist li a img { 
filter:alpha(opacity=100); -moz-opacity: 1.0; -khtml-opacity: 1.0; opacity: 1.0;
}
ul.gridlist li a:hover img { 
filter:alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7;
}
ul.gridlist li h5 {
display: block; height: 40px; padding: 3px;
}
ul.gridlist li h5 a {
font-size: 11px; font-weight: normal;
}
ul.gridlist li div.productbottom {
text-align: center; display: block; margin-top: 20px;
}
ul.gridlist li span.productprice {
font-size: 12px; color: #3b5998; font-weight: bold; margin-right: 6px; display: inline;
}
ul.gridlist li span.productprice {display: none !important;}

ul.gridlist li span.old_price {
font-size: 11px; color: #000; font-weight: bold; margin-right: 4px; display: inline; text-decoration:line-through;
}
ul.gridlist li a.productbutton {
display: inline; border-top: 1px solid #29447e; border-bottom: 1px solid #1a356e; border-left: 1px solid #29447e; border-right: 1px solid #29447e; font-family: tahoma,"lucida grande",verdana,arial,sans-serif; font-size: 11px; color: #fff; padding: 2px 5px 2px 5px;
}
ul.gridlist li div.share {
margin-top: 8px;
}

/* Rows view */
ul.rowslist { 
list-style-type: none; margin: 15px 0 0 0; width: 810px;
}
#products ul.rowslist li { 
border-bottom: 2px solid #d8dfea; padding: 15px 0 10px 0;
}
#products ul.rowslist li.last_item { 
padding: 10px 0 0 0; border: 0;
}
ul.rowslist li a.imglink {
float: left; display: block; margin-right: 15px;
} 
ul.rowslist li a img { 
filter:alpha(opacity=100); -moz-opacity: 1.0; -khtml-opacity: 1.0; opacity: 1.0;
}
ul.rowslist li a:hover img { 
filter:alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7;
}
ul.rowslist li h5 {
margin-bottom: 15px;
}
ul.rowslist li h5 a {
text-decoration: none;
}
ul.rowslist div.productbuttons {
margin-top: 12px; padding: 0;
}
ul.rowslist li span.productprice {
font-size: 12px; color: #3b5998; font-weight: bold; margin-right: 6px; display: inline;
}
ul.rowslist li span.productprice {display: none !important;}

ul.rowslist li span.old_price {
font-size: 11px; color: #000; font-weight: bold; margin-right: 4px; display: inline; text-decoration:line-through;
}
ul.rowslist li a.productbutton {
display: block; float: left; border-top: 1px solid #29447e; border-bottom: 1px solid #1a356e; border-left: 1px solid #29447e; border-right: 1px solid #29447e; font-family: tahoma,"lucida grande",verdana,arial,sans-serif; font-size: 11px; color: #fff; padding: 3px 5px 0px 5px; margin: 1px 5px 0 0; vertical-align: middle;
}
ul.rowslist li div.share {
display: inline; padding: 0; padding: 0; margin: 0;
}

/* manufacturer.tpl */
ul#manufacturers_list {
list-style-type: none; margin: 15px 0 0 0; width: 810px;
}
ul#manufacturers_list li { 
float: left; margin: 0 15px 15px 0; padding: 10px; width: auto; text-align: center; border: 1px solid #d8dfea;
}