﻿/* CSS Document */
body
{
padding:0; 
margin:0; 
background:url(images/main-bg.gif) 0 0 repeat-x #FCFAE6; 
font:14px/20px Arial, Helvetica, sans-serif; 
color:teal; 
font-weight:normal;
}
div, p, h1, h2, h3, ul, img
{
padding:0px; 
margin:0px;
}
ul
{
list-style-type:none;
}


#topPan{width:778px; height:96px; position:relative; margin:0 auto; padding:0;}
#topPan img{width:204px; height:57px; display:block; padding:23px 0 0 6px;}


#topPan ul{width:520px; height:36px; display:block; position:absolute; top:0px; right:9px; margin:0; padding:0;}
#topPan ul li{float:left; width:104px; display:block; text-align:center;}
#topPan ul li a{width:104px; height:35px; display:block; font:14px/14px "Trebuchet MS",Arial, Helvetica, sans-serif; color:#2E4E00; background:url(images/menu-bg.gif) 0 0 repeat-x #F4F1DD; text-decoration:none; margin:0; padding:61px 0 0 0; }
#topPan ul li a:hover{ width:104px; height:36px; display:block; background:#FCFAE6; color:#2E4E00; text-decoration:none;}
#topPan ul li span{width:104px; height:35px; display:block; background:url(images/menu-devider1.gif) 100% 0 no-repeat #FCFAE6; color:#2E4E00; text-decoration:none; padding:61px 0 0 0; line-height:14px;}

#submenu{width:778px; height:96px; position:relative; margin:0 auto; padding:0;}


#headerPan{width:778px; height:307px; position:relative; margin:0 auto; padding:0;}
#headerPan h1{
width:778px; 
height:236px; 
position:absolute; 
top:35px; 
right:0px; 
background:url(images/header-img.jpg) 0 0 no-repeat #FCFAE6; 
color:#fff; 
font-size:36px; 
line-height:18px; 
text-transform:uppercase; 
text-indent:-2000px;}



#headerKid{width:778px; height:307px; position:relative; margin:0 auto; padding:0;}
#headerKid h1{
width:778px; 
height:236px; 
position:absolute; 
top:35px; 
right:0px; 
background:url(images/header-kids.jpg) 0 0 no-repeat #FCFAE6; 
color:#fff; 
font-size:36px; 
line-height:18px; 
text-transform:uppercase; 
text-indent:-2000px;}

#headerMen{width:778px; height:307px; position:relative; margin:0 auto; padding:0;}
#headerMen h1{
width:778px; 
height:236px; 
position:absolute; 
top:35px; 
right:0px; 
background:url(images/header-men.jpg) 0 0 no-repeat #FCFAE6; 
color:#fff; 
font-size:36px; 
line-height:18px; 
text-transform:uppercase; 
text-indent:-2000px;}

#headerWomen{width:778px; height:307px; position:relative; margin:0 auto; padding:0;}
#headerWomen h1{
width:778px; 
height:236px; 
position:absolute; 
top:35px; 
right:0px; 
background:url(images/header-women.jpg) 0 0 no-repeat #FCFAE6; 
color:#fff; 
font-size:36px; 
line-height:18px; 
text-transform:uppercase; 
text-indent:-2000px;}


#bodyPan{width:778px; height:2587px; position:relative; margin:0 auto; padding:0;top:0px; right:10px; }
#rightPan{width:758px; height:2587px; position:absolute; top:0px; right:10px; border:1px solid #DCDAC2; background:#fff; color:teal;}
#rightbodyPan{width:738px; height:2505px; position:absolute; top:10px; left:10px; background:#FCFAE6; color:gray;}
#rightbodyPan p{padding:0 10px 30px;}
#rightbodyPan p.purpletext{background:#FCFAE6; color: #A898C2; font-size:20px; line-height:24px; padding:0 20px 26px; font-style:italic; font-family:"Times New Roman", Times, serif;}
#rightbodyPan h2{height:31px; display:block; position:relative;font:28px, Arial; color:teal;	}}
#rightbodyPan p span{background:#FFFFFA; color:#3D3C2C;}
#rightbodyPan h3{width:535px; height:31px; display:block; position: relative; background:url(images/symbol6.gif) 100% 0 no-repeat #FCFAE6; padding:24px 0 0 0; font:28px/28px Arial, "Times New Roman", Times, serif; color:#3D3C2C; margin:27px 0 20px 80px ;}
#rightbodyPan ul{width:535px; height:92px; position:relative; top:5px; left:80px; margin:0 0 30px 0;}
#rightbodyPan li{width:535px; background:url(images/arrow2.gif) 0 7px no-repeat; font:14px/24px Arial, Helvetica, sans-serif; padding:0 0 0 20px;}
#rightbodyPan li a{width:535px; height:60px; background:#FCFAE6; color:#CC0000; text-decoration:underline; line-height:24px;}
#rightbodyPan ul li a:hover{width:535px; height:60px;  text-decoration:none; line-height:24px;}


#sbodyPan{width:778px; height:1587px; position:relative; margin:0 auto; padding:0;top:0px; right:10px; }
#srightPan{width:758px; height:1587px; position:absolute; top:0px; right:10px; border:1px solid #DCDAC2; background:#fff; color:teal;}
#srightbodyPan{width:738px; height:1505px; position:absolute; top:10px; left:10px; background:#FCFAE6; color:gray;}
#srightbodyPan p{padding:0 10px 30px;}
#srightbodyPan p.purpletext{background:#FCFAE6; color: #A898C2; font-size:20px; line-height:24px; padding:0 20px 26px; font-style:italic; font-family:"Times New Roman", Times, serif;}
#srightbodyPan h2{height:31px; display:block; position:relative;font:28px, Arial; color:teal;	}}
#srightbodyPan p span{background:#FFFFFA; color:#3D3C2C;}
#srightbodyPan h3{width:535px; height:31px; display:block; position: relative; background:url(images/symbol6.gif) 100% 0 no-repeat #FCFAE6; padding:24px 0 0 0; font:28px/28px Arial, "Times New Roman", Times, serif; color:#3D3C2C; margin:27px 0 20px 80px ;}
#srightbodyPan ul{width:535px; height:92px; position:relative; top:5px; left:80px; margin:0 0 30px 0;}
#srightbodyPan li{width:535px; background:url(images/arrow2.gif) 0 7px no-repeat; font:14px/24px Arial, Helvetica, sans-serif; padding:0 0 0 20px;}
#srightbodyPan li a{width:535px; height:60px; background:#FCFAE6; color:#CC0000; text-decoration:underline; line-height:24px;}
#srightbodyPan ul li a:hover{width:535px; height:60px;  text-decoration:none; line-height:24px;}



/* FOOTER PANEL */
#footerPan{width:778px; height:131px; position:relative; margin:0 auto; padding:0;right:10px;}
#footernextPan{width:758px; height:75px; position:absolute; top:0px; right:10px; background:#BAD2C5; color:#fff; margin:0;}
#footerPan ul{width:700px; display:block; position:absolute; right:10px; top:10px; }
#footerPan li{float:left; font:12px/15px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:normal;}
#footerPan ul li a{padding:0 10px; color:#FFFFFA; background:#BAD2C5; text-decoration:none;}
#footerPan ul li a:hover{text-decoration:underline;}
#footerPan ul li a.padl{padding:0 0 0 14px;}
r{text-decoration:underline;}

#footerPan p{ background:#BAD2C5; margin:54px 45px 0 0; display:block; position:absolute; top:0px; right:40px; color:#FCFAE6; font:12px,Arial, Helvetica, sans-serif;}