body { background-color:#ffffff; color:#000000; margin:0px; padding:0px;font-family:Verdana, Helvetica, sans-serif; font-size:1.0em;}

table { font-family:Verdana, Helvetica, sans-serif; font-size:1.0em;}

div.clear { clear:both; }
div.left { float:left; }
div.right { float:right; }
div.center { text-align:center; }
div.small { font-size:x-small;font-weight:normal; }

a { color:#666699; }

div.spacer2 { width:100%; height:2px; margin:0px; font-size:0px; }
div.spacer5 { width:100%; height:5px; font-size:0px; margin:0px; }
div.spacer10 { width:100%; height:10px; font-size:0px; margin:0px; }

.page { position:relative; width:100%; text-align:center; font-family:Verdana, Helvetica, sans-serif; }

.innerPage { position:relative; width:970px; margin:0px auto; margin-top:20px; font-size:0.7em; text-align:left; }

.logo { position:relative; float:left; padding-left:10px; padding-bottom:5px; width:140px; }

.topRight { position:relative; float:right; width:800px;}

.welcomeMessage { position:relative; width:370px; float:left; color:#666699; font-weight:bold; margin-top:5px; }
.strapline { color:Red; font-size:1.1em; }

.searchBar { position:relative; float:right; width:415px; color:#666699; height:18px; padding-top:2px; text-align:right; padding-right:10px; vertical-align:middle; }
.searchBar a { color:#666699; text-decoration:none; }
.searchBar input[type=text] { color:#666699; font-family:Verdana, Helvetica, sans-serif;font-weight:bold; background-color:white; border:1px solid #666699;font-size:0.9em;width:122px;margin-left:5px; }
.searchBar input[type=image] { height:16px; width:16px; padding:0px; margin:0px; margin-top:2px; margin-right:10px; margin-left:3px; vertical-align:top;display:inline; }
.searchBar img { padding-left:3px;border:0px;vertical-align:middle; }

.welcome { float:right; color:#666699; font-size:1.0em; padding-top:20px; }
.logout { float:right; color:#666699; font-size:1.0em; padding-right:10px; padding-top:20px; font-weight:bold; }
.login { float:right; color:#666699; font-size:1.0em; font-weight:bold; padding-right:10px; padding-top:20px; }

input[type=text], input[type=file], input[type=password],textarea { color:#666699; font-size:1.0em; font-family:Verdana, Helvetica, sans-serif; border:1px solid #666699; }
input[type=submit], input[type=button] { font-size:1.0em; color:white;  font-family:Verdana, Helvetica, sans-serif; background-color:	#666699;font-weight:bold;border:1px solid #000000;cursor:pointer; }
select { font-size:0.9em; font-family:Verdana, Helvetica, sans-serif; }


.nav { width:100%;height:41px;background-image:	url(/images/navline.gif); }
.navItem { float:left; height:21px; padding-top:20px; padding-left:3px; padding-right:3px; background-image:url(/images/tab.gif);background-repeat:repeat-x;font-size:10px;font-weight:bold;text-align:center;vertical-align:middle; }
.navItem a { color:#5A5A5A; text-decoration:none; }
.navItem a.blueLink { color:#666699; }
.navItem a:hover { color:#F50000; text-decoration:none; }
.navItemOver { float:left;height:21px; padding-top:20px;padding-left:3px;padding-right:3px;color:#F50000;font-size:10px;font-weight:bold;text-align:center;background-image:url(/images/tab-over.gif);background-repeat:repeat-x; }
.navItemOver a { color:#F50000;text-decoration:none;}

.mainContent { position:relative;width:928px; min-height:200px; margin:0px auto;text-align:left;padding:20px;border-left:1px solid #F8D7CB;border-right:1px solid #F8D7CB;border-bottom:1px solid #F8D7CB; }

h1 { color:#1C2122; font-size:1.3em; margin:0px;margin-bottom:5px; }

h2 { color:#666699;font-size:1.2em;margin:0px;margin-bottom:10px; }

.footer { clear:both; position:relative; text-align:center; padding-top:5px; padding-bottom:5px;color:#FE8080; }
a.footer { color:#FE8080; }
.colourText { color:#6E6E6E; }

ul li { list-style-type:square; margin-bottom:5px; }

.productList { float:left; width:670px; }

div.enlargedLink {  }
div.coloursLink {  }

.rightCatImage { float:right; width:240px; margin-bottom:20px; overflow:hidden; }
.shoppingBasket { border:1px solid #F50000; color:#666699; float:right; width:230px; padding:5px; }

.loginField { float:left; padding-right:10px; width:150px; text-align:right; }

.loginButton { padding-left:160px; padding-top:10px; }

.oops { color:#F50000; }

/* website */
div.webLeft { float:left;width:660px; }
div.webRight {float:left;width:235px;margin-left:30px;  }

table.catsTable { padding:40px; }
table.catsTable td { border:1px solid #F8D7CB; color:#666699; text-align:center; height:150px; width:170px; padding-bottom:5px;}
table.catsTable td h2 { font-size:0.9em; }

a.product { color:#F50000; text-decoration:	none; }
a.product:hover { text-decoration:underline; }

/* products table */
table.products  {width:650px;margin-top:20px;}
table.products .productsRow {position:relative; display:inline-block; border: 1px solid #666699;padding:10px;margin-bottom:20px;}
table.products .image {float:left; margin-right:10px; text-align:center; width:200px; }
table.products .description {float:left; width:330px;}
table.products .order {float:right; width:85px; vertical-align:bottom;}
table.products .order input {width:85px;margin-top:10px;}
table.products .price {text-align:center;width:100px;color:#666699; font-weight:bold;margin-bottom:20px; font-size:1.1em;}


/* product options */
.productOptions { display:inline-block; border: 1px solid #666699;padding:10px;margin-bottom:20px;width:650px;margin-top:20px; }
.productOptions .image {float:left; margin-right:10px; text-align:center; width:150px; }
.productOptions .description { float:left;width:470px; padding-bottom:10px; }
.productOptions .orderOptions { position:relative; display:block; padding:10px; background-color:#EBECF4; border:1px solid #666699; color:#666699;}
.productOptions h2 { float:left; font-weight:bold; color: #666699; }
.productOptions .price { float:right; font-weight:bold; font-size:1.2em; }
.productOptions .price input { width:85px; border:0px; background-color:#EBECF4; font-weight:bold; }
.productOptions .leftCol { float:left; }
.productOptions .options { }
.productOptions .singleItem { }
.productOptions .ddName { text-align:right; }
.productOptions .options select { color:#666699; }
.productOptions .engraving { margin-top:10px; }
.productOptions .rightCol { float:right; }
.productOptions .quantity { font-weight:bold; margin-bottom:10px; }
.productOptions .orderButton input { width:97px; }

/* basket summary */
.basketSummary { width:100%; border:1px solid #666699; padding:5px;}
.basketHeader { color:white; font-weight:bold;background-color:#666699; }
.basketHeadings { color:#666699; font-weight:bold; }
.basketHeadings .item { width:210px; }
.basketHeadings .qty { text-align:right; }
.basketHeadings .price {  }
.basketEmpty { color:Gray; background-color:#EEEFEA; }
.basketItemRow { background-color:#EEEFEA; color:#666699; font-size:0.8em; }
.basketItemRow a { color:#666699; text-decoration:none; }
.basketItemRow a:hover { text-decoration:underline; }
.basketDelete { border-bottom:2px solid white; }
.basketItem { border-bottom:2px solid white; }
.basketQuantity { text-align:right;border-bottom:2px solid white; }
.basketPrice { text-align:right;border-bottom:2px solid white; }
.basketFooter { color:white; font-weight:bold;background-color:#666699; }
.basketFooter .orderLink { font-weight:normal;color:white; }

/* checkout */
table.checkout { width:930px; margin:20px; margin-left:0px; margin-right:0px; margin-bottom:5px; }
table.checkout th { background-color:#666699; padding:5px; color:White; }
table.checkout td { display:block; background-color:#EBECF4; padding:5px; border-bottom:1px solid white;}
table.checkout td input { text-align:right; }
table.checkout tr.footer { background-color:white; padding:5px; color:white; font-weight:bold; }
table.checkout tr.footer td { background-color:#666699; }

/* separate items */
.separateItems .check { font-weight:bold; }

/* ordering options */
.orderingOptions { margin-top:10px; padding:5px; background-color:#EBECF4; color:#666699; border:1px solid #666699; display:inline-block;}
.orderingOptions .option { padding:5px; margin:5px; border:1px solid #666699; background-color:White; float:left; width:280px; }
.orderingOptions .option input { width:130px; margin-top:10px; }

/* order details */
table.orderDetails { margin:20px; margin-left:0px; margin-bottom:5px; }
table.orderDetails th { background-color:#666699; padding:5px; color:White; }
table.orderDetails td { background-color:#EBECF4; padding:5px; border-bottom:1px solid white;}
table.orderDetails tr.footer { background-color:white; padding:5px; color:white; font-weight:bold; }
table.orderDetails tr.footer td { background-color:#666699; }

/* engraved lines */
.engravedDetails { margin-top:10px; }
.engravedDetails table { margin-bottom:10px; margin-top:5px; border:1px solid black; }
.engravedDetails table th { }
.engravedDetails table td { padding-right:30px; }

/* cross sell options */
div.crossSellOptions { display:inline-block; border: 1px solid #666699;padding:10px;margin-bottom:20px;width:650px;margin-top:20px; }
div.crossSellOptions .image { float:left; padding-right:30px; }
div.crossSellOptions .title { font-weight:bold; text-align:center; }

/* management content */
div.managedContent {position : relative;}
div.managedContent .editButton {position: absolute; top: 1px; left: 1px;}
div.managedContent .editor textarea {border:1px solid #cdcdcd; width: 98%; height: 50px; font-family : Verdana, Helvetica, sans-serif; font-size: 0.85em; color: #6E6E6E;}
div.managedContent .editor .editBox {border:1px solid #cdcdcd; width: 98%; overflow-y:scroll; font-family : Verdana, Helvetica, sans-serif; font-size: 0.85em; color: #6E6E6E;padding:5px;}
div.managedContent .editor .editPanel {border:1px solid #cdcdcd; width: 98%; overflow-y:scroll; font-family : Verdana, Helvetica, sans-serif; font-size: 0.85em; color: #6E6E6E;padding:5px;}
div.managedContent .commands { display:inline; margin-left:20px; }
div.managedContent img.command {cursor:pointer;}

div.editTags {background-color: #f0f0f0; padding: 0 0 0.5em 0; font-size:0.7em;}
div.editTags label {display: block; padding: 0 0 0 0.5em;}
div.editTags label span {display: inline-block; width: 80px;}
div.editTags label input {width: 800px; }

div.moreInfo { text-align:center; padding:20px; }
div.moreInfo h1 { color:#666699;font-size:0.8em;margin:0px;margin-bottom:10px; }
div.moreInfo .info { padding-top:10px;text-align:left;font-size:0.7em; }

div.printOrder { position:relative; width:640px; margin:0px auto; margin-top:20px; font-size:0.7em; text-align:left; }
div.adminPopup { position:relative; width:400px; margin:0px auto; margin-top:20px; font-size:0.7em; text-align:left; }
div.engravedText { position:relative; width:400px; margin:0px auto; margin-top:20px; font-size:0.7em; text-align:left; }
div.engravedText .text { font-size:1.0em; }

/* admin */

.adminSearchBar { position:relative; float:right; width:600px; color:#666699; height:18px; padding-top:2px; text-align:right; padding-right:10px; vertical-align:middle; }
.adminSearchBar a { color:#666699; text-decoration:none; }
.adminSearchBar input[type=text] { color:#666699; font-family:Verdana, Helvetica, sans-serif;font-weight:bold; background-color:white; border:1px solid #666699;font-size:0.9em;width:122px;margin-left:5px; }
.adminSearchBar input[type=image] { height:16px; width:16px; padding:0px; margin:0px; margin-top:2px; margin-right:10px; margin-left:3px; vertical-align:top;display:inline; }
.adminSearchBar img { padding-left:3px;border:0px;vertical-align:middle; }


div.adminLeft { float:left;width:500px; }
div.adminRight {float:left;width:350px;margin-left:10px; border:1px solid #666699; padding:10px; background-color:#EBECF4; color: #666699; }
div.adminRight table {  }
div.adminRight select { border: 1px solid #666699; color:#666699; width:200px; }

div.adminEditor {width:336px; border:1px solid #5A5A5A; background-color:white; padding:2px; }
div.adminEditor2 {border:1px solid #5A5A5A; background-color:white; padding:2px; }
div.adminEditBox {width:336px;height: 150px;overflow-y:scroll;}
div.adminEditBox2 {width:336px;height:150px;overflow-y:scroll;}
div.commands {background-color:#EBECF4; }
div.commands img {cursor:pointer;}
div.adminEditBoxOneLine {width:236px;height: 25px;overflow-y:scroll;}

div.adminEditorSm {width:236px; border:1px solid #5A5A5A; background-color:white; padding:2px; }
div.adminEditBoxSm {width:236px;height: 150px;overflow-y:scroll;}

/* Reorder List*/
.dragHandle {width:16px;height:16px;background-image:url(/images/icon-drag.gif);background-repeat:no-repeat;cursor:move;}
.callbackStyle {border:thin blue inset;}
.callbackStyle table {background-color:#5377A9;	color:Black;}
.reorderList li { list-style:none;margin:2px;margin-bottom:4px;padding:2px;width:450px;height:17px;border:1px solid #666699;color:#5A5A5A;}
.reorderList li a {color:#5A5A5A !important;text-decoration:none;font-weight:bold;}
.reorderCue {border:dashed thin black;width:100%;height:20px;}
.itemArea {margin-left:5px;float:left;font-size:11px;}
.commandArea {margin-right:5px;float:right;}

/* Accordion */
.accordionHeader { border:1px solid #666699; background-color:#666699; color: white; font-weight: bold; margin-top: 5px; cursor: pointer; }
.accordionHeader .content { display:block; padding: 5px; }
.accordionHeader a { color: #FFFFFF; background: none; text-decoration: none; }
.accordionHeader a:hover { background: none;text-decoration: underline; }
.accordionHeaderSelected { border:1px solid #666699; color: white; background-color: #9CA2C6; font-weight: bold; margin-top: 5px; cursor: pointer; }
.accordionHeaderSelected .content { display:block; padding: 5px; }
.accordionHeaderSelected a { color: #FFFFFF; background: none; text-decoration: none; }
.accordionHeaderSelected a:hover { background: none; text-decoration: underline; }
.accordionContent { background-color: #EBECF4; border:1px solid #666699; border-top: none; padding: 5px; padding-top: 10px; }

/* gridview */
table.grid { margin:20px; width:900px; margin-left:0px; margin-bottom:5px; }
table.grid th { background-color:#666699; padding:5px; color:White; }
table.grid th a { color:White; }
table.grid td { background-color:#EBECF4; padding:5px; border-bottom:1px solid white; vertical-align:top;}
table.grid tr.footer { background-color:white; padding:5px; color:white; font-weight:bold; }
table.grid tr.footer td { background-color:#666699; }
table.grid tr.pager td { background-color:White; }

/* popup */
div.orderDetailsDiv { padding:10px; border:1px solid #666699; }

div.notes {padding:10px; }
div.notes ul li { list-style-type:none; display:inline-block; }

/*AutoComplete flyout */

/*.autocomplete_completionListElement 
{  
	visibility : hidden;
	margin : 0px!important;
	background-color : inherit;
	color : windowtext;
	border : buttonshadow;
	border-width : 1px;
	border-style : solid;
	cursor : 'default';
	overflow : auto;
	height : 200px;
    text-align : left; 
    list-style-type : none;
}*/

/* AutoComplete highlighted item */

.autocomplete_highlightedListItem
{
	background-color: #ffff99;
	color: black;
	padding: 1px;
}

/* AutoComplete item */

.autocomplete_listItem 
{
	background-color : window;
	color : windowtext;
	padding : 1px;
}

div.infoBox { width:220px; border:1px solid #F50000; padding:10px; display:block; background-color:#FBEAE4 }

/* gridview */
table.reports { margin:20px; width:500px; margin-left:0px; margin-bottom:5px; }
table.reports th { background-color:#666699; padding:5px; color:White; }
table.reports th a { color:White; }
table.reports td { background-color:#EBECF4; padding:5px; border-bottom:1px solid white; vertical-align:top;}
table.reports tr.footer { background-color:white; padding:5px; color:white; font-weight:bold; }
table.reports tr.footer td { background-color:#666699; }

hr { height:1px; noshade; color:#666699; }

.merge
{
	display: block;
	width:600px;
	margin-top:20px;
	padding:5px;
	background-color: #ebf3fb;
	border: 1px solid #666699;
}