html, body, * { margin: 0; padding: 0; }
body { color: #333; font: .75em/1.75em Arial, Helvetica, sans-serif; background: #D8E3EF url("../_images/back_page.gif") 0 0 repeat-x; }
#header,#content,.wrap { width: 865px; margin: 0 auto; }
html.modal,body.modal { background:none;}
body.modal { margin: 0 20px; }
.modal .column { width: 275px; float: left; margin-right: 24px; margin-top: -20px; }

/*
### OTHER TAGS ### */
p,li,dt,dd { word-spacing: 1px; }
p { margin: 1em 0 1.5em 0; }
hr { display: none; }
blockquote { margin: 1.5em 0 1.5em 20px; border-left: 2px solid #630021; padding: 0 0 0 20px; }
blockquote p { font-size: 13px; font-style: italic; margin: 0; padding: 5px 0; }
blockquote span { display: block; padding-top: 5px; }
a { color: #C92B2A; }
a:visited { color: #B0010C; }
a:hover { color: #f00; }
a img { border-width: 0; }


/*
### HEADINGS ### */
h1,h2,h3,h4,h5{line-height:normal;font-weight:normal;color:#025395;}
h1 { margin: .75em 0 .65em 0; font-size: 32px; }
.modal h1 { font-size: 24px; border-bottom: 1px solid #DBE6F2; margin-top: 10px; padding: 0; }
.modal h1 span { padding-left: 65px; padding-top: 19px; background: url("../_images/envelope.gif") 5px bottom no-repeat; display: block; margin-bottom: 8px; }
h2 { margin: 1.5em 0 10px 0; font-size: 24px; color: #C92B2A; }
.modal h2 { font-size: 20px; }
.box h2 { font-size: 18px; margin-top: 15px; font-weight: bold; color: #FFF; }
.ibox h2 { margin: 15px 0; font-size: 18px; }
h2 a:link, h2 a:visited { color: #025395; }
h2.tinytext { color: #D93735; font: bold 11px/1.75 Verdana; text-transform: uppercase; letter-spacing: 2px; border-bottom: 1px solid #94B1D1; }
h3 { margin: 1.5em 0 .625em 0; font-size: 16px; font-weight: bold; }
.primary { color:#025395 !important; border-color: #D93735 !important;}

/*
### LISTS ### */
#col-1 ul, ul.list { margin: 1.5em 0 1.5em 20px; padding: 0; }
#col-1 ul li, ul.list li { background: url("../_images/bullet.gif") 0 5px no-repeat; padding-left: 20px; list-style-type: none; margin: 0; }
#col-1 ul ul, ul.list ul { margin-top: 0; margin-bottom: 0; }
.box ul { margin-left: 10px !important; }
.box ul li { background-image: url("../_images/bullet2.gif") !important; }
ul.intro li { background-position: 0 5px !important; padding-bottom: 3px; }

#col-1 .shelves { width: 100%; float: left; margin: 1em 0 1.5em 0 !important; }
#col-1 .shelves li { width: 202px; height: 209px; float: left; padding: 0 !important; overflow: hidden; margin: 0 19px 12px 0; background: none; }
#col-1 .shelves li:nth-child(4n) { margin-right: 0 !important; }
.shelves a { display: block; position: relative; padding: 15px 0 0 15px; }
.shelves span { position: absolute; width: 202px; height: 209px; background: url("../_images/prod_frame.png") 0 0 no-repeat; top: 0; left: 0; }
#col-1 .shelves .more { float: none; width: 100%; height: auto; text-align: right; clear: left; }
.shelves .more a { display: inline; padding: 0; font-weight: bold; color: #D93735; font-size: 14px; }
.shelves .more a em { color: #BA1212; }

#col-1 .nsaa-list { width: 100%; float: left; margin: 1em 0 1.5em 0 !important; }
#col-1 .nsaa-list li { width: 425px; float: left; padding: 0 !important; overflow: hidden; margin: 0 15px 12px 0; background: none; }
.nsaa-list img { background-color: #FFF; border: 1px solid #A8C0DA; padding: 8px; }

.thumbs { clear: both; margin: 10px 0 !important; }
#col-1 .thumbs li, .thumbs li { list-style-type: none; float: left; margin: 5px 9px !important; padding: 15px 0; list-style-image: none !important; background-image: none; }
#col-1 .thumbs li.portrait { padding: 0; }
.thumbs li a img { border: 4px solid #e1e5e5; }
.thumbs li a:hover img { border-color: #d1d1d1; }

.albums { border-top: 1px solid #CCD6EA; overflow: hidden;}
#col-1 .albums li, .albums li { float: left; width: 100%; margin: 0 !important; padding: 10px; border-bottom: 1px solid #CCD6EA; list-style-image: none !important; }
#col-1 .albums li.odd { background-color: #EFF3FF; }
#side .albums li { height: 78px; }
#side .albums li { padding: 10px 0; }
.albums a { float: left; margin-right: 15px; }
#side .albums a { margin-right: 10px; }
.albums .title { float: none; background: none; height: auto; width: auto; display: inline; font-size: 14px; font-weight: bold; padding: 0; }
.albums .title:hover { background: none; }

.webster dt { font-weight: bold; }
.webster dd { margin-bottom: 1.25em; }

#content ul.comma-list { margin: 10px 0 1.5em 0; }
#content .comma-list li { margin: 0; padding: 0; background: none; display: inline; }


/*
### HEADER ### */
#header { height: 203px; margin-bottom: 30px; }

#top-nav { width: 565px; background: #025395 url("../_images/topnav_l.gif") 0 0 no-repeat; padding: 0 0 0 23px; float: right; display: inline; margin-top: 10px; }
#top-nav ul { background: url("../_images/topnav_r.gif") top right no-repeat; height: 30px; padding: 0 23px 0 0; }
#top-nav li { float: left; display: inline; list-style-type: none; padding: 0 18px; line-height: 30px; }
#top-nav a { color: #FFF; text-decoration: none; }
#top-nav a:hover { color: #FFCCCC; }
#top-nav button { background: none; border-width: 0; padding: 0; line-height: normal; cursor: pointer;}
#top-nav button span { color: #fff; font-size: 12px; font-family: Arial, Helvetica, sans-serif; }
#top-nav button:hover span { color: #fcc; }

#logo { width: 217px; height: 157px; margin: 15px 0; float: left; overflow: hidden; }
#logo a, #logo span { width: 100%; height: 100%; display: block; background: url("../_images/logo_screen.gif") 0 0 no-repeat; text-indent: -9114px; }
#logo img { height: 10px; width: 10px; }

#navigation { float: right; margin-top: 106px; margin-right: -10px; display: inline; width: 613px; }
#navigation li { float: left; display: inline; list-style-type: none; margin-left: -12px; }
#navigation li a { display: block; line-height: 30px; height: 30px; float: left; background-image: url("../_images/nav_images.gif"); background-repeat: no-repeat; text-indent: -9114px; overflow: hidden; }
a.nav-tshirts { width: 217px; }
a.nav-tshirts:hover { background-position: 0 -30px; }
.current a.nav-tshirts { background-position: 0 -60px !important; }
a.nav-services { width: 235px; background-position: -217px 0; }
a.nav-services:hover { background-position: -217px -30px; }
.current a.nav-services { background-position: -217px -60px !important; }
a.nav-apparel { width: 197px; background-position: -452px 0; }
a.nav-apparel:hover { background-position: -452px -30px; }
.current a.nav-apparel { background-position: -452px -60px !important; }

/*
### BILLBOARD ### */
#billboard { margin-bottom: 40px; }
a.catalog { color: #ffb !important; }


/*
### LAYOUT ### */
#content {  }
#main-wrap { width: 100%; float: left; padding: 0; }

.lyt-12 #col-1 { margin: 0 400px 0 0; }
.lyt-21 #col-1 { margin: 0 0 0 190px; }
.lyt-312 #col-1, .lyt-213 #col-1 { margin: 0 190px; }
.lyt-1 #col-1 { margin: 0; }

#col-2 { margin-left: -400px; width: 400px; }
#col-3 { margin-left: -900px; color: #FFF; }
#col-2,#col-3 { float: left; }
#col-1 { }
#col-2 { }
#col-3 { }
#col-1,#col-2,#col-3 { padding-bottom: 70px !important; }


/*
### PAGINATION ### */
.pager { border: 1px solid #AFBECF; background-color: #C0D1E4; padding: 10px 10px 0 10px; height: 1.5em; font-size: 16px; }
.cap { border-width: 0 0 1px 0; margin-bottom: 10px; }
.base { border-width: 1px 0 0 0; padding: 0 10px 10px 10px; clear: both; margin-top: 10px; }
.pager div { float: right; line-height: 1.5em; margin-top: -1px; }
.pager .status { float: left; }
.pager a { text-decoration: none; padding: 0 1px; color: #065598 !important; }
.pager .current { font-weight: bold; border: 2px solid #065598; }
.cap .current { border-width: 0 0 2px 0; }
.base .current { border-width: 2px 0 0 0; }
.pager input { width: 87%; }

/*
### REGULAR PAGINATION ### */
.paging, .post-nav { border: 1px solid #BADAEF; background-color: #EFF3FF; }
.paging { padding: 10px 10px 0 10px; height: 1.5em; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }
.cap { border-width: 0 0 1px 0; margin-bottom: 10px; }
.base { border-width: 1px 0 0 0; padding: 0 10px 10px 10px; clear: both; margin-top: 10px; }
.paging div { float: right; line-height: 1.5em; }
.paging .status { float: left; }
.paging a { text-decoration: none; padding: 0 1px; color: #1A446D !important; }
.paging .current { font-weight: bold; border: 2px solid #1A446D; }
.cap .current { border-width: 0 0 2px 0; }
.base .current { border-width: 2px 0 0 0; }
.paging input { width: 93%; }

.post-nav { margin-top: 45px; padding: 2px 10px; border-width: 1px 0; }


/*
### PRODUCT ### */
#photos { width: 450px; float: left; }
#details { width: 375px; float: right; }
#photos p { margin-top: 0; }
#photos p img { background-color: #FFF; padding: 10px; border: 1px solid #A8C0DA; }
#details .actions { font-size: 16px; font-weight: bold; margin: 0 0 2em 0; border-top: 1px solid #A8C0DA; }
.actions li { padding: 9px 0 9px 45px !important; background-position: 10px 9px !important; border-bottom: 1px solid #A8C0DA; }
#details .actions a { color: #065598; }
.action-request { background-image: url("../_images/action_request.gif") !important; }
.action-pricing { background-image: url("../_images/action_pricing.gif") !important; }
.action-friend { background-image: url("../_images/action_friend.gif") !important; }
.action-contact { background-image: url("../_images/action_contact.gif") !important; }


/*
### FOOTER ### */
#footer { clear: left; float: left; width: 100%; color: #ECF2F9; background: #025395 url("../_images/back_footer.gif") 0 0 repeat-x; border-top: 8px solid #c0d1e4; }
#footer a { color: #D0DFED; }
#footer a:hover { color: #FFF; }
#footer .wrap { padding-top: 10px; position: relative; }

/*
### TAG CLOUD ### */
.cloud { text-align: center; line-height: 2.5em; }
#col-1 .cloud { margin: 1.5em 0 4em 0; }
#footer .cloud { width: 412px; float: left; margin: 1em 25px 1.5em 0; padding: 0 20px 0 0; background: url("../_images/div_dotted.gif") top right repeat-y; }
.cloud li { display: inline; margin: 0 8px !important; padding: 0 !important; list-style-type: none; background: none !important; }
.cloud a { text-decoration: none; white-space: nowrap; }
.tag-1{font-size:13px}
.tag-2{font-size:14px}
.tag-3{font-size:15px}
.tag-4{font-size:16px}
.tag-5{font-size:17px}
.tag-6{font-size:18px}
.tag-7{font-size:19px}
.tag-8{font-size:20px}
.tag-9{font-size:21px}
.tag-10{font-size:22px}
.tag-11{font-size:23px}
.tag-12{font-size:24px}
.tag-13{font-size:25px}
.tag-14{font-size:26px}
.tag-15{font-size:27px}
.tag-16{font-size:28px}
.tag-17{font-size:29px}
.tag-18{font-size:30px}
.tag-19{font-size:31px}
.tag-20{font-size:32px}


/*
### PPGS ### */
#footer #PPGS { text-align: left; }
#footer #PPGS a { display: block; height: 19px; width: 94px; border-width: 0 !important; background: url("../_images/ppgs.gif") 0 0 no-repeat; overflow: hidden; text-indent: -9114px; position: absolute; bottom: 0px; right: 0px; }
#footer #PPGS a:hover { background-position: 0 -19px; }


/*
### FORM STYLES ### */
form { width: 100%; }
form p { margin: 10px 0 !important; padding: 0; }
form p span { display: block; float: left; width: 49.1%; margin-right: 9px; }
form p.multi { width: 100%; overflow: hidden; }
#col-2 form p span { width: 48.4%; }
.end { margin-right: 0 !important; }
fieldset { border-width: 0; margin: 15px 0; clear: both;}
fieldset.disabled { -moz-opacity:.50; filter:alpha(opacity=50); opacity:.50; }

form.box { border: 6px solid #EBE8E1; background-color: #F5F4F0; margin: 15px 0; }
form.box p { padding-left: 15px !important; }
form.box fieldset p { padding-left: 0 !important; }
form.box fieldset { padding: 0 15px; }
form.box p.action { background-color: #FDF3C6; margin-left: 15px !important; margin-right: 15px !important; }

form h1 { padding: 0 15px; }
legend { display: block; padding: 0; margin-bottom: -8px; font-weight: bold; line-height: 1.5em; color: #065598; }
legend em, .red { color: #c00; font-weight: bold; }
fieldset fieldset legend { font-size: 11px; color: #333; }
label { display: block; font-family: "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; color: #505050; line-height: 16px; }
.box label { color: #f1FFFF; }
label.inline { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333; display: inline; vertical-align: middle; }
input, textarea, select { margin:0; font-size: 13px; font-family: Arial, Helvetica, sans-serif; border-top:1px solid #7c7c7c; border-left:1px solid #c3c3c3; border-right:1px solid #c3c3c3; border-bottom:1px solid #ddd; background:#fff url("../_images/fieldbg.gif") repeat-x top !important; color:#333; padding: 2px 0 2px 2px; width: 99%; }
input.radio, input.checkbox, input.btn { width: auto; border-width: 0 !important; background: none !important; vertical-align: middle; }
input.btn { padding: 0; }
p.optlist label { font-size: 11px; font-family: Arial; display: inline; }
p.optlist span { width: 33%; margin: 0; }
textarea { height: 50px; }
.auto { width: auto; }
.twochar { width: 25px; }
.fourchar { width: 40px; }
.xsmall { width: 25%; }
.small { width: 33%; }
.medium { width: 50%; }
.large { width: 100%; }
.tall { height: 100px; }
.taller { height: 150px; }

.missing { background-color: #FF9999; padding: 5px !important; }
span.missing { margin: 0; padding: 5px 2px !important; width: 49%; }
span.missing input, span.missing textarea { width: 99%; }
#frm-error { border: 2px solid #FF9999; background-color:#FFCCCC; padding: 10px 15%; text-align: center; margin: 10px 15px !important; }

.button { background: #C8C8C8 url("../_images/button_hilite.gif") 0 0 repeat-x; border-width: 1px; border-style: solid; border-color: #a3a3a3 #818181 #818181 #a3a3a3; color: #27425D; font-family: "lucida grande", Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; padding: 2px 5px 3px 5px; cursor: pointer; vertical-align: top; width: auto !important; width: 1; overflow: visible; }
* html .button { padding: 0 5px 1px 5px; vertical-align: baseline; }
.button:hover { background-color: #d1d1d1; }
.button span { width: auto !important; background: url("../_images/button_arrow.gif") right 4px no-repeat; padding: 0 10px 0 0; margin: 0 !important; float: none; display: inline; cursor: pointer; }

.search p { text-align: center; margin: 15px 0 15px 0 !important; }
.search input { width: 390px; margin-right: 10px; }

#size-fieldset { display: none; }
#order-form { display: none; border: 1px solid #A8C0DA; border-width: 1px 1px 0px 1px; background-color: #FAFBFD; background-color: rgba(255,255,255,0.55); padding: 1px 15px; }


/*
### VCARD STYLES ### */
.vcard { margin: 1.5em 0; }
.vcard dt, .vcard dd { line-height: 1.5em; }
.vcard dt { display: none; font-weight: normal; }
.vcard .show { float: left; display: block; padding-right: 4px; }
.vcard .show span { display: none; }
.vcard .fn { font-weight: bold; }
.vcard .adr { padding-bottom: 10px; }
.vcard .email { padding-top: 10px; }


/*
### INFOBOX STYLE ### */
div.box { background: #3676AB url("../_images/back_box.gif") bottom left no-repeat; padding: 0 0 18px 0; width: 263px; }
div.box div { background: #3576AB url("../_images/back_box.gif") 0 0 no-repeat; padding: 1px 18px 0 18px; }
.box a { color: #D7E6F7; }

.ibox { background-color: #CCDAEA; border: 1px solid #AFBECF; padding: 1px 10px 1px 10px; margin: 1.5em 0; }


/*
### GMAP STYLES ### */
.GMapEZ { height: 300px; width: 490px; margin: 1.5em 30px 1.5em 0; float: left; }

/*
### COMMON STYLES ### */
.right { float: right; margin: 0 0 20px 20px; }
img.right { border: 1px solid #999; }
p.right { text-align: right; float: none; margin: 1em 0 1.5em 0; }
span.right { float: right; margin-left: 10px; width: auto !important; }
.left { float: left; margin: 0 20px 20px 0; }
img.left { border: 1px solid #999; }
.caps { letter-spacing: .05em; }
.last { border-width: 0 !important; margin-right: 0 !important; background: none !important; }
.clear { clear: both; float: none !important; height: 1px; line-height: 1px; font-size: 1px; overflow: hidden; }
.intro { font-size: 1.17em; line-height: 1.5em; }
p.intro { margin: 1em 0 1.5em 0 !important; }
.bold { font-weight: bold; }
.action { border-top: 1px solid #D6AE52; background-color: #FFF7CE; padding: 10px; clear: both; }


/*
### ICONS ### */
.icon { padding-left: 20px; padding-bottom: 1px; background-repeat: no-repeat; }
.icon.big { font-size: 14px; font-weight: bold; }
.ico-info { background-image: url("../_images/icon_info.gif"); }
.ico-edit { background-image: url("../_images/icon_edit.gif"); }
.ico-email { background-image: url("../_images/icon_email.gif"); }
.ico-clock { background-image: url("../_images/icon_clock.gif"); }
.ico-comment { background-image: url("../_images/icon_comment.gif"); }
.ico-date { background-image: url("../_images/icon_date.gif"); }
.ico-folder { background-image: url("../_images/icon_folder.gif"); }
.ico-next { background: url("../_images/icon_next.gif") top right no-repeat; padding: 0 20px 0 0; }
.ico-prev { background-image: url("../_images/icon_prev.gif"); }
.ico-page { background-image: url("../_images/icon_page.gif"); }
.ico-rss { background-image: url("../_images/icon_rss.gif") !important; }
.ico-tag { background-image: url("../_images/icon_tag.gif"); }
.ico-user { background-image: url("../_images/icon_user.gif"); }
.raquo { padding-right: 18px !important; background: url("../_images/raquo.gif") right 2px no-repeat; }