/* 1. GENERAL
-----------------------------------------------------------------------------------------------
===============================================================================================*/	

body {
   color:#000;
   background:#494949 url(../images/bg.jpg) repeat-x center top;
   font-family:Arial, Helvetica, sans-serif;
   font-size: 62.5%;
   height:100%;
   margin:0;}

* {
   margin:0;
   padding:0;
   }

/* 1.1	Headings and paragraphs
-----------------------------------------------------------------------------------------------*/	


/* 1.2	Forms
-----------------------------------------------------------------------------------------------*/	
input, textarea, select {
	font-family:Arial, Helvetica, sans-serif;}


/* 1.3	Links
-----------------------------------------------------------------------------------------------*/	
a:link, a:visited {
	color:#cc6600;}

a:hover, a:active {
 color:#666;}


/* 1.4	Miscellaneous
-----------------------------------------------------------------------------------------------*/	
hr { 
	display: none; }

img {
	border: none; }

fieldset br{
 clear:left;}
 
fieldset{
 border:none;}

fieldset select,
input.text{
 border-top:2px solid #969696;
 border-left:2px solid #969696;
 border-right:2px solid #fbfbfb;
 height:18px;
 margin: 0 0 4px 0;
 font-size:12px;
 color:#787878;
 border-bottom:2px solid #fbfbfb;}
 
.contact {
	font-size: 11px;
} 
.contact input.inputbox-sm {
 border: 1px solid #181818;
 background: #ada799;
 height:18px;
 margin: 0;
 padding: 2px;
 font-size:12px;
 color:#000;
 width: 250px;
}

.contact textarea.inputbox-lrg {
 border: 1px solid #181818;
  background: #ada799;
 height:80px;
  padding: 2px;
 margin: 0;
 font-size:12px;
 color:#000;
  width: 250px;
}
.contact input.button {
	border-style: solid;
	border-width: 1px;
	border-color: #181818;
	background: #333333;
	color: #ffffff;
	padding: 3px 6px 3px 6px;
}
.contact .formlabel {
	padding: 2px 5px 0 0;
	vertical-align: top;
}

/* 2. GENERAL ELEMENTS
-----------------------------------------------------------------------------------------------
===============================================================================================*/	
.clear {
	clear: both;
	font-size: 0;
	height: 0;
	line-height: 0;
	overflow: hidden;}
	
.clearfix:after { /* clear floats */
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;}

.clearfix {display:inline-block;}

/* Hides from IE-mac \*/
.clearfix {display: block;}
/* End hide from IE-mac */

/* 3. LAYOUT
-----------------------------------------------------------------------------------------------
===============================================================================================*/
#container{}

#header{
 width: 495px;
 height:93px;
 margin: 0 auto;
 padding: 0 0 0 210px;}

#nav{
 background:url(../images/bg_nav.png) repeat-x center top;
 height:25px;}

#content{
 width: 705px;
 margin: 7px auto 0 auto;}


#footer {
 padding: 11px 0 0 0;
 width: 705px;
 margin: 0 auto;}

/* 3.1 HEADER
-----------------------------------------------------------------------------------------------
===============================================================================================*/
#header a{
 text-indent:-99999px;
 overflow:hidden;
 display:block;}
 
.logo{
 background:url(../images/logo.png) no-repeat top left;
 width: 312px;
 height:92px;
 float:left;}

.shopping-bag{
 float:right;
 background:url(../images/shoppingbag.png) no-repeat top left;
 width: 112px;
 height:91px;}


/* 3.2 NAVIGATION
-----------------------------------------------------------------------------------------------
===============================================================================================*/
ul#main-nav{
 list-style-type: none;
 width: 705px;
 margin: 0 auto;}

ul#main-nav li {
 float:left;}

ul#main-nav li a{
 display:block;
 float:left;
 padding: 7px 25px 0 25px;
 height:18px;}

ul#main-nav li a:hover,
ul#main-nav li.active a{
 background:url(../images/nav_hover.gif) repeat-x top left;}

ul#main-nav li a span{
 display:block;
 text-indent:-999px;
 overflow:hidden;
 height:15px;}

ul#main-nav li a.amerikilt span{
 background:url(../images/nav_amerikilts.png) no-repeat top left;
 width: 76px;}

ul#main-nav li a.accessories span{
 background:url(../images/nav_accessories.png) no-repeat top left;
 width: 85px;}

ul#main-nav li a.tshirts span{
 background:url(../images/nav_tshirts.png) no-repeat top left;
 width: 54px;}

ul#main-nav li a.gallery span{
 background:url(../images/nav_customergallery.png) no-repeat top left;
 width: 126px;}

ul#main-nav li a.contact span{
 background:url(../images/nav_contactus.png) no-repeat top left;
 width: 79px;}

/* 3.2 CONTENT
-----------------------------------------------------------------------------------------------
===============================================================================================*/
#sidebar{
 background:url(../images/bg_sidenav.png) no-repeat top left;
 width: 119px;
 height:540px;
 padding: 19px 0 0 20px;
 float:left;}

#sidebar h3{
 color:#4e0a0a;
 font-size:1.2em;
 margin: 0 0 5px 0;
 text-transform:uppercase;
 text-decoration:underline;}

dl#side-nav{
 font-size:1.2em;
 position:relative;
 z-index:10;}

dl#side-nav dt{
 font-weight:bold;
 padding: 0 0 5px 0;}

dl#side-nav dd{
 padding: 0 0 5px 11px;}

dl#side-nav a{
 color:#000 !important;
 text-decoration:none !important;}

dl#side-nav a:hover{
 color:#FFF !important;}

#main-content{
 width: 555px;
 border-bottom:1px solid #666666;
 padding: 0 0 5px 0;
 min-height:545px;
 height:auto !important;
 height:545px;
 float:right;}


/* Banner Image */
#banner img.left{
 float:left;}

#banner .right-side{
 width: 351px;
 float:left;}

#banner .pic a{
 /*position:absolute;
 color:#FFF !important;
 background:url(../images/bullet_whitearrow.gif) no-repeat right 3px;
 padding: 0 12px 0 0;
 font-size:1.4em;
 margin: 240px 0 0 25px;
 text-decoration:underline !important;*/}

#banner .pic a:hover{
 /*text-decoration:none !important;*/}

#banner .pages{
 height: 20px;
 padding: 6px 0 0 0;
 color:#FFF;
 text-align:right;
 width: 350px;
 overflow: hidden;
 background:#5e0203;}
.pagepadder {
	padding-left: 200px;
}
#banner .pages span{
 float:right;}

#banner .pages a{
 padding:0 3px;
 text-decoration:none !important;
 background:#600102;
 text-align:center;
 border:1px solid #390303;
 display:block;
 float:left;
 margin: 0 0 0 5px;
 color:#FFF !important;}

#banner .pages a:hover{
 background:#FFF;
 color:#390303 !important;}

/* History */
#history {
 background:url(../images/bg_history.gif) no-repeat top left;
 width: 254px;
 height:177px;
 float:left;
 padding: 30px 10px 0 90px;}

#history  h2{
 background:url(../images/header_americankilt.gif) no-repeat top left;
 width: 225px;
 height:18px;
 text-indent:-99999px;
 overflow:hidden;}

#history p{
 font-size:1.1em;
 padding: 5px 0 0 5px;}

/* Perfect addition */
.addition{
 width: 196px;
 float:right;
 margin: 15px 0 0 0;
 border:1px solid #606060;}

.addition p{
 padding: 7px 0 2px 5px;
 background:#610102;}

.addition p span{
 text-indent:-9999px;
 overflow:hidden;
 display:block;}

.addition p span.perfectaddition{
 background:url(../images/header_perfectaddition.gif) no-repeat top left;
 width: 187px;
 height:34px;}

/* Newsletter */
#newsletter{
 clear:both;
 padding: 15px 0 0px 10px;}

#newsletter p{
 width: 307px;
 font-size:1.2em;
 color:#cccccc;
 font-weight:bold;
 float:left;}
 
#newsletter fieldset{
 float:right;
 width: 221px;}

#newsletter input.text{
 width: 149px;
 height:14px;
 background:#FFF;
 color:#000;
 font-size:11px;
 vertical-align:middle;
 margin: 0 5px 0 0;
 border:2px solid #808080;
 border-right:1px solid #d4d0c8;
 border-bottom:1px solid #d4d0c8;}

#newsletter input.button{
 background:#2f2f2f;
 font-size:12px;
 color:#FFF;
 font-weight:bold;
 text-align:center;
 width: 57px;
 height: 19px;
 vertical-align:middle;
 border:none;}

/* Product Page */
#product-pics{
 width: 272px;
 margin: 10px 0 0 0;
 text-align: center;
 float:left;}

#product-pics .main-pic{
 margin: 0 0 15px 0;}

#product-pics .thumb-pic{
 color:#c4c4c4;
 font-size:1em;
 text-align: left;
 text-transform:uppercase;}
#product-pics .thumb-pic p.details {
	clear: both;
	padding-top: 10px;
}
#product-pics .thumb-pic a {
	color: #c4c4c4;
	text-decoration: underline;
}
#product-pics .thumb-pic a:hover {
	text-decoration: none;
} 
#product-pics .thumb-pic ul {
	list-style-type: none;
}
#product-pics .thumb-pic li{
 float:left;
 margin: 10px 4px 0 0;}

#product-pics .thumb-pic li img{
 border:1px solid #313131;}

#product-info{
 float:right;
 color:#c4c4c4;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 margin: 10px 0 0 0;
 width: 248px;}

#product-info a{
 color:#c4c4c4 !important;
 text-decoration:underline;}
 
#product-info h2,
#featured-item h4{
 font-size:1.8em;
 color:#FFF;}

#product-info h3,
#featured-item h5{
 color:#FFF;
 font-size:1.2em;
 font-weight:normal;
 margin: 0 0 18px 0;}

#product-info .price{
 text-transform:uppercase;
 padding: 0 0 27px 0;}

#product-info .price span{
 display:block;
 font-weight:bold;
 font-size:1.8em;}

#product-info fieldset{
 margin: 0 0 15px 0;}

#product-info fieldset label{
 width: 42px;
 display:block;
 float:left;
 margin: 4px 0 0 0;
 text-transform:uppercase;}
 
#product-info fieldset select.size{
 width:98px;}

#product-info fieldset input.text{
 width: 15px;}

#product-info fieldset .add{
 margin: 20px 0 0 0;}

#product-info .links{
 margin: 0 0 20px 0;}

#product-info .links a{
 display:block;
 margin: 5px 0 0 0;}

#product-info .more-details h4{
 text-transform:uppercase;
 font-size:1.2em;
 margin: 0 0 4px 0;}

#product-info .more-details p{
 font-size:1.1em;}
#product-info .more-details ul {
	list-style-type: square;
	margin: 0;
	padding: 0 0 0 15px;
} 
#product-info .more-details li {
	font-size:1.1em;
	padding-bottom: 5px;
}

/* Catalog Page */
#featured-item{
 padding: 10px 0 22px 0;}

#featured-item h2{
 font-size:2.4em;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 color:#FFF;
 margin: 0 0 12px 0;}

#featured-item h3{
 color:#a3a3a3;
 background:#151515;
 font-size:1.2em;
 padding: 4px 8px;}

#featured-item h4{
 padding: 15px 0 0 0;}
 
#featured-item img.main{
 float:left;}
#featured-item .subcat {
	float: left;
	width: 210px;
}
#featured-item .subcat p {
	margin-top: 10px;
}
#featured-item .info{
 float:right;
 width: 336px;}

#featured-item .item{
 padding: 10px 5px;}

#featured-item .item img{
 float:left;
 margin: 0 15px 0 0;}

#featured-item .links{
 background:#151515;
 font-size:1.1em;
 padding: 7px 10px;}

#featured-item .links a{
 display:block;
 margin: 0 0 4px 0;
 color:#a3a3a3 !important;}

#featured-item .item p a{
 color:#FFF !important;
 font-size:1.2em;}
 
#catalog .category{
 width: 178px;
 float:left;
 margin: 0 10px 15px 0;}

#catalog .category h3{
 text-align:center;
 color:#a3a3a3;
 background:#151515;
 padding: 8px 0;}

#catalog .category ul{
	list-style-type: none;
 margin: 10px 0 0 10px;}

#catalog .category ul li{
 background:url(../images/bullet_catalog.gif) no-repeat left 6px;
 padding: 0 0 5px 15px;
 font-size:1.1em;}

#catalog .category ul li a{
 color:#FFF !important;
 text-decoration:underline;}

#catalog .last{
 margin:0;}
 
/* Regular text content (eg contact) page */
#text-content {
	color: #fff;
	
}
#text-content h2{
 font-size:2.4em;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 color:#FFF;
 margin: 0 0 12px 0;}
#text-content p {
	margin: 1em 0 1em 0;
	font-size: 1.2em;
}
  
/* 3.5 FOOTER
-----------------------------------------------------------------------------------------------
===============================================================================================*/
#footer .copy{
 color:#FFF;
 float:left;
 width: 300px;}

#footer a{
 color:#FFF !important;
 text-decoration:underline !important;}

#footer span.number{
/* float:right;*/
 background:url(../images/phonenumber.gif) no-repeat top left;
 width: 171px;
 height:20px;
 text-align: left;
 display:block;
 text-indent:-9999px;
 overflow:hidden;
 clear: right;}
 
.bookmarks {
	/*float: right;*/
	padding-bottom: 4px;
	text-decoration: none;
	color: #494949;
}
.bookmarks a {
	text-decoration: none;
}
.numberwrap {

}
.bookmarktext {
	display: inline;
	color: #fff;

}
.bookmarkicons {
	display: inline;
	/*float: right;*/
}
.farright {
	float: right;
	text-align: right;
}
.paypal {
	float: right;
	padding-right: 8px;
}