/******************************************************/
/* Main Master Page Sections */
/******************************************************/
/* Page 770px wide. -( Border Width L&R + Padding L&R )  */
/* 2px Padding between boxes  */
/* Main content space has 588px   */
/* Covers the entire main content section, 
   from below the Nav menu, to above the footer 
*/

#MainSection
{
    clear: both;
	border-top: solid 1px;
	border-bottom: solid 1px;
	border-left: solid 1px;
	border-right: solid 1px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 2px;
	width:764px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}

/* Surrounds the Content Section */
#ContentHolder
{
	border-top: solid 1px;
	border-bottom: solid 1px;
	border-left: solid 1px;
	border-right: solid 1px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 2px;
	padding-left: 2px;
	padding-right: 2px;
	padding-bottom: 6px;
	width:594px;
	float:right;
}

/* Page Content Title (txt styling is set in h1) */
#ContentTitle
{
    margin: 0px 0px 6px 0px;
}

/* Clear margins for floating Divs */
.ClearingDiv
{
   clear:both;
}

/* For panel section. Panels themselves have class name Panel */
#PanelSection
{
    margin: 0px 2px 0px 0px;
    width:154px;
    padding: 0px 0px 0px 0px;
    border-top: solid 0px;
	border-bottom: solid 0px;
	border-left: solid 0px;
	border-right: solid 0px;
	float:left;
}

/* For a panel in the panel section */
.Panel
{
    margin: 0px 0px 2px 0px;
    width:156px;
    padding: 2px 2px 2px 2px;
    border-top: solid 1px;
	border-bottom: solid 1px;
	border-left: solid 1px;
	border-right: solid 1px;
	line-height: 25px;
	float:left;
	vertical-align:top;
}

/* Panel Without White background */
.PanelBlank
{
    margin: 0px;
    width:160px;
    padding: 0px;
    border: none;
    float:left;
}

/* Header for Panel section */
.PanelHeader
{
    padding: 0px 0px 0px 2px;
    border-bottom: dotted 1px #777777;
    
    /*border-bottom: solid 1px #aaaaaa; */
    font-weight:bold;
    height: 20px;
}

/* PanelDataList for Any DataLists in Panels*/
table.PanelDataList
{
    border-style:none;
    border: 0px;
    border-collapse:collapse;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}
td.PanelDataList
{
    padding: 1px 1px 1px 1px;
    margin: 1px 1px 1px 1px;
    line-height:14px;
}

/* Top of page: Logo, & advert */
#TitleBar
{
    padding: 0px 0px 0px 0px;
    margin-left:auto;
	margin-right:auto;
	width:770px;
}

/* Div that surrounds the main tab menu */
#NavMenu
{
    margin-left:auto;
	margin-right:auto;
	width:770px;
}

/* Div that surrounds util footer*/
#UtilMenuDiv
{
    margin-left:auto;
	margin-right:auto;
	width:764px;
}

/* Divs for left and right alignment */
.RightDiv
{   
    float: right;
    text-align: right;
}
/* Divs for left and right alignment */
.LeftDiv
{   
    float: left;
}

/* Top of page: Logo, & advert */
.MiddleDiv
{
    padding: 0px 0px 0px 0px;
    float:left;
    padding-top: 10px;
    margin-left:31px;
	width:360px;
}
.StoreOwnersUtil
{
    font-size:8pt;
    font-weight:normal;
    padding-bottom:0px;
}
.BannerAdvert
{
    width:100%;
    text-align:center;
    margin-left:auto;
    margin-right:auto;
}

.ArticleHolder
{
    padding: 0px 10px 10px 10px;
}

/******************************************************/
/* Site wide */
/******************************************************/

.SmallText {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: x-small;
	color: #000000;
	padding: 0px;
	margin: 0px;
	line-height:normal;
}

.Indent
{
    padding-left: 6px;
}

/******************************************************/
table.FrontPageData
{
    border-top: solid 1px #AAAAAA;
    border-bottom: solid 1px #AAAAAA;
    border-left: solid 1px #AAAAAA;
    border-right: solid 1px #AAAAAA;
    border-collapse:collapse;
    width: 585px;
    font-size:8pt;
    margin-bottom: 3px;
}
td.FrontPageData
{
    font-size:8pt;
    width: 20%;
    border-top: solid 1px #AAAAAA;
    border-bottom: solid 1px #AAAAAA;
    border-left: solid 1px #AAAAAA;
    border-right: solid 1px #AAAAAA;
    padding: 1px 1px 1px 1px;
}

div.FrontPageDataHolder
{
    padding: 0px 2px 4px 5px;
}


/* Bullets */
ul.PanelBulletList 
{
	line-height: 18px;
	padding-left: 0px;
	margin-left: 0px;
	padding-right: 0px;
	margin-right: 0px;
}
ul.PanelBulletList li  
{
    font-size:8pt;
    color: #884466;
    border-top: solid 1px #aaaaaa;
    list-style-type: none;
	padding-left: 0px;
	padding-right: 0px;
	margin-right: 0px;
	margin-left: 0px;
}

	
	
/******************************************************/
/* Search */
/******************************************************/
.SearchPrefDiv
{
	background-color: #ffffff;
	border-top: solid 1px;
	border-bottom: solid 1px;
	border-left: solid 1px;
	border-right: solid 1px;
	border-color:#AAAAAA;
	margin-top: 1px;
	margin-bottom: 4px;
	margin-left: 4px;
	margin-right: 4px;
	padding-top: 4px;
	padding-left: 4px;
	padding-right: 4px;
	padding-bottom: 4px;
	width:750px;
	margin-left:auto;
	margin-right:auto;
}



.repTable {
	width: 100%;
	margin: 0px 0px 0px 0px;
	border-width: 0px;
	border-color: Green;
	border-style: solid;

}

.repHeader {
	background-color: #FFFFFF;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-left-width: 0px;
	border-bottom-width: 0px;
}


.repcellmain {
	border-bottom: solid 0px #CCCCCC;
	background-color: #FFFFFF;
	border-right: solid 0px #CCCCCC;
	border-left: solid 0px #CCCCCC;
	margin: 0px 0px 0px 0px;
	padding: 4px 0px 0px 0px;
	border-width:0px;
}

.repcellurl
{
    border-bottom: solid 0px #CCCCCC;
	background-color: #FFFFFF;
	border-right: solid 0px #CCCCCC;
	border-left: solid 0px #CCCCCC;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	
	border-width:0px;
	width:100px;
	vertical-align:top;
}

.smallurl 
{
    font-size:x-small;
    color:Gray;
}

a.smallurl
{
    font-size:x-small;
    color:Gray;
}

/******************************************************/
/* Search Results */
/******************************************************/

/*Store Listing for any page that lists Stores */
#SearchHolder
{
    margin: 0px;
    padding: 0px;
}

table.StoreListing
{
    padding: 0px;
    margin: 0px;
}

td.StoreListing
{
    padding: 0px;
    margin: 0px;
}

.rDescription{
	font-size:8pt;
}

.rName{
	font-size:10pt;
	padding-bottom: 2px;
}

.rStore
{
    background-color: #ffffff;
    border-bottom: solid 1px #AAAAAA;
	border-right: solid 1px #AAAAAA;
	border-left: solid 1px #AAAAAA;
	border-top: solid 1px #AAAAAA;
	padding: 3px;
	width:275px;
	
}

.rStoreOuter
{
    background-color: #ffffff;
    border-bottom: solid 4px #E0e0e0;
	border-right: solid 4px #E0e0e0;
	border-left: solid 4px #E0e0e0;
	border-top: solid 4px #E0e0e0;
	margin: 3px;
}

a.StoreLink, a:link.StoreLink
{
    text-decoration: underline;
}

.SearchFeedback
{
    width: 570px;
    padding: 4px 4px 4px 4px;
}


/******************************************************/
/* DataLists and Repeater Classes for main content sections */
/******************************************************/

.StoreCategoryHolder
{
    height: 20px;
    padding-left: 4px;
}

/* MainDL3C - 3 Column DataList Appearing in main content section */
table.MainDL3C
{
    margin-top: 6px;
    margin-left:3px;
    border-style:none;
    border: 1px;
    width: 589px;
    padding: 0px 0px 0px 0px;
}

.MainDL3C td
{
    width: 33%;
    border-top: solid 1px #AAAAAA;
    border-bottom: solid 1px #AAAAAA;
    border-left: solid 1px #AAAAAA;
    border-right: solid 1px #AAAAAA;
    padding: 4px 3px 4px 3px;
}

table.GarmentsDL
{
    margin-top: 6px;
    margin-bottom: 3px;
    margin-left:3px;
    width: 589px;
    border-collapse: collapse;
    padding: 0px 0px 0px 0px;
}
td.GarmentsDL
{
    border-top: solid 1px #AAAAAA;
    border-bottom: solid 1px #AAAAAA;
    border-left: solid 1px #AAAAAA;
    border-right: solid 1px #AAAAAA;
    padding: 2px 4px 2px 4px;
}

/* StoreLists For Lists Holding Table on StoreDetails page */
table.StoreLists
{
    width:592px;
    padding: 0px 0px 0px 0px;
    margin-left: 0px;
}
td.StoreLists
{
   padding: 10px 2px 10px 2px;
   width:33%;
   vertical-align:top;
}

/* For particular list in StoreDetails Page*/
table.StoreList
{
    border-top: solid 1px #AAAAAA;
    border-bottom: solid 1px #AAAAAA;
    border-left: solid 1px #AAAAAA;
    border-right: solid 1px #AAAAAA;
    width:100%
}
th.StoreList
{
    font-weight:bold;
    background-color:#d0d0d0;
}
td.StoreList
{
    padding: 1px 5px 1px 5px;
    border-bottom: solid 1px #AAAAAA;
}

table.StyleRepeater
{
    background-color:White;
    border-style:none;
    border: 1px;
    border-collapse:collapse;
    margin: 2px 2px 2px 2px;
}

td.StyleRepeater
{
    border-width:1px;
    border-style:solid;
    padding: 2px 6px 2px 6px;
    border-color:#CCCCCC;
}
table.GarmentRepeater
{
    background-color:White;
    border-style:none;
    border: 1px;
    border-collapse:collapse;
    margin: 2px 2px 2px 2px;
}

td.GarmentRepeater
{
    border-width:1px;
    border-style:solid;
    padding: 2px 6px 2px 6px;
    border-color:#CCCCCC;
}


/******************************************************/
/* CSS classes for the navigation menu at bottom of the page (Previous/More Products, etc) */
/******************************************************/
table.paging
{
	width:420px;
}

div.paging
{
    width:420px;
    margin-left:auto;
    margin-right:auto;
}

/* Edit button on editable pages */
#divEditButton
{
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    border: 0px;
}

#PageTitle
{
    border-top: 0px;
	border-bottom: 0px;
	border-left: 0px;
	border-right: 0px;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 6px;
}
	

/******************************************************/
/*  Discounts */
/******************************************************/
.DiscountHolder
{
    padding: 2px;
    margin-bottom: 5px;
}
.DiscountHeader
{
    padding-left: 3px;
    border-top: solid 1px #aaaaaa;
    border-left: solid 1px #aaaaaa;
    border-right: solid 1px #aaaaaa;
    border-bottom: dotted 1px #aaaaaa;
    background-color: #dddddd;
}
.DiscountBody
{
    border-bottom: solid 1px #aaaaaa;
    border-left: solid 1px #aaaaaa;
    border-right: solid 1px #aaaaaa;
    text-align:left;
    vertical-align:bottom;
    padding: 7px;
}
.DiscountImage
{
    float: left;
    padding-right: 20px;
}
.DiscountGoTo
{
    background-color: #dddddd;
    border: dotted 1px #aaaaaa;
    padding: 3px;
    font-weight: bold;
}

/******************************************************/
/* Utils Section Specific */
/******************************************************/
#BorderUtilsMainDiv
{
	background-color: #ffffff;
	border-top: solid 1px;
	border-bottom: solid 1px;
	border-left: solid 1px;
	border-right: solid 1px;
	border-color:#AAAAAA;
	margin-top: 0px;
	margin-bottom: 4px;
	padding-top: 4px;
	padding-left: 4px;
	padding-right: 4px;
	padding-bottom: 4px;
}

.ContactSuggest td
{
    vertical-align: top;
    padding: 2px 2px 2px 2px;
}


/******************************************************/
/* Util Menu */
/******************************************************/
#UtilMenuHeader {
	width: 100%;
	height: 28px;
	width: 744px; /* a width is required for Opera, older Mozilla browsers, and Konqueror browsers */
    margin-top: 9px; /* how close to the title do we get */
    padding-right:20px;
    text-align: center;
}
ul.UtilMenuList {
	margin: 0;
	padding: 0;
	position: absolute;
	width: auto; /* a width is required for Opera, older Mozilla browsers, and Konqueror browsers */
    /*border-bottom: solid 1px #777777;*/
}
/* Applied to all tabs */
#UtilMenuHeader ul#UtilMenuList li  {
	display: inline;
	list-style: none;
	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px;
	font-size:8pt;
}
/* of all tabs*/
#UtilMenuHeader ul#UtilMenuList a 
{
	background-color: #ffffff;
	margin: 0px 0px 0px 0px; 
	padding: 0px 4px 0px 2px;
}

/* Utils Newsletter */
.SectionBoxHeader
{
    border-left: solid 1px #aaaaaa;
    border-right: solid 1px #aaaaaa;
    border-top: solid 1px #aaaaaa;
    background: #d0d0d0;
}
.SectionBox
{
    border: solid 1px #aaaaaa;
    border-collapse:collapse;
    padding: 4px;
    margin: 0px 0px 0px 0px;
}
.SectionBox .SectionBoxHeader
{
    padding: 4px;
    margin: 0px 0px 0px 0px;
    width: 700px;
}

/******************************************************/
/* Advertisers: Create Advert Section */
/******************************************************/
table.CreateAdvert
{
    width:100%;
    border-collapse: collapse;
}
table.CreateAdvert td
{
    padding: 2px 3px 2px 3px;
    border: solid 1px #aaaaaa;
}
table.CreateAdvert th
{
    background: #d0d0d0;
    border: solid 1px #aaaaaa;
    padding: 2px 3px 2px 3px;
}
table.CampaignRepeater
{
    border: solid 1px #aaaaaa;
    width: 100%;
    border-collapse:collapse;
}
table.CampaignRepeater td
{
    border: solid 1px #aaaaaa;
    margin: 0px 0px 0px 0px;
    padding: 2px 2px 2px 2px;
}
table.CampaignRepeater th
{
    font-weight: bold;
    background: #d0d0d0;
    border: solid 1px #aaaaaa;
    margin: 0px 0px 0px 0px;
    padding: 2px 2px 2px 2px;
}
table.CreateAdvertLayout
{
    width:100%;
    border-collapse: collapse;
}
table.CreateAdvertLayout td
{
    vertical-align: top;
    border: none;
    padding-top: 15px;
}

/******************************************************************/
/* Affiliate Control */
/******************************************************************/
div.AffilControl
{
    font-weight:bold;
    width: 150px;
    font-size: 8pt;
}
lu.AffilControl
{
    
}
il.AffilControl
{
    font-size: 8pt;
}

.FileUploadControl
{
    height: 23px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    font-size: small;
    
}

/******************************************************/
/* Display Adverts */
/******************************************************/
.StoreSingleTTAvtOuter
{
    border-bottom: solid 4px #E0e0e0;
	border-right: solid 4px #E0e0e0;
	border-left: solid 4px #E0e0e0;
	border-top: solid 4px #E0e0e0;
	padding: 0px;
	margin: 3px;
	width: 283px;
}
.StoreDoubleTTAvtOuter
{
    border-bottom: solid 4px #E0e0e0;
	border-right: solid 4px #E0e0e0;
	border-left: solid 4px #E0e0e0;
	border-top: solid 4px #E0e0e0;
	padding: 0px;
	margin: 3px;
	width: 580px;
}

.StoreSingleBlankAvtOuter
{
    border: 0px;
	padding: 0px;
	margin: 3px;
}
.StoreDoubleBlankAvtOuter
{
    border: 0px;
	padding: 0px;
	margin: 3px;
}

/* Classes for table and td in the Multi Avts controls */
.DoubleStoreAvtList, .SingleStoreAvtList
{
    padding: 0px;
    margin: 0px;
}

.StoreSingleTTAvtContainer, .StoreDoubleTTAvtContainer, .BannerTTAvtContainer
{
    overflow:hidden; 
    background-color: White;
}
.StoreSingleTTAvtContainer a:link, .StoreDoubleTTAvtContainer a:link, .BannerTTAvtContainer a:link
{
    text-decoration: underline;  
    font-weight:bold;  
}
.PanelBlankAvtContainer, .StoreSingleBlankAvtContainer, .StoreDoubleBlankAvtContainer, .BannerBlankAvtContainer
{
    overflow:hidden; 
    padding: 0px 0px 0px 0px;
}


.PanelAvtContainer
{
    width:156px;
    max-height:400px; 
    margin: 10px 0px 0px 0px;
    line-height: 15px;
    background-color: White;
    text-align: center;
}

.StoreSingleTTAvtContainer
{
    width:275px;
    max-height:80px; 
    padding: 3px 3px 3px 3px;
    margin: 0px 0px 0px 0px;
    line-height: 15px;
    border: solid 1px #AAAAAA;
}
.StoreSingleTTAvtContainer a
{
    line-height: 22px;
}
.StoreSingleBlankAvtContainer
{
    width:291px;
    max-height:80px; 
    margin: 0px 0px 0px 0px;
    line-height: 15px;
}

.StoreDoubleTTAvtContainer
{
    width:574px;
    max-height:60px; 
    padding: 0px 2px 0px 2px;
    margin: 0px 0px 0px 0px;
    line-height: 15px;
    background-color: White;
    border: solid 1px #AAAAAA;
}
.StoreDoubleTTAvtContainer a
{
    line-height: 22px;
}
.StoreDoubleBlankAvtContainer
{
    width:588px;
    max-height:80px; 
    margin: 0px 0px 0px 0px;
    line-height: 15px;
}

.BannerTTAvtContainer
{
    width:344px;
    max-height:50px; 
    padding: 0px 2px 0px 2px;
    margin: 0px 0px 2px 0px;
    line-height: 15px;
    background-color: White;
    border: solid 1px #AAAAAA;
}
.BannerTTAvtContainer a
{
    line-height: 22px;
}
.BannerBlankAvtContainer
{
    width:350px;
    max-height:50px; 
    margin: 0px 0px 2px 0px;
    line-height: 15px;
}


/********************************************************/
/* Login.aspx */
/********************************************************/
.LoginTable
{
    border-collapse:collapse;
}
.LoginTable th, .LoginTable td
{
    border: solid 1px #aaaaaa;
    padding: 4px;
    width:356px;
    text-align:left;
}
.LoginTable th
{
    background-color:#d0d0d0;
}

table.LoginBox tr td
{
    padding: 0px;
}
table.LoginBox tr td table
{
    border: solid 1px #aaaaaa;
    border-collapse:collapse;
    padding: 4px;
    margin: 0px 0px 0px 0px;
    width:365px;
}
table.LoginBox tr td table td
{
    padding: 4px;
    text-align:left;
}

/********************************************************/
/* Register.aspx */
/********************************************************/
.UserRegisterControl
{
    margin-left:auto;
    margin-right:auto;
}

table.UserRegisterControl
{
    margin-top:6px;
    border: solid 1px #aaaaaa;
    background-color:#ffffff;
    width:750px;
    padding: 0px;
    border-collapse:collapse;
    border-collapse:collapse;
}
table.UserRegisterControl td
{
    border: solid 1px #aaaaaa;
    padding: 3px 2px 3px 2px;
}
table.UserRegisterControl th
{
    text-align: left;
    background-color: #d0d0d0;
    padding: 3px 2px 3px 2px;
}
table.UserRegisterControl .TextInput
{
    width:210px;
}
.UserRegisterControl li, .UserRegisterControl td ol
{
    font-size:8pt;
    color: Black;
}
/********************************************************/



/******************************************************/
/* Surrounds the Content Section (Login.Master) */
/******************************************************/
#LoginContentHolder
{
	background-color: #ffffff;
	border-top: solid 1px;
	border-bottom: solid 1px;
	border-left: solid 1px;
	border-right: solid 1px;
	border-color:#777777;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 2px;
	padding-left: 4px;
	padding-right: 4px;
	padding-bottom: 6px;
	width:754px;
}


/******************************************************/
/* HTML Tags Section */
/******************************************************/
body {
	background-color: #FFFFFF;
	padding: 0px;
	margin: 0px 0px 10px 0px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}

p {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: small;
	color: #000000;
	padding: 0px;
	margin-top: 8px;
	margin-bottom: 8px;
}

input, label {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	padding: 2px;
	margin: 0px;
}

select {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	margin: 0px;
}

/* General purpose links */
a, a:link, a:active {
	color: #214C9A;
	text-decoration: underline;
}
a:hover {
	color: #D9671E;
	text-decoration: underline;
}

h1 {
	font-family: Arial, Verdana, Helvetica, sans-serif, Verdana;
	font-size:15px;
	color: #000000;
	font-weight:bold;
	display:inline;
}

h2 {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12pt;
	color: #555555;
	padding: 0px 0px 0px 0px ;
	margin: 10px 0px 0px 0px;
	font-weight: bold;
}

h3 {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 9pt;
	color: #000000;
	padding: 0px 0px 0px 0px ;
	margin: 0px 0px 4px 0px;
	font-weight: bold;
}

/* Class for applying a separator under H elements (useful to avoid usage of HR) */
h1.separator, h2.separator, h3.separator {
	border-bottom: solid 1px #888888;
	padding-bottom: 2px;
	margin-bottom: 2px;
}

ul{
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 28px;
	padding-right: 8px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #555555;
}

ul.li 
{
    list-style-type: square;
	margin-left: 10px;
	padding: 0px;
}

ol{
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 28px;
	padding-right: 8px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}

ol li{
	padding-bottom: 4px;
}

code, pre {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #000000;
	padding: 0px;
	margin: 0px;
}

pre {
	border: dashed 1px #999999;
	background-color: #FFFFF0;
	margin: 0px 10px 0px 10px;
	padding: 8px;
}

table, div {
	padding: 0px;
	margin: 0px;
}

img {
	border: none;
	margin-bottom: -3px; /* Why do we need this!!! */
}