/* Default CSS Stylesheet for a new Web Application project */

BODY
{
	/*background-image: url(../images/background_gradient.jpg); */
	background-color: #000000;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: .8em;
	font-weight: normal;
	letter-spacing: normal;
	text-transform: none;
	word-spacing: normal;
}




/* Custom stuff*/
.leftBox
{
	border-style: solid;
	border-width: 2px;
	border-color: #FFFFFF;
	font-family: Tahoma;
	background-color: #A57A73;
	text-align: center;
	font-size: 11px;
	color: #000000;
	padding: 0px 0px 0px 0px;
	width: 200px;
}





.searchBox
{
	border-style: solid;
	border-width: 2px;
	border-color: #FFFFFF;
	font-family: Tahoma;
	background-color: #FFFFFF;
	text-align: left;
	font-size: 11px;
	color: #000000;
	width: auto;
	padding: 0px 0px 0px 20px;
}





.shoppingCartBox
{
	border-style: solid;
	border-width: 0px;
	border-color: #FFFFFF;
	font-family: Tahoma;
	text-align: center;
	font-size: 13px;
	color: #000000;
	font-weight: bold;
	padding: 0px 0px 0px 0px;
	width: 169px;
	height: 44px;
	background-image: url(../../images/viewcart/cart2.jpg);
	background-repeat: no-repeat;
}


.shoppingCartBox A:link
{
	font-family: Tahoma;
	text-align: left;
	font-size: 13px;
	color: #000000;
	font-weight: bold;
}

.shoppingCartBox A:visited
{
	font-family: Tahoma;
	text-align: left;
	font-size: 13px;
	color: #000000;
	font-weight: bold;
}

.shoppingCartBox A:active
{
	font-family: Tahoma;
	text-align: left;
	font-size: 13px;
	color: #ffffff;
	font-weight: bold;
}

.shoppingCartBox A:hover
{
	font-family: Tahoma;
	text-align: left;
	font-size: 13px;
	color: #000000;
	font-weight: bold;
}






.Button
{
	background-color: #c9342e;
	border: solid 1px #000000;
}

.ButtonCheckout
{
	background-color: #ECF0F3;
	border: solid 2px #565F66;
	font-weight: bold;
	font-size: larger;
	color: #000000;
}

.DropDownLists
{
	background-color: #ECF0F3;
	font-weight: bold;
}


.GeneralLabel
{
	font-size: x-small;
	color: #565F66;
	font-weight: bold;
}

.GeneralText
{
	font-size: x-small;
	color: #000000;
}


.PageHeader
{
	font-size: small;
	color: #000000;
	font-weight: bold;
}


.PageHeaderStandout
{
	font-size: small;
	color: #FF0000;
	font-weight: bold;
}

.PageHeaderStandout A:link
{
	font-size: small;
	color: #FF0000;
	font-weight: bold;
}
.PageHeaderStandout A:visited
{
	font-size: small;
	color: #FF0000;
	font-weight: bold;
}
.PageHeaderStandout A:active
{
	font-size: small;
	color: #FF0000;
	font-weight: bold;
}
.PageHeaderStandout A:hover
{
	font-size: small;
	color: #FF0000;
	font-weight: bold;
}




.GeneralLabelBlack
{
	font-size: 11px;
	color: #000000;
	font-weight: bold;
}


.WarningLabel
{
	font-size: x-small;
	color: #FF0000;
	font-weight: bold;
}



HR
{
	color: #565F66;
}



.FieldsetLegend
{
	font-size: x-small;
}


.CartContentHolder
{
	background-color: #FFFFFF;
	border-left: solid 1px #565F66;
	border-right: solid 1px #565F66;
	border-bottom: solid 1px #565F66;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	width: 804px;
}

.CartContentHolderHeader
{
	background-color: #c9342e;
	border-left: solid 1px #565F66;
	border-right: solid 1px #565F66;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}







.RegisterFormWelcomeText
{
	font-size: small;
	color: #333399;
	font-weight: bold;
}


/**********************************************************************/
/******************* my account ***************************************/

.MyAccountNav
{
	font-size: x-small;
	color: #565F66;
	font-weight: bold;
}

.MyAccountCurrent
{
	font-size: x-small;
	color: #000000;
	font-weight: bold;
}

.MyAccountNav UL
{
	font-size: x-small;
	color: #565F66;
	font-weight: bold;
	list-style-type: square;
}

.MyAccountNav A:link
{
	text-decoration: underline;
	color: #565F66;
	font-size: x-small;
}
.MyAccountNav A:visited
{
	text-decoration: underline;
	color: #565F66;
	font-size: x-small;
}
.MyAccountNav A:active
{
	text-decoration: underline;
	color: #565F66;
	font-size: x-small;
}
.MyAccountNav A:hover
{
	text-decoration: none;
	color: #565F66;
	font-size: x-small;
}



.PageFooter
{
	font-size: xx-small;
	color: #565F66;
	font-weight: bold;
	background-color: #FFFFFF;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
.PageFooter A:link
{
	text-decoration: underline;
	color: #565F66;
	font-size: xx-small;
}
.PageFooter A:visited
{
	text-decoration: underline;
	color: #565F66;
	font-size: xx-small;
}
.PageFooter A:active
{
	text-decoration: underline;
	color: #565F66;
	font-size: xx-small;
}
.PageFooter A:hover
{
	text-decoration: none;
	color: #565F66;
	font-size: xx-small;
}





.CartMenuLink
{
	font-size: x-small;
	color: #565F66;
	font-weight: bold;
}

.CartMenuLink A:link
{
	text-decoration: underline;
	color: #565F66;
	font-size: x-small;
}
.CartMenuLink A:visited
{
	text-decoration: underline;
	color: #565F66;
	font-size: x-small;
}
.CartMenuLink A:active
{
	text-decoration: underline;
	color: #565F66;
	font-size: x-small;
}
.CartMenuLink A:hover
{
	text-decoration: none;
	color: #565F66;
	font-size: x-small;
}



.Label
{
	font-weight: bold;
	font-size: smaller;
}


A:link
{
	text-decoration: none;
	color: #3333cc;
}
A:visited
{
	text-decoration: none;
	color: #333399;
}
A:active
{
	text-decoration: none;
	color: #333399;
}
A:hover
{
	text-decoration: underline;
	color: #3333cc;
}




/*******************************************************/

/*datalist itself */
.CategoryMenu
{
}

.SubCategoryMenu
{
}


.CategoryMenuHeader
{
	background-color: Maroon;
	font-weight: bold;
}
.CategoryMenuItem
{
	background-color: #FFFFFF;
	font-weight: bold;
	font-size: x-small;
	padding: 2px 2px 2px 2px;
}
.CategoryMenuAltItem
{
	background-color: #FFFFFF;
	font-weight: bold;
	font-size: x-small;
	padding: 2px 2px 2px 2px;
}
.SubCategoryMenuItem
{
	background-color: #FFFFFF;
	font-weight: normal;
	font-size: x-small;
	padding: 2px 2px 2px 2px;
}
.SubCategoryMenuAltItem
{
	background-color: #FFFFFF;
	font-weight: normal;
	font-size: x-small;
	padding: 2px 2px 2px 2px;
}


.CategoryMenu A:link
{
	text-decoration: none;
	color: #565F66;
	font-size: 0.9em;
}
.CategoryMenu A:visited
{
	text-decoration: none;
	color: #565F66;
	font-size: 0.9em;
}
.CategoryMenu A:active
{
	text-decoration: none;
	color: #565F66;
	font-size: 0.9em;
}
.CategoryMenu A:hover
{
	text-decoration: underline;
	color: #565F66;
	font-size: 0.9em;
}



.SubCategoryMenu A:link
{
	text-decoration: none;
	color: #565F66;
	font-size: 0.6em;
}
.SubCategoryMenu A:visited
{
	text-decoration: none;
	color: #565F66;
	font-size: 0.6em;
}
.SubCategoryMenu A:active
{
	text-decoration: none;
	color: #565F66;
	font-size: 0.6em;
}
.SubCategoryMenu A:hover
{
	text-decoration: underline;
	color: #565F66;
	font-size: 0.6em;
}



/* products */

.CategoryProduct
{
	padding: 10px 10px 10px 10px;
	color: #000000;
	font-size: x-small;
	width: 50%;
	vertical-align: top;
}



.ProductPhoto
{
	padding: 10px 10px 10px 10px;
	border: solid 1px #DDDDDD;
	cursor: hand;
}

.CategoryProductName
{
	font-size: xx-small;
	font-weight: bold;
}

.CategoryProductStock
{
	font-size: xx-small;
}

.CategoryProductPrice
{
	font-size: 14px;
	color: Maroon;
	font-weight: bold;
}

.ProductPriceLarge
{
	font-size: 18px;
	color: Maroon;
	font-weight: bold;
}

#lblQuantity
{
	font-size: 18px;
	color: Maroon;
	font-weight: bold;
}


.CategoryProductDescription
{
	font-size: xx-small;
}


/*************************************************************************/
/************PAGING*******************************************************/

.PagingCurrentPage
{
	font-size: x-small;
}

.PagingRecordCount
{
	font-size: x-small;
}

.PagingNavLinks
{
	font-size: x-small;
}



/*************************************************************************/
/**************TABS CSS***************************************************/

.TabTopGroup
{
	border-bottom-color: #999999;
	border-bottom-style: solid;
	border-bottom-width: 1px;
}

.NormalStyle
{
	padding-right: 2px;
	padding-left: 2px;
	padding-bottom: 4px;
	padding-top: 4px;
}


.SelectedStyle
{
	position: relative;
	top: 1px;
	background-color: white;
	padding-right: 1px;
	padding-left: 1px;
	padding-bottom: 5px;
	padding-top: 2px;
	border-right: #999999 1px solid;
	border-top: #999999 1px solid;
	border-left: #999999 1px solid;
	border-bottom-style: none;
}





/*********************************************************************************/
/**************************VIEW CART PAGE *****************************************/

.ViewCartNoProductsMessage
{
	color: Red;
	font-size: x-small;
}

.ViewCartGridHeader
{
	background-color: #565F66;
	color: #FFFFFF;
	font-size: x-small;
	font-weight: bold;
}

.ViewCartEvenRow
{
	background-color: #ECF0F3;
	font-size: xx-small;
}

.ViewCartOddRow
{
	background-color: #FFFFFF;
	font-size: xx-small;
}


.ViewCartGrid
{
}

.ViewCartGrid A:link
{
	text-decoration: underline;
	color: #565F66;
	font-size: xx-small;
}
.ViewCartGrid A:visited
{
	text-decoration: underline;
	color: #565F66;
	font-size: xx-small;
}
.ViewCartGrid A:active
{
	text-decoration: underline;
	color: #565F66;
	font-size: xx-small;
}
.ViewCartGrid A:hover
{
	text-decoration: none;
	color: #565F66;
	font-size: xx-small;
}




/*********************************************************************************/
/**************************general grid PAGE ****************************/

.GeneralGridHeader
{
	background-color: #565F66;
	color: #FFFFFF;
	font-size: x-small;
	font-weight: bold;
}

.GeneralGridEvenRow
{
	background-color: #ECF0F3;
	font-size: x-small;
}

.GeneralGridOddRow
{
	background-color: #FFFFFF;
	font-size: x-small;
}


.GeneralGrid
{
}

.GeneralGrid A:link
{
	text-decoration: underline;
	color: #565F66;
	font-size: x-small;
}
.GeneralGrid A:visited
{
	text-decoration: underline;
	color: #565F66;
	font-size: x-small;
}
.GeneralGrid A:active
{
	text-decoration: underline;
	color: #565F66;
	font-size: x-small;
}
.GeneralGrid A:hover
{
	text-decoration: none;
	color: #565F66;
	font-size: x-small;
}






/*****************************************************/


.CategoriesTopLevelListItem
{
	margin-left: -10;
}

.CategoriesChildLevelListItem
{
	margin-left: -30;
}

.CategoriesGrandchildLevelListItem
{
	margin-left: -10;
}

.CategoriesTopLevelListItem A:link
{
	font-size: 18px;
	color: #587a95;
	list-style: square;
	margin-left: 0px;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
}

.CategoriesTopLevelListItem
{
	list-style-type: none;
}


.CategoriesChildLevelListItem A:link
{
	font-size: 22px;
	color: #800000;
	list-style: square;
	margin-left: 0px;
	font-weight: bold;
	text-decoration: none;
}


.CategoriesGrandchildLevelListItem A:link
{
	font-size: xx-small;
	color: #565F66;
	list-style: square;
	margin-left: 0px;
	font-weight: normal;
	text-decoration: none;
}


.CategoriesTopLevelListItem A:visited
{
	font-size: 18px;
	color: #587a95;
	list-style: square;
	margin-left: 0px;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
}


.CategoriesChildLevelListItem A:visited
{
	font-size: 22px;
	color: #800000;
	list-style: square;
	margin-left: 0px;
	font-weight: bold;
	text-decoration: none;
}


.CategoriesGrandchildLevelListItem A:visited
{
	font-size: xx-small;
	color: #565F66;
	list-style: square;
	margin-left: 0px;
	font-weight: normal;
	text-decoration: none;
}




/*table cells */

.HeaderTableCell
{
	display: inline;
	background-color: #E3E0CE;
	border: solid 1px #000000;
	font-size: xx-small; /*background-image: url( '/Surety2KManagement/images/certprogress/stepon.jpg' ); 	background-repeat: no-repeat;*/
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	white-space: nowrap;
	text-align: center;
}

.InactiveTableCell
{
	display: inline;
	background-color: #E5E5E5;
	border: solid 1px #666666;
	font-size: xx-small; /*background-image: url( '/Surety2KManagement/images/certprogress/stepoff.jpg' ); 	background-repeat: no-repeat;*/
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	white-space: nowrap;
	text-align: center;
	color: Gray;
}


.ActiveTableCell
{
	display: inline;
	background-color: #E3E0CE;
	border: solid 1px #000000;
	font-size: xx-small; /*background-image: url( '/Surety2KManagement/images/certprogress/stepon.jpg' ); 	background-repeat: no-repeat;*/
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	white-space: nowrap;
	text-align: center;
}


#divLeftSideCategoryMenu
{
	width: 220px;
	border: solid 0px #FFFFFF;
	background-color: #FFFFFF;
	margin: 10px 10px 10px 10px;
	padding: 10px 10px 10px 10px;
}


.LookingForMoreBox
{
	width: 500px;
	border: solid 1px #000000;
	background-color: #fbf78b;
	margin: 2px 2px 2px 2px;
	padding: 2px 2px 2px 2px;
	color: #000000;
	font-size: 12px;
}


.SideMenuMainCategory
{
	margin-bottom: 0px;
}

.SideMenuMainCategory A:link
{
	font-size: 16px;
	font-weight: bold;
	color: #678ead;
}

.SideMenuMainCategory A:visited
{
	font-size: 16px;
	font-weight: bold;
	color: #678ead;
}

.SideMenuMainCategory A:active
{
	font-size: 16px;
	font-weight: bold;
	color: #678ead;
}

.SideMenuMainCategory A:hover
{
	font-size: 16px;
	font-weight: bold;
	color: #678ead;
}


.SideMenuSubCategory
{
	margin-top: 0px;
}

.SideMenuSubCategory LI
{
	list-style-type: square;
}



.SideMenuSubCategory A:link
{
	font-size: 10px;
	font-weight: normal;
	color: #000000;
}

.SideMenuSubCategory A:visited
{
	font-size: 10px;
	font-weight: normal;
	color: #000000;
}

.SideMenuSubCategory A:active
{
	font-size: 10px;
	font-weight: normal;
	color: #000000;
}

.SideMenuSubCategory A:hover
{
	font-size: 10px;
	font-weight: normal;
	color: #000000;
}


.ProductNameH1
{
	font-size: 20px;
}


H1
{
	font-size: 20px;
	color: Gray;
	padding-left: 5px;
}
