/*

Theme Name: Skins:Customized

Theme URI:

Description:

Version: 1.0

Author: kucrut

Author URI: http://kucrut.org/

Tags:

License:



*/



/*

 * http://meyerweb.com/eric/tools/css/reset/

 * v1.0 | 20080212

 */



html *{padding:0;margin:0}

* html{padding:0;margin:0}





html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,hr,blockquote,

p,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,

s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,

li,fieldset,form,input,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,

button, textarea {

  margin:0;

  padding:0;

  border:0;

  outline:0;

  vertical-align:baseline;

  background:transparent}



h1,h2,h3,h4,h5,h6{font-weight:normal}



ol,ul{list-style:none}

blockquote:before,blockquote:after,q:before,q:after{content:''; content:none}

a{color:#ee2824;text-decoration:none}

/* remember to define focus styles! */

:active,:focus{outline:0}

/* remember to highlight inserts somehow! */

ins{text-decoration:none}

del{text-decoration:line-through}

sub,sup {font-size:80%;line-height:0}

sub{vertical-align:sub}

sup{vertical-align:top}

/* tables still need 'cellspacing="0"' in the markup */

table{border-collapse:collapse;border-spacing:0}





.cf{clear:both}

.hidden{display:none}

.hider{overflow:hidden}

.holder{overflow:auto}

.scrollable {}

.scrollable .items {position:relative}





/* Floats

 * --------------------- */

.aligncenter{display:block;margin:0 auto}

.alignleft,.col-left{float:left}

.alignright,.col-right{float:right}

.alignnone{}



/* Text */

.tLeft{text-align:left}

.tCent{text-align:center}

.tRight{text-align:right}

.tBold{font-weight:bold}

.tItalic{font-style:italic}

.tUline{text-decoration:underline}

.ttNorm{text-transform:none}

.ttUps{text-transform:uppercase}



/* Start Here

 * ------------- */



body {

  background:#2d2e2d url(../img/website_background.png) fixed;

  color:#696968;

  font:.625em/1 Arial, sans-serif}

#page {

  margin:0 auto;

  width:1000px}

.cl-red {color:#ee2824}

a.more-link {

  background:url(../img/arrow_small.png) no-repeat right center;

  color:#ee2824;

  padding-right:10px;

  text-transform:uppercase}

a.more-link:focus,

a.more-link:hover {

  text-decoration:underline}

.the-title {

  color:#ee2824;

  font-size:15px;

  font-weight:bold;

  line-height:1;

  padding-bottom:6px;

  text-transform:uppercase}



.main-title {

  background:#eb2024 url(../img/bg-main-title.png) repeat-x;

  border:1px solid #050708;

  color:#fff;

  font-size:18px;

  font-weight:bold;

  height:43px;

  letter-spacing:1px;

  line-height:45px;

  margin-bottom:16px;

  overflow:hidden;

  padding:0 12px;

  text-transform:uppercase}

.article-title {

  color:#050708;

  font-size:24px;

  font-weight:bold;

  padding-bottom:5px}

.section-title {

  background:url(../img/bg-section-title.png) repeat-x;

  border:1px solid #828383;

  font-size:16px;

  font-weight:bold;

  height:27px;

  line-height:27px;

  margin-bottom:3px;

  padding:0 5px}



.gBox {

  background:#e6e7e7;

  border:1px solid #828383}



.headlines {

  margin-bottom:14px;

  padding:14px 0 4px}

.headlines .post {

  float:left;

  margin-right:14px;

  width:312px}

.headlines .last {

  float:right;

  margin-right:0}

.headlines .post .thumb {

  border:3px solid #000;

  display:block;

  margin:0 auto 14px}

.headlines .post p {margin-bottom:1em}

.headlines .post .more-link {

  float:right;

  font-size:.9em}

.headlines .gBox {

  color:#050708;

  font-size:1.2em;

  overflow:hidden;

  padding:10px 9px 6px;

  position:relative}

.headlines .gBox p {margin-bottom:2px}

.arsir {

  background-image:url(../img/bg-arsir.png);

  background-position:center bottom;

  background-repeat:no-repeat}



ul.redArrows li {

  background:url(../img/arrow_small_red.png) no-repeat 0 5px;

  padding:0 0 3px 14px}

.brd-black {border:1px solid #050708}



.article ul {

  list-style-type:disc;

  padding-left:1.2em}



.subnav {

  margin-bottom:16px;

  padding:14px 12px}

.subnav li {

  display:inline;

  font-weight:bold;

  margin-right:.5em}

.subnav li a {

  border-right:1px solid;

  padding-right:.8em}

.subnav li.last a {border:0}



.col {width:49%}

.section {

  font-weight:bold;

  padding:10px 10px 70px}

.section h2 {

  border-bottom:2px solid #888;

  color:#ee2824;

  font-size:1.2em;

  font-weight:bold;

  margin:0 20px 24px 0;

  padding:10px 0 18px}

.section h3 {

  color:#343433;

  font-size:1em;

  font-weight:bold;

  margin-bottom:.2em}

.section p {margin-bottom:1em}





/* Header */

#header {

  background:url(../img/header-top.png) no-repeat center 0;

  height:103px;

  position:relative}

#sitename,

#sitename a {

  height:72px;

  width:368px}

#sitename {

  left:0;

  position:absolute;

  text-indent:-99999em;

  top:20px}

#sitename a {

  background:url(../img/logo_top.png) no-repeat;

  display:block}

#nav {

  float:right;

  margin-top:60px}

#nav li {

  border-left:2px solid #696968;

  float:left;

  font-size:18px;

  font-weight:bold;

  padding:0 10px;

  position:relative;

  text-transform:uppercase}

#nav li.first {border:0}

#nav li.last {padding-right:0}

#nav li.ext {text-transform:none}

#nav li a {

  color:#696968;

  float:left;

  height:22px;

  line-height:22px;

  padding:0 10px}

#nav li.last a {padding-right:0}

#nav li.active a,

#nav li a:focus,

#nav li a:hover {

  color:#ed2024}

#nav li.parent a {

  background:url(../img/click_drop.png) no-repeat right center;

  padding-right:38px}

#nav li.parent a:hover,

#nav li.active.parent a {

  background-image:url(../img/click_drop_red.png)}



#nav ul {

  background:url(../img/drop-top.png) no-repeat right 0;

  border-bottom:1px solid #ed1c24;

  display:none;

  padding-top:15px;

  position:absolute;

  right:0;

  top:22px;

  width:177px;

  z-index:99}

#nav ul li {

  border:0;

  float:none;

  font-size:14px;

  padding:0}

#nav li.parent ul li a,

#nav li.active.parent ul li a,

#nav li.parent ul li a:hover {

  background:url(../img/drop-item.png) repeat-y;

  display:block;

  float:none;

  padding:4px 14px}

#nav li:hover ul {display:block}





/* Footer */

#footer {

  color:#aaa;

  padding:15px 0 32px;

  text-align:center}

#foot-nav {padding-bottom:10px}

#foot-nav li {

  border-left:1px solid #fff;

  display:inline;

  font-size:14px;

  padding:0 16px}

#foot-nav li.first {border:0}

#foot-nav li a {color:#fff}

#foot-nav li a:focus,

#foot-nav li a:hover {

  text-decoration:underline}

#copy {font-size:8pt}





/* Content */

#content {

  background:#fff url(../img/sub_bf.png) no-repeat;

  border:1px solid #b4b4b4;

  font-size:1.2em;

  line-height:1.3;

  padding:19px 16px}

#main-content {margin-bottom:20px}

#main-content a:focus,

#main-content a:hover {

  text-decoration:underline}



#popular li {

  color:#000;

  float:left;

  font-size:.9em;

  font-weight:bold;

  margin-right:5px;

  text-transform:uppercase}

#popular li.last {

  float:right;

  margin-right:0}

#popular img {

  border:4px solid #000;

  display:block;

  margin-bottom:7px}

#popular a {color:#000}

#popular a:focus,

#popular a:hover {

  text-decoration:underline}





/* Sidebar */

#sidebar {

  float:right;

  width:270px}

.widget {

  background:url(../img/dash.png) no-repeat center bottom;

  font-size:12px;

  font-weight:bold;

  line-height:1.2;

  margin-bottom:9px;

  padding-bottom:10px}

.widget .the-title {

  border-bottom:2px solid #7d7e7e;

  margin-bottom:8px;

  padding-bottom:4px}

.widget p {margin-bottom:10px}





.widget_subscribe input {

  border-color:#b2b2b2 #8c8c8c;

  border-width:2px 1px;

  border-style:solid;

  color:#c6c6c6;

  float:left;

  font-size:10px;

  font-weight:bold;

  margin-right:2px;

  padding:6px 3px;

  width:170px}

.widget_subscribe input:focus {color:#696968}

.widget_subscribe button {

  background:url(../img/sub.png) no-repeat;

  cursor:pointer;

  float:left;

  height:29px;

  text-indent:-99999em;

  width:89px}



.widget_list ul {

  line-height:1.3;

  list-style-type:disc;

  padding-left:15px}

.widget_list a {color:#696968}

.widget_list a:focus,

.widget_list a:hover {

  text-decoration:underline}



.widget_thead {

  background:none;

  margin-bottom:0;

  padding-bottom:0}

.widget_thead img {

  display:block;

  margin:0 auto}



/* Slideshow */

#slideshow {

  float:left;

  height:362px;

  overflow:hidden;

  width:678px}

#slideshow img {display:block;}





/* Homepage */

.home .headlines {

  border:1px solid #6a6a6a;

  border-left:0;

  border-right:0}

.home .headlines .post {

  height:270px;

  min-height:270px;

  position:relative}

.home .headlines .post .more-link {

  bottom:0;

  position:absolute;

  right:0}





/* Page: Products */

.sideLeft {

  float:left;

  font-weight:bold;

  line-height:1.5;

  padding:10px 0;

  width:167px}

.sideLeft ul {

  font-size:10px;

  padding:5px 5px 37px 15px}

.sideLeft li {}

.sideLeft h2 {

  color:#2d2e2d;

  font-size:13px;

  font-weight:bold;

  line-height:1;

  padding:0 5px 0 15px}

.sideRight {

  float:right;

  width:780px}



.prdList {

  font-size:10px;

  font-weight:bold;

  margin-bottom:16px;

  overflow:hidden;

  padding:7px 3px 5px;

  text-align:center}

.prdList li {float:left}

.prdList li a {color:#696968}

.prdList li a img {

  display:block;

  margin:0 auto 6px}

.prdList-1 li {width:64px}

.prdList-2 li {width:73px}

.prdList-2 li.psp {width:108px}

.prdList-3 li {width:95px}

.prdList-3 li.nin-ds {width:100px}

.prdList-4 li {width:104px}

.prdList-4 li.mini {width:130px}

.prdList-4 li.actual {width:140px}

.prdList-4 li.mini_stripes {width:136px}

/*

.feat .gBox {padding:15px 9px 20px}

*/

.feat img {

  bottom:10px;

  right:10px;

  position:absolute}

.mostpop li {

  float:left;

  height:64px;

  margin:0 4px}

.mostpop li img {}



/* Product List*/

.skinlist {

  margin-bottom:20px;

  overflow:hidden}

.skinlist li {

  float:left;

  font-size:11px;

  font-weight:bold;

  margin:4px 3px;

  text-transform:uppercase}

.skinlist img {

  border:1px solid #828383;

  display:block}

.skinlist a {color:#050708}

.skinlist a:focus,

.skinlist a:hover {

  text-decoration:underline}



.the-product .scrollable,

.the-product .scrollable .item {

  float:left;

  width:639px}

.the-product .scrollable {overflow:hidden}

.the-product .scrollable .items {

  height:309px;

  margin-bottom:20px;

  width:6400px}

.the-product .scrollable .nav {padding:0 1px}

.the-product .scrollable .nav li {

  float:left;

  line-height:1;

  margin:0 2px 4px}

.the-product .scrollable .nav li.last {

  margin:0;

  float:right}



.the-product .scrollable .nav li a {

  display:block;

  padding:3px}

.the-product .scrollable .nav li img {border:1px solid #828383}

.the-product .scrollable .nav li a:hover,

.the-product .scrollable .nav li.active a {

  background:#ec2028;

  padding:4px}

.the-product .scrollable .nav li a:hover img,

.the-product .scrollable .nav li.active a img {

  border:0}



.prod-desc {

  float:right;

  padding:9px;

  width:296px}

.prod-desc h2 {

  color:#ec2028;

  font-size:1em;

  font-weight:bold;

  padding:10px 0 4px}

.prod-desc p {padding-bottom:20px}

.prod-desc p.name {border-bottom:1px solid #a7a8a7}

.prod-desc .price {

  border-bottom:1px solid #a7a8a7;

  border-top:1px solid #a7a8a7;

  font-size:1.4em;

  height:60px;

  line-height:60px;

  margin-top:20px}

.prod-desc .price h2 {

  float:left;

  padding:0}

.prod-desc .price p {

  float:left;

  font-size:1.2em;

  font-weight:bold;

  padding:0 0 0 5px}

.prod-desc p.misc {

  color:#ec2028;

  font-weight:bold;

  padding:12px 0 2px 0}





/* Page: 404 */

.p404 .article {

  color:#050708;

  font-size:1.2em;

  font-weight:bold;

  padding:12px 35px}

.p404 .article p.desc {

  color:#9b9c9b;

  font-size:3em;

  line-height:1.1;

  padding-bottom:.5em;

  text-align:center}

.p404 .article p.how {

  border-bottom:2px solid #757777;

  margin-bottom:.8em;

  padding-bottom:.3em}





/* Page: FAQs */

.faq .main-title {text-transform:none}

.faq .col {height:1160px}





/* Page: Artist Series */

.artist-list {padding-top:10px}

.artist-series .artist {

  float:left;

  margin:0 32px 26px 0;

  overflow:hidden;

  width:300px}

.artist-series .third {

  float:right;

  margin-right:0}

.artist-series .artist img {

  border:1px solid #111;

  float:left;

  margin-right:3px}

.artist-series .artist h2,

.artist-series .artist p {

  float:left;

  padding:0 7px;

  width:200px}

.artist-series .artist h2 {

  border-bottom:1px solid #dedede;

  color:#ee2824;

  font-size:1.4em;

  font-weight:bold;

  line-height:1;

  margin-bottom:8px;

  padding-bottom:5px;

  text-transform:uppercase}

.artist-series .artist p.desc {

  border-top:1px solid #9d9e9e;

  font-size:1.1em;

  font-weight:bold;

  line-height:1.1;

  padding:7px 7px .2em}

.artist-series .artist p.more {font-size:.9em}

.artist-series .artist p.more a {

  background:url(../img/arrow_tiny_red.png) no-repeat right center;

  padding-right:11px}





/* Page: Contact */

.contact .col {

  overflow:hidden;

  padding:10px 0;

  height:380px}

.contact .col h2,

.contact .col p {

  font-weight:bold;

  padding:0 20px}

.contact .col h2 {

  color:#ee2824;

  font-size:1.2em;

  padding-top:10px}

.contact .col p {margin-bottom:.5em}

.contact .col img {

  border:1px solid #a7a8a7;

  margin:10px 20px 0 0}



#form-contact {padding:20px 20px 10px}

#form-contact li {padding-bottom:10px}

#form-contact label {

  float:left;

  font-size:12px;

  font-weight:bold;

  padding-top:4px;

  width:77px}

#form-contact input,

#form-contact textarea {

  background:#696968;

  border:1px solid #a7a8a7;

  color:#fcfcfc;

  float:right;

  font-size:12px;

  padding:5px;

  width:340px}

#form-contact #submit {

  background:url(../img/button-submit.png) no-repeat;

  color:#696969;

  float:right;

  font-weight:bold;

  height:31px;

  text-align:center;

  text-transform:uppercase;

  width:90px}





#theBoxes .gBox {

  height:125px;

  min-height:125px}



/* The Artist */

.theartist {}

.theartist h2 {

  color:#ee2824;

  font-size:1.2em;

  margin-bottom:15px}

.theartist a {color:#8c8c8c}

.theartist a:focus,

.theartist a:hover {

  text-decoration:underline}



.theartist .thumb {

  background:#fff;

  border:1px solid #686969;

  float:left;

  width:147px}

.theartist .thumb img {

  display:block;

  margin:0 auto}

.theartist .desc {

  border:1px solid #686969;

  background:#e5e5e5;

  float:right;

  padding:20px 25px;

  width:730px}

.theartist .desc .info {

  float:left;

  width:300px}

.theartist .desc .info dt {

  color:#454545;

  font-size:1.2em;

  line-height:1.4}

.theartist .desc .info dd {

  margin-bottom:25px}



.theartist .desc .info .artist {

  color:#686969;

  border-bottom:1px solid;

  font-size:16px;

  margin-bottom:30px;

  padding-bottom:10px}

.theartist .desc .artwork {

  float:right;

  width:380px}

.theartist .desc .artwork li {margin-bottom:10px}

.theartist .desc .artwork img {

  border:1px solid #111;

  display:block;

  margin-bottom:4px}

.theartist .desc .artwork .name {

  color:#111;

  display:block;

  font-weight:bold;

  text-transform:uppercase}



/* Product Pptions */

.product-options {

  background:url(../img/line-black.png) no-repeat 165px 12px;

  border-top:5px solid #010101;

  padding-bottom:10px}

.product-options p {

  border-top:5px solid #010101;

  clear:both;

  color:#010101;

  float:left;

  font-size:1.25em;

  font-weight:bold;

  padding:12px 0;

  text-transform:uppercase;

  width:150px}

.product-options .the-options {

  border-top:1px solid #010101;

  float:right;

  margin-top:4px;

  padding:12px 0;

  text-align:center;

  width:780px}

.product-options p.first,

.product-options ol.first {

  border:0}



.product-options .the-options li,

.product-options .the-options label {

  display:-moz-inline-box;

  display:inline-block}

.product-options .the-options label {vertical-align:top}

.product-options .the-options label span,

.product-options .the-options label input,

.product-options .the-options label img {

  cursor:pointer;

  display:block;

  margin:0 auto 12px;

  text-align:center}

.product-options .the-options .name {vertical-align:sub}



/* Option: Style */

.option-style label {width:200px}

.option-style label .name {

  float:left;

  width:60px}

.product-options .option-style label input {

  clear:left;

  float:left;

  margin-left:25px}



/* Option: Color */

.option-color label {

  padding:0 20px;

  width:60px}

.option-color .name {height:2.6em}



/* Option: Color */

.option-part label {

  color:#010101;

  font-weight:bold;

  padding:0 15px;

  width:110px}

.option-part .name {height:3em}

.option-part .price {

  border-top:1px solid #010101;

  padding-top:.2em;

  width:55%}



/* Option: Color */

.product-options .option-vehicle li {

  color:#010101;

  float:left;

  font-weight:bold;

  padding-left:1%;

  text-align:left;

  width:32%}

.product-options .option-vehicle label,

.product-options .option-vehicle label input {

  display:inline;

  vertical-align:top}



.product-options button {

  background:#eb2228;

  color:#030303;

  float:right;

  padding:.2em .5em;

  text-transform:uppercase}







/* Individual Product Page*/

.product-mini .prod-desc .price {margin-top:214px}





/* Text page */

.the-content {

  font-weight:bold;

  padding:14px}

.the-content p {

  line-height:1.5;

  margin-bottom:1.2em}

.the-content p.intro {font-size:1.15em}

.the-content h2, .the-content h3, .the-content h2 {font-weight:bold}

.the-content h2 {

  color:#ed2024;

  font-size:1.15em;

  margin-bottom:1em}

.the-content h3,

.the-content h4 {

  color:#010101;

  font-size:1em;

  margin-bottom:1.2em}





.window{

	position: fixed;

	height: 100%;

	width: 100%;

	left: 0px;

	top: 0px;

	background-image: url(../img/pointer.png);

	z-index: 2;

	display:none;

}

.window .content{

	background-color: #666666;

	position: fixed;

	top: 100px;

	left: 32%;

	width: 400px;

	font-size: 13px;

	color: #000000;

	padding:3px;

}

.custom img{

cursor:pointer;}

.move{

	background-image: url(../img/custom/move.png);

	background-repeat: no-repeat;

	background-position: left top;

	float: left;

	height: 93px;

	width: 154px;

	text-align: center;

	padding-top: 4px;

	margin-right: 5px;

}

.move p{

	margin-top: 0px;

	margin-bottom: -4px;

}
