
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ general css */

body{
margin:0px;
padding:0px;
text-align:center;
background-color:#ECE5CB;
font-family:Georgia, Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
color:#000000;
line-height:18px;
}

a{
font-family:Georgia, Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
line-height:18px;
color:#FF0000;
font-weight:normal;
text-decoration:underline;
}

img{ border:0px; padding:0px 0px 0px 0px; }
a:hover{ text-decoration:underline; }
h1, h2, h3, h4, p{ padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; }

p{ padding-bottom:10px; }

h1{
font-family:Georgia, Times New Roman, Arial, Verdana, Helvetica, sans-serif;
font-size:32px;
line-height:36px;
color:#B21E00;
font-weight:normal;
text-decoration:none;
padding-bottom:10px;
}

h2{
font-family:Georgia, Verdana, Arial, Times New Roman, Helvetica, sans-serif;
font-size:22px;
line-height:23px;
color:#000000;
font-weight:normal;
text-decoration:none;
padding-bottom:10px;
}

h3{
font-family:Georgia, Verdana, Arial, Times New Roman, Helvetica, sans-serif;
font-size:13px;
line-height:15px;
color:#1B7590;
font-weight:bold;
text-decoration:none;
padding-bottom:10px;
}

#page{ width:1040px; margin:25px auto; text-align:left; background-color:#FFFFFF;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ header css */

#header{ 
width:100%; height:379px; position:relative;
background-image:url(/images/header_bg_1040x379.jpg);
background-repeat:repeat;
background-position:left top;
}
#header .logo{ position:absolute; top:0px; left:26px; }
#header .link{ position:absolute; top:170px; left:625px; }
#header #search-form-holder{
position:absolute; top:342px; left:162px; 
height:31px; width:auto;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ header-nav css */

#header-nav{ 
width:100%; height:35px;
position:absolute; top:105px; left:0px; 
color:#FFFFFF; 
}

#header-nav .header-nav-wrapper{padding:0px 0px 0px 20px;}

#header-nav a{
font-family:Georgia, Arial, Verdana, Helvetica, sans-serif;
font-size:15px;
font-weight:bold;
color:#FFFFFF;
text-decoration:none;
padding:0px 10px 0px 10px;
}

#header-nav a:hover{ text-decoration:underline; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ middle css */

#middle{ width:100%; }

#middle .middle-wrapper{ padding:15px 11px 25px 12px; }
#middle .left-line{ width:216px; background-color:#CECECE; margin:20px 0px 20px 0px;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ left css */

#left{ width:207px; float:left; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ left-nav css */ 

#left-nav{}

#left-nav .left-nav-wrapper{ padding:10px 0px 10px 0px; }

#left-nav ul{ 
padding:0px;
margin:0px;
list-style-type:none;
display:block;
}

#left-nav ul li{
padding:0px 0px 2px 10px;
line-height:16px;
}

#left-nav ul li a, #left-nav ul li .hot a{
color:#2A8BAE;
font-weight:bold;
font-size:14px;
line-height:16px;
font-family:Arial, Georgia, Arial, Verdana, Helvetica, sans-serif;
text-decoration:underline;
}

#left-nav ul li a:hover{ text-decoration:none; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ content css */

#content{ width:540px; float:left; }
#content .content-main-wrapper{ padding:0px 20px 0px 0px; }
#content .content-wrapper{ padding:20px 30px 20px 10px; }
#content .share-this-holder{
padding:5px 0px 5px 0px;
margin:5px 0px 5px 0px;
border-top:1px solid #C4C4C4;
border-bottom:1px solid #C4C4C4;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ images-holder css */

#images-holder{}
#images-holder .thumbnail{ width:110px; float:left; text-align:center; padding:0px 0px 20px 0px;}
#images-holder .image{ padding:0px 0px 5px 0px;}
#images-holder .title{ 
height:30px;  
font-family:Arial, Verdana, Times New Roman, Helvetica, sans-serif;
font-size:11px;
line-height:12px;
color:#000000;
font-weight:bold;
text-decoration:none;
padding:0px 0px 0px 0px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ right css */

#right{ width:270px; float:left; }

#right .galeries{ 
width:265px; 
height:202px; 
background-image:url(/images/bg_banner_gallery_265x202.gif);
background-repeat:no-repeat;
background-position:left top;
position:relative; 
}

#right .galeries-woman{
position:absolute;
top:164px;
left:0px;
}

#right .galeries-men{
padding-bottom:5px;
position:absolute;
top:164px;
left:130px;
}

#right .box-right{
width:265px; 
background-image:url(/images/box_right_int_265x2.gif);
background-repeat:repeat;
background-position:left top;
} 

#right .right-articles{
padding:5px 0px ; 
} 

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ right-nav css */ 

#right-nav{}
#right-nav .left-nav-wrapper{ padding:10px 0px 10px 0px; }

#right-nav ul{ 
padding:0px;
margin:0px;
list-style-type:none;
display:block;
}

#right-nav ul li{
background-image:url(/images/arrow_5x6.gif);
background-repeat:no-repeat;
background-position:0px 7px;
padding:0px 0px 4px 10px;
line-height:16px;
}

#right-nav ul li a, #right-nav ul li .hot a{
color:#42829B;
font-weight:bold;
font-size:12px;
line-height:16px;
font-family:Arial, Verdana, Georgia, Arial, Helvetica, sans-serif;
text-decoration:underline;
}

#right-nav ul li a:hover{ text-decoration:none; }
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ footer css */

#page-footer{ height:85px; color:#825993; position:relative; }

#page-footer .copy{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
font-weight:normal;
text-decoration:none;
position:absolute;
top:50px;
left:20px;
}

#page-footer .link a{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
font-weight:normal;
text-decoration:none;
position:absolute;
top:50px;
left:930px;
}

#page-footer .link a:hover{ text-decoration: underline; }

#page-footer .footer-nav{ position:absolute; top:8px; left:50px; text-align:center; }
#page-footer .line{ position:absolute; top:0px; left:12px; background-color:#2E2E2E; width:1016px; height:2px; }

#page-footer .footer-nav a{
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#000000;
text-decoration:none;
padding:0px 7px 0px 7px;
}

#page-footer .footer-nav a:hover{ text-decoration:underline; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ clear stylesheet */

.magic{ clear:both; }
.clrlft{ clear:left; }
.clrrt{ clear:right; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~ company-lead-form ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ 

#contact-form{ margin-left:20px; padding-bottom:20px; padding-top:20px; } 
#contact-form #company-lead-form{}
#contact-form #company-lead-form p{color:#FF0000;}
#contact-form #company-lead-form table{border:0px; margin:0px;}
#contact-form #company-lead-form table tr td{ font-family:Arial, Verdana, Helvetica, sans-serif; font-size:13px; font-weight:bold; text-decoration:none; color:#272A31; padding:2px; line-height:15px; }
#contact-form #company-lead-form table tr .column1{ text-align:left; padding-left:10px; width:230px; line-height:14px; }
#contact-form #company-lead-form table tr .column2{ text-indent:5px; } 
#contact-form #company-lead-form table tr .column1-error{ text-align:right; color:#FF0000; }
#contact-form #company-lead-form table tr td input, #contact-form #company-lead-form table tr td select, #contact-form #company-lead-form table tr td textarea{ font-family:Verdana,Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; text-decoration:none; color:#000; border:1px solid #333; width:220px; height:22px; background-color:#fff !important; margin-bottom:5px;}
#contact-form #company-lead-form table tr td .phone1{ width:61px !important; }
#contact-form #company-lead-form table tr td .phone2{ width:61px !important; }
#contact-form #company-lead-form table tr td .phone3{ width:70px !important; }
#contact-form #company-lead-form table tr td select{}
#contact-form #company-lead-form table tr td textarea{ height:120px !important; }
#contact-form #company-lead-form table tr td .submitbutton{ width:auto; height:auto; border:none; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ snippets css */

#snippets{}
#snippets .snippets-wrapper{ padding:20px 0px 10px 10px; }
#snippets .snippet{ width:190px; float:left; }
#snippets .snippet-space{ width:20px; float:left; }
#snippets p{ font-size:11px; line-height:13px; }

/* ~~~~~~~~~~~~~~~ */

#snippets-main{ 
height:383px; 
width:510px; 
background-image:url(/images/bg_galery_510x383.gif);
background-repeat:no-repeat;
background-position:left top;
position:relative; 
}

#snippets-main .snippet1{ position:absolute; top:90px; left:30px; width:190px; }
#snippets-main .snippet2{ position:absolute; top:90px; left:275px; width:190px; }

#snippets-main h3{
font-family:Arial, Verdana, Times New Roman, Helvetica, sans-serif;
font-size:12px;
line-height:18px;
color:#000000;
font-weight:bold;
text-decoration:none;
padding:0px 0px 10px 0px;
}

#snippets-main p{
font-family:Arial, Verdana, Times New Roman, Helvetica, sans-serif;
font-size:12px;
line-height:14px;
color:#000000;
font-weight:normal;
text-decoration:none;
padding:10px 0px 10px 0px;
}

/* ~~~~~~~~~~~~~~~ */

#snippet-green{ 
height:210px; 
width:510px; 
background-image:url(/images/profesional_advice_510x210.gif);
background-repeat:no-repeat;
background-position:left top;
position:relative; 
}

#snippet-green h3 a{
font-family:Arial, Verdana, Times New Roman, Helvetica, sans-serif;
font-size:12px;
line-height:12px;
color:#425A0E;
font-weight:bold;
text-decoration:underline;
}

  
#snippet-green .title1{ position:absolute; top:125px; left:45px; }
#snippet-green .title2{ position:absolute; top:150px; left:45px; }
#snippet-green .title3{ position:absolute; top:175px; left:45px; }
/* ~~~~~~~~~~~~~~~ */

#snippet-gallery{ 
margin:5px 0px ; 
padding:5px 0px; 
border-bottom:1px dotted #C1C1C1; 
}

#snippet-gallery .gallery-image{ 
width:140px; 
float:left;
}

#snippet-gallery .gallery-text{ 
width:350px; 
float:left;
}

#snippet-gallery h3{
font-family:Arial, Verdana, Times New Roman, Helvetica, sans-serif;
font-size:12px;
line-height:12px;
color:#222222;
font-weight:bold;
text-decoration:none;
}



/* ~~~~~~~~~~~~~~~ */

#snippets-left{ 
width:216px;
background-image:url(/images/box_bg_216x1.gif);
background-repeat:repeat-y;
background-position:left top;
}
#snippets-left .snippet{padding:12px 20px 20px 20px;}
#snippets-left h3{
font-family:Arial, Verdana, Times New Roman, Helvetica, sans-serif;
font-size:14px;
line-height:18px;
color:#010101;
font-weight:bold;
text-decoration:none;
padding:10px 0px 10px 0px;
}

#snippets-left .line{ background-color:#C7C7C7; margin-bottom:5px; }

#snippets-left ul{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
list-style-type:none;
}

#snippets-left ul li{
border-bottom:1px dashed #FE3000;
padding:5px 0px 3px 0px;
}

#snippets-left ul li a{
font-family:Arial, Verdana, Times New Roman, Helvetica, sans-serif;
font-size:13px;
line-height:18px;
color:#FE3000;
font-weight:normal;
text-decoration:none;
padding-bottom:10px;
}

#search-box{ 
width:265px;
height:204px;
background-image:url(/images/search_bg_265x204.gif);
background-repeat:no-repeat;
background-position:left top;
}

#link-galleries{
width:213px;
height:202px;
background-image:url(/images/watch_213x202.gif);
background-repeat:repeat;
background-position:left top;
}

#box-int{
width:510px;
background-image:url(/images/bg_int_510x1.gif);
background-repeat:repeat;
background-position:left top;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ topten css */

#topten{ padding:0px 0px 0px 20px; }
#topten .topten-item{ padding:0px 0px 20px 0px; }
#topten .left{ float:left; width:150px; }
#topten .right{ float:left; width:350px; }
#topten .name{ font-weight:bold; }
#topten .position{ 
font-family:Times New Roman, Arial, Verdana, Helvetica, sans-serif;
font-size:35px;
line-height:18px;
color:#000000;
font-weight:normal;
text-decoration:none;
padding:30px 0px 10px 0px;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ trafficz search */

#search-form{width:auto; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; }
#search-form .search-form-wrapper{ padding:0px 0px 0px 0px; }
#search-form form{ padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; }
#search-form table{ padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; }
#search-form table tr td{ font-size:11px; text-align;right; padding:2px;}
#search-form table tr .input{ 
width:700px; height:25px; 
font-family:Arial, Verdana, Arial Narrow, Helvetica, Sans-serif, Times New Roman;
font-size:14px;
color:#000;
font-weight:bold;
text-decoration:none;
line-height:18px;
text-indent:10px;
border:1px solid #666;
}
#trafficz-search table tr .submit{ width:62px; height:24px; padding:0px 0px 0px 0px;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ share-this */

#share-this{}

#share-this a{
font-family: Verdana, Georgia, Arial,Times New Roman, Helvetica, sans-serif;
font-size:10px;
line-height:10px;
color:#787878;
font-weight:bold;
text-decoration:underline;
}
