/************* Citywinecellar.com **********/
/*
purple 			7c1544
websafe purple	660033
grey			999999

*/

body { 
/*	background:url(images/bg-horz.jpg) top center; */
	background-image:url(images/bg-horz.jpg);
	background-repeat:repeat-y;
	font-family: Arial, Helvetica, sans-serif; 
	margin:0px auto;
	padding:0px; 
	text-align: center; /* for stupid IE */ 
}

/*WHOLEPAGE - wholepage is a class assigned to a DIV encompassing the entirepage after the body element, see #page id's for individual page config */
.wholepage { 
	background:#FFFFFF; 
	margin: 0px auto; 
	padding:0px; 
	width:994px; 
	height:100%; 
	text-align: center; /* for stupid IE */ 
}

p, label, .text  { margin:0px; padding:0; }

a { text-decoration: none; }

#specialoffers {
	/* width:994px; */
}

#login_form #Username, #login_form #Password {
	background:#f1f1f1;
	width:100px;
}


.formbox { BORDER-RIGHT: #7b9ebd 1px solid; BORDER-TOP: #7b9ebd 1px solid; BACKGROUND: #e1e1e1; BORDER-LEFT: #7b9ebd 1px solid; BORDER-BOTTOM: #7b9ebd 1px solid }
.parent-newproduct .navpanelleftcontent { background: #fff; }
.headertable { border-collapse: collapse; border-spacing: 0; width: 100%; }
.headercenter { width: 100%; border-width:0; }
.headerleft { border-width:0; }
.headerright { border-width:0; }
.mainbody { width: 100%; border-collapse: collapse; border-spacing: 0; }
.mainbodycenter { width: 100%; vertical-align: top; padding: 0px 10px 10px 10px; }
.mainbodyleft   { width: 170px; vertical-align: top; padding: 0px; }
.mainbodyright  { width: 170px; vertical-align: top; padding: 0px; }
.navpanelheader {}

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

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

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

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

.navpanelbodybody { border-collapse: collapse; border-spacing: 0; 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: 0; width: 100%; padding:0; height: 28px; border-bottom: 1px solid #999999; border-top: 1px solid #999999; border-right: 1px solid #999999; border-left: 1px solid #999999; margin:0; padding:0; background-image: url(images/panelHeader-new.gif); font-size: 10px; color: white }

.navpanelrightheader { border-collapse: collapse; border-spacing: 0; width: 100%; height: 28px; border-bottom: 0px solid #999999; border-top: 0px solid #999999; border-right: 0px solid #999999; border-left: 0px solid #999999; margin:0; padding:0; background-image: url(images/panelHeader-new.gif); font-size: 10px; }

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

.navpanelbody{  width:100% }
.navpanelbodycell { width: 100%; }
.navpanelleftcell,.navpanelrightcell { width: 170px; }
.navpanelleftheaderleft { padding:0; background-repeat: no-repeat; width: 12px }
.navpanelrightheaderleft { padding:0; width: 21px }
.navpanelleftheaderright { padding:0; margin:0; }
.navpanelleftheadercenter , .navpanelbodyheadercenter { color: white; font-weight: bold; text-align: left; font-size: 12px; }
.navpanelrightheadercenter { color: White; font-weight: bold; text-align: left; font-size: 12px; }

.text-shopping { color: #333333; font-size: 9px; }
.text-shopping-link { color: #333333; font-size: 10px; font-weight: normal; }

/* For the panel headers in the body */
#productphoto { margin: 20px 15px 10px 3px; }
.navpanelbodyheaderright ,.navpanelbodyheaderleft ,.navpanelbodyheadercenter { background-color: #639AFF; }
.navpanelbodyheadercenter {  color: #fff; }
.navpanelbodyheaderright {}

/* Headings */
.heading-subcategory { font-size: 14px; color: #CC0000; font-weight: bold }
.heading-product, h1, .heading-main { font-size: 18px; color: #660033; font-weight: bold }
h1, .heading-main { padding-top: 10px; }
.heading-small { width: 100%; text-align: right; font-size: 10px; color: Gray; font-weight: normal; }
.heading-product { padding-bottom: 6px; }
.text-product-desc { font-size: 12px; }

/* text types */
.text-search { font-size: 10px; color: #999999; }
.text-pricingdetails{ font-size: 12px color: #999999; }
.text-price { font-weight: bold; font-size: 12px; color: #999999; }
.text-pricestrike { text-decoration: line-through; font-weight: bold; }
.text-shipping { color: #999999;  font-size: 11px }
.text-pricesave , .text-pricespecial { color: #999999; font-weight: bold; font-size: 12px; }
.text-small { font-size: 9px; }
.text-availabilitytext { font-size: 12px; color: Gray; }
.text-availabilitytitle { font-size: 12px; font-weight: bold; }

/* the "you may also be interested in text" */
.text-related {}

/* theme UL tag */
.list-theme { padding:0; }

/* theme LI tag  (child of list-theme class)*/
.list-theme-item { padding:0; }

/* TIps (including basket quick tips) */
.tiptable { width: 100%; }
.tipheader { width: 100%; color: #999999; font-weight: bold;  font-size: 10px; font-variant: small-caps; text-align: left; }
.tipbody { width: 100%; background-color: #f0f0f0; font-size: 10px }

/* Basket */
.baskettable { border-collapse: collapse; width: 100%; border: 1px solid #c0c0c0; padding:0; }
table.baskettable td ,table.baskettable tr { margin:0; padding: 3px 3px 3px 3px; }
.basketheader { width: 100%; font-weight: bold;  font-size: 10px; font-variant: small-caps; text-align: left; color: #fff; background: #660033; }
.basketlist-row2 { background: #f1f1f1; color: #666666; }
.basketlist-row1 { background: #fff; }
.basketlist-hilight { background: #cccccc; font-weight: bold; font-size: 13px; }
.basketlist-lolight { font-weight: bold; }

/* Individual basket columns */
.basketlist-col1, .basketlist-col2, .basketlist-col3, .basketlist-col4, .basketlist-col5  {  font-size: 12px}
.basketlist-hcol1, .basketlist-hcol2, .basketlist-hcol3, .basketlist-hcol4, .basketlist-hcol5  { font-size: 13px; }

/* Product List */
.productlist-row1 { background: #f0f0f0; padding:0; }
.productlist-row2 { background: #fff; padding:0; }
.product-info { color: #999999; }
.product-link { color: #999999; }
.productlistheader { background: #E2E2FF; color: #999999; font-weight: bold; font-size: 12px; padding: 3px 3px 3px 3px; }
.productlisttable { border: 1px solid #E2E2FF; empty-cells: show; border-collapse: collapse; border-spacing: 0; font-size: 10px; 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  */
#panel-navigation a { font-size:12px; }
.navlink { text-decoration: none; font-weight: bold; color:#000000;}
/*
.link-department { color: #666666; font-weight: normal; }
.link-department-select { color: #660033; font-weight: bold; }
.link-category { color: #666666; font-weight: normal; }
.link-category-select { color: #660033; font-weight: bold; }
.link-subcategory { color: #666666; font-weight: normal; }
.link-subcategory-select { color: #660033; }
*/

.link-department { color: #666666; font-weight: bold; text-decoration: none;  }
.link-department:hover { color: #660033; font-weight: bold; text-decoration: none; }
.link-department-select { color: #660033; font-weight: bold; text-decoration: none; }
.link-department-select:hover { color: #660033; font-weight: bold; text-decoration: none; }
.link-category { color: #666666; text-decoration: none; }
.link-category:hover { color: #660033; text-decoration: none; }
.link-category-select { color: #660033; font-weight: bold; text-decoration: none; padding-left:5px; padding-right:5px; display:inline; }
.link-category-select:hover { color: #660033; font-weight: bold; text-decoration: none; }
.link-subcategory { color: #000; font-weight: normal; text-decoration: none; }
.link-subcategory:hover { color: #660033; font-weight: normal; text-decoration: none; }
.link-subcategory-select { color: #660033; font-weight: bold; text-decoration: none; padding-left:5px; padding-right:5px; display:inline; }
.link-subcategory-select:hover { color: #660033; font-weight: bold; text-decoration: none; }


/* Store bits */
.storecredits { text-align: center; padding: 42px 10px 10px 10px; }

/************************************************************************************* Search bar */
.search-table table { 
	margin:0px 0px 4px 0px; 
	padding:0px 0px 0px 0px;
	text-align:left;
	float:left;
	background-position:left;
}

.search-table td {margin-right:5px;}

#keywordsearchcell { 
	font-family:Arial, Helvetica, sans-serif;
	padding-top: 6px;
}

#search_form select {
	font-family:Arial, Helvetica, sans-serif;
	width:300px;
	text-align:left;
	font-size:13px;
}
#keyword-search-box {
	font-family:Arial, Helvetica, sans-serif;
	width:330px;
	text-align:right;
	font-size:13px;
}
#advanced_search {
/*	ORG in search bar
	margin: -35px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
	text-align:right;
	float:right;
*/
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
	text-align:center;
}
.advanced_search a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
}

/********************************** OLD Tab Bits */
/*
.tab-table { border: 0px 0px 0px 0px ; border-collapse: collapse; padding:0; height: 22px; }
.tab-left { background-image: url(images/tab-bar-left.gif); background-repeat: no-repeat; width: 22px; height: 22px; padding:0; }
.tab-parenttable  { border: 0px 0px 0px 0px ; border-collapse: collapse; padding:0; background: url(images/tab-bar-background.gif); }
.tab-text { font-family: "MS Serif", "New York", serif; font-size: 12px; 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; color: white; }
.tab-middle { background-image: url(images/tab-bar-middle.gif); background-repeat: no-repeat; width: 20px; height: 22px; padding:0; }
.tab-right { background-repeat: no-repeat; width: 12px; height: 22px; }
*/

/*********************************************************** HORIZONTAL TAB-LIKE MENU  */

/* Description: Store Menus (Horizontal tabs)  */

/*reset some values*/
.tab-parenttable td { margin:0px; padding: 0px;  }
.tab-parenttable, .tab-parenttable table { border-collapse:collapse; border-spacing:0px; padding:0px; margin:0px;}
.tab-parenttable table { margin:0px 0px 0px 5px;}

/*     Tab CSS elements         note: if you wish to style individual tabs each .tab-text is also given an id of #tab-1, #tab-2, etc...*/

/*the outer tab table*/
.tab-parenttable  { width:100%; background: url('images/tab-parenttable-bg.jpg') repeat-x center; }

/*the inner tab table*/
.tab-table { 
	height: 30px;
}

/*all horizonta space to the left of menu*/
.tab-left { }

/* cell between each tab*/
.tab-middle { width:0px; padding:0px; margin:0px; border-collapse:collapse; border-spacing:0px; }

/*all horizonta space to the right of menu*/
.tab-right { width: 0px; }

/*tab link a*/
.tab-link { white-space:nowrap; color: white; text-decoration: none; }

/*individual tab text*/
.tab-text { 
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-align:center; 
	font-size:13px; 
	white-space:nowrap; 
	font-weight:bold; 
	padding:0px ;
}
.tab-text a:link { display:block; padding: 8px; }
.tab-text a:visited { display:block;  padding:8px; }
.tab-text a:hover { padding:8px; background: url('images/tab-parenttable-bg-over.jpg') repeat-x center; color:#CCCCCC;}
.tab-text a:active { padding:8px;}




.text-bold { font-weight: bold; }
.text-shipping-row1 {}
.text-shipping-row2 {}
.basketlist-blank { background: white; }
.table-error { background: #B22222; }
.table-error-td { background: Red; }
.error-text { background: White; font-weight: bold; }
.error-heading { color: White; font-weight: bold; text-decoration: underline; font-size: 14px; }
.testmodeinfo { background: #9999FF; color: #999999; font-weight: bold; }
.registerform .text { width: 140px; font-size: 12px; text-align: right; }
.registerform .textbox, .registerform .select   { width: 180px; }
.tender-header { font-weight: bold;  }
#ordersummary { font-size: 16px; font-weight: bold; }
#table-checkout .tender-text { font-weight: bold; }
.inputRequirement { font-weight: bold; color: red; }
.search-label { font-size: 12px; font-weight: bold; }
#advanced-search-button { font-size: 12px; }
#page-search #form-advsearch select  { width:100%; }
#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: 12px; width: 40px; }
.matrixoption { width: 170px; font-size: 12px }
H4 { font-size: 13px; 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: 12px; color: #fff; 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:11px; width:100%; border-collapse:collapse; border-spacing:0; }
.history-page #payandship-details td , .history-page #history-details td { margin:0; padding-left:5px; font-size:12px; }
.history-page #history-details .history-details-label b, .history-page #payandship-details .history-details-label b { font-weight:bold; width:120px; font-size:12px; }
.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:12px; }
.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:12px; }
.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:0; padding:5px; }
.history-search-page .pagination { width:auto; }
.history-page .heading-subcategory { padding:5px 0px 6px 5px; margin:0; font-size:12px; }
#table-navigation .heading-small { padding:0; margin:0; }
.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; line-height:19px; height: 21px; }
.button-small .button-text { width:45px; background: transparent url(store_images/buttons.gif) no-repeat scroll 0 -35px; padding:0; 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:0px; }
.button-right { float: left; display: block; font-size:0px; }
.button-text { text-transform:lowercase;  font-size: 10px; font-weight: normal; float: left; display: block; color: #FFFFFF; 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; }

/* content pages custom styles */

#customcontent {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	padding: 10px;
}

#customcontent p {
	font-size:13px;
}
#customcontent blockquote {
	margin: 0px 20px 20px 20px;
	color:#660033;
	font-style:italic;
}

#customcontent h1, #table-navigation .heading-main {
	font-family:Arial, Helvetica, sans-serif;
	font-size:22px;
	font-weight:bold;
	color:#660033;
}
#customcontent h1 {
	margin-top:-10px;
}
#table-navigation .heading-main {
	margin: 0px 0px 0px 10px;
}
#table-navigation table {
	margin:0px;
}
#customcontent h2 {
	font-size:18px;
	font-weight:bold;
	color:#666666;
}

#customcontent h3 {
	font-size:14px;
	font-weight:bold;	
	color:#660033;
	padding-top:10px;
	padding-bottom:0px;
}

#customcontent b, #customcontent strong {
	font-size:13px;
	font-weight:bold;
	color:#660033;
}

#customcontent a {
	font-size:13px;
	font-weight:bold;
	color:#660033;
	text-decoration:underline;
}

#customcontent a:hover {
	color:#660033;
	text-decoration:none;
}

/************************/
#sitefooter { 
	width:100%;
	text-align:center;
	font-size:11px;
}

#authorizenet, .AuthorizeNetSeal {
	text-align:center;
	padding: 10px 0px 0px 0px;
	width:100%;
}

/************************/
.shipping_calc {
	color:#333333;
	width:170px;
	background:#f1f1f1;
	border:#999999 1px solid;
	font-size:17px;
	padding:8px;
	margin: 0px 0px 5px 0px;
}

.shipping_calc_note {
	color:#999999;
	font-size:9px;
	padding: 5px;
	border-top:#cccccc 1px solid;
}

/************************/
.constant_contact table {
	width:170px;
	padding:0px;
	margin:0px;
}

/************ HIDE NAV BAR TABS ************/

#tab-77, #tab-182, #tab-183 {
	display:none;
}