﻿/* Site layout */
html{ height:101%; background-color:#333333; }
body, table{ margin:0px 0px 0px 0px; font-family:Verdana; font-size:12px; color:#333333; }
.sitecontainer{	width:900px; margin-left:auto; margin-right:auto; margin-top:20px; border:0px solid red; }
.siteheader{ background-image:url(/Gfx/siteheader.png);	width:900px; height:112px; border:0px solid red; }
.sitecontent{ width:900px; border:0px solid silver;	background-color:white; padding-bottom:10px; }
.leftcontent{ float:left; width:640px; padding:10px 10px 10px 20px;	border:0px solid yellow; }
.rightcontent{ float:right;	width:200px; padding: 10px 5px 10px 10px;	border-left:1px solid silver; font-size:11px; }
.sponsors{ margin-left:auto; margin-right:auto;	width:900px; padding-top:5px; color:silver; font-size:9px; }

.searchbox{	position:relative; top:35px; left:235px; }
.txtSearch{	height:25px; width:235px; font-size:18px; line-height:24px; font-weight:bold; margin-left:10px;	border:0px;	color:#666666; }
.btnSearch{	line-height:26px; }
.validation{ color:Red; font-size:10px; }


/* Common styles */
a{ color:#CC9900; }
h1{ color:#175792; font-size:20px; font-family:Arial; }
h2{ color:#175792; font-size:15px; border-bottom:1px solid #175792; }
h3{ color:Gray; font-size:14px; }
.h3{ color:Gray; font-size:14px; }
ul{ list-style-type:none; padding:0px; margin:0px; }
li{ padding:3px; }
textarea{ font-family: Verdana; }
small{ color:Gray; }

.w15{ width:15px; }
.w20{ width:20px; }
.w75{ width:75px; }
.w150 { width:150px; }
.w200 { width:200px; }
.w250 { width:250px; }
.w300 { width:300px; }

.pad20{ padding:20px 20px 20px 20px; }

.out{ position:absolute; left:-800px; }
.right{ float:right; }
.left { float:left; }
.visible{ visibility:visible; }
.hidden{ visibility:hidden; }
.pointer{ cursor:pointer; }
.curArrow{ cursor:default; }
.curhelp{ cursor:help; }
.cachedPic{ display:none; }
.border0{ border:0px; }
.txtRight{ text-align:right; }
.gray{ color:Gray; }

/* Grid styles */
.cellhead{ background-image:url(/Gfx/CellHead.png); background-repeat:repeat-x; color:Gray; font-size:11px; font-weight:bold; }
.cellheadstart{ background-image:url(/Gfx/CellHeadStart.png); background-repeat:no-repeat; background-position:right; height:26px; width:3px; }
.cellheadend{ background-image:url(/Gfx/CellHeadEnd.png); background-repeat:no-repeat; width:50px; }
.cell{ padding:4px; border-bottom:1px solid silver; background-color:#EBE9D4; color:#27566F; }
.cellAlt{ padding:4px; border-bottom:1px solid silver; background-color:#EBE9D4; color:#27566F; }
.row{ height:24px; vertical-align:middle; }
.altrow{ height:24px; vertical-align:middle; }

A.itemUrl:link{ color:#CC9900; font-size:13px; text-decoration:underline;}
A.itemUrl:visited{ color:#CC9900; font-size:13px; text-decoration:underline;}
A.itemUrl:hover{ color:#CC9900; font-size:13px; text-decoration:underline;}
A.itemUrl:active{ color:#CC9900; font-size:13px; text-decoration:underline;}

/* Menu styles */
A.lnkMenu:link{ color:Gray; font-size:13px; font-weight:bold; text-decoration:none;}
A.lnkMenu:visited{ color:Gray; font-size:13px; font-weight:bold; text-decoration:none;}
A.lnkMenu:hover{ color:inherit; font-size:13px; font-weight:bold; text-decoration:none;}
A.lnkMenu:active{ color:Gray; font-size:13px; font-weight:bold; text-decoration:none;}
.menu{ height:37px; width:900px; color:gray; background-image:url(/Gfx/menuBg.png); background-repeat:repeat-x; }
.menuSep{ float:left; height:37px; width:1px; padding:0px; background-image:url(/Gfx/menuSep.png); }
.menuItem{ float:left; height:37px; line-height:37px; padding:0px 10px 0px 10px; }
.menuItemHover{ float:left; height:37px; line-height:37px; padding:0px 10px 0px 10px; color:White; cursor:pointer; background-image:url(/Gfx/menuBgHover.png); }

/* PanelMenu styles */
.panelMenu{ font-family:Arial; color:Black; border:1px solid silver; width:200px; }
.levelOne{ background-color:#F6F6F6; color:#175792; font-family:Verdana; font-size:11px; font-weight:bold; border-top:1px solid #D8D8D8; padding:4px; width:200px; }
.levelTwo{ background-color:#EBEBEB; color:Black; font-family:Verdana; font-size:10px; border-top:1px solid #D8D8D8; padding:5px; text-indent:11px; width:200px; }
.levelThree{ background-color:White; color:#7CAFD2; font-family:Verdana; font-size:10px; padding:5px; text-indent:20px; width:180px; }

/* ShoppingList preview styles */
.shoppingListPreview{ height:85px; width:130px; background-image:url(/Gfx/ShoppingListPreview.png); position:relative; left:750px; top:-47px; text-align:center; }
.previewCount{ color:#86B6B9; font-size:3.3em; font-weight:bold; font-family:Verdana; position:relative; left:30px; top:7px;}

/* FAQ styles */
.question{ text-decoration:underline; font-weight:normal; cursor:pointer; color:#CC9900; }
.answer{ text-decoration:none; visibility:hidden; display:none; margin:5px 0px 0px 10px; font-size:11px; }

/* ShoppingList styles */
.shoppingList{ font-size:12px; }
.slHeaderStart{ background-image:url(/Gfx/listHeadStart.png); background-repeat:no-repeat; width:3px; height:36px; }
.slHeader{ font-size:11px; font-weight:bold; height:44px; color:Gray; background-image:url(/Gfx/listHead.png); background-repeat:repeat-x; vertical-align:middle; }
.slHeaderEnd{ background-image:url(/Gfx/listHeadEnd.png); background-repeat:no-repeat; width:10px; min-width:10px; }
.slRow{ }
.slRowAlt{ background-color:#D8E9F4; }
.slRowTotal{ font-weight:bold; font-size:11px; height:15px; background-color:#f1f1f1; border-bottom:1px solid gray; border-top:1px solid gray; }
.slCellPrice{ text-align:right; border-left:1px solid silver; }
.slCellTotal { border-right: 1px solid #f1f1f1; }
.slCellQuantity{ min-width:60px; text-align:center; border-right:1px solid gray; }
.slTxtQuantity{ font-size:12px; width:30px; text-align:center; }
.slCellShopPrice{ height:30px; font-size:12px; color:Gray; text-align:center; border-left:1px solid silver; border-top:1px solid silver; border-right:1px solid silver; }
.slTxtCent{ text-align:center; }

/* Footer styles */
A.lnkFooter:link{ color:White; font-size:11px; text-decoration:none;}
A.lnkFooter:visited{ color:White; font-size:11px; text-decoration:none;}
A.lnkFooter:hover{ color:White; font-size:11px; text-decoration:underline;}
A.lnkFooter:active{ color:White; font-size:11px; text-decoration:none;}

/* Product detail styles */
img.itemImage{ max-height:200px; max-width:200px; }
.description{ font-family:Verdana; font-size:11px; font-weight:normal; color:black; border-bottom:0px; display:inline; }
.vvsnumber{ font-family:Verdana; font-size:11px; font-weight:normal; color:black; border-bottom:0px; display:inline; }
