/* GENERAL */

body{font-size:72%; margin:0; padding:0; color:#878787; background: #f1f1f1 url(../images/bg/body-bg.gif) top left repeat; text-align:center;} /* all subsequent fonts sized in ems ONLY. */


/* LAYOUT */
.page {width:980px; margin:0 auto; padding:0; text-align:left;}
.container {position:relative; z-index:5;}
.footer {clear:both; margin:2px 0 0 0;}
.subnav {float:left; width:211px; margin: 11px 0 0 12px;}
.content {float:right; width:752px; min-height: 550px; margin: 11px 0 0 5px; padding: 0; border-top: 1px solid #c0c0c0; border-bottom: 1px solid #c0c0c0; }
.form {padding:0 0 16px 0;}


/* FORMAT */
abbr,acronym,dfn{cursor:help;border:0;}
a abbr,a acronym,a dfn{cursor:pointer;}

pre,address{margin:0;padding:0;}
p, blockquote{color: #000; margin:0;padding:0 0 1em 0;font-size:1.1em;line-height:1.4em;}
blockquote {margin:1em 0; padding:1em 0 1em 35px;width:62%; border-top:1px solid #DDD; border-bottom:1px solid #DDD; background:url(../images/bg/quote-open.gif) 0 1em no-repeat;}
blockquote p {padding:0 25px 0 0; background:url(../images/bg/quote-close.gif) right bottom no-repeat;}

img{border:0;}

.hr{height:1px; background-color:#c0c0c0; margin:8px 0}
.hr hr{display:none;}


/* FORMAT > fonts */
body,input,textarea,select {font-family:Arial, Helvetica, sans serif;}
h1,h2,h3,h4,h5,h6 {font-family:Arial, Helvetica, sans serif; font-weight:normal;}
em,i {font-style:italic;}
strong,b {font-weight:bold;}
dfn {font-style:normal;}
cite {font-style:italic;}
code,kbd,pre {font-family:"Courier New",Courier,mono;font-size:1em;}


/* ANCHORS */
a{text-decoration:none; color:#878787; font-weight:bold;}
a:link{ }
a:visited{ }
a:hover{color:#00a6e3;}
a:active{color:#00a6e3;}
a:focus{color:#00a6e3;}
a.selected{color:#00a6e3;}


/* HEADERS */
h1,h2,h3,h4,h5,h6{margin:0;padding:0;color:#00a6e3; line-height: 1.4em; margin:0 0 5px 0;}
h1{font-size:2.5em; margin:0 0 10px 0;}
h2{font-size:1.8em;}
h3{font-size:1.6em;}
h4{font-size:1.4em;}
h5,h6{font-size:1.25em;}


/* LISTS */
ul,ol,dl{margin:0;padding:0 0 1em 0;}
ul ul,ol ol,ol ul,ul ol{padding:0;margin:0 0 0 2em;}
ul{list-style-type:disc;}
ol{list-style-type:decimal;}
li{margin:0 0 0 2em;padding:0;line-height:1.4em;font-size:1.1em;}

dt{display:block;float:left;}
dd{margin-left:10em;}


/* TABLES */
caption{display:block;padding:0;margin:0;}
table{border:0px;border-top:1px solid #000;border-left:1px solid #000;margin:0 0 20px 0;}
th{border:0px;border-bottom:1px solid #000;border-right:1px solid #000;padding:2px 5px 2px 5px;background-color:#000;color:#fff;}
th.row-header{background-color:transparent;color:#000;}
td{border:0px;border-bottom:1px solid #000;border-right:1px solid #000;padding:2px 5px 2px 5px;}
tr.alt{background-color:#eee;}


/* FORMS */
form{margin:0;padding:0;}
fieldset{border:0px solid #FFF;margin:0;padding:0 0 20px 0;}
legend{margin:0;padding:0;color:#333;display:none;}

.field{padding:4px 0;}
.label{float:left;width:32%;padding:4px 0 0 0;margin:0 1% 0 0;text-align:right;}
.element{float:left;width:auto;margin:0;padding:0;background:#fff url(../images/bg/text-input.gif) left top repeat-x;}
	.element p{margin:0;padding:0;font-size:0.88em;}
.label p{float:left;width:auto;}

label{font-size:1.1em;}
select{font-size:1.1em;min-width:50px;}
textarea{font-size:1.1em;border:0px solid #000;padding:0.2em;margin:0;background:transparent url(../images/bg/text-input.gif) left bottom repeat-x;}
input.text{border:0px solid #000;padding:4px 2px;margin:0;font-size:1.1em;background:transparent url(../images/bg/text-input.gif) left bottom repeat-x;}
input.date{color:#ab312e;}

input.radio{float:left;width:20px;margin:0 0 0 0;}
div.radio .element{width:400px;background:transparent;}
div.radio .element label{display:block;margin:0 0 0 25px;font-size:1em;}

div.submit .element{background: transparent; margin:8px 0 0 0;}
input.submit{border: 1px dotted #A92F2C; border-width: 1px 0; background: transparent; color:#a92f2c;text-transform:lowercase;font-size:1.5em;padding:0px 0 3px 0;font-weight:normal;}

.form div.submit .element{margin:0;}
.form input.submit{font-size:1.2em;}

.highlight{color:#F00;background:#fff;}

div.search{float:left;width:auto;margin:0 0 0 8px;}
div.search input.submit{background:transparent;font-size:1.2em;}

div.message{float:left;width:200px;padding:2px 0 0 8px;}
div.message p{width:auto;}

div.file{background:transparent;margin:0 0 8px 0;}
div.cards{background:transparent;margin:8px 0 0 0;}
div.cards select{color:#a92f2c;font-size:1.4em;}
div.readonly{background:transparent;}

fieldset .hr{width:530px;}

fieldset table{border:0;margin:0;}
fieldset table th{background:transparent;border:0;border-top:3px solid #dfdfdf;border-bottom:3px solid #dfdfdf;color:#616f72;padding:4px 0;text-transform:lowercase;font-size:1.2em;}

fieldset table th.sub-head{background:transparent;padding:16px 0;}
fieldset table tr.first th{font-size:1.2em;}
fieldset table tr.last td{border-bottom: 3px solid #dfdfdf;}
fieldset table td{border:0;border-bottom: 1px solid #dfdfdf; padding:8px 8px 8px 0;font-size:1.15em;}
fieldset table th.delete,
fieldset table th.quantity{text-align:right;}
fieldset table td.delete,
fieldset table td.quantity{text-align:right;}
fieldset table td.delete a{display:block;margin:0 16px 0 0;}

fieldset table.total{background:url(/c.917016/swd/images/bg/nav-design-a.gif) left bottom repeat-x;padding:12px 0;}
fieldset table.total th,
fieldset table.total td{text-transform:lowercase;font-weight:bold;padding:4px 0;background:transparent;}
fieldset table.total th{padding-right:32px;}

fieldset table.total .element{float:right;}


/* SUB-NAVIGATION */
.subnav{background:url(../images/bg/subnav-bg-body.gif) left top repeat-y;}
.subnav ul{margin: 33px 0 0 0; list-style-type: none; line-height:normal; padding:0;}
.subnav li{margin:0; padding:0; display:block; font-size:1.1em; line-height: 1.2em;}
.subnav a{display: block; text-decoration:none; font-weight:bold; padding:0;}
/*.subnav a.selected{color:#878787;}*/
/*.subnav a.selected:hover{color:#00a6e3;}*/
.subnav a:focus, .subnav a:hover{}
.subnav-top { display: block; clear: both; width: 211px; height: 10px; background: transparent url(../images/bg/subnav-bg-top.gif) left top no-repeat; }
.subnav-bottom { display: block; clear: both; width: 211px; height: 10px; background: transparent url(../images/bg/subnav-bg-bottom.gif) left bottom no-repeat; }
.subnav a.home { padding: 0 0 5px 0; }
.subnav .pad { padding: 0 22px 15px 20px; }
	
/* CONTENT */
.content .padding {
 padding: 25px 30px;
}

/* IMAGES */
.image-left{float:left;display:block;width:auto;margin:0 15px 10px 0;}
.image-right{float:right;display:block;width:auto;margin:0 0 10px 15px;}

.caption{display:inline;border-top:0px;background-color:transparent;color:#000;padding:2px 0 0 5px;}


/* TWO COLUMN */
.col-one, .col-two {width:48%;}
.col-one {float:left;}
.col-two {float:right;}

/* THREE COLUMN */
.cols-3 {

}
.cols-3 .col-one, .cols-3 .col-two, .cols-3 .col-three { width:32%; margin-right: 2%; }
.cols-3 .col-one {float:left;}
.cols-3 .col-two {float:left;}
.cols-3 .col-three {float:right; margin-right: 0;}


/* GENERIC COLUMNS */
.cols-2 {

}
.cols-2 .col{
 float:left;
 width:250px;
 margin:0 30px 0 0;
 font-size: 1.05em;
 color: #000;
}

.cols-2 .last{
 margin-right: 0;
}



/* CLEARING */
.clear:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clear{display:inline-table;}

.padding{padding:10px;}


/* SPLASH IMAGES */
.slideshow-container { width: 752px; height: 546px; overflow: hidden; }
.slideshow { width: 752px; height: 546px; overflow: hidden; }
.slideshow img { display: block; }
img.splash { display: block; }

/* HOME PAGE */
.home .content { border: 0 none; }
.home .content .padding { padding: 0; }
.home a.footer { display: block; float: right; }
.home h1 { color: #999; font-size:2.1em; margin: 0; padding:20px 0; font-weight: normal; border-bottom:1px solid #BBBBBB; line-height:1.2em; }

/* ABOUT US PAGE */
.aboutus .content {
 background: #ffffff url(../images/bg/content-grey-fade-bg.jpg) bottom left no-repeat;
 color: #626262;
 border: 0 none;
 width: 752px;
 height: 584px;
}
.aboutus .content h2 {
 clear: both;
 padding-top:62px;
 color: #00b4f6;
}
.aboutus .cols-2 .col {
 color: #626262;
}

/* DESIGN PAGE */
.design .content {
 background: transparent url(../images/bg/inhouse-design-bg.jpg) top left no-repeat;
 border: 0 none;
 width: 752px;
 height: 584px;
}
.design  .content p {
 margin: 0;
 padding: 18px 0 8px 0;
 width: 250px;
 color: #535353;
 font-size: 1.05em;
}
.design  .content .bottom {
 margin: 262px 0 0 0;
}
.design  .content .bottom p {
 color: #5f5f5f;
 padding: 0 0 1em;
}
.design  .content a {
 color: #5f5f5f;
 text-decoration: none;
 font-weight: normal;
}
/* ENVIRONMENT PAGE */
.environment .content {
 background: #ffffff url(../images/bg/content-grey-fade-bg.jpg) bottom left no-repeat;
 border: 0 none;
 width: 752px;
}
.environment .content .padding {
 padding: 25px 150px 120px 85px;
}
.environment .content h1 {
 background: transparent url(../images/bg/environment-bg.jpg) top left no-repeat;
 width: 752px;
 height: 383px;
 margin: 0;
}
.environment .content h1 span {
 display: none;
}
.environment .content p {
 /*font-size: 1em;*/
 color: #494949;
}

/* PACKING & FULFILLMENT PAGE */
.fulfillment .content {
 background: transparent url(../images/bg/fulfillment-bg.jpg) top left no-repeat;
 border: 0 none;
 width: 752px;
 height: 567px;
}

.fulfillment .content p {
 width: 250px;
 font-size: 1.05em;
 color: #444444;
}

.fulfillment .content a {
 color: #00a6e3;
}

/* PORTFOLIO */
.portfolio .content, .portfolio-item .content {
 border: 0 none;
}
.portfolio-item .content .padding {
 padding: 0;
}
.subnav-container {
 width: 223px;
 float: left;
}
#portfolio-nav {
 position: relative;
 top: -14px;
}
#portfolio-nav .pad {
 padding-left: 12px;
 padding-right: 14px;
}
.nav-title {
 color: #B7B7B7;
 background: transparent url(../images/content/portfolio-title.gif) no-repeat scroll left top;
 font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
 font-size: 1.2em;
 white-space:nowrap;
 line-height:13px;
 padding: 0 0 0 68px;
}
.nav-title img {
 float: left;
 margin: 0 1px 0 4px;
}
#portfolio-nav .hr {
 background-color: #d7d7d7;
 margin: 4px 0;
}
#portfolio-nav .subnav-bottom {
 padding-top: 70px;
}
#portfolio-nav li {
 float: left;
 width: 57px;
 margin: 0 7px 7px 0;
 overflow: hidden;
}
#portfolio-nav li.last {
 margin-right: 0;
}
.portfolio-item .image {
 clear: both;
 width: 752px;
 height: 515px;
 overflow: hidden;
 padding: 0;
}
.portfolio-item .image  img {
 width: 752px;
 height: 515px;
}
.portfolio-item .details {
 height: 116px;
 margin: 76px 0 15px 0;
 border-right: 1px solid #c0c0c0;
}
.portfolio-item .details .col {
 float: right;
 width: 149px;
 height: 116px;
 border-left: 1px solid #c0c0c0;
}
.portfolio-item .details .col h6 {
 padding: 0 10px 0 15px;
 color: #666666;
 font-weight: bold;
 font-size: 1.2em;
}
.portfolio-item .details .col p {
 padding: 0 10px 0 15px;
 color: #696969;
 font-size:0.95em;
 line-height:1.1em;
}
.portfolio-item .footer a {
 float: right;
 margin: 12px 0 0 0;
}

#slideshow-container {
 position: relative;
}
#slideshow-container #next-slide {
 position: absolute;
 top: 0px;
 right: 0px;
 width: 50%;
 height: 515px;
 z-index: 100;
}
#slideshow-container #prev-slide {
 position: absolute;
 top: 0px;
 left: 0px;
 width: 50%;
 height: 515px;
 z-index: 100;
}
#slideshow-container #next-slide span {
 display: block;
 width: 100%;
 height: 515px;
 background: transparent url(../images/buttons/slideshow-right-arrow.gif) no-repeat right center;
}
#slideshow-container #prev-slide span {
 display: block;
 width: 100%;
 height: 515px;
 background: transparent url(../images/buttons/slideshow-left-arrow.gif) no-repeat left center;
}

/* CONTACT PAGE */
.contact .content {
 background: #ffffff url(../images/bg/content-grey-fade-bg.jpg) bottom left no-repeat;
 color: #626262;
 border: 0 none;
 width: 752px;
 height: 584px;
}
.contact .content h2 {
 background: transparent url(../images/content/contact-mail.jpg) no-repeat left top;
 width: 86px;
 height: 53px;
 margin: 10px 0 50px 0;
}
.contact .content h2 span {
 display: none;
}
.contact .content h6 {
 color: #00b4f6;
}
.contact .content p {
 color: #626262;
 padding-bottom: 2em;
}
.contact .content a {
 color: #626262;
 text-decoration: none;
 font-weight: normal;
}

/* CATEGORIES */
.categories{position:relative;margin:0 -10px 0 0;width:720px;}
.category{float:left;width:162px; height: 152px; margin:0 10px 15px 0;position:relative; background-color: #fff;}
.category:hover {background-color: #dbdbdd;}
.category img{}
.category .text{position:absolute;top:0;left:0; width:162px;height:150px; border-top: 1px solid #c0c0c0; border-bottom: 1px solid #c0c0c0; background-image: url(../images/bg/clear.gif); }
.category .text h2{display:block;margin:0;padding:0;background:transparent; font-size: 1.2em;}
.category .text h2 a{position:relative;display:block;height:152px;width:162px;color:#9e9e9e;text-decoration:none;font-weight:bold;}
.category .text h2 a span{position:absolute;top:6px;left:6px;width:154px;padding:0;background:transparent;}

.category .text h2 a:hover{ color: #fff;}
.category .text h2 a:hover span{}

/* GENERAL */
.labeled {
 margin: 0;
 padding: 0 !important;
}

.labeled span {
 display: block;
 float: left;
 width: 50px;
 text-align: left;
 margin: 0;
 padding: 0;
}

.top-pad-xl {
 padding-top: 60px;
}

/* ADMIN */
.admin .content {
 border: none;
}
.admin .content .padding {
 padding: 10px;
}
.footer-button {
 padding-top: 15px;
 text-align: right;
}
.footer-button input {
 border: 1px dotted #A92F2C;
 border-width: 1px 0;
 background: transparent;
 color:#a92f2c;
 text-transform:lowercase;
 font-size:1.5em;
 margin-left: 15px;
 padding:0px 0 3px 0;
 font-weight:normal;
 cursor: pointer;
}
/* FILTERS */
/* hide from IE-mac \*/ .clear, .caption {display: block;} /* end hide from IE-mac */


/* IE6 Temp fixes*/