﻿/*******************************************************************************
	Description: Main CSS
	Filename: main.css
	Website: www.latinbabeindex.com
*******************************************************************************/


/*** Page Elements ***/
body
{
	margin: 10px auto;
	padding: 0;
    font-size:11px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;
	background-image: url(../../SiteImages/background.jpg);
	background-repeat: repeat;
	text-align: center;
}

h2
{
	font-weight: bold;
	font-size: 14px;
	font-family:Arial, Helvetica, sans-serif;
	color: #000;
	margin: 0px;
	padding: 0px 0px 0px 15px;
}

img
{
	border: none;
}

/*** Colors ***
LightBlue #CBDEEC;   */

/*** Classes ***/
#masthead
{
	width: 779px;
	margin:0 auto;
	padding:0px;
	text-align: center;
}

#logo
{
	margin: 0 auto;
	padding-top:1px;
	background-color: #FCF1F6;
	border-left: #E276A7 solid 2px;
	border-right: #E276A7 solid 2px;
	border-top: #E276A7 solid 2px;
}
#mainmenu
{
	margin: 0 auto;
	width: 779px;
	height:25px;
	border-left: #E276A7 solid 2px;
	border-right: #E276A7 solid 2px;
	border-bottom: #E996BC solid 1px;
	background-color: #FCF1F6;
	/*vertical-align:baseline;*/
    background-image: url(../../SiteImages/titlebar.jpg);
    background-repeat:repeat-x;
}
#maincontainer
{
	clear:left;
	text-align:center;
	margin: 0 auto;
	width: 500px;
	background-color: #FFFFFF;
	border-left: #E276A7 solid 2px;
	border-right: #E276A7 solid 2px;
}
#maintbl
{
	margin: 0 auto;
	padding:0px 0px 0px 0px;
	
	width: 779px;
	background-color: #FFFFFF;
	border-left: #E276A7 solid 2px;
	border-right: #E276A7 solid 2px;
}
#subtbl1
{
	margin: 0 auto;
	padding:0px 0px 0px 0px;
	
	width: 779px;
	background-color: #FFFFFF;
	border-left: #E276A7 solid 2px;
	border-right: #E276A7 solid 2px;
}
#subtbl2
{
	margin: 0 auto;
	padding:0px 0px 0px 0px;
	
	width: 779px;
	background-color: #FFFFFF;
	border-left: #E276A7 solid 2px;
	border-right: #E276A7 solid 2px;
}


.fptxt
{
	color: #444;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;
}	

#footer
{
	margin: 0px auto;
	padding-top: 2px;
	width: 779px;
	height: 20px;
	border-top: #E276A7 solid 1px;
	border-bottom: #E276A7 solid 2px;
	border-left: #E276A7 solid 2px;
	border-right: #E276A7 solid 2px;
	background-color: #FCF1F6;
	background-image: url(../../SiteImages/titlebar.jpg);	
	text-align: center;
	color: #444;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight:bold;
}

#leftside
{
	width: 150px;
	text-align: center;
	vertical-align: top;
	background-color: #FCF1F6;
	/*border-right: #E996BC solid 1px;*/
}
.leftsidedivs
{
	margin-top: 20px;
	margin-left: 10px;
	padding-top: 10px;
	background-color: #FCF1F6;
	border: #E276A7 solid 1px;
}
#rightside
{
	width: 629px;
	text-align: center;
	vertical-align: top;
	background-color:White;
}
#searchmenu
{
	margin-top: 20px;
	padding-bottom: 20px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	width: 550px;
}

#alpha
{
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	word-spacing: 10px;
	width: 550px;
	padding-top: 20px;
}

/*** Misc ***/
#welcome
{
	padding-top:100px;
	padding-bottom:100px;
	text-align: center;
}
#allmodeltitle
{
	margin:0 auto;
	width:130px;
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	border-top: #E276A7 solid 1px;
	border-left: #E276A7 solid 1px;
	border-right: #E276A7 solid 1px;
	background-color: #FCF1F6;
    background-image: url(../../SiteImages/titlebar.jpg);	
	color: #000;	
}
#allmodellist
{
	margin:0 auto;
	width:130px;
	border-bottom: #E276A7 solid 1px;
	border-left: #E276A7 solid 1px;
	border-right: #E276A7 solid 1px;
	padding-top:5px;
	padding-bottom:5px;
}
.allmodeldropdown
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	border-color: #E276A7;
	color:#2E7EB1;
}


/* Model Page */
#modeltblleft
{
    width:380px;
    vertical-align:top;
    text-align:left;
}
#modeltblright
{
    width:220px;
    vertical-align:top;
    /*border: #2E7EB1 solid 2px;   */
    border: #EAEAEA solid 2px;
}
#countryflag
{
	position:relative;
	top:2px;
	left:2px;
}
#modelname
{
	/*
    border-top: #E276A7 solid 1px;
	border-left: #E276A7 solid 1px;
	border-right: #E276A7 solid 1px;	
    background-color: #FCF1F6;
    background-image: url(../../SiteImages/titlebar.jpg);
    */
	text-align:left;
	color: #FFF;
	border-top: #2E7EB1 solid 0px;
	border-left: #2E7EB1 solid 0px;
	border-right: #2E7EB1 solid 0px;
	background-color: #CBDEEC;
	background-image: url(../../SiteImages/titlebar_blue.jpg);	    
    font-size:16px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	width:360px;
}
#modelarea
{
    text-align:left;
    /*border:#E276A7 solid 1px;*/
	border-bottom: #2E7EB1 solid 0px;
	border-left: #2E7EB1 solid 0px;
	border-right: #2E7EB1 solid 0px;
	border-top: #2E7EB1 solid 0px;
    background-color:#EFEFEF;
    padding-top:5px;
    padding-bottom:5px;
    font-size:11px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;    
	width:360px;
}
#modelarea div
{
	padding-left:5px;
	padding-right:5px;
}
#modelarea span
{
	font-weight:normal;
}
#modelarea .altrow
{
	background-color:#FFFFFF;
}
#modelphoto
{   
    /*border:#E276A7 solid 1px;
    width:220px;
    border: #2E7EB1 solid 1px;*/    
}
#vodheader
{
	/*
    border-top: #E276A7 solid 1px;
	border-left: #E276A7 solid 1px;
	border-right: #E276A7 solid 1px;
    background-color: #FCF1F6;
    background-image: url(../../SiteImages/titlebar.jpg);
    */
	margin: 0 auto;
	color: #FFF;
	border-top: #2E7EB1 solid 0px;
	border-left: #2E7EB1 solid 0px;
	border-right: #2E7EB1 solid 0px;
	background-color: #CBDEEC;
	background-image: url(../../SiteImages/titlebar_blue.jpg);	    	
    width:600px;
    font-size:11px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;        
}
#vodheader a
{
	color:Black;
	text-decoration:none;
}
#vodheader a:hover
{
	color:White;
	text-decoration:none;
}

#vodimage
{
    /*border:#E276A7 solid 1px;*/
    margin: 0 auto;
	border-top: #2E7EB1 solid 0px;
	border-left: #2E7EB1 solid 0px;
	border-right: #2E7EB1 solid 0px;  
	border-bottom: #2E7EB1 solid 0px;  
    background-color:#EAEAEA;
    padding-top:5px;
    padding-bottom:5px;    
}
#vodimage span
{
    padding-left:10px;
}

/*----------------- Galleries -------------------*/
.modelgallerytitle
{
	/*
    border-top: #E276A7 solid 1px;
	border-left: #E276A7 solid 1px;
	border-right: #E276A7 solid 1px;
    background-color: #FCF1F6;
    background-image: url(../../SiteImages/titlebar.jpg);
	*/
	color: #FFF;
	border-top: #2E7EB1 solid 0px;
	border-left: #2E7EB1 solid 0px;
	border-right: #2E7EB1 solid 0px;
	background-color: #CBDEEC;
	background-image: url(../../SiteImages/titlebar_blue.jpg);		
    font-size:11px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold; 
	margin: 0 auto;   
    width:600px;  
}
.modelgallery
{
    /*border:#E276A7 solid 1px;*/
	border-top: #2E7EB1 solid 0px;
	border-left: #2E7EB1 solid 0px;
	border-right: #2E7EB1 solid 0px;  
	border-bottom: #2E7EB1 solid 0px;    
    background-color:#EAEAEA;
    width:600px;
    margin: 0 auto;
    padding-top:5px;
    padding-bottom:5px;
}
.modelgallery span
{
    padding-left:10px;
}
.modelgalleryheader
{
	width:120px;
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight:normal;
	overflow:hidden;	
}
.modelgallerydesc
{
	width:120px;
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight:normal;	
}

/*------Other Gallery Section --------*/
.modelgallerylinks
{
    font-size:10px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
    /*border:#E276A7 solid 1px;*/
	border: #2E7EB1 solid 0px; 
    background-color:#EAEAEA;
    width:600px;
    margin: 0 auto;
    text-align:left;	
}
.altrow
{
	background-color:#222222;
	padding-left:5px;
	padding-right:5px;
}
.altrow a:link {color:#2E7EB1;text-decoration:none;}
.altrow a:visited {color:#2E7EB1;text-decoration:none;}
.altrow a:hover {color:#000000;text-decoration:none;}
.altrow a:active {color:#2E7EB1;text-decoration:none;}

.altrow2
{
	background-color:#EAEAEA;
	padding-left:5px;
	padding-right:5px;
}
.modelgallerylinks a:link, a:visited
{
	color:#2E7EB1;
	text-decoration:none;
}
.modelgallerylinks a:hover
{
	color:Black;
	text-decoration:none;
}

/*- Menu Tabs LBI--------------------------- */

#tabs_lbi
{
	float: left;
	width:770px;
	font-size: 12px;
	font-family:Arial;
	font-weight:bold;
	line-height: normal;
}
#tabs_lbi ul
{
	margin: 0;
	padding: 5px 5px 0px 10px;
	list-style: none;
}
#tabs_lbi li
{
	display: inline;
	margin: 0;
	padding: 0;
}
#tabs_lbi a
{
	float: left;
	background: url( "../../SiteImages/tableft8.gif" ) no-repeat left top;
	margin: 0;
	padding: 0 0 0 4px;
	text-decoration: none;
}
#tabs_lbi a span
{
	float: left;
	display: block;
	background: url( "../../SiteImages/tabright8.gif" ) no-repeat right top;
	padding: 5px 8px 5px 5px;
	color:#990000;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs_lbi a span
{
	float: none;
	/*width:100px;*/
}
/* End IE5-Mac hack */
#tabs_lbi a:hover span
{
	/*color: #591333;*/
	color:#990000;
}
#tabs_lbi a:hover
{
	background-position: 0% -42px;
}
#tabs_lbi a:hover span
{
	background-position: 100% -42px;
}

#tabs_lbi #current a
{
	background-position: 0% -42px;
}
#tabs_lbi #current a span
{
	background-position: 100% -42px;
}

/*--------- Other Menu ------------*/
#menu_lbi
{
	font-size:11px;
	font-family:Arial, Helvetica , Sans-Serif;
	font-weight:bold;
}
#menu_lbi ul
{
	margin: 0;
	padding: 5px 5px 5px 5px;
	list-style: none;
}
#menu_lbi li
{
	display: inline;
	margin: 0;
	padding: 0;

}
#menu_lbi a
{
	border: #E276A7 solid 1px;
    background-color: #FCF1F6;
    background-image: url(../../SiteImages/titlebar.jpg);
    padding:2px;
    text-decoration:none;
    color:Black;
	display:inline-block;
	width:100px;    
}
#menu_lbi a:hover
{
	background-color:#FFF;
	display:inline-block;
	width:100px;
}
/*** Model Selector ***/
#selectorcomponent
{
	text-align:center;
}
.modelselectortitle
{
	width: 505px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	color: #FFF;
	border-top: #2E7EB1 solid 0px;
	border-left: #2E7EB1 solid 0px;
	border-right: #2E7EB1 solid 0px;
	background-color: #CBDEEC;
	background-image: url(../../SiteImages/titlebar_blue.jpg);	
}
ul.selector
{
	margin-top:0px;
}
ul.selector li
{
	list-style-type: none;
	display: inline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
}
ul.selector a:link
{
	color: #990000;
	text-decoration: none;
}
ul.selector a:visited
{
	color: #000;
	text-decoration: none;
}
ul.selector a:hover
{
	color: #E276A7;
	text-decoration: none;
}

ul.selector a:active
{
	color: #000;
	text-decoration: none;
}
li.selectorli
{
	letter-spacing:4px;
}
#modelcomponent
{
	padding: 5px;
	text-align: left;
	width: 505px;
	background-color: #CBDEEC;
	/*border: #E276A7 solid 1px;*/
	border: #2E7EB1 solid 0px;
}
.modelselectorimage
{
	width: 120px;
	text-align: center;
	border-top: #2E7EB1 solid 1px;
	border-left: #2E7EB1 solid 1px;
	border-right: #2E7EB1 solid 1px;
}
.modelselectorname
{
	width: 120px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	color: #FFF;
	border-bottom: #2E7EB1 solid 1px;
	border-left: #2E7EB1 solid 1px;
	border-right: #2E7EB1 solid 1px;
	background-color: #CBDEEC;
	background-image: url(../../SiteImages/titlebar_blue.jpg);	
}
#featuredModel 
{
	border: solid 2px #990000;
	width:220px;
	height:335px;
	margin-right:8px;
}
#compliance
{
	margin: 0 auto;
	font-family:Arial;
	font-size:11px;
	font-weight:normal;
	text-align:center;
}
#compliance a:link {color:#2E7EB1;text-decoration:none;}
#compliance a:visited {color:#2E7EB1;text-decoration:none;}
#compliance a:hover {color:#000000;text-decoration:none;}
#compliance a:active {color:#2E7EB1;text-decoration:none;}

.misctxt
{
	font-family:Arial;
	font-size:11px;
	font-weight:normal;
	color:#2E7EB1;
}
.misctxt a:link {color:#2E7EB1;text-decoration:none;}
.misctxt a:visited {color:#2E7EB1;text-decoration:none;}
.misctxt a:hover {color:#000000;text-decoration:none;}
.misctxt a:active {color:#2E7EB1;text-decoration:none;}