/*
TITLE  : MANDARINORANGETRADING.COM - PRINT MEDIA
AUTHOR : JACOB ROSENFELD
UPDATED: 20090108
*/


/* --[GENERIC PAGE Structure]---------- */

body {
margin: 0;
padding: 0;
background: none;
font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
font-size: 84%;
color: #000;
}

#wrapper {
position: relative;
width: 900px;
margin-left: auto;
margin-right: auto;
overflow: visible;
min-height: 100%;
}

#head-left {
margin: 0;
width: 380px;
float: left;
}

#head-left img {
border: none;
}

#head-right {
width: 200px;
margin: 0 0 0 450px;
padding-top: 100px;
text-align: left;

}


#video {
display: none;
margin: 15px 0 5px 30px;
float: right;
}

#foot {
margin: 0;padding: 0;
height: 55px;
width: 100%;
background: none;
clear: both;
}

#foot-alt {
position: absolute;
bottom: 0;
margin: 0;padding: 0;
height: 55px;
width: 100%;
background: none;
}



#headcomp {
margin: 25px 0 0 28px;
}




/* --[NAV Control]---------- */

#nav{
display: none;
}


/* --[GALLERY STRUCTURE Control]---------- */

#family-wrap {
margin: 30px 0 50px 30px;
padding: 0;
overflow: visible;
}


.family,
.family-end {
margin: 0 45px 45px 0;
padding: 0;
width: 235px;
height: 236px;
background: none;
float: left;
}



.fam-slide {
margin: 10px 0 0 9px;
padding: 0;
}

img.fam-slide {
border: none;	
}


/* --[FAMILY DETAIL STRUCTURE || HEADER Control]---------- */

#p-details-head {
margin: 20px 0 25px 0;
padding: 0;
}

#p-details-head-cap {
height: 7px;
background: none;
overflow: hidden;
}

#p-details-head-mid {
background: none;
overflow: auto;
}

#p-details-head-base {
height: 21px;
background: none;
}

#p-details-head-cap, 
#p-details-head-mid,
#p-details-head-base {
margin: 0;
padding: 0;
width: 800px;
}

/*
#p-details-head-mid p {
margin: 0;
padding: 15px;
}
*/

#collection-pic {
float: left;
margin: 8px 0 0 0;
}

#collection-pic img {
border: 5px solid #333;
width: 212px;
height: 175px;
}



#collection-detail {
margin: 7px 0 0 260px;
}

#collection-detail ul {
margin: 0 0 0 20px;
padding: 0;
width: 400px;
display: inline;
}

#collection-detail ul li {
color: #000;
float: left;
width: 50%;
line-height: 180%;
}

#collection-detail ul li a{
text-decoration: none;
border-bottom: 1px dotted #333;
color: #000;
}































/* --[FAMILY DETAIL STRUCTURE || ITEM Control]---------- */


.p-details-item {
margin: 20px 0 25px 0;
padding: 0;
}

.p-details-item-cap {
height: 7px;
background: none;
overflow: hidden;
}

.p-details-item-mid {
background: none;
overflow: auto;
}

.p-details-item-base {
height: 25px;
background: none;
}

.p-details-item-cap, 
.p-details-item-mid,
.p-details-item-base {
margin: 0;
padding: 0;
width: 800px;
}

/*
.p-details-item-mid p {
margin: 0;
padding: 15px;
}
*/

.item-pic {
float: left;
margin: 8px 0 0 0;
}
.item-pic img {
border: 2px solid #333;
width: 50px;
height: 50px;
}



.item-pic-blk {
float: left;
margin: 8px 0 0 15px;
}
.item-pic-blk img {
border: 2px solid #ad9d79;
width: 50px;
height: 50px;
}

.item-pic-blk a:hover img {
border: 2px solid #f90;
}




.item-detail {
margin: 7px 0 0 90px;
}


/* --[FAMILY DETAIL STRUCTURE || TABLES Control]---------- */

.item-detail-title {
height: 54px;
width: 700px;
border-bottom: solid 2px #333;
margin: 0;
padding: 0;
}

table.t-header {
color: #000;
margin: 0;
padding: 0;
}

td.col1 {
width: 100px;
text-align: left;
}

td.col2 {
width: 250px;
text-align: left;
}

td.col3 {
width: 50px;
text-align: right;
}

table.t-info {
color: #000;
margin-top: 5px;
margin-left: 0;
padding: 0;
}

td.col4 {
width: 100px;
text-align: left;
}

td.col5 {
width: 240px;
text-align: left;
}

td.col6 {
width: 50px;
text-align: right;
}



/* --[CONTACT PAGE Forms Control]---------- */

#contact-left {
margin: 40px 0 25px 20px;
padding-left: 10px;
float: left;
}

#contact-left ul {
margin: 0;
padding: 0;	
}

#contact-left ul li {
color: #481400;
text-align: left;
list-style-type: none;
line-height: 130%;
}

#contact-left ul li.important {
color: #481400;
font-size: 120%;
line-height: 20px;
font-weight: bold;
}

#contact-right {
margin: 40px 0 0 425px;
padding: 0;
}

label {
display: block;
font-size: 120%;
font-weight: bold;
color: #481400;
padding-bottom: 5px;
}

input,textarea,select {
margin-bottom: 0px;
padding: 5px;
font: 14px "Courier New", Courier, mono;
color: #481400;
background: #e7dbc1;
border: 2px solid #ad9d79;
overflow: auto;
}

.button {
margin-top: 10px;
padding: 7px;
font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
font-size: 100%;
font-weight: bold;
color: #481400;
background: #e7dbc1;
border: 2px solid #ad9d79;
}

.button:hover {
border: 2px solid #481400;
}







a.text:link {
font-weight: bold;
color: #000;
text-decoration: none;
border-bottom: dotted #000 1px;
}

a.text:visited {
font-weight: bold;
color: #000;
text-decoration: none;
border-bottom: dotted #000 1px;
}














/* --[FONT Control]---------- */
p {
font-size: 110%;
color: #000;
line-height: 150%;
padding: 0;
margin: 15px 50px 0 30px;
}

p.units {
margin: 5px 0 0 0;
padding: 0;
font-size: 80%;
color: #666;
}

p.form {
color: #000;
}


h1 {
font-size: 210%;
color: #000;
margin: 25px 0 0 29px;
clear: both;
}

h2 {
font-size: 200%;
color: #000;
margin: 0;
}

h3 {
font-size: 110%;
color: #333;
font-weight: bold;
margin: 0;
}

h4 {
font-size: 130%;
color: #000;
}


.family h4, .family-end h4 {
margin: 6px 0 0 15px;
}

#head-right p {
margin: 0;
padding: 0;
color: #000;
font: 14px/1.25 "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

#foot p {margin: 0;padding: 17px 0 0 0;color: #666;font: 14px/1.50 "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;text-align: center;}



/* --[SPAN Classes]---------- */

.new {
font-size: 75%;
color: #993300;
padding-left: 10px;
}

.strong {
font-weight: bold;
font-size: 110%;
border-bottom: 2px solid #fff;
}

.superbold {
font-weight: bold;
font-size: 115%;
}

.soon {
color: #F00;
}


/* --[TEXT LINKS Classes]---------- */
p.units a:link {
color: #000;
text-decoration: none;
border-bottom: 1px dotted #333;
}

p.units a:visited {
color: #000;
text-decoration: none;
border-bottom: 1px dotted #333;
}





