/* 
    Document   : style
    Updated on : 29-May-2009, 11:53:46
    Author     : dvector
    Description: foilednapkins.co.uk default styling
*/
root { 
    display: block;
}



/* START centering CSS */
body {
text-align:center; /* Required for pesky IE */
background: #8e939c url(../_img/background.jpg) repeat-x;
margin:0; padding:0;
}

#wrapper {

text-align:left; /* Overrides the previously set center alignment that older IE versions reqd */
margin:0;
padding:0;
margin:0 auto;
width:750px;
/* background-image: url(../_img/napkins-back.jpg);
background-position: right top;
background-repeat: no-repeat;
*/

}
/* END centering size CSS */

/* START font size CSS */
body {} /* for IE/Win  font-size:62.5% */
html>body {font-size:12px} /* for everything else */
/* Set other elements using ems
(where 1em = 10px, 2em = 20px */

/* END font size CSS */

body { color:#FFF; font-family: Verdana,Arial,Helvetica,sans-serif;

}
#bodyx { background-color: #292929; } /* applies background color for: header, nav, content */
#header { height:136px; margin:0; padding:0; }
#header a { margin:0; padding:0; }
#header img { margin:0; padding:0; }
#logo { margin:0;}
#logo a:hover { text-decoration:none; }

#search {}
#banner {}

#content { margin:0; padding:5px 25px 0px 25px; }
#aside {}
#content-footer {}
#footer { 
          /*position:relative; top:0; left:0;*/
          /*z-index:10;  ?solves IE nav covering over footer links  */
          text-align:center;
          padding:10px 0 0 0;

    }



#footer-nav { margin:10px 0 0 0; border-top:1px solid #000; color:#666666; height:40px; text-align:center;}
#footer-nav a { color:#666666; cursor:pointer; text-decoration:none; margin:0; }
#footer-nav a:hover { color:#FFF; cursor:pointer; text-decoration:underline;}
#footer-nav p, #footer-nav td {color:#666666;}

#copyright   { color:#333; clear:both;}
#copyright a {color:#333; text-decoration:none;}
#copyright a:hover {color:#000; text-decoration:underline;}


/* h1, h2, h3 { font-weight: lighter; } */
h1 { font-size:1.5em; margin:15px 0 5px 0;}
h2 { font-size:1.3em; margin:15px 0 5px 0;}
h3 { font-size:1.1em; margin:15px 0 5px 0; letter-spacing: 1px; }

h1.left { font-size:1.5em; float:left; }

body, td, p {font-size:12px;}

p { margin:7px 0 0px 0 }

a {
color:#15BDF3;
cursor:pointer;
}

a:hover {
color:#F3158F;
cursor:pointer;
}


/* Cart css */
.cart_summary { text-align:right; font-size:1.0em; float:right;}
.cart_summary a{ /*color:#2851B7;*/ }

input    {border:1px solid #666666}
textarea {border:1px solid #666666}
input   {
          border:#666666;
          /* pesky IE 7 - 8 needs css border properties individually defined */
          border-style: solid;
          border-top-width: 1px;
          border-right-width: 0px;
          border-bottom-width: 1px;
          border-left-width: 1px;
}
select   {border:1px solid #666666;
          /* pesky IE 7 - 8 needs css border properties individually defined */
          border-style: solid;
          border-top-width: 1px;
          border-right-width: 0px;
          border-bottom-width: 1px;
          border-left-width: 1px;
          min-width:90px;
}


.color_row { background-color: #1F1D1E; }


.col1 { width:60%; display:block; float:left;}

.col2 { width:15%; display:block; float:left;}

.col3 { width:10%; display:block; float:left;}

.col4 { width:15%; display:block; float:left;}


.hr1px { height:1px; border-style:none; color:#666; background-color:#666;}

/* END cart css */





/* OOCSS css */
.textgrey { color: #999999; }
.grey { color: #999999; }
.fontsmall { font-size:11px;}
.smaller { font-size:smaller;}

.box{ border:1px solid #3C3C3C; margin:15px; padding:5px 20px;}
.alertbox { border:1px solid #CC0000; margin:15px; padding:5px 20px;}

.left {float:left;}
.right {float:right;}
.clear {clear:both;}

.block { display:inline-block;}

.red {color:#CC0000;}

.width50per { width:50%;}
















/* ================================================================
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/new-dropdown.html
Copyright (c) 2005-2009 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any
way to fit your requirements.
=================================================================== */
/* defaults for ie6 
a, a:hover, a:active, a:focus {outline:0; direction:ltr; color:#fff; text-decoration:underline;}
*/

.positioner {position:relative;
height:31px; background:url('../_img/nav-bk.jpg');
border-bottom:1px solid #000;
/*border-top:1px solid #000;*/
padding:1px 0 0 0;
}

.navHolder {position:absolute; z-index:100;
            font:normal 13px/30px verdana, sans-serif;
            left:50%; margin-left:-350px; width:750px;}

ul.ulTop {  padding:0; margin:0; list-style:none; width:140px; overflow:hidden; float:left;
            text-align:center; margin-right:3px;
background-color:#1F1F1F;}

ul.ulTop a {text-decoration:none; color:#fff;
            padding-left:0px;/* CRITICAL */

            }

ul.ulTop li.liTop {
            float:left;
            width:280px;/* CRITICAL if adding 10px to widths then add double here ie add 20px*/
            /*margin:-32767px -125px 0 0;*/
            margin:-32767px -125px 0 0;
/* background:url(newdrop/tab125b.gif) no-repeat left bottom; */
}

ul.ulTop li.liTop a.aTop {
position:relative;
z-index:50;
display:block;
float:left;
width:140px;
margin-top:32767px;
background:transparent;
}
ul.ulTop li.liTop a.aTop:hover,
ul.ulTop li.liTop a.aTop:focus,
ul.ulTop li.liTop a.aTop:active {
margin-right:1px;
    /* background:url(newdrop/tab125.gif) no-repeat left top;*/
    background:#000;
    /*text-decoration:underline;*/
}
ul.sub {float:left;
    padding:30px 0 0 0; margin:0; list-style:none;
     /*background:url(newdrop/tab125.gif) no-repeat left top; */
    background:#242424;
    margin-top:-30px;}

ul.sub li a {
float:left;
width:125px;
padding-left:15px;
/*background:#242424;*/
clear:left;
text-align:left;

}
ul.sub li a.last {/* background:url(newdrop/tab125c.gif);*/
background:#333;
}

ul.sub li a.last:hover,
ul.sub li a.last:focus,
ul.sub li a.last:active {
/*background:url(newdrop/tab125d.gif);*/
background:#000;
}

ul.sub a:hover,
ul.sub a:focus,
ul.sub a:active {
background:#000;
margin-right:1px;
}