BODY
{
	font-weight: normal;
	font-size: small;
	word-spacing: normal;
	text-transform: none;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	letter-spacing: normal;
	text-align: left;
	margin: 0;
	padding: 25px 10px 15px 10px;
    /*background-color:Black; */
    background: Black url("../images/general/background.gif") repeat; 
	color:Black;

}

input:focus { border:solid 1px red;} 
textarea:focus { border:solid 1px red} 


div {

}

TR        
{
	font-weight: normal;
	font-size:x-small ;
	word-spacing: normal;
	text-transform: none;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	letter-spacing: normal;
	text-align: left;
}
A
{
	word-spacing: normal;
	text-transform: none;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	letter-spacing: normal;
}

A:Link{color:Red;}
A:visited
{
    color:Red;
}
A:hover {text-decoration: none; color: Red}
A:active {}


li
{
	margin-left:10px;
}

img
{
    border-style:none;
}


.resetFloats
{
content: ".";
display: block;
height: 0px;
clear: both;
visibility: hidden;
overflow:hidden;
    zoom:1;
     hasLayout:true;
     position:relative;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}



/************* General Layout *********************/
#oldHeader {height: 150px;padding: 40 0 0 40;margin: 0;background: url("../images/header.gif") top no-repeat; background-color:Transparent;}

#topFrame{
	width: 810px; 
	padding: 20px;
	margin-left: auto;
	margin-right: auto;
    background-color:#FFFFFF;
    border:solid 1px Gray;
    min-height: 1000px;
}
#mainFrame {
	min-height: 1000px;
	position:relative;
	margin-left: auto;
	margin-right: auto;
	width: 810px; 
}


.mainHeaderOverlay
{
    position:relative;
    left:0px;
    right:0px;
    height: 150px;
	padding: 40 0 0 40;
	margin: 0;
	background: Transparent url("../images/general/BannerForGallery.gif") top no-repeat; 
	color:White;
}

#pageFooter
{
    margin-top:50px;
    width:700px;
    margin-left:auto;
    margin-right:auto;
    text-align:center;
    color:Black;
}
#pageFooter A:link{color:Red}
#pageFooter A:visited{color:DarkSlateGray;}
#pageFooter A:hover{color:Red}
#pageFooter A:active{color:Red}

#marketPage
{
	min-height:500px;margin-top:5px;
	background-color:Black;
	color:White;
}
#marketPage h2
{
	color:White;
	font-weight:bold;
	font-size:large;
}
#marketPage A:link{color:White}
#marketPage A:visited{color:Gainsboro;}
#marketPage A:hover{color:Red}
#marketPage A:active{color:White}


.addToCart
{
	color:White;
	padding:10px;
	width:200px;
	margin:auto;
	border:solid 1px white;
}
.addToCart .formLabel
{
	float:left;
	width:75px;
	font-weight:bold;
}
.addToCart .formValue
{
	float:left;
	width:110px;
}


.addToCartButton 
{
	width:139px;
	height:23px;
	margin:auto;
	background-image:url('../images/market/addbasket.gif');
}

.addToCartButtonHover
{
	background-image:url('../images/market/addbasket2.gif');
	width:139px;
	height:23px;
	margin:auto;
}


.repeaterRow
{
    margin: 5px;
    padding:5px;
    background-color:GhostWhite;
    border:solid 1px Gainsboro;
    color:DarkSlateGray;
    min-height:100px;
    
}

.repeaterRow .subText
{
    float:none;
    font-weight:normal;
    color:DarkSlateGray;
    font-size:x-small;

}

.repeaterRow .titleText
{
    float:none;
    font-weight:bold;
    color:DarkSlateGray;    
    font-size:small;    
    height:auto;
}
.repeaterRow .titleText A:link{color:DarkSlateGray;}
.repeaterRow .titleText A:active{color:DarkSlateGray}
.repeaterRow .titleText A:visited{color:DarkSlateGray}

.repeaterRow .titleText .value
{
    
    font-weight:normal; 
}
.repeaterRow .titleText .value A:link{color:Red;font-size:x-small;}
.repeaterRow .titleText .value A:active{color:Red;font-size:x-small;}
.repeaterRow .titleText .value A:visited{color:Red;font-size:x-small;}



/********************** menus *************/

.mnuMainDrop
{
    background: Transparent url("../images/menu/mnuMainDrop.gif") repeat-y;
    width:100px;    
}
.mnuMainItem
{
    height:24px;
     display:block;
    cursor:pointer;    
}
.mnuMainItem .img
{
    float:left;

}

.mnuMainItem .mnu
{
    background: Transparent url("../images/menu/mnuMainDropBack.gif") repeat-x;
    color:White;
    width:50px;
    float:left;
    height:20px;
    line-height:20px;
    vertical-align:middle;
    padding:2px 5px 2px 5px
     
}

.mnuMainItem A:Link{text-decoration: none;}
.mnuMainItem A:visited{text-decoration: none; }
.mnuMainItem A:hover {text-decoration: none; }
.mnuMainItem A:active {text-decoration: none; }


.mnuMainItem .mnuRight
{
    background: Transparent url("../images/menu/mnuMainDropRight.gif") no-repeat;
    width:4px;
    float:left;
    height:24px;
}

.mnuMainItem .mnuIcon
{
    
    width:40px;
    float:left;
    height:24px;
    
}
.mnuMainItem .mnuLogonIcon
{
    background: url("../Images/menu/mnuLogon.gif")  no-repeat;
    width:40px;
    float:left;
    height:24px;
}

.mnuMainItem .mnuChatIcon
{
    background: url("../Images/menu/mnuChat.gif")  no-repeat;
    width:40px;
    float:left;
    height:24px;
}

.mnuMainItem .mnuSearchIcon
{
    background: url("../Images/menu/mnuSearch.gif")  no-repeat;
    width:40px;
    float:left;
    height:24px;
}

.mnuMainItemHover
{
    height:24px;
    cursor:pointer;
}
.mnuMainItemHover .img
{
    float:left;
}

.mnuMainItemHover .mnu
{
    background: Transparent url("../images/menu/mnuMainDropBack_Select.gif") repeat-x;
    color:Red;
    width:50px;
    float:left;
    height:20px;
    line-height:20px;
    vertical-align:middle;
    padding:2px 5px 2px 5px
}

.mnuMainItemHover .mnuRight
{
    background: Transparent url("../images/menu/mnuMainDropRight_Select.gif") no-repeat;
    width:4px;
    float:left;
    height:24px;
}

.mnuMainItemHover .mnuIcon
{
    
    width:40px;
    float:left;
    height:24px;
}

.mnuMainItemHover .mnuLogonIcon
{
    background: url("../Images/menu/mnuLogon_select.gif")  no-repeat;
    width:40px;
    float:left;
    height:24px;
}

.mnuMainItemHover .mnuChatIcon
{
    background: url("../Images/menu/mnuChat_Select.gif")  no-repeat;
    width:40px;
    float:left;
    height:24px;
}

.mnuMainItemHover .mnuSearchIcon
{
    background: url("../Images/menu/mnuSearch_Select.gif")  no-repeat;
    width:40px;
    float:left;
    height:24px;
}


.editBar
{
    background-color:Black;width:660px;float:none;z-index:200;position:relative;
}

.editBar .innerPanel
{
    border:solid 2px white;margin:0px 5px 5px 0px;padding:2px;height:30px;
}

.editBar .navigationLinks
{
    color:Gray;
    font-weight:bold;
    font-size:x-small;
    line-height:29px;
    vertical-align:middle;
    float:left;
}
.editBar .navigationLinks A:Link{color:white;font-weight:bold;}
.editBar .navigationLinks A:visited{color:white;font-weight:bold;}
.editBar .navigationLinks A:hover {text-decoration: none; color: white;font-weight:bold;}
.editBar .navigationLinks A:active {color: white;text-decoration: none;font-weight:bold;}



.navigationLinks
{
    color:Gray;
    font-weight:bold;
    font-size:x-small;
    line-height:29px;
    vertical-align:middle;
    float:left;
}
.navigationLinks A:Link{color:white;font-weight:bold;}
.navigationLinks A:visited{color:white;font-weight:bold;}
.navigationLinks A:hover {text-decoration: none; color: white;font-weight:bold;}
.navigationLinks A:active {color: white;text-decoration: none;font-weight:bold;}



.editBar .rightMenu
{
    width:100px;float:right;margin-right:10px
}



.subMenu
{
    float:right;color:White;
    width:80px;
    padding:5px;
    border:solid 1px Black; 
    height:17px;
    cursor:pointer; 
    background-color:Black;
    display:block;
    overflow:hidden;
}

.subMenu .menuText
{
    float:left;padding: 0px 5px 0px 5px;font-weight:bold;
}

.subMenuSelect
{
    float:right;
    width:80px;
    padding:5px;
    border:solid 1px Black;
    height:17px;
    cursor:pointer; 
    background-color:White;
    display:none;
    overflow:hidden;

}

.subMenuSelect .menuText
{
    float:left;padding: 0px 5px 0px 5px;color:Black;font-weight:bold;
}


.subMenuSelect2
{
    width:80px;padding:5px;border:solid 1px white;height:17px;cursor:pointer; background-color:Red;
}

.subMenuSelect2 .menuText
{
    float:left;padding: 0px 5px 0px 5px;color:white;font-weight:bold;
}

.subMenuItemsX
{
    float:right;
    background-color:White;
    width:180px;
    text-align:right;
    
}

.subMenuItems
{
    
    /*float:right;*/
    left:-95px;top:30px;
    background-color:White;
    width:180px;
    text-align:right;
    position:absolute;
    
    
}
.subMenuItems A:Link{text-decoration: none;color:white;}
.subMenuItems A:visited{text-decoration: none;color:white;}
.subMenuItems A:hover {text-decoration: none; color: white;}
.subMenuItems A:active {color: white;text-decoration: none;}

.subMenuOverlay
{
    width:180px;border:solid 1px Black;
    
    
}
.subMenuInnerBorder
{
    border:solid 1px white;
    
}




.subMenuItem
{
    padding:5px;color:White;cursor:pointer;background-color:Black;
}

.subMenuItemSelect
{
    padding:5px;color:Black;cursor:pointer;background-color:White;
    font-weight:bold;
}
.subMenuItemSelect A:Link{color:black;font-weight:bold;}
.subMenuItemSelect A:visited{color:black;font-weight:bold;}
.subMenuItemSelect A:hover {text-decoration: none; color: black;font-weight:bold;}
.subMenuItemSelect A:active {color: black;text-decoration: none;font-weight:bold;}


/*small menus**********/

.menuItem
{
    width:250px;
    margin:auto;
    padding:5px;
}

.menuItem .menuIconMail
{
    float:left;
    background: url("../images/contact/contactMail.gif") no-repeat;
    width:20px;
	height:13px;       
}
.menuItem .menuIconFriendRequest
{
    float:left;
    background: url("../images/contact/mnuFriendRequest.gif") no-repeat;
    width:20px;
	height:13px;       
}
.menuItem .menuIconComments
{
    float:left;
    background: url("../images/contact/mnuComments.gif") no-repeat;
    width:20px;
	height:13px;       
}

.menuItem .menuText
{
    width:220px;
    font-size:x-small;    
    color:Black;
}

.menuItemHover
{
    width:250px;
    margin:auto;
    padding:5px;
    cursor:pointer;
}

.menuItemHover .menuIconMail
{
    float:left;
    background: url("../images/contact/contactMail_select2.gif") no-repeat;
    width:20px;
	height:13px;       
}

.menuItemHover .menuIconFriendRequest
{
    float:left;
    background: url("../images/contact/mnuFriendRequest_Select.gif") no-repeat;
    width:20px;
	height:13px;       
}
.menuItemHover .menuIconComments
{
    float:left;
    background: url("../images/contact/menuComments_select.gif") no-repeat;
    width:20px;
	height:13px;       
}

.menuItemHover .menuText
{
    width:220px;
    font-size:x-small;    
    color:Red;
}

.contactMenu
{ 
    
    color:Black;    
    padding:5px;
    height:15px;
    cursor:pointer; 
    /*background-color:White;
    */
}
.contactMenu .menuLabel
{
    float:left;width:30px; font-size:x-small; font-weight:bold;
}

.contactMenu .menuText
{
    float:left;padding: 0px 5px 0px 5px;font-weight:bold;font-size:x-small;
}

.contactMenuSelect
{
    color:White;    
    padding:5px;
    height:15px;
    cursor:pointer; 
    background-color:Red;
    
}
.contactMenuSelect .menuText
{
    float:left;padding: 0px 5px 0px 5px;font-weight:bold;font-size:x-small;
}

.contactMenuSelect A:Link{text-decoration: none;color:white;font-weight:bold;}
.contactMenuSelect A:visited{text-decoration: none;color:white;font-weight:bold;}
.contactMenuSelect A:hover {text-decoration: none; color: white;font-weight:bold;}
.contactMenuSelect A:active {color: white;font-weight:bold;}

.contactMenu .mailIcon
{
    float:left;width:20px;margin:auto; 
    height:13px;
 	background: url("../images/contact/contactMail.gif") no-repeat;    
}
.contactMenuSelect .mailIcon
{
    float:left;width:20px;margin:auto;
 	height:13px;
 	background: url("../images/contact/contactMail_Select.gif") no-repeat;    
}

.contactMenu .addFriendIcon
{
    float:left;width:20px;margin:auto; 
    height:13px;
 	background: url("../images/contact/contactAddFriend.gif") no-repeat;    
}
.contactMenuSelect .addFriendIcon
{
    float:left;width:20px;margin:auto;
 	height:13px;
 	background: url("../images/contact/contactAddFriend_Select.gif") no-repeat;    
}

.contactMenu .chatIcon
{
    float:left;width:20px;margin:auto; 
    height:13px;
 	background: url("../images/contact/contactChat.gif") no-repeat;    
}
.contactMenuSelect .chatIcon
{
    float:left;width:20px;margin:auto;
 	height:13px;
 	background: url("../images/contact/contactChat_Select.gif") no-repeat;    
}


.contactMenu .webIcon
{
    float:left;width:20px;margin:auto; 
    height:13px;
 	background: url("../images/contact/mnuWeb.gif") no-repeat;    
}
.contactMenuSelect .webIcon
{
    float:left;width:20px;margin:auto;
 	height:13px;
 	background: url("../images/contact/mnuWeb_select.gif") no-repeat;    
}

.contactMenu .phoneIcon
{
    float:left;width:20px;margin:auto; 
    height:13px;
 	background: url("../images/contact/contactPhone.gif") no-repeat;    
}
.contactMenuSelect .phoneIcon
{
    float:left;width:20px;margin:auto;
 	height:13px;
 	background: url("../images/contact/contactPhone_select.gif") no-repeat;    
}



/************* headers *************/
.mainHeaderOverlay
{
    position:relative;
    left:0px;
    right:0px;
    height: 150px;
	padding: 40 0 0 40;
	margin: 0;
	background: Transparent url("../images/general/BannerForGallery.gif") top no-repeat; 
	/*background: Black url("../images/general/Bannerphoto.gif") top no-repeat; */
	color:White;
}

.titleHeaderArea
{
    height:80px;
    width:450px;
    position:absolute;
    top:16px;
    /*border:solid 2px Black;    */
}


.titleHeaderBackground
{
    height:80px;
    width:450px;
    position:absolute;
    top:0px;
    left:0px;
    border:solid 2px Black;
}
.titleHeaderBackground .contents
{
    height:80px;
    width:450px;
    position:absolute;
    top:0px;
    left:0px;
    background-color:Black;
    filter: alpha(opacity=50);
    opacity:0.5;
}


.titleHeaderContents
{
    position:relative;
    color:white;
    
}

.titleHeaderText
{
       
    font-size:medium;
    font-weight:bold;
    color:White;
    padding: 0px 5px 0px 5px;
}

.titleHeaderLargeText
{
       
    font-size:large;
    font-weight:bold;
    color:White;
    padding:10px;
    /*width:440px;
    height:20px;
    overflow:hidden;
    */
    overflow-y:hidden;
    line-height:20px;
    border-top: solid 2px Red;
     

}

.titleHeaderLargeText A:Link{color:white;font-weight:bold;}
.titleHeaderLargeText A:visited{color:white;font-weight:bold;}
.titleHeaderLargeText A:hover {text-decoration: none; color: white;font-weight:bold;}
.titleHeaderLargeText A:active {color: white;text-decoration: none;font-weight:bold;}

.titleHeaderLargeText .withRating
{
    width:300px;float:left; overflow-x:hidden; position:relative;
}

.titleHeaderMinorText
{
       
    font-size:small;
    color:Gold;
    padding:5px;
    font-style:normal;
}

.titleHeaderSubtext
{
       
    font-size:x-small;
    color:White;
    padding:5px;
    font-style:italic;
}


.titleLeft
{
    float:left;
    width:5px;
    height:50px;
	background: Transparent url("../images/controls/title-left.gif") no-repeat;
}

.titleRight
{
    float:left;
    width:5px;
    height:50px;
	background: Transparent url("../images/controls/title-right.gif") no-repeat;
}
.titlePanel
{
	position:relative;
	text-align:left;
    padding: 0px 10px 0px 10px 0px;
    
	/*
    width:780px;
	height:50px;
	overflow:hidden;
padding: 10px;
	background-color:#ffffff; /*white*/	 
	background-color:#ff0000; /*Red*/ 	 
	/*background-color:#000000; */
	
}

.titleText
{
	 float:left;
	 color:Red;
	 /*color:White;*/
	 height:40px;
	 text-align:left;
	 background-color:Transparent;
	 word-wrap:break-word;
	 overflow:hidden;
}

.profileTitleText
{
    color:White;
}
.profileTitleText:Link
{
   color:White;
}
.profileTitleText:Visited
{
   color:White;
}



/************ text bits *****************/


.descText
{
    font-size:x-small;
    /*font-style:italic;
    */padding:5px;
    color:DarkSlateGray; 
     vertical-align:bottom;
    
}
.descText .stdTitle
{
    font-size:small;
    font-weight:bold;
    float:left;
}

.descText .question
{
    float:left
}
.descText .answer
{
    color:Black;
    font-style:normal;
    float:left;
}

.stdText
{
    font-size:small;
    padding:5px;
    color:black;
}


.error
{	
	color :Red;
	font-weight: bold;
	font-size:small;
	text-align:center;
	padding: 10px 5px 10px 5px;
}

.error .subText
{
    
	color :DarkSlateGray;
	font-weight:normal;
	font-size:x-small;
	 text-align:center;
}


.mainInfoMessage
{	
    
	color :DarkSlateGray;
	font-weight: bold;
	font-size:medium;
	text-align:center;
	margin:auto;
	width:600px;
}


.emailMessageInput
{
    width:475px;
    height:100px;
    
}


.subText
{	
    font-size:small;
}


.directoryLinks
{
    color:White;
    font-size:x-small;
     /*border-bottom:solid 1px White;
    border-bottom: solid 1px white;
*/
     padding:5px;
     font-weight:bold;
     height:15px;
     width:1200px;
      
     
}
.directoryLinks A:link{color:White}
.directoryLinks A:visited{color:White}
.directoryLinks A:hover{color:White}
.directoryLinks A:active{color:White}


.sectionLinks 
{
    font-size:x-small;
    color:DarkSlateGray;
    float:right;
    padding:5px;
}

.sectionLinks A:link{color:Red}
.sectionLinks  A:visited{color:Red}
.sectionLinks A:hover{color:Black}
.sectionLinks A:active{color:Red}


.sectionFooter
{
    font-size:x-small;
    color:DarkSlateGray;
     text-align:center;
    padding:5px;
}

.sectionFooter A:link{color:Red}
.sectionFooter  A:visited{color:Red}
.sectionFooter A:hover{color:Black}
.sectionFooter A:active{color:Red}

.generalText
{
    font-size:x-small;
    color:DarkSlateGray;
   
}


/**************** Image Containers ****************/
.imgProdThumbSection
{
    width:150px;
    /* make height set as min-height not working in ie5.5*/
    height:150px;
    padding:5px;
    position:relative;
    display:table;
    cursor:pointer;    
	margin:10px auto 10px auto;
}

.imgItem
{
    width:200px;
    padding:5px;
    position:relative;
    display:table;
    cursor:pointer;    
	margin:10px auto 10px auto;
}


.imgThumbColumn
{
    width:110px;
    float:left;
    position:relative;
    display:table;
     text-align:center;
}


.imgThumbColumn .descText
{
    width:100px;
    margin:auto;
    text-align:center;
}


.imgThumbSectionHighLight
{
    width:100px;
    /* make height set as min-height not working in ie5.5*/
    height:100px;
    padding:5px;
    margin-top:10px;
    position:relative;
    display:table;
    float:left;
    border:solid 1px Blue;
    cursor:pointer;    
    background-color:White;
}
.imgThumbSectionSelected
{
    width:100px;
    /* make height set as min-height not working in ie5.5*/
    height:100px;
    padding:5px;
    margin-top:10px;
    position:relative;
    display:table;
    float:left;
    border:solid 1px Red;
    cursor:pointer;    
    background-color:Yellow;
}


.imgThumbSection
{
    width:100px;
    /* make height set as min-height not working in ie5.5*/
    height:100px;
    padding:5px;
    margin-top:10px;
    position:relative;
    display:table;
    float:left;
    border:solid 1px Gray;
    cursor:pointer;    
    background-color:White;
}
.imgThumbSection .labelText
{
    text-align:center;
    width:90px;
    word-wrap:break-word;
    margin:auto;
    font-size:x-small;
}

.imgFBLinkSection
{
    width:100px;
    /* make height set as min-height not working in ie5.5*/
    height:150px;
    padding:5px;
    margin:10px;
    position:relative;
    display:table;
    border:solid 5px white;
    
    cursor:pointer;    
    background-color:White;
	float:left;   
}

.imgFBLinkSection .labelText
{
	text-align:center;
    width:90px;
    word-wrap:break-word;
    margin:10px auto 10px auto;
    
}

.FBLinkArea
{
	width:280px;
	margin:auto;
}

.imgSelectorArea
{
    width:400px;height:150px;overflow:scroll;
    border-left:solid 1px Gainsboro;
    border-top:solid 1px Gainsboro;
    padding:5px;
    background-color:White;
}

.imgThumbContainer
{
    position:absolute;
    left:0px;
    top:0px;
    cursor:crosshair;
    z-index:1;
}

 

.imgThumbSection2
{
    width:100px;
    /*padding:5px;*/
    margin-top:10px;
    position:relative;
    display:table;
    float:left;
    border:solid 1px Gray;
    cursor:pointer;    
    background-color:White;
        
}

.imgThumbSection2 .imgArea
{
     width:90px;
    height: 100px;
    position:relative;
    display:table;
     margin:auto;
}
.imgThumbSection2 .labelText
{
    text-align:center;
    width:90px;
    word-wrap:break-word;
    word-break:break-all;
    overflow:hidden;
    margin:2px auto 5px auto;
}
.imgThumbSection2 .labelText A:Link{ font-size:x-small}
.imgThumbSection2 .labelText A:hover{ font-size:x-small}
.imgThumbSection2 .labelText A:active{ font-size:x-small}
.imgThumbSection2 .labelText A:visited{ font-size:x-small}


.imgProfileIconSection
{
    width:50px;
    height: 50px;
    padding:5px;
     margin-top:10px;
        
    float:left;
    position:relative;
    display:table;
    border:solid 1px Gray;
    cursor:pointer;    
    background-color:White;
}

.imgGalleryThumb
{
    width:50px;
    height: 50px;
    padding:2px;
    margin-top:2px;
    float:left;
    position:relative;
    display:table;
    cursor:pointer;    
    background-color:White;
    border:solid 1px Gainsboro;
}
.imgGalleryThumbSelected
{
    width:50px;
    height: 50px;
    padding:2px;
    margin-top:2px;
    float:left;
    position:relative;
    display:table;
    cursor:pointer;    
    background-color:White;
    border:solid 1px Red;
}
.imgGalleryThumbSelected2
{
    width:50px;
    height: 50px;
    padding:2px;
    margin-top:2px;
    float:left;
    position:relative;
    display:table;
    cursor:pointer;    
    background-color:White;
    border:solid 1px Red;
    background-color:Yellow;
}
.imgGalleryThumbHighlight
{
    width:50px;
    height: 50px;
    padding:2px;
    margin-top:2px;
    float:left;
    position:relative;
    display:table;
    cursor:pointer;    
    background-color:White;
    border:solid 1px Blue;
}




/****** centering for images ***********/

.centeringDiv
{
  #position:absolute;
   top: 50%;
   display: table-cell; 
   vertical-align: middle;
   left:50%;
   text-align:center;
}

.centeringDiv2
{
   #position: relative; 
   top: -50%;
   left:-50%;
         
}

.centeringDiv3
{
  #position:absolute;
   top: 50%;
   display: table-cell; 
   vertical-align: middle;
   left:50%;
   text-align:center;
}

.centeringDiv4
{
   #position: fixed; 
   top: -50%;
   left:-50%;
         
}

/*************** forms *************/
.stdWatermark
{
    color:Gray;
    font-style:italic;
}

.formRowSmall
{
    width:600px;
    margin:auto;
    color:DarkSlateGray;
}

.formLabelColSmall 
{     
	float:left;
	width:100px;
	padding:5px;
	text-align:left;
	vertical-align:middle;
	font-size:x-small;
	font-weight:bold;
	color:DarkSlateGray;
	/*padding-top:10px;	  */
} 

.formInputColSmall
{
    float:left;
    width:480px;    
}
.formInputSmall
{
    float:left;
    width:480px;    
}


.formRowModal
{
    width:450px;
    margin:auto;
    color:DarkSlateGray;
}

.formRowModal .formLabelColSmall 
{     
	width:100px;
} 

.formRowModal .formInputColSmall
{
    width:340px;    
}
.formInputSmall
{
    float:left;
    width:480px;    
}


.checkBox
{
    font-size:x-small;
}

.smallFormArea
{
    border: solid 1px Gray;
    background-color:GhostWhite;
    margin:5px;
    padding:5px;
    width: 380px;
}

.smallFormRow
{
    text-align:left;      
    width:380px;    
}

.standardLabel
{
    float:left;
    display:block;
    width:100px;
    font-size:small;
    padding:5px;
    color:DarkSlateGray;
    font-weight:bold;
}

.smallInput
{
    float:left;
    width:250px;
    margin:5px;
}

.smallInputWatermark
{
    float:left;
    width:250px;
    margin:5px;
    color:Gray;
    background-color:White;
    font-style:italic;
}

.closeButton
{
    float:right;
    background: url("../images/general/close.gif") no-repeat;
    width:20px;
    height:20px;
    cursor:pointer;
}


.stdButton
{
    width:75px;
    margin:0px 5px 0px 5px;
    vertical-align:middle;
    
}

.standardInput
{
    float:left;
    width:290px;
    
}


/*************************** Sections ******************************/

.publishMessageSection
{
    background-color:Red;
    border:solid 2px Black;
    color:White;
    font-weight:bold;
    width:588px;
    margin:auto;   
    padding:5px;
}

.publishMessageSection A:link{color:Black; font-weight:bold}
.publishMessageSection A:visited{color:Black;font-weight:bold}
.publishMessageSection A:hover{color:White; font-weight:bold}
.publishMessageSection A:active{color:Black; font-weight:bold}


.leftColPanel
{
    float:left;width:140px;margin:5px; 
}

.rightColPanel
{
    float:left;width:425px;margin:5px;  overflow-x:hidden; 
}


.sectionContents
{
    margin:5px;
    float:left;
    
}


.messageSection
{
   background-color:GhostWhite;
   margin:auto;border:solid 1px Gainsboro; 
   padding:5px;
   color:DarkSlateGray;
   font-size:small; 
    
}



.simpleSection
{
   width:600px;margin:auto;border:solid 1px Gainsboro;overflow-x:hidden;   

}

.simpleSubSection
{
   background-color:GhostWhite;
   margin:auto;border:solid 1px Gainsboro; 
   overflow-x:hidden;
   position:relative;

}
.simpleSubSubSection
{
   background-color:White;
   margin:auto;border:solid 1px DarkSlateGray;   
    font-size:x-small
    

}
.simpleSubSubSectionHeader
{
    background-color:Gainsboro;color:DarkSlateGray;padding:5px;
    border-bottom:solid 1px DarkSlateGray;
    
}



.simpleSectionHeader
{
    background-color:DimGray;
    color:White;
    padding:5px;
    width:590px;
    
     
}
.simpleSectionHeader A:Link{color:White}
.simpleSectionHeader A:visited{color:White;}
.simpleSectionHeader A:hover {color: White; font-weight:bold}
.simpleSectionHeader A:active {}

.simpleSectionArea
{
    background-color:GhostWhite;
    width:590px;
    border-bottom:solid 1px Gainsboro;
    color:DarkSlateGray; 
    /*font-size:x-small;*/
    padding:5px;
    margin:auto;
}

.summaryItem
{
	padding:5px;
}

.summaryItem A:Link{color:DarkSlateGray}
.summaryItem A:visited{color:DarkSlateGray;}
 


.simpleSectionArea .subText
{
    font-size:x-small;
}

.leftMenuSection
{
    background-color:Black;
    color:White;
    margin-left:5px;
    width:143px;
    float:left;
     
}

.leftMenuSection .panel
{
    border:solid 1px White;
}

.leftMenuSection .sideHeader
{
    background-color:DimGray;
    color:White;
    padding:5px;
    border:solid 1px GhostWhite;
	font-weight:bold;
	font-size:medium;
	
}
.leftMenuSection .sideHeader A:Link{color:White}
.leftMenuSection .sideHeader A:visited{color:White;}
.leftMenuSection .sideHeader A:hover {color: White; font-weight:bold}
.leftMenuSection .sideHeader A:active {}

.leftMenuSection .sideMenuItem
{
    
    color:White; 
    font-size:small;
    font-weight:bold;
    padding:5px 5px 5px 10px;
}



.leftMenuSection .sideMenuItem A:Link{color:White}
.leftMenuSection .sideMenuItem A:visited{color:White;}
.leftMenuSection .sideMenuItem A:hover {color: White; font-weight:bold}
.leftMenuSection .sideMenuItem A:active {}

.leftMenuSection .sideSubMenuItem
{
	color:White;
	padding:5px 5px 5px 50px;
}
.leftMenuSection .sideSubMenuItem A:Link{color:White}
.leftMenuSection .sideSubMenuItem A:visited{color:White;}
.leftMenuSection .sideSubMenuItem A:hover {color: White;}
.leftMenuSection .sideSubMenuItem A:active {}

.catalogSection
{
	width:640px;
	margin:auto;
	border:solid 2px white;
	margin-right:5px;
	float:right;
}

.catalogSection h1
{
	font-size:x-large;
	color:White;
	font-weight:bold;
	padding:10px
}
.catalogSection .headerArea
{
	border-bottom:solid 1px white;
	color:White;
}

.pagerListArea
{
	margin:auto;
	border:solid 2px white;
	margin-right:5px;
}
.pagerListArea .headerArea
{
	border-bottom:solid 1px white;
	color:White;
}


.gallerySummarySection
{
    width:260px;
    border:solid 1px Gainsboro;
    background-color:White;
    margin:  5px 5px 5px 5px;
    padding:5px;
}

.gallerySummaryInfoSection
{
    width: 130px;
    
    padding:5px;
    margin: 0px 5px 5px 5px;
    float:left;
    overflow:hidden;
    
}
.gallerySummaryInfoSection .titleText
{
    float:none;
    font-weight:bold;
    color:Red;
}

.gallerySummaryInfoSection .titleText2
{
    float:none;
    font-weight:bold;
    /*color:White;
    background-color:Gray;
    */
    color: DarkSlateGray;
    width:130px;
    padding:5px;
    font-size:small;
    margin-bottom:10px;
     
}

.gallerySummaryInfoSection .titleText2 A:Link{ color:DarkSlateGray; font-weight:bold}

.gallerySummaryInfoSection .subText
{
    float:none;
    font-weight:normal;
    color:DarkSlateGray;
    font-size:x-small;
}



.scrollingPageArea
{
    border:solid 1px DarkSlateGray;
    background-color:White;
    position:relative;
    
}

.scrollHeadBreak
{
    border-bottom:solid 1px DarkSlateGray;
    border-top:solid 1px DarkSlateGray;
    height:2px;    
    overflow-y:hidden;
    
}


.leftPanel
{
    float:left;width:150px;padding:5px;
    background-color:GhostWhite;
     border-right:solid 1px Gainsboro;
     border-bottom:solid 1px Gainsboro;
    /*border-right-width:2px;*/
    font-size:x-small;
    color:DarkSlateGray;
    padding:5px;
}

.leftPanel .subTitle
{
    font-weight:bold;
    padding:5px;
}

.leftPanel A:link{color:Red}
.leftPanel A:visited{color:Red}
.leftPanel A:hover{color:Black}
.leftPanel A:active{color:Red}



/**************controls *********/
.pager
{
    font-size:x-small;
    color:DarkSlateGray;
}
.pager A:link{color:DarkSlateGray}
.pager A:visited{color:DarkSlateGray}
.pager A:hover{color:DarkSlateGray}
.pager A:active{color:Black}



/************ icons ***********/

.expandIcon
{
    float: right; vertical-align: middle;cursor:pointer;
}


/*************** popups - this bit errors with compression may need to include separately ****************/
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPreview {
    width:540px;
    z-index:10000;
    position:relative;    
}

.modalPanel
{
    height:250px;
}


.modalLeft
{
    float:left;
	width:5px;
	vertical-align:top;
	background: Gray url("../images/general/subtitleback_left.gif") no-repeat;
	height:30px;
	margin: 0px;
	padding: 0px;
}

.modalRight
{
    float:left;
	width:5px;
	vertical-align:top;
	background: Gray url("../images/general/subtitleback_right.gif") no-repeat;
	height:30px;
	margin: 0px;
	padding: 0px;
}
.modalTitle
{
    color:White;
    padding: 5px 10px 5px 10px;
    font-weight:bold;
    font-style:normal;
    font-size:small;
    cursor:move;
    height:20px;
    background:Gray url('../images/general/subtitleback.gif') repeat top;
    float:left;
    width:500px;
 }

.modalContents
{    
    border-color:#666666;
    border-style:solid;
    border-width:1px;
    float:left;
    padding: 0px;
    margin:0px;
    width:528px;
    background-color:WhiteSmoke;
    position:relative;
}

.stdRow
{
    margin: 5px auto 0px  auto;
}

.previewRow
{
    width:500px;
    margin: 5px auto 0px  auto;
}
.previewButtonCol 
{     
    text-align:right;
}


.previewLabelCol 
{     
	float:left;
	width:175px;
	padding:5px;
	text-align:left;
	vertical-align:middle;
	font-size:x-small;
	font-weight:bold;
	 padding-top:10px;	  
	 color:DarkSlateGray;
} 

.previewInputCol 
{     
	float:left;
	width:300px;
	padding:5px;
	text-align:left;
	font-size:small;
	font-weight:normal;	  
	vertical-align:top;
/*	overflow-x:hidden;
*/	
}

.previewFullInput
{
    width:460px;
	padding: 2px 5px 2px 5px;
	text-align:left;
	font-size:small;
	font-weight:normal;	  
	margin: 5px auto 5px auto;
	
}





/********************* editor *********************/
.editorPane
{
    position:relative;
    z-index:2000;
    padding:10px;
 
}


/************************** gallery main - stuff for gallery viewer ******************/

.personNote
{
  background-color:LemonChiffon;
  color:DarkSlateGray;
  padding: 2px 5px 2px 5px;
  border: solid 1px Gray;
    position:absolute;
    top:0px;
    left:0px;     
      z-index:1;
}


.galleryMenu
{
    position:relative;
    background-color:Black;
    overflow:visible;
    height:30px; 
    z-index:500; 
    padding:1px 5px 1px 5px
}


.mainImageArea
{
    background-color:Black;
    height:480px;
    width:500px;
    padding:10px;
    float:left;
    position:relative;
    display:table;
    overflow:hidden;
}

.galleryText
{
    position:absolute;
    text-align:center;
    top: -10px;
    vertical-align:bottom;
    color:White;
    width:100px;
    margin:auto;
    height:20px;
    
}


/******************** loading **********************/
/*******************************/

.popupLoading
{
    width:450px;
    height: 200px;
    padding:5px;
    margin: 10px auto 10px auto;
        
    position:relative;
    display:table;
    border:solid 1px Gray;
    cursor:pointer;    
    background-color:White;
}

.loadingSection
{
	width:400px;
	margin:auto;
}

.loadingImage
{
    background:  white url("../images/general/mainLoading.gif") no-repeat;
     width:150px;
      height:150px;
       margin:auto;
    
}
.loadingMessage
{
    font-weight:bold;
    font-size:small;
    padding:5px;
    text-align:center;
    color:DarkSlateGray;
}

.movieSection
{
    background:  blue url("../images/general/mainLoading.gif") no-repeat;
    
}



/******** calendar **************/

.MyCalendar
{
    z-index:100000;
}

.MyCalendar .ajax__calendar_title
{
    color:Black;
    background-color:Gainsboro;
    padding: 2px;
    text-decoration:underline;
     
}

.MyCalendar .ajax__calendar_container {
    border:1px solid #646464;
    background-color: GhostWhite;
    z-index:501;
    
}

.MyCalendar .ajax__calendar_footer 
{
    background-color:Gainsboro;
     
}

.MyCalendar .ajax__calendar_dayname
{
    font-weight:bold;
}


.MyCalendar .ajax__calendar_hover .ajax__calendar_day,
.MyCalendar .ajax__calendar_hover .ajax__calendar_month,
.MyCalendar .ajax__calendar_hover .ajax__calendar_year {
    color: White;
     background-color:Red;
}
.MyCalendar .ajax__calendar_active .ajax__calendar_day,
.MyCalendar .ajax__calendar_active .ajax__calendar_month,
.MyCalendar .ajax__calendar_active .ajax__calendar_year {
    color: Red;
    font-weight:Bold;
}


.MaskedEditFocus
{
    background-color: #ffffcc;
    color: #000000;
}
.MaskedEditMessage
{
	color: #ff0000;
	font-weight: bold;
}
.MaskedEditError
{
    background-color: #ffcccc;
}




/*********** temp for location/resort selector*/



.inputDrp
{
    float:left;
    text-align:left;
    width:415px;
    overflow:hidden;
    background-color:White;   
    padding:1px;
}

/*********** temp for location/resort selector*/

/************ temp for tagging ************/

.addTagPanel
{
    width: 200px;
    position:absolute;
    top:0px;
    left:0px;
    z-index:1000;
    
}

.targetPanel
{
    width: 50px;
    height:50px;
    position:absolute;
    top:0px;
    left:0px;
    z-index:99;
    filter:alpha(opacity=25);
	opacity:0.25;

    
}



.imageTag
{
    cursor:crosshair;
}


.modalFooter
{
    width:200px;
    height:5px;
    background-color:#666666;
}


.panelNote
{
  
  left:0px;
  right:0px;
  visibility:hidden;    
  position:absolute;
  z-index:99;
  
}


.editBox
{    
    border-color:#669999; /*ACC0C6;       /*#666666;*/
    border-style:solid;
    border-width:1px;
    padding: 0px;
    margin:0px;
    background-color:White;
    height:150px;
    overflow-y:scroll;
    width:250px;
}


.tableListItem
{
     font-size:x-small;
      font-style:normal;
      color:Black;
      padding: 2px 5px 2px 5px;
      
}

/************* tables

/********************************/
.tableLabelField
{
    background-color:Gray;
    color:White;
    width:115px;
    padding-left:5px;
    padding-right:5px;
    
}

.tableValueField
{
    color:Gray;
    width:115px;
    padding-left:5px;
    padding-right:5px;
}

.tableInputField
{
    color:Black;
    width:115px;
    padding-left:5px;
    padding-right:5px;
}

.tableEditCol
{
    text-align:center;
    width:30px;    
     
}

.tableEditCol A:Link
{
    color:Black;
}

.tableEditCol A:Hover
{
    color:Red;
}

.tableEditActiveCol A:Link
{
    color:Red;
}


/*********Search********/

.searchHeader
{
     background-color:GhostWhite;
     border:solid 2px Black;
     color:Black;
     width:420px;
}


/********* Rand ************/

.randSection
{
    width:600px;
    margin:auto;
    background-color:Black;
}
.randSection .title
{
    text-align:right;
    font-size:small;
    font-weight:bold;
    color:Red;   
    padding: 5px 20px 5px 5px;
    border-bottom:solid 2px Red;
    margin-bottom:10px;
}
.randSection .body
{
    width:560px;
    height:130px;
    margin:auto;
    text-align:center;
    
}
.randSection .body .message
{
    font-size:small;
    padding-top:20px;
    color:White;
    font-weight:bold;
}

.randSection .footer
{
    text-align:center;
    color:Red;   
    padding: 5px;
    font-weight:bold;
    border-top:solid 2px Red;
    margin: 10px auto 5px auto;
}
.randSection .footer A:Link{color:White}
.randSection .footer A:visited{color:White}
.randSection .footer A:hover{color:Red}
.randSection .footer A:active{color:White}



/**************  Cart ***********/
.cart
{
	background-color:White;color:Gray;margin:10px;
}

.cart .header
{
	padding:5px;
	color:White;
	background-color:DarkGray;
}

.cart .header th
{
	padding:5px;
}

.cartSummary
{
	background-color:White;border:solid 1px Gray;color:Gray;
}

.cartSummary .labelCol
{
	padding-right:20px;
}
.cartSummary .valCol
{
	text-align:right;
}

.messageArea
{
	background-color:White;color:Black;border:solid 1px Gray;margin:20px auto 200px auto;width:300px;padding:20px;text-align:center;
}

.stdTable .labelCol
{
	width:100px;font-weight:bold;padding-right:20px;
}

.stdTable .valCol
{
	width:300px;
}

#logonMarket
{
	border:solid 1px black;background-color:white;
	padding:5px;
	margin:5px;
	color:Black;
}
#logonMarket A:link{color:Red}
#logonMarket A:visited{color:Red;}
#logonMarket A:hover{color:Red}
#logonMarket A:active{color:Red}

.addressList
{
	background-color:White;color:Gray;
	margin:10px;
	padding:10px;
	
}


.addressList .title
{
	color:Black;
	font-weight:bold;
	
}

.watermarked
{
    color:Gray;
    background-color:White;
    font-style:italic;
}

#marketPage .stdForm
{
	width:600px;
	padding:10px;
	background-color:White;
	/*border:solid 1px Gray;*/
	margin:auto;
	color:Gray;
}

#marketPage .stdForm .labelArea
{
	width:200px;
	float:left;
	padding:5px;
	text-align:right;
	font-weight:bold
}
#marketPage .subLabel
{
	font-weight:normal;
	font-size:x-small;
	color:Gray
}

#marketPage .stdForm .inputArea
{
	width:350px;
	float:left;
	padding:5px;
	text-align:left;
	color:Black;
	
}

#marketPage .stdForm .inputArea input
{
	width:350px
}

#marketPage .stdForm .inputArea .button
{
    width:75px;
    vertical-align:middle;
    
}

#marketPage .stdForm .inputArea textarea
{
	width:350px
}



#marketPage .blackForm
{
	width:450px;
	padding:10px;
	
}
#marketPage .blackForm .labelArea
{
	width:200px;
	padding:5px;
	float:left;
	text-align:right;
	font-weight:bold;
	color:Gray;
}
#marketPage .blackForm .inputArea
{
	width:200px;
	padding:5px;
	float:left;
}

#marketPage .stdSection
{
	border:solid 1px white;
	
}

#marketPage .stdSection .headerArea
{
	border-bottom:solid 1px white;	
	
}


.orderStatus
{
	font-size:medium;
	font-weight:bold;
	margin-left:50px;
	
}

.orderStatus .completed
{
		color:White;
		padding:10px;
	float:left;	
}

.orderStatus .todo
{
	color:Gray;
	padding:10px;
	float:left;
}

#marketPage .sectionBox
{
	border:solid 2px white;
	padding:5px;
}

#marketPage .sectionBox .sectionHeader
{
	padding:5px;font-weight:bold;background-color:White;color:Black;
	margin-bottom:5px;
}


#marketPage .errorMessage
{
	border:solid 2px Red;
	padding:10px;
	margin:10px	
}
#marketPage .errorMessage .header
{
	font-weight:bold;
	font-size:medium;
	color:Red;
	padding-bottom:10px;
}

#marketPage .headerArea
{
	border-bottom:solid 1px white;
	padding:5px;
}

/*********** tabs *********/
.my_tab .ajax__tab_header {font-family:arial,tahoma,helvetica;font-size:11px;background:url("../images/tabs/tab-line.gif") repeat-x bottom;height:21px;overflow:hidden;color:Black}
.my_tab .ajax__tab_outer {background:url("../images/tabs/tab-right.gif") no-repeat right;height:21px;overflow:hidden}
.my_tab .ajax__tab_inner {padding-left:3px;background:url("../images/tabs/tab-left.gif") no-repeat;}
.my_tab .ajax__tab_tab {height:21px;padding:4px 4px 0px 4px;margin-right:4px;background:url("../images/tabs/tab.gif") repeat-x;overflow:hidden}
.my_tab .ajax__tab_hover .ajax__tab_outer {background:url("../images/tabs/tab-hover-right.gif") no-repeat right;height:21px;overflow:hidden}
.my_tab .ajax__tab_hover .ajax__tab_inner {background:url("../images/tabs/tab-hover-left.gif") no-repeat;height:21px;overflow:hidden}
.my_tab .ajax__tab_hover .ajax__tab_tab {background:url("../images/tabs/tab-hover.gif") repeat-x;height:21px;overflow:hidden}
.my_tab .ajax__tab_active .ajax__tab_outer {background:url("../images/tabs/tab-active-right.gif") no-repeat right;height:21px;overflow:hidden}
.my_tab .ajax__tab_active .ajax__tab_inner {background:url("../images/tabs/tab-active-left.gif") no-repeat; color:White;height:21px;overflow:hidden}
.my_tab .ajax__tab_active .ajax__tab_tab {background:url("../images/tabs/tab-active.gif") repeat-x;overflow:hidden}
.my_tab .ajax__tab_body 
    {
        font-family:arial,tahoma,helvetica;
        font-size:10pt;
        border-color:Red;  /*#CC0000; */
        border-style:solid; 
        border-left-width:1px; 
        border-right-width:1px; 
        border-bottom-width:1px;
        border-top:0;
        padding:1px;
        background-color:#CC0000;
        /*background-color:#CCCCCC;
        background-color:#ffffff;
        
        background: #CC0000 url("../images/tabs/background.gif") repeat;
        */
        }

.innerTabPanel
{
    /*position:relative;*/
    border-color:Red;
    min-height:200px;    
    padding:0px;
    border-style:solid; 
    border-width:1px;
    background-color:White;
    color:Black;
    padding:5px;
    
}


#whiteSection
{
	color:DarkSlateGray;
}
#whiteSection A:Link{color:Red;}
#whiteSection A:visited{color:Red;}
#whiteSection A:hover {text-decoration: none; color: Red}
#whiteSection A:active {}


#editLinks
{
	text-align:right;
	padding:0px 10px 10px 10px
}
/*
#editLinks A:Link{color:Red;}
#editLinks A:visited{color:Red;}
#editLinks A:hover {text-decoration: none; color: Red}
#editLinks A:active {}
*/
/******** photo edit **********/
        .photoEdit {
            background:white none repeat scroll 0%;
            border:1px solid #D8DFEA;
            margin:0px auto 5px auto;
            padding:10px;
            width:595px;
           height:150px;
        }
        
        .photoEdit .info {
            float:left;
            width:400px;
        }
        
        .photoLabel
        {
            color:#666666;
            font-weight:bold;
            width:80px;
            padding:5px;
           float:left
        }   
        .photoEntry
        {
            width:290px;
            float:left;
        }
        
        .photoEdit .thumb
        {
            float:right;
            width:180px;
        }
        .photoEdit .thumb .coverCheck
        {
            background:#F7F7F7 none repeat scroll 0%;
            border:1px solid #CCCCCC;
            padding:1px;
            text-align:left;
        }

        inputradio {
        margin:0px 5px 0px 0px;
        padding:0px;
        }
        .inputcheckbox {
        border:0px none;
        }
        .drp{
            width:100px;
        }
/**********/

.imgProductThumb
{
	border:solid 1px White;
	margin:1px;
}

.imgProductThumbSelected
{
	border:solid 1px red;
	margin:1px;
}

/**** upflatdown ***/

.upflatdown
{
	font-weight:bold;
}

.upflatdown .flat
{
	color:Red;
}

/******* facebook *************/
.fbProfileImg
{
	width:50px;
	position:relative;
}

.fbProfileImg .connectIcon
{
	bottom:0px;
    left:0px;
    position:absolute;
     background-image: url("../images/facebook/connecticon.png");    
	width:16px;
	height:16px;
}