/* 	Site: Union
	Author: Chris Szadkowski
	Date: April 7, 2007
*/
html {min-height: 99%; margin-bottom: 1px; }
body { text-align: center; background-color:#000; background-image:url(../grfx/bg.jpg); background-repeat: repeat-x; margin: 0; font: .90em  Arial, Helvetica, sans-serif; color: #888; }
h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, p, form, fieldset, a img { margin: 0; padding: 0; border: 0; list-style: none; font-size: 1em;}
a { text-decoration:none; color:#fff; }
span {visibility:hidden;}
.clear { clear: both; }
h1 { font-size:1.88em; color:#fff; padding: 20px 0px 10px 0px; }
h1 a:hover { background-color:#fff; color:#333; }
/* MAIN */
#main { width:900px; margin:0 auto; height:99%; text-align:left; }
#page_content { position:relative; width:100%; height: auto; padding: 0px 0px 10px 0px; }
#intro { text-align:center; width:100%; height:100%; }
/* HEADER */
#header {width:900px; margin:0 auto; height: 135px; text-align:left;}
#header-left {width:395px; margin:0 auto; float: left; position:relative; }
#header-right { width:505px; height:76px; margin:0 auto; float:right; position:relative; }
#header-right2 { width:505px; height: 59px; margin:0 auto; float:right; position:relative; }

/* NAV */
ul#main-nav {width:505px; height:76px; margin:0 auto; padding:0px; position:relative; overflow:hidden; }
ul#main-nav2 {width:505px; height:59px; margin:0 auto; padding:0px; position:relative; overflow:hidden; }
#main-nav li { float:left; margin:0 auto; }
#main-nav2 li { float:left; margin:0 auto; }

/* NAV LINKS */

ul#main-nav  #home a { background: url(../grfx/nav/home.gif) no-repeat 0 0; width:173px; height:76px; display:block; }
ul#main-nav  #products a{ background:url(../grfx/nav/products.gif) no-repeat 0 0; width:158px; height:76px; display:block; }
ul#main-nav  #blogs a{ background:url(../grfx/nav/blogs.gif) no-repeat 0 0;  width: 173px; height: 76px; display:block; }
ul#main-nav2 #media a{ background:url(../grfx/nav/media.gif) no-repeat 0 0; width:173px; height:59px; display:block; }
ul#main-nav2 #store a{ background:url(../grfx/nav/store_e.gif) no-repeat 0 0; width:158px; height:59px; display:block; }
ul#main-nav2 #contacts a{ background:url(../grfx/nav/contacts.gif) no-repeat 0 0; width:173px; height:59px; display:block; }

/* NAV LINKS HOVER */
ul#main-nav  #home a:hover{ background:url(../grfx/nav/home.gif) no-repeat 0 -76px; width:173px; height:76px; display:block;  }
ul#main-nav  #products a:hover{ background:url(../grfx/nav/products.gif) no-repeat 0 -76px; width:158px; height: 76px; display:block; }
ul#main-nav  #blogs a:hover{ background:url(../grfx/nav/blogs.gif) no-repeat 0 -76px; width:173px; height:76px; display:block;   }
ul#main-nav2 #media a:hover{ background:url(../grfx/nav/media.gif) no-repeat 0 -59px; width:173px; height:59px; display:block; }
ul#main-nav2 #store a:hover{ background:url(../grfx/nav/store_e.gif) no-repeat 0 -59px; width:158px; height:59px; display:block; }
ul#main-nav2 #contacts a:hover{ background:url(../grfx/nav/contacts.gif) no-repeat 0 -59px; width: 173px; height: 59px; display:block; }

/* GENERAL CONTENT */
#content {width:900px; margin:0 auto; height:auto; text-align:left; position:relative; }
#footer {width:900px; margin:0 auto; height:auto; text-align:left; font-size:.65em; letter-spacing:.05em; text-transform:uppercase;}
#footer a:hover {background-color:#FFFFFF; color: #333333;}
#footer p { padding-bottom:5px;}
#footer .left { float: left; width:600px; text-align:left;}
#footer .right { float: right; width:300px; text-align:right;}
.line { background-image:url(../grfx/hr.jpg); background-repeat:no-repeat; width:856px; height:7px; clear:both; }
.linepost { background-image:url(../grfx/hr.jpg); background-repeat:no-repeat; width:700px; height:7px; clear:both; }
.extra-padding { padding-bottom:20px; }

/* HOME CONTENT */
#content #home-left { width:435px; height:572px; float: left; position:relative;  }
#content #home-right { width:464px; height:572px; text-align:right; float: left; position:relative;  }

/* PRODUCTS */
#products-row { width:900px; height:262px; margin:0 auto; float:left; position:relative; }
.products li { float:left; margin:0 auto; }
.products .frame-white { width: 300px; text-align:center; height: 262px; display:block; }

#products-list { width:860px; margin: 5px 0px 20px 0px; float:left; padding-bottom:10px; text-align:left; font-size:0.65em; line-height:12px;}
#products-list a:hover {background-color:#FFFFFF; color: #333333;}

/* SORTING */
#products-sort { width:600px; height:auto; margin:0 auto; float:left; position:relative; padding:15px 0 0 0; }
.sorting { width:500px; height: 25px; margin:0 auto; float:left; position:relative; }
.sorting li { float:left; margin:0 auto; }
.sorting .viewby { background-image: url(../grfx/viewby.gif); width: 93px; height: 25px; display:block; }
.sorting .slash { background-image: url(../grfx/slash.gif); width: 14px; height: 25px; display:block; }
.sorting .brand a{ background-image: url(../grfx/brand.gif); width: 80px; height: 25px; display:block; }
.sorting .brand { background-image: url(../grfx/brand-off.gif); width: 80px; height: 25px; display:block; }
.sorting .brand a:hover{ background-image: url(../grfx/brand-off.gif); width: 80px; height: 25px; display:block; }
.sorting .style a{ background-image: url(../grfx/style.gif); width: 69px; height: 25px; display:block; }
.sorting .style{ background-image: url(../grfx/style-off.gif); width: 69px; height: 25px; display:block; }
.sorting .style a:hover{ background-image: url(../grfx/style-off.gif); width: 69px; height: 25px; display:block; }
.sorting .cat_type { font-size:1em; font-weight:bold; padding-top:5px; color:#fff;}

/* NAV */
#products-nav{ width:270px; height:auto; margin:0 auto; float:right; text-align:right; position:relative; margin-right:30px; margin-top:12px; }
.prod-nav li { float:right; margin:0 auto; }
.prod-nav .prev a { background-image: url(../grfx/prev.gif); width: 85px; height: 25px; display:block; }
.prod-nav .prev a:hover { background-image: url(../grfx/prev-over.gif); width: 85px; height: 25px; display:block; }
.prod-nav .prev_off { background-image: url(../grfx/prev-over.gif); width: 85px; height: 25px; display:block; }
.prod-nav .next a { background-image: url(../grfx/next.gif); width: 82px; height: 25px; display:block; }
.prod-nav .next a:hover { background-image: url(../grfx/next-over.gif); width: 82px; height: 25px; display:block; }
.prod-nav .next_off { background-image: url(../grfx/next-over.gif); width: 82px; height: 25px; display:block; }
.prod-nav .prev_off { background-image: url(../grfx/prev-over.gif); width: 85px; height: 25px; display:block; }
.prod-nav .back a { background-image: url(../grfx/back.gif); background-repeat:no-repeat; width: 80px; height: 25px; display:block; padding-right:15px;}
.prod-nav .back a:hover { background-image: url(../grfx/back-over.gif); width: 80px; height: 25px; display:block; }
.prod-nav .slash { background-image: url(../grfx/slash.gif); width: 14px; height: 25px; display:block; }

/* PRODUCTS DETAIL */
#detail-left { width:435px; height:572px; margin:0 auto; float:left; text-align:left; position:relative; }
#detail-content { width:223px; height:572px; margin:0 auto; float:left; text-align:left; position:relative; }
#detail-desc {height:290px; margin:0 auto; vertical-align:top;}
#buynow a { height:50px; weigh:200px; display:block; background-image:url(../grfx/buynow.gif); background-repeat:no-repeat; padding:2px 0px 10px 0px;}
#buynow { height:50px; weigh:200px; display:block;  padding:2px 0px 10px 0px;}

#detail-extra {height:180px; margin:0 auto;}
#detail-right { width:242px;  height:572px; margin:0 auto; float:left; text-align:left; position:relative; }
#detail-related { margin-top: 30px; }
#detail-content h1{ margin: 20px 0px 10px 0px; font-family:Arial, Helvetica, sans-serif; font-size:1.25em; color:#CCCCCC; letter-spacing:.05em; line-height:20px; text-transform:uppercase; padding:12px 0px 0px 0px;}
#detail-content p { font-size:0.81em; line-height:17px;}
.detail-keyline { height: 12px; width:225px; background-image:url(../grfx/detail-keyline.gif); background-repeat:no-repeat; display:block; padding: 0px 0px 2px 0px; clear:both;}

/* VIEWS */
ul#detail-views { margin:0px; padding:0px 0px 35px 0px; height:auto; list-style:none; position:relative; }
#detail-views #view-title { width: 223px; height:20px; background-image:url(../grfx/otherviews.gif); background-repeat:no-repeat; clear:left;}
#detail-views li { float:left; margin:0 auto; }
#detail-views #view-01 a { width: 25px; height:20px; background-image:url(../grfx/view_01.gif); display:block; background-repeat:no-repeat; }
#detail-views #view-01-on { width: 25px; height:20px; background-image:url(../grfx/view_01_on.gif); display:block;  background-repeat:no-repeat;}
#detail-views #view-02 a { width: 25px; height:20px; background-image:url(../grfx/view_02.gif); display:block; float: left; position:relative; background-repeat:no-repeat; }
#detail-views #view-02-on { width: 25px; height:20px; background-image:url(../grfx/view_02_on.gif); display:block; background-repeat:no-repeat;}
#detail-views #view-03 a { width: 25px; height:20px; background-image:url(../grfx/view_03.gif); display:block; background-repeat:no-repeat; }
#detail-views #view-03-on { width: 25px; height:20px; background-image:url(../grfx/view_03_on.gif); display:block;  background-repeat:no-repeat;}
#detail-views #view-04 a { width: 25px; height:20px; background-image:url(../grfx/view_04.gif); display:block; background-repeat:no-repeat; }
#detail-views #view-04-on { width: 25px; height:20px; background-image:url(../grfx/view_04_on.gif); display:block;  background-repeat:no-repeat;}
#detail-views #view-05 a { width: 25px; height:20px; background-image:url(../grfx/view_05.gif); display:block;  background-repeat:no-repeat; }
#detail-views #view-05-on { width: 25px; height:20px; background-image:url(../grfx/view_05_on.gif); display:block;  background-repeat:no-repeat;}
#detail-views #spacer  { width: 25px; height:20px; display:block; float: left; position:relative; }

/* COLORS */
#detail-color { margin:0px; padding:px 0px 35px 0px; list-style:none;  position:relative; }
#detail-color #color-title { width: 223px; height:20px; background-image:url(../grfx/othercolors.gif); background-repeat:no-repeat; display:block; clear:both; }
#detail-color li { float:left; margin:0 auto; }
#detail-color #color-01 a { width: 25px; height:20px; background-image:url(../grfx/color_01.gif); display:block; background-repeat:no-repeat; }
#detail-color #color-01-on { width: 25px; height:20px; background-image:url(../grfx/color_01_on.gif); display:block;  background-repeat:no-repeat;}
#detail-color #color-02 a { width: 25px; height:20px; background-image:url(../grfx/color_02.gif); display:block;  background-repeat:no-repeat;}
#detail-color #color-02-on { width: 25px; height:20px; background-image:url(../grfx/color_02_on.gif); display:block;  background-repeat:no-repeat;}
#detail-color #color-03 a { width: 25px; height:20px; background-image:url(../grfx/color_03.gif); display:block; background-repeat:no-repeat; }
#detail-color #color-03-on { width: 25px; height:20px; background-image:url(../grfx/color_03_on.gif); display:block;  background-repeat:no-repeat;}
#detail-color #color-04 a { width: 25px; height:20px; background-image:url(../grfx/color_04.gif); display:block; background-repeat:no-repeat; }
#detail-color #color-04-on { width: 25px; height:20px; background-image:url(../grfx/color_04_on.gif); display:block;  background-repeat:no-repeat;}
#detail-color #color-05 a { width: 25px; height:20px; background-image:url(../grfx/color_05.gif); display:block; ; background-repeat:no-repeat; }
#detail-color #color-05-on { width: 25px; height:20px; background-image:url(../grfx/color_05_on.gif); display:block;  background-repeat:no-repeat;}
#detail-color #spacer  { width: 25px; height:20px; display:block; float: left; position:relative; }

/* NEWS / BLOG */
#posts {width:728px; height:auto; margin:0 auto; float:left; text-align:left; position:relative;  }
#posts-right { width: 172px; height:auto; margin:0 auto; float:right; text-align:left; position:relative; padding:70px 0px 0px 0px; }
.post {width:100; height:auto; margin:0 auto; text-align:left; font-size:0.88em; padding:0px 0px 25px 0px; }
.post h2 { font-size: 24px; line-height:16px; padding:5px 0px 10px 0px; }
.post p { line-height:16px padding:0px 0px 5px 0px; }
.post a:hover { background-color:#fff; color:#333; }
.post .date { font-size: .75em; font-family: Trebuchet MS, Times New Roman, Times, serif; }
.prev-post ul { padding:10px 0px 10px 0px; line-height:16px; }
.prev-post ul a:hover { background-color:#fff; color:#333; }
.prev-post h3 { font-size:1.25em; line-height:16px; padding:15px 0px 20px 0px; }

/* MEDIA */
#media-left { width:535px; height:472px; margin:0 auto; float:left; text-align:left; position:relative; }
#media-content { width:365px; height:472px; margin:0 auto; float:left; text-align:left; position:relative;}

/* NON-FLASH */
#flashcontent-left { width:435px; height:572px; display:block;  background-repeat:no-repeat; }
#flashcontent-right { width:464px; height:572px; display:block;  background-repeat:no-repeat; }
.flash-content { width:266px; height:342px; position:absolute; top: 100px; left:80px; overflow:hidden; }
.flash-product { width: 242px; height:262px; overflow:hidden; text-align:right; margin:20px 20px 20px 20px; }

/* INPUT */

.input_text { border-size:0x; background-color:#999999; color:#999999;}