/* CSS Document - eshop.gssjc.org */

/* size trick */
	body, body div, body p, body th, 
	body td, body li, body dd    {
		/* more specific to override imported rule */
		font-size: x-small;      
		/* false value for WinIE4/5 */
		voice-family: "\"}\"";   
		/* trick WinIE4/5 into thinking rule is over */
		voice-family: inherit;   
		/* recover from trick */
		font-size: small;
		/* intended value for better browsers */
		}
	
	html>body, html>body div, html>body p, 
	html>body th, html>body td, 
	html>body li, html>body dd {
		font-size: small;
		/* be nice to Opera */
		}
/*end font trick */

body, p, .text {
	font-family: Arial,Sans-Serif; 
	margin: 0; 
	padding: 0; 
	font-size: small;}
p.small {font-size: xx-small;}
.navlink, a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small; 
	color: white; 
	text-decoration: none; 
	font-weight: bold;}
	
.formbox {
	border-right: #7b9ebd 1px solid; 
	border-top: #7b9ebd 1px solid; 
	background: #CED2F2; 
	border-left: #7b9ebd 1px solid; 
	border-bottom: #7b9ebd 1px solid;}

.parent-newproduct .navpanelleftcontent {background: #ffffff;}

.headertable {
	border-collapse: collapse; 
	border-spacing: 0px; 
	width: 100%; }
	
.headercenter { width: 100%; border-width: 0px; }
.headerleft { border-width: 0px; }
.headerright { border-width: 0px; }
.mainbody { 
	width: 100%; 
	border-collapse: collapse; 
	border-spacing: 0px; }
	
.mainbodycenter { 
	width: 100%; 
	vertical-align: top; 
	padding: 0px 10px 10px 10px; 
	background-color: #FFFFFF; }
	
.mainbodyleft {
	 width: 170px; 
	 vertical-align: top; 
	 border-right: 1px none #E0AD12; 
	 padding: 5px 5px 5px 5px; 
	 background: #0066cc; }
.mainbodyright  { 
	width: 170px; 
	vertical-align: top; 
	border-left: 1px none #E0AD12; 
	padding: 5px 5px 5px 2px; }

.navpanelheader {}

/* For the panel headers on the left */
.navpanelleft { 
	border-collapse: collapse; 
	border-spacing: 0px; 
	border: 0px 0px 0px 0px; 
	padding: 0px;
	margin-bottom: 10px; 
	background: #0066cc; 
	width: 170px; }

.navpanelright { 
	border-collapse: collapse; 
	border-spacing: 0px; 
	border: 0px 0px 0px 0px; 
	margin: 0px; 
	padding: 0px; 
	margin-bottom: 10px; 
	background: #FFFFFF; 
	width: 170px; }

.navpanelleftbody,.navpanelbodybody { 
	border-collapse: collapse; 
	border-spacing: 0px; 
	padding: 0px; 
	width: 100%; 
	border-bottom: 1px solid #000000; 
	border-top: 0px; 
	border-right: 1px solid #000000; 
	border-left: 1px solid #000000; }

.navpanelrightbody { 
	border-collapse: collapse; 
	border-spacing: 0px; 
	padding: 0px; 
	margin: 0px; 
	width: 100%; 
	border-bottom: 1px solid #0066CC; 
	border-top: 0px ; 
	border-right: 1px solid #0066CC; 
	border-left: 1px solid #0066CC; }

.navpanelbodybody { 
	border-collapse: collapse; 
	border-spacing: 0px; 
	padding: 10px 10px 10px 10px; 
	width: 100%; 
	border-bottom: 1px solid #999999; 
	border-top: 0px; 
	border-right: 1px solid #999999; 
	border-left: 1px solid #999999; }
	
.navpanelleftcontent, .navpanelrightcontent, .navpanelbodycontent { padding: 10px 0px 10px 10px; }

.navpanelleftheader { 
	border-collapse: collapse; 
	border-spacing: 0px; 
	width: 100%; 
	padding: 0px; 
	height: 21px; 
	border-bottom: 1px solid #000000;
	border-top: 1px solid #000000;
	border-right: 1px solid #000000;
	border-left: 1px solid #000000;
	margin: 0px; 
	padding: 0px; 
	background-image: url(images/panelheader.gif); 
	font-size: x-small; 
	color: #FFFFFF; }
	
.navpanelrightheader { 
	border-collapse: collapse; 
	border-spacing: 0px; 
	width: 100%; 
	height: 23px; 
	border-bottom: 0px solid #000000; 
	border-top: 0px solid #000000; 
	border-right: 0px solid #000000; 
	border-left: 0px solid #000000; 
	margin: 0px; 
	padding: 0px; 
	background-image: url(images/panelheaderright.gif); 
	font-size: x-small; }

.navpanelbodyheader { 
	border-collapse: collapse; 
	border-spacing: 0px; 
	width: 100%; 
	padding: 0px; 
	height: 20px; 
	border-bottom: 1px solid #999999; 
	border-top: 1px solid #999999; 
	border-right: 1px solid #999999; 
	border-left: 1px solid #999999; 
	margin: 0px; 
	padding: 0px; }
	
.navpanelbody { width:100% }

.navpanelbodycell { width: 100%; }

.navpanelleftcell,.navpanelrightcell { width: 170px; }

.navpanelleftheaderleft { 
	padding: 0px; 
	background-repeat: no-repeat; 
	width: 12px; }

.navpanelrightheaderleft { 
	padding: 0px; 
	background-image: url(images/navpanelbodyheaderright.gif); 
	width: 21px; }
	
.navpanelleftheaderright { 
	padding: 0px; 
	margin: 0px; }
	
.navpanelleftheadercenter , .navpanelbodyheadercenter { 
	color: #ffffff; 
	font-weight: bold; 
	text-align: left; 
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
	font-size: x-small; }
	
.navpanelrightheadercenter { 
	color: #ffffff; 
	font-weight: bold; 
	text-align: left; 
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
	font-size: x-small; }
	
.text-shopping { 
	color: #000000; 
	font-size: x-small; }
	
.text-shopping-link { 
	color: #000000;
	font-size: x-small;
	font-weight: normal; }

/* For the panel headers in the body */

#productphoto { margin: 20px 15px 10px 3px; }

.navpanelbodyheaderright ,.navpanelbodyheaderleft ,.navpanelbodyheadercenter { background-color: #639AFF; }

.navpanelbodyheadercenter { 
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
	color: #ffffff; }

.navpanelbodyheaderright {}

/* Headings  14 px */

.heading-subcategory { 
	font-size: medium; 
	color: #CC0000; 
	font-weight: bold; }

.heading-product, h1, .heading-main { 
	font-size: large; 
	font-family: arial, sans-serif; 
	color: #000099; 
	font-weight: bold; }
	
h1, .heading-main { font-size: large; padding-top: 10px; }

h2 { padding-top: 10px;
	color:#000099; 
	font-size: medium; }
	
h3 { padding-top: 5px; 
	color:#000099; 
	font-size: medium;}
h4 { 
	color:#000000; 
	font-size: small; }
h5 { 
	color:#000000; 
	font-size: small;}

.heading-small { 
	width: 100%; 
	text-align: right; 
	font-size: x-small; 
	color: Gray; 
	font-weight: normal; }
	
.heading-product { padding-bottom: 6px; }

.text-product-desc { font-size: small; }

/* text types */

.text-search { 
	font-family: arial, sans-serif; 
	font-size: x-small; 
	color: #f0f0f0; }
	
.text-pricingdetails{ font-size: small color #000000; }

.text-price { 
	font-family: arial,sans-serif; 
	font-weight: bold; 
	font-size: small; 
	color: #000000; }
	
.text-pricestrike { 
	text-decoration: line-through; 
	font-weight: bold; }
	
.text-shipping { 
	color: #000000; 
	font-family: "Trebuchet MS",Trebuchet,Verdana,Sans-Serif;
	font-size: small; }
	
.text-pricesave , .text-pricespecial { 
	color: #0066CC; 
	font-weight: bold; 
	font-family: arial,sans-serif;
	font-size: small; }
	
.text-small { font-size: x-small; }

.text-availabilitytext { font-size: x-small; color: #666666; }

.text-availabilitytitle { font-size: x-small; font-weight: bold; }


/* the "you may also be interested in text" */

.text-related {}

/* theme UL tag */

.list-theme { padding: 0px; }

/* theme LI tag  (child of list-theme class)*/

.list-theme-item { padding: 0px; }

/* TIps (including basket quick tips) */

.tiptable { width: 100%; }

.tipheader { 
	width: 100%; 
	color: #000000; 
	font-weight: bold; 
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
	font-size: x-small; 
	font-variant: small-caps; 
	text-align: left; }
	
.tipbody { 
	width: 100%; 
	background-color: #f0f0f0; 
	font-size: x-small; }

/* Basket */

.baskettable { 
	border-collapse: collapse; 
	width: 100%; 
	border: 1px solid #c0c0c0; 
	padding: 0px; }
	
table.baskettable td ,table.baskettable tr { 
	margin: 0px; 
	padding: 3px 3px 3px 3px; }
	
.basketheader { 
	width: 100%; 
	font-weight: bold; 
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
	font-size: x-small; 
	font-variant: small-caps; 
	text-align: left; 
	color: #ffffff; 
	background: #000099; }
	
.basketlist-row2 { background: #E2E2FF; color: #000000; }

.basketlist-row1 { background: #ffffff; }

.basketlist-hilight { background: #B8D0FF; font-weight: bold; font-size: medium; }

.basketlist-lolight { font-weight: bold; }

/* Individual basket columns */

.basketlist-col1, .basketlist-col2, .basketlist-col3, .basketlist-col4, .basketlist-col5  { font-size: small; }

.basketlist-hcol1, .basketlist-hcol2, .basketlist-hcol3, .basketlist-hcol4, .basketlist-hcol5  { font-size: x-small; }

/* Product List */

.productlist-row1 { background: #f0f0f0; padding: 0px; }

.productlist-row2 { background: #ffffff; padding: 0px; }

.product-info { color: #000000; }

.product-link { color: #000000; }

.productlistheader { 
	background: #E2E2FF; 
	color: #000000; 
	font-weight: bold; 
	font-size: small; 
	padding: 3px 3px 3px 3px; }

.productlisttable { 
	border: 1px solid #E2E2FF; 
	empty-cells: show; 
	border-collapse: collapse; 
	border-spacing: 0px; 
	font-size: x-small; 
	padding: 3px 3px 3px 3px ; }

/* Individual product list columns */

.productlist-col1,.productlist-col2,.productlist-col3 { border-right: 1px solid #eeeeee; }

.productlist-col1, .productlist-col2, .productlist-col3, .productlist-col4, .productlist-col5  {}

.productlist-hcol1, .productlist-hcol2, .productlist-hcol3, .productlist-hcol4, .productlist-hcol5  {}

/* Navigation link colours  */

.link-department { color: #ffffff; font-weight: normal; font-size:xx-small; }

.link-department-select { color: #FFFF00; font-weight: bold; font-size:xx-small; }

.link-category { color: #ffffff; font-weight: normal; font-size:xx-small;}

.link-category-select { color: #FFFF00; font-weight: bold; font-size:xx-small; }

.link-subcategory { color: #ffffff; font-weight: normal; font-size:xx-small;}

.link-subcategory-select { color: #FFFF00; font-size:xx-small;}

a { color: #000000; }

/* Store bits */

.storecredits { 
	text-align: center; 
	padding: 42px 10px 10px 10px; }

/* Search bar */

.search-table { 
	width: 100%; 
	color: #0066cc; 
	background-color: #0066cc; }

.search-table table , .search-table table  td { 
	text-align: left; 
	width: 100%; 
	background-color: #0066cc; }

.search-table select , #keyword-search-box{ 
	width: 169px; 
	margin-left: 2px; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: x-small;
	font-weight: bold; }

/* Tab Bits */

.tab-table { 
	border: 0px 0px 0px 0px;
	border-collapse: collapse; 
	padding: 0px; 
	height: 22px; }

.tab-left { 
	background-image: url(images/tab-bar-left.gif); 
	background-repeat: no-repeat; 
	width: 22px; 
	height: 22px; 
	padding: 0px; }

.tab-parenttable  { 
	border: 0px 0px 0px 0px; 
	border-collapse: collapse; 
	padding: 0px; 
	background: url(images/tab-bar-background.gif); }

.tab-text { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: xx-small; 
	font-weight: normal; 
	text-align: center; 
	vertical-align: top; 
	border: 0px 0px 0px 0px; 
	border-collapse: collapse; 
	padding: 6px 0px 0px 0px; 
	background-image: url(images/tab-bar-background.gif); }
	
.tab-link { 
	text-decoration: none; 
	font-size: xx-small; 
	color: white; }

.tab-middle { 
	background-image: url(images/tab-bar-middle.gif); 
	background-repeat: no-repeat; 
	width: 20px; 
	height: 22px; 
	padding: 0px; }

.tab-right { 
	background-repeat: no-repeat; 
	width: 12px; 
	height: 22px; }

.text-bold { font-weight: bold; }

.text-shipping-row1 {}

.text-shipping-row2 {}

.basketlist-blank { background: white; }

.table-error { background: #B22222; }

.table-error-td { background: #FF0000; }

.error-text { background: #ffffff; font-weight: bold; }

.error-heading { color: #ffffff; font-weight: bold; text-decoration: underline; font-size: large; }

.testmodeinfo { background: #9999FF; color: #000000; font-weight: bold; }

.registerform .text { width: 140px; font-size: small; text-align: right; }

.registerform .textbox, .registerform .select   { width: 180px; }

.tender-header { font-weight: bold; font-family: Arial, Helvetica, sans-serif; }

#ordersummary { font-size: large; font-weight: bold; }

#table-checkout .tender-text { font-weight: bold; }

.inputRequirement { font-weight: bold; color: red; }

.search-label { font-size: small; font-weight: bold; }

#advanced-search-button { font-size: small; }

#page-search #form-advsearch select  { width: 90%; }

#keyword { width: 250px; }

#product_code { width: 150px; }

#customer-reviews-heading { padding-top: 10px; margin-bottom: 5px; }

#write-review-heading { margin-bottom: 5px; }

.review-useful-button { font-size: 10px; }

#product-review-title { width: 250px; }

.matrixtitle { font-weight: bold; font-size: small; width: 40px; }

.matrixoption { width: 170px; font-size: small }

/* H4 { font-size: small; color: #00009c; font-weight: bold }*/

#panel-specials { margin-top: 10px; }

td.mainbodycenter { background: url('images/top-curve.gif') no-repeat; }

table.specialtable { border: 1px solid #0065CE; }

table.specialtable TD {  padding: 7px 7px 7px 7px }

table.specialtable TH { 
	font-size: small; 
	color: #ffffff; 
	font-weight: bold; 
	background:#0065CE; }

/*PURCHASE ORDER HISTORY STYLES*/

.history-page, .history-search-page { padding:0px 0px 10px 0px; }

.history-search-page TABLE, .history-page TABLE { 
	font-size: small; 
	width: 100%; 
	border-collapse: collapse; 
	border-spacing: 0px; }
	
.history-page #payandship-details td , .history-page #history-details td { 
	margin: 0px; 
	padding-left: 5px; 
	font-size: small; }

.history-page #history-details .history-details-label b, .history-page #payandship-details .history-details-label b {
	font-weight:bold; 
	width:120px; 
	font-size: small; }

.history-page #track-shipment-link { 
	display: inline; 
	padding: 0px 0px 3px 25px; 
	clear: none; 
	background: url('images/icon-tracking.gif') no-repeat transparent top left; }
	
.history-page A { font-weight:bold; }

.history-page #itemsordered-details .items-reorder-link{ font-size:10px; color: #EA672A; cursor:pointer; }

.history-page #itemsordered-details { font-size: small; }

.history-search-page .product-link{ font-weight: normal; }

.history-search-page #history-search.formbox { margin-top:7px; padding:5px 5px 5px 8px; }

.history-search-page #history-search.formbox P { margin: 3px 0px 3px 0px; }

.history-search-page #history-search { font-size: small; }

.history-search-page #history-search.formbox #history-searchselect { width:300px; margin-right:10px; }

.history-search-page #history-search.formbox LABEL { margin-right:7px; display:block; }

.history-search-page #history-search.formbox .history-input { width:207px; margin-right:8px; }

.history-search-page #history-results td { margin: 0px; padding:5px; }

.history-search-page .pagination { width:auto; }

.history-page .heading-subcategory { padding:5px 0px 6px 5px; margin: 0px; font-size:small; }

#table-navigation .heading-small { padding:0; margin: 0px; }

.button-big, .button-small { display: block; cursor: hand; cursor: pointer; text-decoration: none; }

.button-big .button-text { 
	width:90px; 
	background: transparent url(store_images/buttons.gif) no-repeat scroll 0 -49px; 
	padding:0 0px; 
	line-height:19px; 
	height: 21px; }
	
.button-small .button-text { 
	width:45px; 
	background: transparent url(store_images/buttons.gif) no-repeat scroll 0 -35px; 
	padding: 0px; 
	height: 14px; }
	
.button-big .button-left { 
	width: 18px; 
	height: 21px; 
	background: transparent url(store_images/buttons.gif) no-repeat scroll 0px 0px; }
	
.button-big .button-right { 
	width: 13px; 
	height: 21px; 
	background: transparent url(store_images/buttons.gif) no-repeat scroll -19px 0px; }
	
.button-small .button-left { 
	width: 7px; 
	height: 14px; 
	background: transparent url(store_images/buttons.gif) no-repeat scroll 0px -21px; }
	
.button-small .button-right { 
	width: 7px; 
	height: 14px; 
	background: transparent url(store_images/buttons.gif) no-repeat scroll -8px -21px; }
	
.button-left { 
	float: left; 
	display: block; 
	font-size: xx-small; }
	
.button-right { 
	float: left; 
	display: block; 
	font-size: xx-small; }
	
.button-text { 
	text-transform:lowercase; 
	font-family: Arial, sans-serif; 
	font-size: xx-small; 
	font-weight: normal; 
	float: left; 
	display: block; 
	color: #000099; 
	text-decoration: none; 
	text-align:center; }

.pagination .button-text { width:auto; }

.pagination .button-right { margin-right: 1px; }

.pagination .button-small span { 
	filter:alpha(opacity=55); -moz-opacity:.55; opacity:.55; }

.pagination .button-small:HOVER span { filter:alpha(opacity=99); -moz-opacity:.99; opacity:.99; }

.pagination .button-on span { filter:alpha(opacity=99); -moz-opacity:.99; opacity:.99; }

.button-rightaligned   { float: right; }

/* hiding panels */

#page-home #panel-specials,#page-department #panel-specials,#page-category #panel-specials,#page-product #panel-specials {
display:none;
visibility: hidden;
}
/* New panel settings */

#panel-newproduct { font-size: x-small;}
#panel-newproduct span.text-price{ font-size: x-small;}
#panel-promotion { font-size: x-small;}
#panel-promotion span.text-price{ font-size: x-small;}
#panel-search .boxText {font-size: x-small;}
#panel-account td p{font-size: xx-small;}
#panel-account td p.small a{font-size: xx-small;}

/* custom content */

#customcontent a, #customcontent a:link {font-weight: normal; text-decoration:underline; color:#003366;}
#customcontent a:visited {font-weight: normal; text-decoration:underline; color:#003366;}
#customcontent a:hover {font-weight: normal; text-decoration:none; color:#CC6600;}
/* footer */

#sitefooter {border-top: #999999 1px solid;}
#sitefooter p #bottomlinks {font-size: xx-small; color:#333333; font-weight:normal;}
 #sitefooter #bottomlinks a, #sitefooter #bottomlinks a:link{font-size: xx-small; color:#333333; text-decoration:underline;  font-weight:normal;}
#sitefooter #bottomlinks a:visited{font-size: xx-small; color:#333333; text-decoration:underline; font-weight:normal;}
#sitefooter #bottomlinks a:hover{font-size: xx-small; color: #CC6600; text-decoration:none; font-weight:normal;}

/* Added by NitroSell - do not remove! */
label { font-family: arial,sans-serif; font-size: small; font-weight: bold; }