@charset "UTF-8";
body {
font-family:arial, Helvetica, sans-serif;
background-color: #b31e21;
color:#666666;
font-size:13px;
margin:0px;
}

.wrap{
	width: 100%;
	background-image:url(images/bg.jpg);
	background-repeat:repeat;
}

.wrapper{
	width: 1223px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}

.header{
width:1223px;
height:398px;
margin-left:auto;
margin-right:auto;
background-image:url(images/header-bg.jpg);
background-repeat:no-repeat;
background-position: left;
position:relative;
}

.contact-us{
position:absolute;
top:28px;
right:298px;
}

.navigation{
width:410px;
position:absolute;
top:80px;
left:207px;
font-size:14px;
font-weight:bold;
color:#FFFFFF;
text-transform:uppercase;
}

.navigation a{
	color:#FFFFFF;
	text-decoration:none;
}

.navigation a:hover{
	color:#f0a3a7;
	text-decoration:none;
}

.navigation ul{
	padding: 0px;
	margin: 0px;
	list-style-type: none;
}

.navigation li{
	display: inline;
	margin-left: 15px;
	margin-right: 15px;
}

.logo{
	position:absolute;
	top:156px;
	left:201px;
}

.intro{
	width:488px;
	position:absolute;
	left:101px;
	top:204px;
	font-size:14px;
}


#flash{
	width:282px;
	height:279px;
	position:absolute;
	top:113px;
	right:295px;
}

.contents{
	width: 882px;
	margin-left:auto;
	margin-right:auto;
	padding-right: 205px;
}

.contents .wrap{
	background: none;
}

.left{
	width:557px;
	min-height: 255px;
	background-color:#FFFFFF;
	border:#06065a 1px solid;
	margin-top:18px;
	background-image:url(images/left-bg.jpg);
	background-repeat:no-repeat;
	float: left;
	padding: 28px 40px 45px 24px; 
}

.left h1{
	padding-top: 0px;
	margin-top: 0px;
}

.left-column{
	width: 258px;
	padding-right: 11px;
	float: left;
}

.right-column{
	width: 268px;
	padding-left: 10px;
	float: right;
}

.right{
	width:242px;
	margin-top:18px;
	background-color:#bd2b33;
	background-image:url(images/right-bg.jpg);
	background-repeat: repeat-y;
	float:left;
	position:relative;
	color: #FFFFFF;
	padding-bottom: 20px;
}

.right-top{
	position: absolute;
	top: 0px; left: 0px;
	background-image: url(images/right-top.jpg);
	width: 242px;
	height: 98px;
}

.right-text{
	position: relative;
	z-index: 9;
	margin-top: 16px;
	margin-left: 24px;
	width: 198px;
}

.right-text ul{
	list-style-type: none;
	line-height: 24px;
	padding-left: 5px;
	margin-left: 0px;
}

.right-bottom{
	position: absolute;
	bottom: -11px; left: 0px;
	background-image: url(images/right-bottom.jpg);
	background-repeat: no-repeat;
	width: 242px;
	height: 11px;
}

.right a{
	color: #FFFFFF;
}

.right a:hover{
	color: #f0a3a7;
}

.footer{
	width: 100%;
	height: 108px;
	background-image: url(images/footer-bg.jpg);
	background-repeat: repeat-x;
	margin-top: 30px;
	color: #FFFFFF;
	font-size: 12px;
	text-transform: uppercase;
}

.footer-wrap{
	width: 872px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 25px;
	padding-right: 215px;
}

.footer-left{
	width: 300px;
	float: left;
}

.footer-right{
	width: 572px;
	float: right;
	text-align: right;
}

.footer-right ul{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

.footer-right li{
	display: inline;
	margin-left: 8px;
	margin-right: 8px;
}

.footer a{
	color: #FFFFFF;
	text-decoration: none;
}

.footer a:hover{
	color: #FFFFFF;
	text-decoration: underline;
}

.small{
	font-size: 11px;
	padding-right: 8px;
	padding-top: 8px;
	margin: 0px;
	color: #e0dfdf;
}

.small a{
	color: #e0dfdf;
}

.red-line{
	width: 100%;
	position: absolute;
	top: 0px; left: 0px;
	background-image: url(images/red-line.jpg);
	background-repeat: repeat-x;
	height: 15px;
}


.intro h1{
	margin-bottom: 0px; padding-bottom: 5px;
}

.intro p{
	margin-top: 0px; padding-top: 0px;
}

.clear{
	clear: both;
}

h1, h2, h3, h4{
	color:#292e56;
	font-weight:normal;
}

h1{
	font-size:25px;
}

h2{
	font-size: 20px;
}

h3{
	font-size: 18px;
}

h4{
	font-size: 16px;
}

a{
	color: #666666;
}

a:hover{
	color: #292e56;
}

.formstyle{
	background-image: url(images/form-bg.jpg);
	border: none;
	width: 188px;
	color: #999999;
	height: 24px;
	padding-left: 10px;
	padding-top: 10px;
	background-repeat: no-repeat;
	padding-right: 10px;
}

.textarea{
	background-image: url(images/ta-bg.gif);
	border:  #c8c8c8 1px solid;
	width: 188px;
	padding-left: 10px;
	padding-top: 10px;
	padding-right: 10px;
	color: #999999;
}

.submit{
	background-image: url(images/submit.gif);
	border: none;
	width: 208px;
	height: 34px;
}

/* FLASH */

@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
  }
  
  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }
}

@media print {
  .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  }
  
  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
  .sIFR-active h1 {
    font-family: Verdana;
    visibility: hidden;
	font-size: 22px;
  }
}

.white{
color: #FFFFFF; 
font-size: 20px;
}

.products{
	padding-bottom: 20px;
	margin-bottom: 40px;
	border-bottom: #999 1px solid;
}

.product-image{
	width: 150px;
	float:left;
}

.product-image img{
	border:  #999999 1px solid;
}

.post-right{
	width: 380px;
	float: right;
	padding-left: 20px;
}

.products{
	position: relative;
}

.products h2{
	padding-top: 0px;
	margin-top: 10px;
}

.pricedisplay{
	font-size: 14px;
	font-weight: bold;
}

.wpsc_buy_button{
	background-image: url(images/order-btn.jpg);
	width: 166px;
	height: 32px;
	border: none;
	position: absolute;
	right: 10px;
	bottom: 20px;
}

.wpsc_buy_button value{
	color: #00FF00;
}

.cart{
	width: 195px;
	background-image: url(images/cart-bg.jpg);
	position: absolute;
	padding-top: 51px;
	padding-left: 10px;
	padding-bottom: 20px;
	top: 110px;
	left: 960px;
}

#dockcontent0{
	width: 195px;
	background-image: url(images/cart-bg.jpg);
	position: absolute;
	padding-top: 51px;
	padding-left: 10px;
	padding-bottom: 20px;
	top: 110px;
	left: 960px;
}

.cart-top{
	width: 205px;
	height: 51px;
	background-image: url(images/cart-top.jpg);
	position: absolute;
	top: 0px;
	left: 0px;
}

.cart-contents{
	margin-top: -30px;
	position: relative;
	z-index: 9;
}