/* css document for toddwarshawcreative.com */

body {
margin:0px;
padding:0px;
border:0px;
background:url(/images/background.jpg) no-repeat #333232;
font-family:Arial, Helvetica, sans-serif;
color: #9c9a9a;
font-size:12px;
letter-spacing:1px;
line-height:1.3em;
}

td {
font-size:12px;
color: #9c9a9a;
letter-spacing:1px;
line-height:1.3em;
}

img {
/*border:1px solid #9c9a9a;*/
padding:0px;
margin:0px;
text-decoration:none;
border:none;
}

a:link img {
padding:0px;
margin:0px;
text-decoration:none;
border:none;
}

a:visited img {
padding:0px;
margin:0px;
text-decoration:none;
border:none;
}

a:hover img {
padding:0px;
margin:0px;
text-decoration:none;
border:none;
}

a:active img {
padding:0px;
margin:0px;
text-decoration:none;
border:none;
}

a.linkedimg:link {
border:none;
text-decoration:none;
}

a.linkedimg:visited {
border:none;
text-decoration:none;
}

a.linkedimg:hover {
border:none;
text-decoration:none;
}

a.linkedimg:active {
border:none;
text-decoration:none;
}

p {
font-size:12px;
color: #9c9a9a;
letter-spacing:1px;
line-height:1.3em;
}

h1 {
font-size:18px;
font-weight:normal;
letter-spacing:5px;
color: #9c9a9a;
margin:0px;
padding:9px 0px 0px 0px;
}

h2 {
font-size: 18px;
font-weight:normal;
letter-spacing:5px;
color: #ffffff;
margin:0px;
padding:9px 0px 0px 0px;
}
			
#container {
margin:0px 0px 30px 0px;
padding:0px;
width:100%
}

#header {
position: relative;
margin: 0px;
padding: 0px;
height: 140px;
width:864px;
}

#leftnav {
position: absolute;
top: 140px; 
left: 0px;
width: 173px;
padding:20px 0px 0px 25px;
}

a.leftnav:link, a.leftnav:visited {
display:block;
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
letter-spacing:5px;
color:#ffffff;
text-decoration: none;
border-bottom:none;
padding: 0px 0px 12px 0px;
}

a.leftnav:active, a.leftnav:hover {
text-decoration:none;
border-bottom:none;
color:#9c9a9a;
}

#main {
margin:0px 0px 0px 200px;
padding: 3px 0px 25px 23px;
width:640px;
border-left: 1px solid #9c9a9a;
}

#content {
margin:0px;
padding:8px 0px 15px 0px;
text-align:left;
}


#content h1 {
font-size:18px;
font-weight:normal;
letter-spacing:5px;
color: #ffffff;
margin:0px;
padding:0px;
}

#content h2 {
font-size: 18px;
font-weight:normal;
letter-spacing:5px;
color: #ffffff;
margin:0px;
padding:9px 0px 0px 0px;
}

p a:link {
font-size:12px;
color:#ffffff;
text-decoration:none;
border-bottom:none;
letter-spacing:1px;
line-height:1.3em;
}

p a:visited {
font-size:12px;
color:#ffffff;
text-decoration:none;
border-bottom:none;
letter-spacing:1px;
line-height:1.3em;
}

p a:hover {
font-size:12px;
color:#9c9a9a;
text-decoration:none;
border-bottom:none;
letter-spacing:1px;
line-height:1.3em;
}

p a:active {
font-size:12px;
color:#9c9a9a;
text-decoration:none;
border-bottom:none;
letter-spacing:1px;
line-height:1.3em;
}

.highlight {
font-size:12px;
color:#ffffff;
text-decoration:none;
border-bottom:none;
letter-spacing:1px;
line-height:1.3em;
}


#footer {
margin-top:10px;
padding:0px;
width:640px;
height:30px;
clear:left;
color:#9c9a9a;
font-size:10px;
letter-spacing:1px;
}

#footer a:link {
font-size:10px;
color:#ffffff;
letter-spacing:1px;
border-bottom:none;
text-decoration:none;
}

#footer a:visited {
font-size:10px;
color:#ffffff;
letter-spacing:1px;
border-bottom:none;
text-decoration:none;
}

#footer a:hover {
font-size:10px;
color:#9c9a9a;
border-bottom:none;
text-decoration:none;
}

#footer a:active {
font-size:10px;
color:#9c9a9a;
border-bottom:none;
text-decoration:none;
}

.image_left {
float:left;
margin:0px;
width:415px;
height:360px;
padding:0px;
}

.image_right {
margin:0px 0px 0px 425px;
padding:0px;
height:360px;
width:210px;
}

.image_one {
margin-bottom:6px;
}

a.gallerylink:link, a.gallerylink:visited {
font-family:Arial, Helvetica, sans-serif;
font-size:22px;
letter-spacing:5px;
color:#ffffff;
text-decoration:none;
text-align:left;
border-bottom:none;
}

a.gallerylink:hover, a.gallerylink:active {
text-decoration:none;
border-bottom:none;
color:#9c9a9a;
border-bottom:none;
}

.galleryheading {
font-size: 18px;
font-weight:normal;
letter-spacing:5px;
color: #ffffff;
margin:0px;
padding:10px 0px 10px 0px;
text-decoration:none;
border-bottom:none;
}

a.galleryheading:link, a.galleryheading:visited {
font-size: 18px;
font-weight:normal;
letter-spacing:5px;
color: #ffffff;
margin:0px;
padding:7px 0px 0px 0px;
text-decoration:none;
border-bottom:none;
}

a.galleryheading:hover, a.galleryheading:active {
text-decoration:none;
border-bottom:none;
color:#9c9a9a;
border-bottom:none;
}

#gallerylist {
list-style-type: none;
margin:0px;
padding:0px 0px 10px 0px;
}

#gallerylist li, ul {
float: left;
padding: 15px 0px 0px 0px;
margin:0px;
text-align:center;
}

#gallerylist img {

}

.rowshort {
width:200px;
height:120px;
line-height:110px;
}

.rowshorter {
width:200px;
height:90px;
line-height:90px;
}

.rowtall {
width:200px;
height:150px;
line-height:150px;
}

.va-middle {
vertical-align:middle;
}

/*photo maniuplation stuff*/

.fade-box {
margin:0px;
position: absolute;	
}
			
#crossfade-container {
margin: 25px 0px 0px 0px;
padding:0px;
width:640px;
height:360px;
background: url(/images/fade-box-bg.gif);	
}
			
#box-1 {
				
}

#box-2 {
				
}

#box-3 {
				
}
			
#box-4 {
				
}

#box-5 {
				
}

#box-6 {
				
}


/* contact form */

#form {
margin:0px;
padding:0px;
border: 0 none;
}

#commentForm {
width:500px;
border:0 none;
margin:0px;
padding:0px;
}

#formLeft {
width: 400px;
}

#formLeft input {
width: 400px;
margin: 0px;
border:1px solid #9c9a9a;
background:#333232;
margin: 0px;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
color: #9c9a9a;
letter-spacing:1px;
line-height:1.3em;
padding: 3px;
}

#formLeft .input-bg {
width:400px;
height: 30px;
margin-bottom: 10px;
position: relative;
}

#formLeft .active {
background: url(images/form-sm-bg.jpg) top left no-repeat transparent;
}

#formRight {
width: 400px;
}

#formRight textarea {
width: 401px;
height: 200px;
border:1px solid #9c9a9a;
background:#333232;
margin: 0px;
padding: 3px;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
color: #9c9a9a;
letter-spacing:1px;
line-height:1.3em;
}

#formRight .message-bg {
height: 200px;
}

#formRight .active {
}

label {
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
color: #ffffff;
letter-spacing:1px;
line-height:1.3em;	
}

label.error {
position: absolute;
top: -16px;
right:1px;
padding-bottom: 4px;
color:#3399CC;
text-align: right;
font-style: italic;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
letter-spacing:1px;
line-height:1.3em;
}

fieldset {
border: 0 none;
margin:0px;
padding:0px;
}

input {
border:1px solid #9c9a9a;
background:#333232;
margin: 0px;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
color: #9c9a9a;
letter-spacing:1px;
line-height:1.3em;
padding:2px;
margin-top:2px;
}

textarea {
border:1px solid #9c9a9a;
background:#333232;
margin: 0px;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
color: #9c9a9a;
letter-spacing:1px;
line-height:1.3em;
padding:2px;
}

select {
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
color: #333333;
letter-spacing:1px;
line-height:1.3em;
}

option {
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
color: #333333;
letter-spacing:1px;
line-height:1.3em;
}

input[type="image"] {
border:none;
padding:0px;
}

.headerError {
color:#3399CC; 
font-style: italic; 
font-size:12px;
}

.messageStackError {
color:#3399CC; 
font-style: italic; 
font-size:12px;
}


.infoBoxProducts {

  text-align: left;

  margin-bottom:-8px;

}

.infoBoxProducts a {


}

TD.infoBoxGrid {

}

/* set pos buy/details button on list */

img.buy_now {  

  margin-bottom:10px;

} 

/* set pos buy/details button on thumbnail */

img.thm_buy_now {

  margin-bottom:-3px;

} 

/* set style buy/details seperator thumbnail */

.buy_now {


} 

.infoBoxList {

 border-collapse: collapse;

 }

.thumbcontent {

  text-align:center;

}


.infoBoxContents {

  border-spacing: 2px;

  border-collapse: separate;

  *border-collapse: expression('separate', cellSpacing = '2px');

}