/*********************************
* Name:		Global.css
* Author:	Andrew Mayhew
* Date:		18th July 2005
* Site:		Lamount
*********************************/

/**********************
* Page & Generic Layout
**********************/
* {font-family: Verdana, Arial, Sans-Serif; color: #000000; text-decoration: none; }
html {margin: 0px; padding: 0px; }
body {width: 780px; margin: 0px auto; padding: 0px;}
form {margin: 0px; padding: 0px; }
img {margin: 0px; padding: 0px; border: none; }

a, a:link {text-decoration: underline; }
a:hover {color : #7F0C51; text-decoration: none; }  

h1 {font-size : large; font-weight : bold; margin : 0px; color : #322659; }
h2 {font-size : medium; font-weight : bold; margin : 0px; margin-top : 10px; color : #322659; }
h3 {font-size : small; margin: 0px; color : #322659; }
h4 {font-size : x-small;	font-weight : bold; margin : 0px; }
h5 {font-size : xx-small; font-weight : bold; margin : 0px; }

hr {width: 100%; float: left; margin: 10px 0px; padding: 0px; border: none; border-top: 1px solid #FFFFFF; border-bottom: 1px solid #336699; }

.boldText {font-weight: bold; }

.tblGeneric { }
.tblGeneric td {margin: 0px; padding: 5px 0px; }

.cleaner {clear: both; height: 1px; font-size: 1px; border: none; margin: 0px; padding: 0px; background: #FFFFFF; }

#divPageContainer {width: 778px; float: left; margin: 0px; padding: 0px; border: 1px solid #000000; }

/**********************
* Top Menubar Layout
**********************/
#divPageContainer #divTopMenu {width: 758px; height: 13px; line-height: 13px; margin: 0px; padding: 10px; background-color: #6262AA; color: #FFFFFF; }

#divPageContainer #divTopMenu .divTopMenuLeft {width: 10%; float: left; }
#divPageContainer #divTopMenu .divTopMenuLeft ul {width: 100%; margin: 0px; padding: 0px; list-style-type: none; }
#divPageContainer #divTopMenu .divTopMenuLeft ul li {margin: 0px; padding: 0px; float: left; }
#divPageContainer #divTopMenu .divTopMenuLeft ul li, #divPageContainer #divTopMenu .divTopMenuLeft ul li a, #divPageContainer #divTopMenu .divTopMenuLeft ul li a:link {color: #FFFFFF; font-weight: bold; font-size: 0.820em; text-decoration: none; }

#divPageContainer #divTopMenu .divTopMenuRight {width: 90%; float: right; }
#divPageContainer #divTopMenu .divTopMenuRight ul {width: 100%; margin: 0px; padding: 0px; list-style-type: none; }
#divPageContainer #divTopMenu .divTopMenuRight ul li {margin: 0px; padding: 0px; float: right; }
#divPageContainer #divTopMenu .divTopMenuRight ul li, #divPageContainer #divTopMenu .divTopMenuRight ul li a, #divPageContainer #divTopMenu .divTopMenuRight ul li a:link {color: #FFFFFF; font-weight: bold; font-size: 0.820em; text-decoration: none; }

#divPageContainer #divTopMenu .divTopMenuLeft ul li a:hover, #divPageContainer #divTopMenu .divTopMenuRight ul li a:hover {color: #FFFFFF; text-decoration: underline; }

/**********************
* Header Layout
**********************/
#divPageContainer #divHeader {width: 778px; height: 117px; margin: 0px; padding: 0px; background-image: url("../images/header_image1.gif"); background-position: top left; background-repeat: no-repeat; }
#divPageContainer #divHeader #divHomeLink {position: absolute; top: 31px; height: 117px; width: 778px; }
#divPageContainer #divHeader #divHomeLink img {height: 117px; width: 778px; }
#divPageContainer #divHeader #divProdFind {float: right; width: 250px; margin: 0px; padding: 10px; }
#divPageContainer #divHeader #divProdFind select {width: 100%; font-size: small; font-weight: bold; }

/**********************
* Main Menubar Layout
**********************/
#divPageContainer #divMainMenu {width: 100%; border: none; border-top: 1px solid #FFFFFF; font-size: small; }
#divPageContainer #divMainMenu img {margin: 0px; padding: 0px; border: 0px; }
#divPageContainer #divMainMenu ul {width: 100%; margin: 0px; padding: 0px; list-style-type: none; }
#divPageContainer #divMainMenu li {float: left; width: 194px; display: block; margin: 0px; padding: 0px; height: 30px; line-height: 30px; text-align: center; background-color: #7F0C51; /*border-left: 1px #FFFFFF solid;*/ border-right: 1px #FFFFFF solid; font-weight: bold; color: #FFFFFF; }
#divPageContainer #divMainMenu li.firstMenuItem {float: left; display: block; margin: 0px; padding: 0px; height: 30px; line-height: 30px; text-align: center; background-color: #7F0C51; /*border: 0px; border-right: 1px #FFFFFF solid;*/ font-weight: bold; color: #FFFFFF; }
#divPageContainer #divMainMenu li.lastMenuItem {float: left; width: 193px; display: block; margin: 0px; padding: 0px; height: 30px; line-height: 30px; text-align: center; background-color: #7F0C51; border: 0px; /*border-left: 1px #FFFFFF solid;*/ font-weight: bold; color: #FFFFFF; }
#divPageContainer #divMainMenu li a, #divPageContainer #divMainMenu li a:link {display: block; color: #FFFFFF; text-decoration: none; }
#divPageContainer #divMainMenu li a:hover {display: block; text-decoration: none; background-color: #984677; }
#divPageContainer #divMainMenu li select {width: 90%; margin: 6px 0px 0px 0px; font-size: x-small; }
#divPageContainer #divMainMenu li #lblCatMenu {visibility: hidden; display: none; }

/**********************
* Breacrumb bar Layout
**********************/
#divPageContainer #divBreadcrumb {width: 555px; margin: 0px; padding: 10px 15px; background-color: #ECECEC; font-size: 0.9em; font-size: 0.8em; font-weight: bold; color: #322659; text-transform: uppercase; }
#divPageContainer #divBreadcrumb span {color: #322659; }
#divPageContainer #divBreadcrumb a, #divPageContainer #divBreadcrumb a:link {font-size: 1.0em; font-weight: bold; color: #322659; text-transform: uppercase; text-decoration: none; }
#divPageContainer #divBreadcrumb a:hover {text-decoration: underline; }

/**********************
* Submenu bar Layout
**********************/
#divPageContainer #divSubMenu {width: 585px; height: 40px; line-height: 40px; margin: 0px; padding: 0px; font-size: 0.9em; }
#divPageContainer #divSubMenu ul {float: left; width: 555px; margin: 0px; padding: 0px 15px; list-style-type: none; }
#divPageContainer #divSubMenu ul li {float: left; margin: 0px; padding: 0px 5px 0px 0px; font-size: 0.9em; font-weight: bold; color: #7F0C51; }
#divPageContainer #divSubMenu ul li a, #divPageContainer #divSubMenu .divContent ul li a:link {float: left; margin: 0px; padding: 0px; font-size: 1.0em; font-weight: bold; color: #7F0C51; }

/**********************
* Column Layout
**********************/
#divPageContainer #divContentContainer {float: left; width: 778px; margin: 0px; padding: 0px; }
body > #divPageContainer #divContentContainer {margin: 0px; }	/* For non-IE browsers */
#divPageContainer #divContentContainer h1, h2, h3, h4, h5, h6 {margin: 0px; padding: 0px; }

#divPageContainer #divContentContainer #divColumnContainer {float: left; width: 778px; margin: 0px; padding: 0px; background: url("../images/column_right.gif") top right repeat-y; }
#divPageContainer #divContentContainer #divColumnContainer #divLeftColumn {float: left; width: 585px; font-size: 0.7em; }
#divPageContainer #divContentContainer #divColumnContainer #divRightColumn {float: left; width: 193px; font-size: 0.7em; }
#divPageContainer #divContentContainer #divColumnContainer #divRightColumn .divInnerContent {width: 170px; font-size: 0.8em; margin: 0px; padding: 30px 11px 15px 11px; }

/**********************
* Basket Summary Layout
**********************/
#divPageContainer #divContentContainer #divColumnContainer #divRightColumn .divInnerContent #divBasket {text-align: center; }
#divPageContainer #divContentContainer #divColumnContainer #divRightColumn .divInnerContent #divBasket h3 {margin: 0px; padding: 0px 0px 5px 0px; }
#divPageContainer #divContentContainer #divColumnContainer #divRightColumn .divInnerContent #divBasket .divBasketHolder {width: 170px; margin: 0px; padding: 9px 0px; background: url("../images/border-top.gif") no-repeat top left; }
#divPageContainer #divContentContainer #divColumnContainer #divRightColumn .divInnerContent #divBasket .divBasketHolder .divBasketBox {width: 148px; margin: 0px; padding: 13px 10px 15px 10px; border-left: 1px solid #7A7AB7; border-right: 1px solid #7A7AB7; }
#divPageContainer #divContentContainer #divColumnContainer #divRightColumn .divInnerContent #divBasket .divBasketHolder .divBasketBox ul {width: 148px; margin: 0px; padding: 0px 0px 20px 0px; list-style-type: none; }
#divPageContainer #divContentContainer #divColumnContainer #divRightColumn .divInnerContent #divBasket .divBasketHolder .divBasketBox p {margin: 0px; padding: 0px; }
#divPageContainer #divContentContainer #divColumnContainer #divRightColumn .divInnerContent #divBasket .divBasketHolder .divBasketView {width: 168px; height: 30px; margin: 0px auto; padding: 0px; border-left: 1px solid #7A7AB7; border-right: 1px solid #7A7AB7; background-color: #322659; } 
#divPageContainer #divContentContainer #divColumnContainer #divRightColumn .divInnerContent #divBasket .divBasketHolder .divBasketView p {margin: 0px; padding: 5px 0px; font-weight: bold; color: #FFFFFF; }
#divPageContainer #divContentContainer #divColumnContainer #divRightColumn .divInnerContent #divBasket .divBasketHolder .divBasketView p a, #divPageContainer #divContentContainer #divColumnContainer #divRightColumn .divInnerContent #divBasket .divBasketHolder .divBasketView p a:link, #divPageContainer #divContentContainer #divColumnContainer #divRightColumn .divInnerContent #divBasket .divBasketHolder .divBasketView p a:hover {color: #FFFFFF; text-decoration: none; }
#divPageContainer #divContentContainer #divColumnContainer #divRightColumn .divInnerContent #divBasket .divBasketHolder .divBasketCheckout {width: 170px; height: 30px; margin: 0px auto; padding: 0px; background: url("../images/border-bottom_red.gif") no-repeat top left; } 
#divPageContainer #divContentContainer #divColumnContainer #divRightColumn .divInnerContent #divBasket .divBasketHolder .divBasketCheckout p {margin: 0px; padding: 5px 0px; font-weight: bold; color: #FFFFFF; }
#divPageContainer #divContentContainer #divColumnContainer #divRightColumn .divInnerContent #divBasket .divBasketHolder .divBasketCheckout p a, #divPageContainer #divContentContainer #divColumnContainer #divRightColumn .divInnerContent #divBasket .divBasketHolder .divBasketCheckout p a:link, #divPageContainer #divContentContainer #divColumnContainer #divRightColumn .divInnerContent #divBasket .divBasketHolder .divBasketCheckout p a:hover {color: #FFFFFF; text-decoration: none; }
#divPageContainer #divContentContainer #divColumnContainer #divRightColumn .divInnerContent #divBasket .divBasketHolder .divBasketEmpty {width: 170px; height: 9px; margin: 0px auto; padding: 0px; background: url("../images/border-bottom_filled.gif") no-repeat top left; } 

/**********************
* Login Box Layout
**********************/
#divPageContainer #divContentContainer #divColumnContainer #divRightColumn .divInnerContent #divLogin {text-align: center; }
#divPageContainer #divContentContainer #divColumnContainer #divRightColumn .divInnerContent #divLogin h3 {margin: 0px; padding: 0px 0px 5px 0px; }
#divPageContainer #divContentContainer #divColumnContainer #divRightColumn .divInnerContent #divLogin .divLoginBoxHolder {width: 170px; margin: 0px; padding: 9px 0px; background: url("../images/border-top.gif") no-repeat top left; }
#divPageContainer #divContentContainer #divColumnContainer #divRightColumn .divInnerContent #divLogin .divLoginBoxHolder .divLoginBox {width: 148px; margin: 0px; padding: 6px 10px 15px 10px; border-left: 1px solid #7A7AB7; border-right: 1px solid #7A7AB7; }
#divPageContainer #divContentContainer #divColumnContainer #divRightColumn .divInnerContent #divLogin .divLoginBoxHolder .divLoginBox .pLabel {margin: 0px; padding: 5px 0px; text-align: left; }
#divPageContainer #divContentContainer #divColumnContainer #divRightColumn .divInnerContent #divLogin .divLoginBoxHolder .divLoginBox #txtUsername {width: 142px; }
#divPageContainer #divContentContainer #divColumnContainer #divRightColumn .divInnerContent #divLogin .divLoginBoxHolder .divLoginBox #txtPassword {width: 142px; }
#divPageContainer #divContentContainer #divColumnContainer #divRightColumn .divInnerContent #divLogin .divLoginBoxHolder .divLoginBoxBottom {width: 170px; height: 30px; margin: 0px auto; padding: 0px; background: url("../images/border-bottom_red.gif") no-repeat top left; } 
#divPageContainer #divContentContainer #divColumnContainer #divRightColumn .divInnerContent #divLogin .divLoginBoxHolder .divLoginBoxBottom p {margin: 0px; padding: 5px 0px; }
#divPageContainer #divContentContainer #divColumnContainer #divRightColumn .divInnerContent #divLogin .divLoginBoxHolder .divLoginBoxBottom p a, #divPageContainer #divContentContainer #divColumnContainer #divRightColumn .divInnerContent #divLogin .divLoginBoxHolder .divLoginBoxBottom p a:link, #divPageContainer #divContentContainer #divColumnContainer #divRightColumn .divInnerContent #divLogin .divLoginBoxHolder .divLoginBoxBottom p a:hover {font-weight: bold; color: #FFFFFF; text-decoration: none; }

/**********************
* Top Selling Products Box Layout
**********************/
#divPageContainer #divContentContainer #divColumnContainer #divRightColumn .divInnerContent #divTopSellingProd {text-align: center; }
#divPageContainer #divContentContainer #divColumnContainer #divRightColumn .divInnerContent #divTopSellingProd h3 {margin: 0px; padding: 0px 0px 5px 0px; }
#divPageContainer #divContentContainer #divColumnContainer #divRightColumn .divInnerContent #divTopSellingProd .divTopSellingProdHolder {width: 170px; margin: 0px; padding: 9px 0px; background: url("../images/border-top.gif") no-repeat top left; }
#divPageContainer #divContentContainer #divColumnContainer #divRightColumn .divInnerContent #divTopSellingProd .divTopSellingProdHolder .divTopSellingProdBox {width: 148px; margin: 0px; padding: 6px 10px 15px 10px; border-left: 1px solid #7A7AB7; border-right: 1px solid #7A7AB7; }
#divPageContainer #divContentContainer #divColumnContainer #divRightColumn .divInnerContent #divTopSellingProd .divTopSellingProdHolder .divTopSellingProdBox ul {width: 148px; margin: 0px; padding: 0px 0px 20px 0px; list-style-type: none; }
#divPageContainer #divContentContainer #divColumnContainer #divRightColumn .divInnerContent #divTopSellingProd .divTopSellingProdHolder .divTopSellingProdBox li, #divPageContainer #divContentContainer #divColumnContainer #divRightColumn .divInnerContent #divTopSellingProd .divTopSellingProdHolder .divTopSellingProdBox li a, #divPageContainer #divContentContainer #divColumnContainer #divRightColumn .divInnerContent #divTopSellingProd .divTopSellingProdHolder .divTopSellingProdBox li a:link {margin: 0px; padding: 5px 0px; color: #7F0C51; text-decoration: none;}
#divPageContainer #divContentContainer #divColumnContainer #divRightColumn .divInnerContent #divTopSellingProd .divTopSellingProdHolder .divTopSellingProdBox li a:hover {text-decoration: underline; }
#divPageContainer #divContentContainer #divColumnContainer #divRightColumn .divInnerContent #divTopSellingProd .divTopSellingProdHolder .divTopSellingProdBoxBottom {width: 170px; height: 9px; margin: 0px auto; padding: 0px; background: url("../images/border-bottom_filled.gif") no-repeat top left; } 

/**********************
* Search Box Layout
**********************/
#divPageContainer #divContentContainer #divColumnContainer #divRightColumn .divInnerContent #divSearch {text-align: center; }
#divPageContainer #divContentContainer #divColumnContainer #divRightColumn .divInnerContent #divSearch h3, #divPageContainer #divContentContainer #divColumnContainer #divRightColumn .divInnerContent #divSearch h3 label {margin: 0px; padding: 0px 0px 5px 0px; color: #322659; }
#divPageContainer #divContentContainer #divColumnContainer #divRightColumn .divInnerContent #divSearch .divSearchBoxHolder {width: 170px; margin: 0px; padding: 9px 0px; background: url("../images/border-top.gif") no-repeat top left; }
#divPageContainer #divContentContainer #divColumnContainer #divRightColumn .divInnerContent #divSearch .divSearchBoxHolder .divSearchBox {width: 148px; margin: 0px; padding: 6px 10px 15px 10px; border-left: 1px solid #7A7AB7; border-right: 1px solid #7A7AB7; }
#divPageContainer #divContentContainer #divColumnContainer #divRightColumn .divInnerContent #divSearch .divSearchBoxHolder .divSearchBox #strKeywords {width: 142px; }
#divPageContainer #divContentContainer #divColumnContainer #divRightColumn .divInnerContent #divSearch .divSearchBoxHolder .divSearchBoxBottom {width: 170px; height: 30px; margin: 0px auto; padding: 0px; background: url("../images/border-bottom_red.gif") no-repeat top left; } 
#divPageContainer #divContentContainer #divColumnContainer #divRightColumn .divInnerContent #divSearch .divSearchBoxHolder .divSearchBoxBottom p {margin: 0px; padding: 5px 0px; }
#divPageContainer #divContentContainer #divColumnContainer #divRightColumn .divInnerContent #divSearch .divSearchBoxHolder .divSearchBoxBottom p a, #divPageContainer #divContentContainer #divColumnContainer #divRightColumn .divInnerContent #divSearch .divSearchBoxHolder .divSearchBoxBottom p a:link, #divPageContainer #divContentContainer #divColumnContainer #divRightColumn .divInnerContent #divSearch .divSearchBoxHolder .divSearchBoxBottom p a:hover {font-weight: bold; color: #FFFFFF; text-decoration: none; }

/************************
* Footer Layout
************************/
#divFooter {margin: 0px; padding: 0px; }
#divFooter .divFooterTop {height: 35px; margin: 0px; padding: 0px; background-color: #7F0C51; }

#divFooter .divFooterTop .divTopOfPage {float: left; width: 554px; margin: 0px; padding: 10px 15px; border-right: 1px solid #FFFFFF; }
#divFooter .divFooterTop .divTopOfPage img {vertical-align: middle; }

#divFooter .divFooterTop .divTopOfPage p, #divFooter .divFooterTop .divTopOfPage p a, #divFooter .divFooterTop .divTopOfPage p a:link {margin: 0px; padding: 0px; font-size: small; font-weight: bold; color: #FFFFFF; text-decoration: none; }
#divFooter .divFooterTop .divTopOfPage p a:hover {text-decoration: underline; }

#divFooter .divFooterTop .divMailingListBox {float: left; width: 173px; margin: 0px; padding: 10px 10px; }
#divFooter .divFooterTop .divMailingListBox p {margin: 0px; padding: 0px; text-align: center; font-size: small; font-weight: bold; color: #FFFFFF; }

#divFooter .divFooterBottom {float: left; width: 778px; margin: 0px; padding: 0px; background-color: #322659; }

#divFooter .divFooterBottom .divAddressBox {float: left; width: 554px; margin: 0px; padding: 20px 15px; }
#divFooter .divFooterBottom .divAddressBox h2 {font-size: small; font-weight: bold; color: #FFFFFF; margin: 0px; padding: 0px 0px 10px 0px; }
#divFooter .divFooterBottom .divAddressBox p {margin: 0px; padding: 0px; font-size: small; color: #FFFFFF; }
#divFooter .divFooterBottom .divAddressBox p a {text-decoration: none; color: #FFFFFF;}
#divFooter .divFooterBottom .divAddressBox p a:hover {text-decoration: underline; color: #FFFFFF;}

#divFooter .divFooterBottom .divMailingListBox {float: left; width: 173px; margin: 0px; padding: 20px 10px 10px 10px; text-align: center; border-left: 1px solid #FFFFFF; }
#divFooter .divFooterBottom .divMailingListBox p {margin: 0px; padding: 10px 0px; font-size: small; font-weight: bold; color: #FFFFFF; }
#divFooter .divFooterBottom .divMailingListBox .pMailingListText {margin: 0px; padding: 0px 0px 10px 0px; font-size: small; font-weight: normal; color: #FFFFFF;  }
#divFooter .divFooterBottom .divMailingListBox label {color: #FFFFFF; }
#divFooter .divFooterBottom .divMailingListBox .mailingBox {width: 90%; }
#divFooter .divFooterBottom .divMailingListBox .mailingCheckBox {}
#divFooter .divFooterBottom .divMailingListBox .mailingSubmit {}
#divFooter .divFooterBottom .divMailingListBox p a{ color:#FFFFFF;}

#divFooter .divFooterContent {margin: 0px; padding: 10px 0px; font-size: small; }
#divFooter .divFooterContent p, #divFooter .divFooterContent a, #divFooter .divFooterContent a:link {color: #FFFFFF; }

/************************
* Form Layout
************************/
#divFormHolder {width: 100%; float: left; margin: 0px; padding: 0px; }
#divFormHolder .divFormRow {width: 100%; float: left; margin: 0px; padding: 1px 0px; }
#divFormHolder .divFormRow .spaFormLabel {width: 145px; float: left; margin: 0px; padding: 0px; }
#divFormHolder .divFormRow .spaFormField {width: 390px; float: left; margin: 0px; padding: 0px; }
#divFormHolder .divFormRow .spaFormField .txtBox {width: 380px; }
#divFormHolder .divFormRow .spaFormField .txtMulti {width: 380px; height: 100px; }
#divFormHolder .divFormRow .spaFormField .cmbBox {width: 385px; }
#divFormHolder .divFormRow .spaFormField .chkBox {width: auto; }
#divFormHolder .divFormButtonRow {width: 533px; float: left; margin: 0px; padding: 10px 0px; text-align: right; }

/************************
* Tabled Layouts
************************/
.tblGenericTable_NoHeader {width: 535px; }
.tblGenericTable_NoHeader td, .tblGenericTable_NoHeader td a, .tblGenericTable_NoHeader td a:link, .tblGenericTable_NoHeader td strong {margin: 0px; padding: 5px 0px; text-align: left; font-size: small; vertical-align: top; }
.tblGenericTable_NoHeader td input, .tblGenericTable_NoHeader td select, .tblGenericTable_NoHeader td textarea {width: 350px; font-size: small; }

.tblGenericTable {width: 100%; }
.tblGenericTable th {margin: 0px; padding: 5px 5px; text-align: left; font-size: small; }
.tblGenericTable td, .tblGenericTable td a, .tblGenericTable td a:link, .tblGenericTable td strong {margin: 0px; padding: 5px 5px; text-align: left; font-size: small; }
.tblGenericTable td input, .tblGenericTable td select, .tblGenericTable td textarea {font-size: small; width: 100%; }