/* undohtml.css */
/* (CC) 2004 Tantek Celik. Some Rights Reserved.             */
/*   http://creativecommons.org/licenses/by/2.0                   */
/* This style sheet is licensed under a Creative Commons License. */

/* Purpose: undo some of the default styling of common (X)HTML browsers */


/* link underlines tend to make hypertext less readable, 
   because underlines obscure the shapes of the lower halves of words */
:link,:visited { text-decoration:none }

/* no list-markers by default, since lists are used more often for semantics */
ul,ol { list-style:none }

/* avoid browser default inconsistent heading font-sizes */
/* and pre/code too */
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }

/* remove the inconsistent (among browsers) default ul,ol padding or margin  */
/* the default spacing on headings does not match nor align with 
   normal interline spacing at all, so let's get rid of it. */
/* zero out the spacing around pre, form, body, html, p, blockquote as well */
/* form elements are oddly inconsistent, and not quite CSS emulatable. */
/*  nonetheless strip their margin and padding as well */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,blockquote,fieldset,input
{ margin:0; padding:0 }

/* whoever thought blue linked image borders were a good idea? */
a img,:link img,:visited img { border:none }

/* de-italicize address */
address { font-style:normal }

/* more varnish stripping as necessary... */


body {
word-wrap: break-word;
}

body p {
font-family:"gill sans", helvetica, arial, sans-serif;
color: #555555;	
}

#container div.SectionTitle p.style5 {
padding: 0px;
margin: 0px;
}

body h2 {
font-family:"gill sans", helvetica, arial, sans-serif;
color: #555555;	
}

.SectionTitle {
float: left;
padding:0px 0px 0px 11px;
}

#prshowroom {
text-align:center;
line-height:8px;
}

#prshowroom p {
font-family:"gill sans", helvetica, arial, sans-serif;
color: #23bed3;
text-align:center;
}

#prshowroom h1 {
font-family:"gill sans", helvetica, arial, sans-serif;
color: #777777;
}

body a {
color: #555555;
cursor:pointer;
}


body a:hover {
color: #23bed3;	
}

.hiddenPic {display:none;}

/* ----- CONTAINER ----- */

#container {
position: relative;
width:800px;
margin:0 auto;
padding-top:30px;
background-color:#ffffff;
}

/* ----- HEADER ----- */



#header {
width:800px;
height:125px;
background-color:#ffffff;
overflow: hidden;
}

a.cell1rollover {
    display: block;
    width: 175px;
    height: 175px;
    background: url("http://www.publicdomainclothing.com/images/front/rollcall/take40gorilla/cell1.jpg") 0 0 no-repeat;
    text-decoration: none;
}

a:hover.cell1rollover {
    background-position: 0 -175px;
}

a.cell2rollover {
    display: block;
    width: 175px;
    height: 175px;
    background: url("http://www.publicdomainclothing.com/images/front/rollcall/take40gorilla/cell2.jpg") 0 0 no-repeat;
    text-decoration: none;
}

a:hover.cell2rollover {
    background-position: 0 -175px;
}

a.cell3rollover {
    display: block;
    width: 175px;
    height: 175px;
    background: url("http://www.publicdomainclothing.com/images/front/rollcall/take40gorilla/cell3.jpg") 0 0 no-repeat;
    text-decoration: none;
}

a:hover.cell3rollover {
    background-position: 0 -175px;
}

a.cell4rollover {
    display: block;
    width: 175px;
    height: 175px;
    background: url("http://www.publicdomainclothing.com/images/front/rollcall/take40gorilla/cell4.jpg") 0 0 no-repeat;
    text-decoration: none;
}

a:hover.cell4rollover {
    background-position: 0 -175px;
}

a.cell5rollover {
    display: block;
    width: 175px;
    height: 175px;
    background: url("http://www.publicdomainclothing.com/images/front/rollcall/take40gorilla/cell5.jpg") 0 0 no-repeat;
    text-decoration: none;
}

a:hover.cell5rollover {
    background-position: 0 -175px;
}

a.cell6rollover {
    display: block;
    width: 175px;
    height: 175px;
    background: url("http://www.publicdomainclothing.com/images/front/rollcall/take40gorilla/cell6.jpg") 0 0 no-repeat;
    text-decoration: none;
}

a:hover.cell6rollover {
    background-position: 0 -175px;
}

a.cell7rollover {
    display: block;
    width: 175px;
    height: 175px;
    background: url("http://www.publicdomainclothing.com/images/front/rollcall/take40gorilla/cell7.jpg") 0 0 no-repeat;
    text-decoration: none;
}

a:hover.cell7rollover {
    background-position: 0 -175px;
}

a.cell8rollover {
    display: block;
    width: 175px;
    height: 175px;
    background: url("http://www.publicdomainclothing.com/images/front/rollcall/take40gorilla/cell8.jpg") 0 0 no-repeat;
    text-decoration: none;
}

a:hover.cell8rollover {
    background-position: 0 -175px;
}

a.cell9rollover {
    display: block;
    width: 175px;
    height: 175px;
    background: url("http://www.publicdomainclothing.com/images/front/rollcall/take40gorilla/cell9.jpg") 0 0 no-repeat;
    text-decoration: none;
}

a:hover.cell9rollover {
    background-position: 0 -175px;
}

a.logorollover {
    display: block;
    width: 191px;
    height: 119px;
    background: url("../images/pdlogo_roll.gif") 0 0 no-repeat;
    text-decoration: none;
}
  
a:hover.logorollover {
    background-position: 0 -119px;
}

#header-logo {
float: left;
}

#header-nav ul li a{
display:inline;
padding-left: 10px;
font-family:"gill sans", helvetica, arial, sans-serif;
font-size: 1em;
color: #555555;
}

#header-nav ul li a:hover {
color: #23bed3;
}

#header-nav {
float: right;
padding: 72px 4px 0px 0px;
}



/* ----- WRAPPER ----- */



#wrapper{
position:relative;
width:800px;
overflow: hidden;
}

/* ----- CONTACT FORM ----- */


.formItem {
	text-align:left;
	display:block;
	font-family:"gill sans", helvetica, arial, sans-serif;
color: #23bed3;	
	padding-bottom:5px;
	clear: both;
}
.formLabel {
	width: 120px;
}
.formField {
	width:  600px;
}


/* ----- SIDEBAR ----- */



#sidebar {
width:225px;
min-height:575px; /* for modern browsers */
height:auto !important; /* for modern browsers */
height:575px; /* for IE5.x and IE6 */
background-color:;
float:right;
}

#sidebar h1 {
font-family:"gill sans", helvetica, arial, sans-serif;
font-style:bold;
color: #555555;
font-size: 1.5em;
}

#categoryheadingmen h2 {
font-family:"gill sans", helvetica, arial, sans-serif;
font-style:bold;
color: #23bed3;
font-size: 1.2em;
}


#categoryheadingwomen h2 {
font-family:"gill sans", helvetica, arial, sans-serif;
font-style:bold;
color: #ed237a;
font-size: 1.2em;
}

#sidebar h2 {
font-family:"gill sans", helvetica, arial, sans-serif;
font-style:bold;
color: #23bed3;
font-size: 0.9em;
line-height: 100%;
padding-bottom: 5px;
padding-top: 10px;
}

#scroll0Content p {
font-family:helvetica, arial, sans-serif;
font-style:normal;
color: #555555;
font-size: 0.8em;
line-height: 100%;
padding-bottom: 5px;
}

#scroll0Content a p:hover {
color: #23bed3;	
}


#sidebar a {
color: #23bed3;	
}


#scroll0Content h2.nopad {
padding-top: 0px;
}

#scroll0Content p.padbelow {
padding-top: 10px;
}


/* ----- MAIN CONTENT ----- */

#featured {
width: 775px;
overflow: hidden;
float: left;
padding: 0px 13px 12px 12px;
}

#content { 
width:566px;
min-height:575px; /* for modern browsers */
height:auto !important; /* for modern browsers */
height:575px; /* for IE5.x and IE6 */
background-color:#ffffff;
overflow: hidden;
}

/* ----- PRODUCT THUMBS ----- */

.product {
width: 175px;
overflow: hidden;
float: left;
padding: 0px 13px 10px 12px;
}

.product p {
margin: 0px;
font-family:helvetica, arial, sans-serif;
color:  #555555;
font-size: 0.75em;
}

p.productName:hover {
color: #23bed3;
}

.thumb {
padding: 0px;
}

.desc {
text-align:center;
padding: 5px;
}

#PressText {
text-align: center;
font-family:"gill sans", helvetica, arial, sans-serif;
color:  #555555;
font-size: 0.9em;
}

/* ----- GRID ----- */



.grid {
width: 175px;
height: 175px;
overflow: hidden;
padding: 0px 12px 12px 0px;
float: left;
}


/* ----- FOOTER ----- */



#footer { 
width:800px;
height:20px;
background-color:#ffffff;
margin-top:25px;
overflow: hidden;
}

#footer-nav {
float: right;
}

#footer ul, li {
display:inline;
padding-right: 10px;
font-family:"gill sans", helvetica, arial, sans-serif;
font-size: .9em;
color: #555555;
}

a.se:link, a.se:visited, a.se:hover, a.se:active {
color: #555555;
font-size: .7em;
text-decoration: none
}