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

Author: Adam Rosenberger
Author contact: fyre@fyre.hu ; http://fyre.hu
Created for wigimpex

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


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

Reset

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

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
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;
}

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

Default HTML

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

body {
	font-size: 12px;
	font-family: "Trebuchet MS", Helvetica, Arial, Verdana, Sans-Serif;
	color: #333;
	background: #5F0000;
}

em {
	font-style: italic;
}

strong {
	color: #710000;
}

a, a:visited {
	color: #844646;
	text-decoration: none;
}

a:hover, a:focus {
	text-decoration: underline;
}

h2 {
	color: #5B0000;
	font: 1.5em/1.5em Arial, Verdana, Sans-Serif;
	padding: 0.8em 3px 0.85em 0;
}

h2 a{
	color: #5B0000;
	text-decoration: underline;
}

h2 a:visited {
	color: #5B0000;
	text-decoration: underline;
}

h2 a:hover {
	color: #333;
	text-decoration: underline;
}

h3 {
	color: #5B0000;
	font-family: Arial, Verdana, Sans-Serif;
}

h3 a, h3 a:visited {
	color: #5B0000;
}

h4 {
	font-family: Arial, Verdana, Sans-Serif;
}

input, textarea {
	border: 1px solid #E3CCCC;
	border-top: 1px solid #5B0000;
	border-left: 1px solid #5B0000;
}

input:hover, textarea:hover, input:focus, textarea:focus {
	background: #EFE5E5;
}

.clearer {
	clear: both;
}


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

Layout

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

.wrapper {
	margin: 0 auto;
	width: 760px;
}

#header {
	background: #333;
	width: 100%;
}

#nav {
	clear: both;
	background: #5F0000;
	border-top: 1px solid #790000/*#6F0000*/;
	border-bottom: 1px solid #fff;
	width: 100%;
}

#page {
	background: #fff url(images/page-back.jpg) repeat-x top left;
	width: 100%;
	padding-top: 20px;
}
#page .wrapper {
	width: 760px;
}

#page_alt {
	background: #333/*464646 url(images/extra-back.jpg) repeat-x top left*/;
	width: 100%;
}

#footer {
	background: #5B0000 url(images/footer-back.jpg) repeat-x top left;
	width: 100%;
}

/*
Header
------------------------------------------*/

#header p {
	float: right;
	margin-top: 8px;
	padding: 25px 60px 0 0;
}

#header p a, #header p {
	color: #eee;
	font-style: normal;
}

#logo {
	padding: 27px 0 11px 20px;
	height: 39px;
	width: 380px;
	float: left;
}

/*
Navigation
------------------------------------------*/

#nav .wrapper{
	position: relative;
}
#nav ul {
	float: left;
	z-index: 1;
}

#nav li {
	float: left;
	position: relative;
}

#nav li ul {
	display: none;
	position: absolute;
	top: 2.6em;
	left: 0;
	background: #5F0000;
	width: 10em;
	/*filter:alpha(opacity=60);-moz-opacity:.60;opacity:.60;*/
}

#nav li>ul {
	top: auto;
	left: auto;
}

#nav li ul li {
	border-top: 1px solid #790000/*#6F0000*/;
	width: 100%;
}

#nav li:hover ul, #nav li.over ul {
	display: block;
}

#nav a, #nav a:visited {
	display: block;
	font-family: Arial, Verdana, Sans-Serif;
	color: #eee;
	padding: 0.65em 39px 0.65em 19px;
	white-space: nowrap;
}

#nav a:hover, #nav .current_page_item a:hover {
	color: #eee;
	text-decoration: underline;
	white-space: nowrap;
}

#nav li {
	float: left;
	position: relative;
	top: 0;
	left: 0;
}

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

Content

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


#page ul {
	list-style: none;
	padding-left: 1em;
	margin: 0;
}

#page ul li {
	padding-left: 1.15em;
	margin-top: 0.2em;
}

#page p {
	line-height: 1.75em;
	margin: 0.7em 0 0.7em 0;
}

#wigimpex .custom-page {
	padding-bottom: 2em;
}

.custom-page h2, .custom-page h3, .custom-page p {
	padding-left: 25px;
	padding-right: 25px;
}

.custom-page h3 {
	margin: 1.75em 0 0 0;
}

#wigimpex .custom-page p {
	margin: 0;
	padding-top: 0.7em;
}

#wigimpex .custom-page p.align-center {
	text-align: center;
}

#wigimpex .custom-page img.align-right {
	float: right;
}

#wigimpex .custom-page ul {
	padding-left: 25px;
}

#wigimpex .custom-page ul li{
	margin-left: 20px;
	padding-left: 8px;
	background: url(images/list.gif) no-repeat 0 0.6em;
}

.custom-page img.align-center {
	float: right;
	padding-right: 165px;
}

#c_form_2 {
	padding-left: 25px;
}

#c_form_2 #contactsubmit {
	background: url(images/gradient.jpg) repeat-x top left;
	border: 1px solid #9B7D93;
	border-top: 1px solid #E8E1E6;
	border-left: 1px solid #E8E1E6;
	margin-top: 1em;
	padding: 1px 10px;
}

#c_form_2 #wpcf_msg {
	width: 500px;
	height: 250px;
}

/*
Index
------------------------------------------*/

.main h2 {
	padding-top: 1.5em;
}

.main h3 {
	padding-bottom: 1.5em;
	padding-top: 1.5em;
	clear: both;
}

#myGalleryWrapper {
	width: 245px;
	height: 343px;
	float: right;
	padding: 30px 25px 0.5em 0;
}

#main_content {
	float: left;
	width: 430px;
	padding: 0 0 1em 25px;
}

#main_content p {
	padding: 5px 25px 5px 0;
}

#main_content ul {
	padding-left: 25px;
}

#main_content ul li{
	margin-left: 20px;
	padding-left: 8px;
	background: url(images/list.gif) no-repeat 0 0.6em;
}

#page p.search-by-info {
	clear: left;
	float: left;
	width: 350px;
	padding: 0 10px 2em 0;
}

#page p.search-by-info img {
	float: left;
	padding: 6px 7px 0 0;
}

#page p.search-by {
	float: left;
	width: 100px;
	padding: 0 0 2em 25px;
}

#length-small {
	padding-right: 32px;
	background: url(images/icon-length-small.jpg) no-repeat 100% 55%;
}

#length-medium {
	padding-right: 32px;
	background: url(images/icon-length-medium.jpg) no-repeat 100% 55%;
}

#length-long {
	padding-right: 32px;
	background: url(images/icon-length-long.jpg) no-repeat 100% 55%;
}

#brands-top {
	background: url(images/separator.gif) repeat-x top left;
	padding: 1em 0 1em 25px;
	clear: both;
}

#other-brands {
	background: url(images/separator.gif) repeat-x top left;
	clear: both;
	padding: 0 25px 2em 25px;
}

.brandpic {
	width: 100px;
	padding-top: 0.5em;
	float: left;
}

.brand {
	float: left;
	padding: 0.3em 30px 1em 30px;
}

.brand h3 {
	padding: 0.3em 0;
}

/*
Product
------------------------------------------*/

#product_image {
	float: left;
	padding: 20px 0 0 25px; /*padding: 0 45px 5px 5px;*/
}

#product_content {
	float: right;
	width: 430px;
	padding: 0 25px 1em 0;
}

table#product-info th, table#product-info td{
	background: url(images/separator.gif) repeat-x bottom left;
	padding: 0.3em 0;
	line-height: 1.75em;
}

table#product-info th {
	font-weight: bold;
	text-align: right;
	white-space: nowrap;
	vertical-align: top;
	padding-right: 15px;
}

#placeholder {
	border: 1px solid #eee;
	float: right;
	margin: 0 10px 0 15px;
}

/*-----------Bottom------------*/

#product_bottom {
	padding: 30px 25px 40px 25px;
	width: 710px;
	clear: both;
}

#product_bottom a img {
	border: none;
	padding-right: 10px;
}

#product_bottom ul li {
	display: block;
	float: left;
	margin: 0;
	padding: 0;
}

#product_bottom ul#extralinks {
	padding: 0;
	margin: 0;
}

#product_bottom ul#extralinks li a{
	color: #333;
	width: 195px;
	height: 31px;
	padding: 2px 0 0 5px;
	text-decoration: none;
	display: block;
}

#product_bottom ul#extralinks li a:hover {
	color: #fff;
}

#product_bottom ul li#contact_link a {
	background: url(images/icon-mail.jpg) no-repeat top left;
}

#product_bottom ul li#contact_link a:hover {
	background: #333 url(images/icon-mail-hover.jpg) no-repeat top left;
}

#product_bottom ul li#colorchart_link {
	margin: 0 55px;
}

#product_bottom ul li#colorchart_link a {
	background: url(images/icon-colors.jpg) no-repeat top left;
}

#product_bottom ul li#colorchart_link a:hover {
	background: #550000 url(images/icon-colors-hover.jpg) no-repeat top left;
}

#product_bottom ul li#search_link a {
	background: url(images/icon-search.jpg) no-repeat top left;
}

#product_bottom ul li#search_link a:hover {
	background: #705741 url(images/icon-search-hover.jpg) no-repeat top left;
}

#top_colorchart {
	clear: both;
	position: static;
	overflow: hidden;
}

#product_bottom  .closer {
	text-align: right;
}

#product_bottom  .closer a {
	font-style: normal;
}

#top_colorchart ul li{
	width: 70px;
	height: 50px;
	padding: 0;
	margin: 0;
	float: left;
}

#top_colorchart ul li a, #top_colorchart ul li a:visited{
	background: none;
	border: none;
}

#top_colorchart ul li a:hover{
	background: none;
	border: none;
}

#bigpic {
	float: right;
	width: 140px;
	height: 170px;
	padding:  0 37px 33px 30px;
	text-align: center;
}

#bigpic img {
	border: 1px solid #E8E1E6;
}

/*  Contact Form CSS */

#contactform_wig {
	position: static;
	overflow: hidden;
	
}

#contactform_wig .inner {
	padding: 0 0 20px 25px;
	margin-bottom: 14px;
	float: left;
}

#contactform_wig input {
	width: 130px;
	margin: 0;
	padding: 0;
}

#contactform_wig textarea {
	width: 350px;
	height: 145px;
}

.contact_left {
	float: left;
	width: 40%;
}

.contact_right {
	float: right;
	width: 60%;
}

.contactleft {
	display: block;
	padding: 4px;
	margin: 0;
}

.contactright {
	display: block;
	padding: 0;
	margin: 0;
}

#contactform_wig .submit {
	float: left;
	display: block;
	margin: 15px 0 0 0;
	background: url(images/gradient.jpg) repeat-x top left;
	border: 1px solid #9B7D93;
	border-top: 1px solid #E8E1E6;
	border-left: 1px solid #E8E1E6;
}

.contacterror {
	border: 1px solid #ff0000;
}

.contactsubmit {
}

/*-----------Related------------*/


#page_alt {
	display: block;
	clear: both;
}

#page_alt .wrapper {
	width: 760px;
	padding: 0;
}

#page_alt .related a {
	border: none;
}

#page_alt .related a:hover {
	background: none;
}

#page_alt h4 {
	color: #eee;
	padding: 5px 0 5px 25px;
	margin: 0;
}

#page_alt .inner {
	padding-top: 20px;
}

#page_alt .inner ul, #page .searchresults .inner ul {
	list-style: none;
	width: 100%;
	float: left;
	padding: 0;
	margin: 0;
}

#page_alt .inner li, #page .searchresults .inner li {
	margin: 0;
	float: left;
	display: block;
	height: 140px;
	width: 91px;
	padding: 0 0 0 36px;
}

#page_alt .inner li.first, #page .searchresults .inner li.first {
	padding-left: 15px;
}

#page_alt .inner a img, #page .searchresults .inner a img {
	border: none;
	margin-left: 13px;
}

#page_alt .inner a:hover, #page .searchresults .inner a:hover {
	background: none;
	text-decoration: none;
}

#page_alt .inner a:hover img, #page .searchresults .inner a:hover img {
	border: none;
}

#page_alt .inner a span , #page .searchresults .inner a span{
	display: block;
	text-align: center;
	width: 88%;
	padding: 0 0 0 12%;
	color: #eee;
}

#page_alt .inner a:hover span , #page .searchresults .inner a:hover span{
	text-decoration: underline;
}

/*
Searchresults
------------------------------------------*/

.search h2 {
	padding-left: 25px;
}

.search p {
	padding-left: 25px;
	padding-right: 25px;
}

#page .searchresults .inner a span {
	color: #333;
}

#page .searchresults .inner li {
	padding-bottom: 15px;
	padding-top: 15px;
}

.search .searchresults {
	background: url(images/separator.gif) repeat-x top left;
	margin-top: 25px;
}

p.search_top {
	padding: 2em 0 0 0;
}

#page p.search_bottom {
	padding: 0 0 2em 0;
	margin: 0;
}

p.search_nav {
	clear: both;
	text-align: center;
	width: 100%;
}

p.search_nav span, p.search_nav a {
	color: #999;
	font-family: Arial, Verdana, Sans-serif;
	border: 1px solid #E5E5E5;
	margin: 0 10px;
}

p.search_nav span {
	padding: 1px 5px;
}

p.search_nav a  {
	padding: 2px 1px 1px 1px;
}

* html p.search_nav a  {
	padding: 1px;
}

#page .searchresults p.search_nav a span {
	color: #999;
	border: none;
	margin: 0;
	display: inline;
	padding: 1px 5px;
	width: 100%;
	background: url(images/gradient.jpg) repeat-x 0px -5px;
}

#page .searchresults p.search_nav a:hover span{
	background: url(images/gradient.jpg) repeat-x 0px -9px;
}


/*
Posts
------------------------------------------*/

.post .posttitle {
	padding: 7px 0 5px 0;
}

.post {
	padding: 0 0 8px 7px;
	margin-bottom: 0px;
	background: url(images/post_divider.jpg) no-repeat 0% 100%;
}

.entry {
	font-size: 0.9em;
	margin: 15px 0 8px 0;
	padding: 0;
}
.entry p {
	margin: 5px 0 0 0;
	padding: 0;
}

.postmetadata {
	padding-top: 9px;
	margin-top: 5px;
	background: url(images/smallline.gif) no-repeat 0% 0%;
	color: #6F9300;
	font-size: 0.75em;
}



.alignleft {
	float: left;
}

.alignright {
	float: right;
}

/*
Comments
------------------------------------------*/

#comments {
	padding: 0 0 15px 10px;
	color: #999;
	font-size: 1.5em;
	font-weight: normal;
}
.commentlist {
	list-style: none;
	padding: 0;
	margin: 0;
}

.commentlist li {
	padding-bottom: 15px;
}

.commentlist h4 {
	font-weight: bold;
	font-size: 1.2em;
	color: #000;
	display: inline;
}

.commentlist h4 a {
	color: #000
}

.commentlist h4 a:hover {
	color: #000;
}

.commentlist .commentmetadata a{
	color: #999;
}

.commentlist p {
	margin: 25px 15px 25px 10px;
	border-left: 10px solid #B7C97F;
	padding-left: 10px;
}
.commentlist .alt p {
	border-left: 10px solid #E0E0BE;
}

#respond {
	font-size: 1.5em;
	font-weight: normal;
}

#commentform input, #commentform textarea  {
	margin-left: 5px;
}

#commentform textarea {
	width: 490px;
}

#commentform #submit {
	padding: 0;
	background: #F1F1E3;
	border: none;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #C6C68A;
	border-right: 1px solid #C6C68A;
}

#commentform #submit:active {
	border:none;
}


/*
Searchform
------------------------------------------*/

#searchform input {
	margin-left: 25px;
	padding: 0 0 0 2px;
	width: 120px;
}

#searchform #searchsubmit {
	padding: 0;
	background: #F1F1E3;
	border: none;
	margin-top: 10px;
	width: 80px;
	border-bottom: 1px solid #C6C68A;
	border-right: 1px solid #C6C68A;
}


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

Footer

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

#footer {
	clear: both;
	border-top: 1px solid #000;
}

#footer .wrapper {
	width: 760px;
	padding: 30px 0 15px 0;
	color: #eee;
}

#footer a {
	border-bottom: 1px dotted #800000;
}

#footer a, #footer h3 {
	color: #eee;
}

#footer .wrapper div {
	float: left;
	width: 200px;
	padding: 0 22px 30px 28px;
	margin: 0;
}

/*IE hack*/
* html #footer .wrapper div {
	padding-bottom: 0;
}

#footer #openhours {
	padding-left:35px;
	padding-right: 25px;
}

#footer h3 {
	margin: 0 0 10px 0;
	line-height: 1.25em;
}

#footer ul {
	list-style: none;
	padding: 0 0 5px 0;
	margin: 0;
}

#footer ul li {
	padding: 0.85em 0 0 15px;
	margin: 0 0 0 3px;
	list-style: none;
	line-height: 1.4em;
}

#footer p {
	clear: both;
	border-top: 1px solid #800000;
	padding: 15px 0 0 25px;
	text-align: center;
}

 /* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
	visibility: hidden;
}

.sIFR-hasFlash h2 {
	visibility: hidden;
	font-size: 1.63em;
	line-height: 3.3em;
	padding: 0 3px 5px 0;
	margin-left: -3px;
}

.sIFR-hasFlash h3 {
	visibility: hidden;
	letter-spacing: -6px;
	font-size: 25px;
}

.sIFR-hasFlash h4 {
	visibility: hidden;
	letter-spacing: -5px;
	font-size: 21px;
}

.sIFR-hasFlash h5#pullquote {
	letter-spacing: -4px;
	visibility: hidden;
	font-size: 24px;
}