/********************************************
   AUTHOR:          http://www.ambitiouswebdesign.com 
   WEBSITE:     http://www.dlarabians.com/
   TEMPLATE NAME:  DL Arabians
   DATE:           Mar-28th-2009
 *******************************************/ 
 
/********************************************
   HTML ELEMENTS
********************************************/ 
 
* { margin: 0; padding: 0px; }

html, body { 
margin: 0;
padding: 0px;
height: 100%; 
background: #f0e5c8 url('images/bg.jpg') no-repeat center top;
}

.line { border: none; border-bottom: 1px solid #4e5b28; height: 0px; margin: 0 auto }
.clear { clear: both; }

/* ----------CART--------------------- */
font, table, tr, td { border: none; background-color: transparent;}
table, td, tr { border: none; color: #383838; font: 13px 'Trebuchet MS', Helvetica, Sans-Serif; }
td { line-height: 20px; }
table b { color: #c10606; }
table a, tr a, td a, font a, .content table a {color: #c10606; font: 13px 'Trebuchet MS', Helvetica, Sans-Serif;}
table a:hover, tr a:hover, td a:hover, font a:hover, .content table a:hover {color: #ee4591;}
table hr {border: none; border-bottom: 1px solid #e1e1e1; height: 0px;}
font img { border: 6px solid #e1e1e1; margin-right: 10px; } 

/* ----------Centered Container Or the Layout--------------------- */
#container { 
min-height: 100%; 
height: auto !important; 
height: 100%; 
margin: 0 auto 0em; /* make sure this matches in the body footer DIV */
width: 932px;
margin-top: 14px;
} 


/* --------------LABELS BUTTONS & FORMS-----------*/
 
label {
font-family: Cambria, serif;
font-size: 14px;
font-weight: bold;
color: #734920;
}
 
#name, #name0, textarea {
width: 20em;
border: 1px solid #734920;
font-family: Cambria, serif;
font-size: 14px;
color: #734920;
padding: 6px;
margin-bottom: 20px;
background-color: #fff;
}
 
.button {
width: 6em;
font: bold 10pt 'Trebuchet MS', Arial, Sans-serif;
color: #fff;      
background: #c10606;
padding: 8px;
border: 1px solid #c10606;
}

/* --------------HEADER------------- */
#header {height: 132px; margin-bottom: -10px; }
#header .topnav { float: right; width: 719px; height: 47px; margin-top: 82px; background: url('/images/navbg.gif') repeat-x; margin-right: 14px;}

#header .topnav .left {
float: left; 
background: url('/images/navleft.jpg') no-repeat;
width: 17px;
height: 47px;
}

#header ul  { background: url('/images/navright.jpg') no-repeat top right; height: 47px; padding-top: 11px;}
#header ul li { display: inline; list-style-type: none;}

#header ul li a { 
color: #fff; 
text-decoration: none; 
font-family: Cambria, serif;
font-size: 18px;
font-weight: bold;
padding-right:44px;
padding-left: 8px;
}

#header ul li a:hover { text-decoration: underline}
#header ul li a.last { padding: 0px;} 

/* --------------MISSION------------- */
#mission { height: 387px; width: 932px; margin-left: 7px; background: url('/images/mission.png') no-repeat; z-index: 10}
#mission .text { width: 475px; padding: 84px 0px 0px 72px;}
#mission .text .head { background: url(/images/missionhead.gif) no-repeat; height: 82px; width: 394px;}
#mission .text p { color: #fff; font: 13px 'Trebuchet MS', Helvetica, Sans-Serif; line-height: 22px;}
#mission .text .blurb { background: url(/images/mission_blurb.png) no-repeat; height: 53px; width: 538px; position: absolute; margin-top: 50px;}

/* --------------SUBMISSION------------- */
#submission { 
border: 10px solid #d2b07d; 
margin-top: -3px; 
background: url(images/submission.jpg) no-repeat top center; 
width: 904px; 
height: 156px; 
text-align: center; 
}


#submission p {
font-family: Cambria, serif;
font-weight:lighter;
font-size: 36px;
color: #eee0bf;
margin-top: 55px;
}

/* --------------LOGO IN HEADER *always use this*------------- */
.logolink, #swap { width: 180px; height: 117px; float: left}
.logolink { background-image: url('/images/logo.gif'); background-repeat: no-repeat;}
.logolink a { float: left;  }
 
#swap { background-image: url(/images/logo.gif); }
 
.rollover { display: block; } /* Allow setting widths and heights */
.rollover img { width: 100%; height: 100%; border: 0; } /* only set width and height once */
.rollover:hover { visibility: visible; /* for IE */ } /* sets any property for the :hover state */
.rollover:hover img { visibility: hidden; } /* 'rolls over' the image */

/* --------------TOPNAV------------- */
#topnav { background-color: #888; height: 60px;}

/* --------------MAIN CONTENT, LEFT NAVIGATION----------------*/
#main {
min-height: 100%; 
height: auto !important; 
height: 100%; 
width: 876px;
margin: 0 auto;
background-color: white;

}

#main .content {
padding: 0px 15px 55px 15px;
margin: 0px;
margin-left: 313px;
margin-right: 0px;
min-height: 300px; /* Height of Background Img */
height: auto;
}

#main .subcontent {
padding: 20px 15px 55px 15px;
margin: 0px;
margin-left: 313px;
margin-right: 0px;
min-height: 400px; /* Height of Background Img */
height: auto;
}

#main .photocontent {
padding: 20px 15px 15px 15px;
margin: 0px;
margin-left: 0px;
margin-right: 0px;
min-height: 400px; /* Height of Background Img */
height: auto;
}

#main h1 {
font-family: Cambria, serif;
font-weight:lighter;
font-size: 36px;
color: #734920;
margin-bottom: 10px
}

#main p, .content div, .subcontent div {
color: #383838;
font: 13px 'Trebuchet MS', Helvetica, Sans-Serif;
line-height: 22px;
}

#main a { color: #c10606;}


#main .navleft, .subnavleft {
float:left; 
width: 313px;
padding: 0px;
border-right: 1px solid #d9dbcf;
}

.subnavleft { margin-top: 20px; }

.navleft img, .subnavleft img { padding-left: 10px;}
#main .navleft img { margin: 0 auto; }


/* --------------NEW FOOTER ------------- */
#newfoot { padding: 10px; width: 857px; margin: 0 auto; height: 110px;}
#newfoot .left { float: left; width: 500px}
#newfoot .right { float: right; text-align: right; width: 300px;}

#newfoot .right p {
text-decoration: none;
font-family: Cambria, serif;
font-size: 12px;
font-weight: normal;
text-transform: normal;
letter-spacing: normal;
line-height: 1.6em;
color: #734920;
}


/* --------------FOOTER LINKS------------- */
#newfoot ul { padding: 0px;}
#newfoot .links ul { margin-bottom: 0px; padding: 0px;}
#newfoot .links li { display: inline; list-style-type: none; }

#newfoot .links li a {
color: #734920;
text-decoration: none;
padding: 0px 30px 0px 0px;
font: bold 10px 'Trebuchet MS', Helvetica, Sans-Serif;
text-decoration: underline
}

#newfoot .links li a:hover { text-decoration: underline; }


/* --------ASC LINKS--------- */
#newfoot .asc ul { margin: 0px; padding: 0px;}
#newfoot .asc li { display: block; list-style-type: none; padding-bottom: 2px;}

#newfoot .asc li a {
color: #734920;
text-decoration: none;
font-family: Cambria, serif;
font-size: 12px;
font-weight: normal;
text-transform: normal;
letter-spacing: normal;
line-height: 1.6em;
}


/* --------------FOOTER SEO LINKS------------- */
#footer .seo {
height: auto;
text-align: left;
min-height: 100px;
width: 750px;
font: 8pt 'century gothic', Sans-Serif;
}
 

#footer .seo a {
color: #6e4a2f;
text-decoration: none;
font: 8pt 'century gothic', Sans-Serif;
}







/* ----- Customer Cart TABLES ---------- */
#awscustomertables table{margin: 1em; border-collapse: collapse;}
#awscustomertables td{ padding: .3em; border: 1px #F2F2F2 solid; }
#awscustomertables th{ padding: .3em; border: 1px #F2F2F2 solid; background: #F2F2F2; }