/* http://www.geekologie.com/v4/css/dark.css?v=4.47 */

html{color:#fff;background:#000}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0; border:0; font-size:100%; font:inherit; vertical-align:baseline}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}
ol,ul{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
q:before,q:after{content:''}
abbr,acronym{border:0;font-variant:normal}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}
input,textarea,select{*font-size:100%}legend{color:#000}
object, embed, iframe { z-index:1; }
em { font-style:italic; }
strong {font-weight:bold; }

body {
 font: 10px 'Lucida Grande',arial,clean,sans-serif;
 color: #999;
 line-height: 1;
 letter-spacing: 1;
 background: #3a3a3a url('http://static.dudeiwantthat.com/images/pxbg.png') repeat;
}

/* Northeast arrow on outbound link */
p a[href ^= 'http']:not([href *= 'dudeiwantthat.']) {
  background: transparent url('http://static.dudeiwantthat.com/images/offsite.png') no-repeat center right;
  padding-right: 12px;
}

/* Text Highlight */
::-moz-selection { background-color: #fc0; color: #000 }
::selection { background-color: #fc0; color: #000 }

/* ============================= Fonts ================================= */
select,input,button,textarea {font: 100% arial,helvetica,clean,sans-serif}
table {font-size:inherit; font:100%}

.font18 { font-size: 180% }
.font17 { font-size: 170% }
.font16 { font-size: 160% }
.font80 { font-size: 80% }
.font85 { font-size: 85% }
.font90 { font-size: 90% }

.upper { text-transform: uppercase }

/* ======================= Links ===================== */
a { color: #fc0; text-decoration: underline; cursor: pointer }
a:hover { color: #f60 }

/* ======================= Colors ==================== */
.hilight { color: #fc0 }
.white { color: #fff }
.black { color: #000 }
.grey { color: #999 }

.home { background: #fff }
.gear { background: #f33 }
.style { background: #006 }
.autos { background: #3C0; color: #000 !important }
.autos a { color: #000 !important; }
.entertainment { background: #33f }
.food { background: #909 }
.fitness { background: #c00 }
.household { background: #f60; color: #000 !important }
.household a { color: #000 !important }
.outdoors { background: #fc0; color: #000 !important }
.outdoors a { color: #000 !important }
.omg { background: #f0c }
.blog { background: #09f; color: #000 !important }
.blog a { color: #000 !important }
.sponsored { background: #360; color: #fff !important }
.sponsored a { color: #fff !important }

/* ======================= Headers ==================== */
#header {
 display: block;
 width: 640px;
 padding: 5px;
 margin: 0 0 15px 0;
 background: #000;
 font-family: 'PT Sans Narrow', 'Arial Narrow', Arial, sans-serif;
 font-weight: bold;
 color: #fff;
 font-size: 180%;
 text-transform: uppercase;
 overflow: hidden;
 -webkit-box-shadow: 0 0 10px 0 #000; -moz-box-shadow: 0 0 10px 0 #000; box-shadow: 0 0 10px 0 #000
}

#moreCoolProducts {
 float: left;
 width: 960px;
 padding: 5px;
 margin: 0 0 15px 0;
 background: #000;
 font-family: 'PT Sans Narrow', 'Arial Narrow', Arial, sans-serif;
 font-weight: bold;
 color: #fc0;
 text-transform: uppercase;
 overflow: hidden;
 -webkit-box-shadow: 0 0 10px 0 #000; -moz-box-shadow: 0 0 10px 0 #000; box-shadow: 0 0 10px 0 #000
}

#moreCoolProducts #label { float: left; width: 300px; font-size: 180%; color: #fff }
#moreCoolProducts #label h1 { font-weight: bold }

#moreCoolProducts #order { float: right; width: 660px; font-size: 160%; color: #fff; text-transform: none; text-align: right }

.label { font-family: 'PT Sans Narrow', 'Arial Narrow', Arial, sans-serif; font-size: 180%; font-weight: bold; color: #fff; text-transform: uppercase }

/* ======================= Margins ==================== */
.middle { margin: 0 20px 0 20px }
.top15 { margin-top: 15px }
.bottom15 { margin-bottom: 15px }

/* ======================= Clearfix ================== */
.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

.clearAll { clear: both; height: 0; display: block; visibility: hidden }

/* ======================= User Bar ==================== */
#userBarContainer {
 display:block;
 padding:0;
 margin:0;
 border-bottom: 0px solid #000;
 background: #1a1a1a;
 font-size: 110%;
}

#userBar {
 display: block;
 width: 980px;
 height: 14px;
 margin: 0 auto 0 auto;
 padding: 5px 0 3px 0;
}

#userBar h1 {
 display: inline;
 font-weight: bold
}

#userBar #favImg { position: relative; top: 3px; margin-right: 2px; }

#userBarLeft {
 float: left;
 width: 600px;
 padding-left: 5px;
 text-transform: uppercase;
 font-weight: bold;
 color: #fff
}

#userBarRight {
 float: right;
 width: 370px;
 padding-right: 5px;
 text-align: right;
 font-size: 110%;
 color: #fff
}

/* ===================== Logo ===================== */
#logoContainer {
 display: block;
 padding:0;
 margin:0;
 border-bottom: 1px solid #1a1a1a;;
 background: #000 url('http://static.dudeiwantthat.com/images/carbon.png') repeat fixed;
}

#mainHeader {
 display: block;
 width: 980px;
 height: 65px;
 margin: 0 auto 0 auto;
 padding: 10px 0 0 0;
}

#mainHeader #logo { float: left; width: 410px; padding: 5px 0 0 5px }

#mainHeader #search {
 float: right;
 width: 560px;
 margin-top: 30px;
 padding-right: 5px;
 text-align: right;
 vertical-align: bottom
}

#searchForm { vertical-align: bottom }
#searchForm input { vertical-align:top; -moz-border-radius:2px; -webkit-border-radius:2px }
#searchForm input[type="text"] {width:270px; padding:5px 5px 4px 5px; font-weight:bold; font-size: 120%; color:#999; background: #fff; border: 0;}

/* ===================== Menu ====================== */
#menuContainer {
 display: block;
 padding: 0;
 margin-bottom: 10px;
 border-bottom: 1px solid #1a1a1a;
 background: #1a1a1a url('http://static.dudeiwantthat.com/images/menubg.png')
}

#quickLinks {
 display: block;
 width: 980px;
 height: 40px;
 margin: 0 auto 0 auto;
 padding: 0
}

#quickLinks #nav {
 float: left;
 width: 980px;
 margin: 12px 0 0 0;
 font-family: 'PT Sans Narrow', 'Arial Narrow', Arial, sans-serif;
 font-weight: bold;
 font-size: 160%;
 text-transform: uppercase
}

#quickLinks #nav a { text-decoration: none; color: #fff }
#quickLinks #nav a:hover { color: #fc0 !important }
#quickLinks #nav a:visited { color: #fff }

#nav ul.menu { float: left; width: 850px; list-style-type: none; padding: 0 5px 0 5px }

ul.menu li { display: inline; margin-right: 20px; padding: 0 }

#menu-home:hover { border-bottom: 3px solid #fff }
#menu-gear:hover { border-bottom: 3px solid #f33 }
#menu-style:hover { border-bottom: 3px solid #006 }
#menu-autos:hover { border-bottom: 3px solid #3C0 }
#menu-entertainment:hover { border-bottom: 3px solid #33f }
#menu-food:hover { border-bottom: 3px solid #909 }
#menu-fitness:hover { border-bottom: 3px solid #c00 }
#menu-household:hover { border-bottom: 3px solid #f60 }
#menu-outdoors:hover { border-bottom: 3px solid #fc0 }
#menu-omg:hover { border-bottom: 3px solid #f0c }
#menu-blog:hover { border-bottom: 3px solid #09f }
#menu-giftguide:hover { border-bottom: 3px solid #fff }

#follow {
 float: right;
 margin: -4px 0 0 0;
 padding-right: 5px;
 text-align: right
}

#follow a {
  float: left;
  width: 25px;
  height: 25px;
  margin-left: 3px;
  background-image: url('http://static.dudeiwantthat.com/images/smSprite.png')
}

#fb-button {background-position: 0 0 }
#twitter-button {background-position: 0 -50px }
#pinterest-button {background-position: 0 -100px }
#rss-button {background-position: 0 -150px }
#fb-button:hover {background-position: 0 -25px }
#twitter-button:hover {background-position: 0 -75px }
#pinterest-button:hover {background-position: 0 -125px }
#rss-button:hover {background-position: 0 -175px }

/* ===================== Main Content ========================= */
#wrapper { 
 display: block;
 width: 970px;
 margin: 0 auto;
 padding: 0 5px 0 5px;
 overflow: hidden
}

#rightColumn {
 float: right;
 width: 300px;
 padding: 5px;
 margin-bottom: 20px;
 background: #000;
 font-family: 'PT Sans Narrow', 'Arial Narrow', Arial, sans-serif;
 overflow: hidden;
 -webkit-box-shadow: 0 0 10px 0 #000; -moz-box-shadow: 0 0 10px 0 #000; box-shadow: 0 0 10px 0 #000

}

#leftcolumn {
 float: left;
 width: 650px;
 margin-right: 10px;
 padding: 0px
}

#leftcolumnLarge {
 float: left;
 width: 970px;
 padding: 0px
}

#content {
 float: left;
 min-width: 630px;
 min-height: 600px;
 padding: 10px;
 background: #000;
 overflow: hidden;
 -webkit-box-shadow: 0 0 10px 0 #000; -moz-box-shadow: 0 0 10px 0 #000; box-shadow: 0 0 10px 0 #000;
 font-family: 'PT Sans Narrow', 'Arial Narrow', Arial, sans-serif
}

#content h3 { display: block; margin: 0 0 15px 0; font-size: 180%; font-weight: bold; color: #fff }
#content p { display: block; margin: 0 0 15px 0; font-size: 160%; line-height: 140% }
#content td { padding: 0 10px 15px 0; font-size: 180%; line-height: 140%; vertical-align: top }
#content td input, #content td textarea, #content td select { padding: 5px; font-size: 75% }

#error { display: block; margin: 0 0 20px 0; text-align: center; font-size: 160%; line-height: 140%; color: #fc0 }

/* ===================== Products Grid Containers ============== */

.prodContainer {
 float: left;
 width: 300px;
 height: 415px;
 padding: 5px 5px 10px 5px;
 margin-bottom: 20px;
 background: #000;
 font-family: 'PT Sans Narrow', 'Arial Narrow', Arial, sans-serif;
 overflow: hidden;
 -webkit-box-shadow: 0 0 10px 0 #000; -moz-box-shadow: 0 0 10px 0 #000; box-shadow: 0 0 10px 0 #000
}

.prodContainerLarge {
 float: left;
 width: 630px;
 padding: 5px;
 margin: 0 20px 20px 0;
 background: #000;
 font-family: 'PT Sans Narrow', 'Arial Narrow', Arial, sans-serif;
 overflow: hidden;
 -webkit-box-shadow: 0 0 10px 0 #000; -moz-box-shadow: 0 0 10px 0 #000; box-shadow: 0 0 10px 0 #000
}

.prodContainerSponsored {
 float: left;
 width: 630px;
 height: 415px;
 padding: 5px 5px 10px 5px;
 margin: 0px 20px 20px 0px;
 background: #000;
 font-family: 'PT Sans Narrow', 'Arial Narrow', Arial, sans-serif;
 overflow: hidden;
 -webkit-box-shadow: 0 0 10px 0 #000; -moz-box-shadow: 0 0 10px 0 #000; box-shadow: 0 0 10px 0 #000
}

.prodContainer .category, .prodContainerLarge .category {
 float: left;
 width: 110px;
 padding: 5px;
 margin: 1px 0 1px 0
}

.prodContainerSponsored .category {
 display: block;
 width: 110px;
 padding: 5px;
 margin: 1px 0 1px 0;
 font-size: 140%;
 font-weight: bold;
 color: #fff;
 text-transform: uppercase;
 text-decoration: none
}

.prodContainer .category a, .prodContainerLarge .category a {
 font-size: 140%;
 font-weight: bold;
 color: #fff;
 text-transform: uppercase;
 text-decoration: none
}

.prodContainer .datePosted, .prodContainerLarge .datePosted {
 float: right;
 width: 180px;
 padding: 5px 0 0 0;
 margin: 1px 0 1px 0;
 font-size: 140%;
 font-style: italic;
 color: #999;
 text-align: right
}

.prodContainer img, .prodContainerLarge img, .prodContainerSponsored img { margin: 0 0 8px 0 }

.prodContainer .title, .prodContainerSponsored .title { display: block; height: 28px; margin: 0 }
.prodContainerLarge .title { float: left; margin: 0 0 5px 0}
.prodContainer .title a, .prodContainerLarge .title a, .prodContainerSponsored .title a { color: #fff; text-decoration: none; font-size: 180%; font-weight: bold }

.prodContainer .price, .prodContainerSponsored .price { display: block; height: 20px; margin: 0 0 5px 0; word-spacing: 125%; font-size: 160%; font-weight: bold; color: #fff }
.prodContainerLarge .price { float: right; margin: 0 0 5px 0; text-align: right; word-spacing: 125%; font-size: 160%; font-weight: bold; color: #fff }
.prodContainer .price a, .prodContainerLarge .price a, .prodContainerSponsored .price a { color: #fc0; }
.prodContainer .price a:hover, .prodContainerLarge .price a:hover, .prodContainerSponsored .price a:hover { color: #f60 }

.prodContainer .description, .prodContainerSponsored .description {
 display: block;
 margin: 0;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 110%;
 line-height: 140%;
 text-align: justify;
 overflow: hidden
}

.prodContainerLarge .description {
 display: block;
 clear: both;
 height: 66px;
 margin: 30px 0 2px 0;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 110%;
 line-height: 140%;
 text-align: justify;
 overflow: hidden
}

.prodContainerSponsored .description p { margin-bottom: 15px; }

.prodContainerSponsored .SponsoredLink { display: block; clear: both; margin: 10px 0 0 0; width: 630px; text-align: center }
.prodContainerSponsored .SponsoredLink a { font-size: 200%; font-weight: bold; color: #fc0; text-transform: uppercase }
.prodContainerSponsored .SponsoredLink a:hover { color: #f60 }


/* =========================== Follow Links =========================== */
#followLinks { display: block; margin-bottom: 5px; overflow: hidden }
#followLinks ul { float: left; list-style-type: none; font-size: 160%; font-weight: bold; text-transform: uppercase }
#followLinks ul li { float: left; width: 290px; height: 20px; padding: 5px; margin: 0 0 8px 0; background: #191919 }
#followLinks ul li .left { float: left; width: 125px }
#followLinks ul li .right { float: right; width: 165px }
#followLinks a { color: #191919 }

/* =========================== Most Viewed Products ========================== */
#mostViewed ul { float: left; margin: 10px 0 16px 0; list-style-type: none; font-size: 180%; font-weight: bold; text-transform: uppercase }
#mostViewed ul li { float: left; width: 290px; padding: 5px; margin: 0 0 8px 0; background: #191919 }
#mostViewed ul li a { display: block; width: 290px; height: 33px; color: #999; text-decoration: none }
#mostViewed ul li a:hover { color: #fff }
#mostViewed ul li img { float: left; margin: 2px 10px 0 0 }
#mostViewed ul li:hover { background: #292929; }

/* ========================== Product Page ===================== */
#article {
 float: left;
 width: 640px;
 margin: 0 auto 20px auto;
 padding: 0 5px 0 5px;
 background: #000;
 overflow: hidden;
 -webkit-box-shadow: 0 0 10px 0 #000; -moz-box-shadow: 0 0 10px 0 #000; box-shadow: 0 0 10px 0 #000
}

#articleLarge {
 float: left;
 width: 960px;
 margin: 0 auto 20px auto;
 padding: 0 5px 0 5px;
 background: #000;
 overflow: hidden;
 -webkit-box-shadow: 0 0 10px 0 #000; -moz-box-shadow: 0 0 10px 0 #000; box-shadow: 0 0 10px 0 #000
}

#productHeader { display: block }

#productHeader .breadCrumbs {
 float: left;
 margin-top: 1px;
 padding: 5px 10px 5px 10px;
 text-align: left; 
 font-family: 'PT Sans Narrow', 'Arial Narrow', Arial, sans-serif;
 font-size: 180%;
 font-weight: bold;
 color: #fff
}

#productHeader .breadCrumbs a { color: #fff; text-decoration: none }
#productHeader .breadCrumbs a:hover { text-decoration: underline }

#productHeader #datePublished {
 float: right;
 padding: 5px 0px 5px 5px;
 text-align: right;
 font-family: 'PT Sans Narrow', 'Arial Narrow', Arial, sans-serif;
 font-size: 160%;
 font-style: italic;
 color: #999
}

/*****Product************/
#product {
 float: left;
 margin: 0 0 20px 0;
 padding-top: 15px
}

#product #title h1 {
 font-family: 'PT Sans Narrow', 'Arial Narrow', Arial, sans-serif;
 font-size: 300%;
 text-decoration: none;
 font-weight: bold;
 color: #fff
}

#sharing {
 display: block;
 margin: 10px 0 10px 0;
 text-align: left;
 overflow: hidden
}

#beSocial { float: left }
#fbLike { float: left; width: 85px; height: 20px; border: 1px solid #000 }
#twitterShare { float: left; width: 85px; margin-right: 10px; border: 1px solid #000 }
#twitterShare a { color: #000 }
#plusOneShare { float: left; width: 70px; margin-right: 5px; border: 1px solid #000 }
#stumbleShare { float: left; width: 76px; margin-right: 10px; padding-top: 1px; border: 1px solid #000 }
#pinterestShare { float: left; width: 75px; margin-right: 5px; border: 1px solid #000 }
#commentShare { float: right; margin-right: 5px }
#favShare { float: right }

#commentShare a, #favShare a { float: right; width: 20px; height: 15px; padding: 5px 1px 0 25px; background-image: url('http://static.dudeiwantthat.com/images/favSprite.png'); font-family: arial; font-size: 11px; color: #000; text-decoration: none; text-align: center }

a.addFav { background-position: 0 0 }
a.rmvFav { background-position: 0 -20px }
a.numComments { background-position: 0 -40px }

/***Main Image****/
#mainImage { float: left; margin: 5px 0 10px 0 }
#mainImageCenter { margin: 0 auto 5px auto }

/***Ads***/
.adHeader { display: block; margin: 5px 0 10px 0; text-align: center; text-transform: uppercase; color: #fff }
#product #ad468 { display: block; margin: 0 auto 10px auto; text-align: center }
#product #ad728 { display: block; margin: 10px auto 20px auto; text-align: center }
#product #ad300Right { float: right; width: 300px; height: 250px; margin: 5px 0 10px 0 }
#product #ad468Bottom { display: block; width: 640px; margin-bottom: 20px; padding: 2px; text-align: center }
#product #ad728Bottom { display: block; width: 960px; margin: 0 auto 20px auto; padding: 2px; text-align: center }
#product #adRight { float: right; width: 200px; height: 180px }
#product #ad300Left { float: left; width: 300px; height: 250px; margin: 5px 0px 10px 0px }
#product #ad300Divider { float: left; width: 1px; height: 250px; margin: 5px 14px 10px 14px; border-right: 1px dashed #666 }
#product #ad300Right2 { float: left; width: 300px; height: 250px; margin: 5px 0px 10px 0px }
#product #adInCopy { float: right; width: 300px; height: 250px; margin: 0px 0px 2px 15px; border: 1px solid #191919 }

#links468 { display: block; height: 40px }
#ad728Footer { display: block; margin: 5px auto 30px auto; text-align: center }

/***Product Details*****/
#product #details { display: block; width: 630px; padding: 0 5px 0 5px; margin-top: 10px }
#product #detailsLarge { display: block; width: 950px; padding: 0 5px 0 5px; margin-top: 10px }

/*Additional Media on Product Page*/
#addImagesHeader { display: block; clear: both; text-transform: uppercase }
ul.addImages { display: block; list-style-type: none; margin: 10px 0 20px 0; overflow: hidden }

ul.addImages li {
 float: left;
 display: list-item;
 width: 50px;
 height: 42px;
 margin: 0 6px 6px 0;
 border: 1px solid #999;
 vertical-align: middle;
 list-style: none;
 overflow: hidden
}
/*End additional Media on Product Page*/

/*****Product Copy*******/
#product #description {
 display: block;
 clear: both;
 margin-bottom: 25px;
 font-size: 140%;
 text-align: justify
}

#product #description p { margin-bottom: 15px; line-height: 160% }
#product #description ul, #product #description ol { margin: 5px 0px 15px 25px }
#product #description ul li, #product #description ol li { list-style-type: disc; line-height: 160%; margin-bottom: 5px }
#product #description h2 { clear: both; font-size: 240%; margin-bottom: 15px; font-weight: bold }
#product #description h3 { clear: both; font-size: 180%; margin-bottom: 15px; font-weight: bold }
#product #description .left { float: left; margin: 0 30px 20px 0; text-align: center }
#product #description .right { float: right; margin: 0 0 20px 0; text-align: center }

#product #description blockquote {
 margin: 10px;
 padding: 10px;
 background-color: #191919;
 font-style: italic;
 line-height: 160%;
 color: #999
}

.imgLeftCopy { float: left; margin: 5px 10px 20px 0; border: 1px solid #999 }
.imgRightCopy { float: right; margin: 5px 0px 20px 10px; border: 1px solid #999 }
.imgCntrCopy { display: block; margin: 10px auto 20px auto; border: 0px solid #999 }

/***End Product Copy**********/

/*Amazon Related Products*/
#amznRelatedProds { display: block; clear: both; margin: 0 0 20px 0; overflow: hidden }
#amznRelatedProds h3 { margin-bottom: 10px; font-family: 'PT Sans Narrow', 'Arial Narrow', Arial, sans-serif; font-size: 180%; font-weight: bold; color: #fff }
#amznRelatedProds ul { display: block; margin: 0 10px 0 10px }
#amznRelatedProds ul li { margin-bottom: 10px; font-size: 120%; line-height: 125% }
/******End Amazon Related Products**********/

/*Buy Now From Source*/
#productSource {
 display: block;
 clear: both;
 width: 616px;
 margin: 0;
 padding: 5px;
 background: #191919;
 border: 2px solid #666;
 font-family: 'PT Sans Narrow', 'Arial Narrow', Arial, sans-serif;
 font-size: 180%
}

#productSourceLarge {
 display: block;
 clear: both;
 width: 936px;
 margin: 0;
 padding: 5px;
 background: #191919;
 border: 2px solid #666;
 font-family: 'PT Sans Narrow', 'Arial Narrow', Arial, sans-serif;
 font-size: 180%
}

#productSource .price, #productSourceLarge .price { font-size: 133%; font-weight: bold; color: #fff }
#productSource a, #productSourceLarge a { font-size: 133%; font-weight: bold; color: #fc0 }
#productSource a:hover, #productSourceLarge a:hover { color: #f60 !important }
#productSource #buyButton, #productSourceLarge #buyButton { margin-left: 10px; border: 0 }
/*************End Buy Now From Source************/

/****Related Products****/
#relatedProds {
 display: block;
 width: 640px;
 margin: 0 0 20px 0;
 padding: 5px;
 background: #000;
 overflow: hidden;
 -webkit-box-shadow: 0 0 10px 0 #000; -moz-box-shadow: 0 0 10px 0 #000; box-shadow: 0 0 10px 0 #000
}

#relatedProdsHeader {
 padding: 5px;
 font-size: 180%;
 font-family: 'PT Sans Narrow', 'Arial Narrow', Arial, sans-serif;
 font-weight: bold;
 text-transform: uppercase;
 color: #fff
}

#relatedProds ul { display: block; list-style-type: none; margin: 10px 0 5px 0; overflow: hidden }

#relatedProds ul li {
 float: left;
 display: list-item;
 width: 152px;
 height: 160px;
 padding: 4px;
 text-align: center
}

#relatedProds ul li a { font-family: 'PT Sans Narrow', 'Arial Narrow', Arial, sans-serif; font-size: 140%; line-height: 125% !important; color: #999 }
#relatedProds ul li img { width: 150px; height: 125px; border: 1px solid #999; margin-bottom: 2px; opacity: .85 }
#relatedProds ul li img:hover { opacity: 1 }

/********End Related Products***********/

/****Comments****/
#comments {
 display: block;
 width: 630px;
 margin: 0 0 20px 0;
 padding: 10px;
 background: #000;
 overflow: hidden;
 -webkit-box-shadow: 0 0 10px 0 #000; -moz-box-shadow: 0 0 10px 0 #000; box-shadow: 0 0 10px 0 #000
}

#commentsLarge {
 display: block;
 width: 950px;
 margin: 0 0 20px 0;
 padding: 10px;
 background: #000;
 overflow: hidden;
 -webkit-box-shadow: 0 0 10px 0 #000; -moz-box-shadow: 0 0 10px 0 #000; box-shadow: 0 0 10px 0 #000
}

/*******End Comments*******/

/* ========================== Footer =========================== */
#footerWrapper {
 display: block;
 clear: both;
 padding: 0;
 margin: 20px 0 0 0;
 border-top: 0px solid #000;
 background: url('http://static.dudeiwantthat.com/images/fbg.png') repeat-x, url('http://static.dudeiwantthat.com/images/carbon.png') repeat fixed
}

#footer {
 display: block;
 width: 960px;
 margin: 0 auto 0 auto;
 padding: 25px 0px 15px 0px;
 font-family: arial, sans-serif;
 text-align: center;
 overflow: auto
}

#footer .left25 { float: left; width: 25%; text-align: left }
#footer #bottom { display: block; clear: both; margin: 20px 0 10px 0; font-size: 120% }

#footer ul { display: block; margin: 20px 0 20px 0 }
#footer ul li { display: block; margin: 0 0 10px 0 }
#footer ul li a { font-size: 120% }

/* ======================== Row Layout ========================= */
.row {
 display: block;
 width: 635px;
 padding: 10px 10px 10px 5px;
 margin: 0 0 20px 0;
 background: #000;
 overflow: hidden;
 -webkit-box-shadow: 0 0 10px 0 #000; -moz-box-shadow: 0 0 10px 0 #000; box-shadow: 0 0 10px 0 #000
}

.row .coverImage {
 float: left;
 width: 150px;
 height: 125px;
 margin-right: 10px
}

.row .productInfo { float: right; width: 475px }

.row .productInfo h2 a {
 margin: 0 0 10px 0;
 font-family: 'PT Sans Narrow', 'Arial Narrow', Arial, sans-serif;
 font-size: 180%;
 font-weight: bold;
 color: #fff;
 text-decoration: none
}

.row .productInfo p {
 margin: 0 0 10px 0;
 font-family: 'Lucida Grande', arial, sans-serif;
 font-size: 120%;
 line-height: 140%;
 text-align: justify;
 overflow: hidden
}

.row .productSource {
 display: block;
 font-family: 'PT Sans Narrow', 'Arial Narrow', Arial, sans-serif;
 font-size: 160%;
 color: #fff;
 font-weight: bold;
 text-decoration: none
}

.row .productSource a { color: #fc0 }
.row .productSource a:hover { color: #f60 }

/*=================== Pages ==================== */
#pagesWrapper {
 display: block;
 clear: both;
 width: 960px;
 margin: 20px auto 10px auto;
 padding: 0 5px 5px 5px;
 background: #000;
 overflow: hidden;
 -webkit-box-shadow: 0 0 10px 0 #000; -moz-box-shadow: 0 0 10px 0 #000; box-shadow: 0 0 10px 0 #000
}

#pages {
 height: 40px;
 text-align: center;
 margin: 0 auto;
 font-family: 'PT Sans Narrow', 'Arial Narrow', Arial, sans-serif;
 font-size: 180%;
 font-weight: bold;
}

#pages a, #pages span {
 width: 14px;
 padding: 10px 8px 10px 8px;
 margin: 0 8px 0 0;
 background: #191919;
 text-align: center
}

#pages a { color: #999 }
#pages span.current { background: #292929; color: #fff }
#pages a:hover { border-color: #ccc; background: #292929; color: #fff }
#pages a.nextprev { width: 76px; background: #191919; color: #999 }
#pages a.nextprev:hover { background: #292929; color: #fff }
#pages span.nextprev { width: 76px; background: #000; color: #1f1f1f }

#moreProds {
 display: block;
 clear: both;
 width: 960px;
 margin: 20px 0 10px 0;
 padding: 10px 5px 10px 5px;
 background: #000;
 font-family: 'PT Sans Narrow', 'Arial Narrow', Arial, sans-serif;
 font-size: 240%;
 font-weight: bold;
 text-align: center;
 overflow: hidden;
 -webkit-box-shadow: 0 0 10px 0 #000; -moz-box-shadow: 0 0 10px 0 #000; box-shadow: 0 0 10px 0 #000
}

/* ===================== Gift Guides ======================= */
#giftsWrapper {
 float: right;
 width: 780px;
 background: #000;
 overflow: hidden;
 -webkit-box-shadow: 0 0 10px 0 #000; -moz-box-shadow: 0 0 10px 0 #000; box-shadow: 0 0 10px 0 #000
}

#giftsWrapper #giftsHeader h1 {
 display: block;
 padding: 10px 0 0 15px;
 font-family: 'PT Sans Narrow', 'Arial Narrow', Arial, sans-serif;
 font-size: 180%;
 font-weight: bold;
 color: #fff;
 text-transform: uppercase
}

#giftsWrapper #giftsFilter {
 display: block;
 margin: 0 5px 0 5px;
 padding: 5px;
 background: #191919;
 font: 140% 'Lucida Grande', Arial, sans-serif;
 line-height: 300%;
 color: #fff
}

#giftsWrapper #giftsFilter input { margin-right: 2px }

#giftsWrapper #giftsFilter input[type="text"] { padding:5px 5px 4px 5px; -moz-border-radius:2px; -webkit-border-radius:2px }
#giftsWrapper #giftsFilter input[type="image"] { margin-bottom: -6px }

#giftsWrapper #welcome { 
 width: 500px; margin: 100px 140px 100px 140px; padding: 20px; text-align: center;
 font-family: 'PT Sans Narrow', 'Arial Narrow', Arial, sans-serif; font-size: 160%;
 border: 1px solid #ccc; background: #000
}

#giftsWrapper #giftsContent {
 float: left;
 width: 760px;
 padding: 10px
}

#giftsWrapper #giftsContent img { display: block; margin-bottom: 5px; border: 1px solid #666; opacity: .85 }
#giftsWrapper #giftsContent img:hover { border: 1px solid #999; opacity: 1 }

#giftsWrapper #giftsContent ul { display: block; list-style-type: none }

#giftsWrapper #giftsContent ul li {
 float: left;
 display: list-item;
 width: 170px;
 height: 200px;
 margin: 5px;
 padding: 5px;
 background: #191919;
 text-align: center;
 list-style: none;
 font-family: 'PT Sans Narrow', 'Arial Narrow', Arial, sans-serif;
 font-weight: normal;
 font-size: 140%;
 color: #999;
 line-height: 18px
}

#giftsWrapper #giftsContent ul li a { color: #fff; text-decoration: none; font-size: 115% }

#giftGuideNavWrapper {
 float: left;
 width: 170px;
 margin-right: 20px;
 background: #000;
 overflow: hidden;
 -webkit-box-shadow: 0 0 10px 0 #000; -moz-box-shadow: 0 0 10px 0 #000; box-shadow: 0 0 10px 0 #000
}

#giftGuideNavWrapper #giftGuideNavHeader {
 display: block;
 width: 190px;
 height: 22px;
 padding: 10px 0 0 15px;
 font-family: 'PT Sans Narrow', 'Arial Narrow', Arial, sans-serif;
 font-size: 180%;
 font-weight: bold;
 color: #fff;
 text-transform: uppercase
}

#giftGuideNav {
 float: left;
 padding: 10px;
 font-family: 'PT Sans Narrow', 'Arial Narrow', Arial, sans-serif;
 font-size: 160%
}

#giftGuideNav ul { display: block; width: 140px; margin: 10px 0 10px 0; padding: 5px; overflow: hidden }

#giftGuideNav ul li { float: left; margin-bottom: 5px; padding: 5px; background: #191919 }

#giftGuideNav ul li a { display: block; width: 140px; color: #999; text-decoration: none }
#giftGuideNav ul li a:hover { color: #fff }
#giftGuideNav ul li:hover { background: #292929 }