* {
	padding: 0;
	margin: 0;
}

#x {
clear:both;
}

body {
	background: #000 url(../images/twirl.jpg) top right no-repeat;
	color: #FFFFFF;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}

h1, h2, h3 {	
}

h1 {
font-weight:bold;
letter-spacing:-1px;
color:#333333;
display:inline;
}

h2 {
font-size:24px;
font-weight:bold;
letter-spacing:-1px;
color:#FCDA09;
}

h3 {
font-size:13px;
letter-spacing:0px;
color:#990000;
font-weight:bold;
text-transform:uppercase;
padding:0 10px;
text-align:center;
margin:0 0 10px 0;
}
h4 {
font-size:18px;
font-weight:bold;
letter-spacing:-1px;
color:#0093D3;
}
.emphasize {
color:#FCDA09;
font-weight:bold;
}

.emp-black {
color:#000000;
font-weight:bold;
}

.emp-grey {
color:#DDDDDD;
font-weight:bold;
}

.emp-red {
color:#0093D3;
font-weight:bold;
}
.emp-orange {
	color:#cc9900;
	font-weight:bold;
	font-size: 18px;
}


p, blockquote, ul, ol {
	margin-bottom: 10px;
	line-height: 1.6em;
	margin-left: 0px;
}

p {
}

p.basket {
border-bottom:1px dotted #666666;
font-size:11px;
text-align:center;
padding:5px 0 10px 0;
}

p.items {
font-size:11px;
text-align:left;
float:left;
padding:0 0 0 10px;
}

p.total {
font-size:11px;
text-align:right;
float:right;
padding:0 10px 0 0;
}

blockquote {
	margin-left: 2em;
	margin-right: 2em;
	padding: 1em 1em 0 1em;
	text-align: center;
	font-style: italic;
}

ul {
	list-style: none;
}

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

a:hover {
	text-decoration: none;
	color: #000000;
}

img {
}

/* Logo */

#header {
	text-align:center;
	width: 1024px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}

#header h1 {
	font-size: 18px;
	color: #FFFFFF;
}

#logo {
	float: left;
}

#digitsL {
float:left;
text-align:left;
font-size:14px;
margin:110px 0 0 0;
width:169px;
}

#digitsR {
	width:765px;
	float:right;
	text-align:right;
	font-size:16px;
	color: #000000;
	padding-right: 20px;
}

/* Wrapper */
#wrapper {
width: 1024px;
margin:0 auto;
}

#content {
	clear: both;
	width: 1000px;
	/*background:#E7E7E7 url(../images/ContentBG.gif) top repeat-x;*/
	margin: 0 auto 5px auto;
	padding-right: 12px;
	padding-left: 12px;
}
#content h3{
	display:inline;
	font-size: 18px;
	margin: 0 25px 0 -20px;

}

#content h3 a{
	text-decoration:underline;
}
#content ol{
	margin-left:30px;
}
#content li{
}
#products{
	float:left;
	width: 72px;
}
#products p{
	font-size:10px;
	margin-left:10px;
}
#description{
	float:left;
	margin: 0 0 0 20px;
	width: 300px;
}
#price{
	float: left;
}
#price input{
	background:none;
	border:none;
	margin:0;
}
#price .quanity{
	background: #FFF;
	border: 1px solid #CCC;
	color:#000000;
}
#description ul{
	list-style:circle;
	margin:0 0 0 40px;
}
#content a {
	color:#FFFFFF;
	text-decoration: none;
}

#content a:hover {
color:#0093D3;
}

#navigation {
	background:url(../images/navi.png) no-repeat;
	text-transform:uppercase;
	font-size:16px;
	margin: 0 0 10px 0;
	padding: 0;
	width:1024px;
	height:50px;
}

#navigation ul {
   
}

#navigation li {
	display:block;
	float:left;
	margin: 10px 30px 0 30px;
}

#navigation li:hover {
	color: #0082c8;
}

#navigation li.current {
}

#navigation a {
	font-weight:bold;
	color:#FFFFFF;
	text-decoration:none;
	padding: 0 0 25px 0;
}

#navigation a:hover {
font-weight:bold;
color:#0093d3;
text-decoration:none;
}

#navigation a.on {
font-weight:bold;
color:#0093d3;
text-decoration:none;
}
#navigation li ul {
	z-index:100;
	position: fixed;
	width:220px;
	left:-500px;
	top:175px;
	font-size:12px;
	background: #1A306A;
	height: 155px;
}

#navigation li:hover ul {
}

#navigation li:hover ul a {
	color:#FFFFFF;
	font-size:12px;
	text-decoration:none;
	line-height: -100;
}

#navigation li:hover ul a:hover{
color:#0093D3;
text-decoration:none
}

#navigation li:hover ul, #nav li.sfhover ul, #navigation li li:hover ul, #navigation li.sfhover ul, #navigation li li.sfhover ul {
	left: auto;
}
/* Column One */

#column-c {
	float: right;
	width: 300px;
}

#column-c .boxed {
	margin-bottom: 10px;
}

#column-c .boxed .title {
	height: 25px;
	text-transform: uppercase;
	font-size: 16px;
	letter-spacing:0px;
	color: #0093d3;
	font-weight: bold;
	padding: 5px 0 0 10px;
	border: 1px solid #666666;
	background:#000;
}

#column-c .boxed .content {
	padding: 15px 9px;
	border: 1px solid #666666;
	border-top: none;
	background:#000;
}

#column-c .boxed .content label {
	display: block;
	font-size: x-small;
	font-weight: bold;
}

#column-c .boxed .content .textfield {
	width: 172px;
	margin: 0 0 5px 0;
	padding: 3px 5px;
	border: 1px solid #CCCCCC;
	background: #FFFFFF;
	font: normal x-small Verdana, Arial, Helvetica, sans-serif;
	color: #464646;
}

#column-c .boxed .content .button {
	float: right;
	width: 85px;
	height: 18px;
	margin: 0 0 5px 0;
	padding: 0 0 3px 0;
	border: 1px solid #CCCCCC;
	background: #FCDA09;
	font: normal x-small Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
}

#column-c .boxed .content .button:hover {
background:#666666;
color:#FFFFFF;
}

#column-c .boxed .content .tiny {
	clear: both;
	margin: 0;
	font-size: 11px;
}

#column-c .boxed .content .tiny a {
	padding: 0 0 0 12px;
	background: url(../images/Bullet.gif) no-repeat left;
	color:#990000;
}

#column-c .boxed .content .tiny a:hover {
	color:#000000;
}

/* Column Two */

#column-b {
	float: left;
	width: 650px;
}
#column-blong {
	float: left;
	width: 1000px;
}
#column-b img{
	margin:0 50px 10px 0;
	float: left;
}

#column-b .boxed {
	margin-bottom: 10px;
}

#column-b .boxed .title {
	height: 25px;
	text-transform: uppercase;
	font-size: 16px;
	letter-spacing:0px;
	color: #0093d3;
	font-weight: bold;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 10px;
	border: 1px solid #666666;
	background:#000;
}

#column-b .boxed .content {
	padding: 20px;
	border: 1px solid #666666;
	border-top: none;
	background:#000;
}

#column-b .boxed .content .button {
	float: right;
	width: 85px;
	height: 18px;
	margin: 0 0 5px 0;
	padding: 0 0 3px 0;
	border: 1px solid #CCCCCC;
	background: #FCDA09;
	font: normal x-small Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
}

#column-b .boxed .content .button:hover {
background:#666666;
color:#FFFFFF;
}

#column-blong img{
	margin:0 10px 10px 0;
	float: left;
}

#column-blong .boxed {
	margin-bottom: 10px;
}

#column-blong .boxed .title {
	height: 25px;
	text-transform: uppercase;
	font-size: 16px;
	letter-spacing:0px;
	color: #0093d3;
	font-weight: bold;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 10px;
	border: 1px solid #666666;
	background:#000;
}

#column-blong .boxed .content {
	padding: 20px;
	border: 1px solid #666666;
	border-top: none;
	background:#000;
}

#column-blong .boxed .content .button {
	float: right;
	width: 85px;
	height: 18px;
	margin: 0 0 5px 0;
	padding: 0 0 3px 0;
	border: 1px solid #CCCCCC;
	background: #FCDA09;
	font: normal x-small Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
}

#column-blong .boxed .content .button:hover {
background:#666666;
color:#FFFFFF;
}
#feature {
	float:left;
	width:145px;
	padding-right: 15px;
	padding-left: 15px;
}

/* Column Three */

#column-a {
	float: left;
	width: 1000px;
	margin-bottom: 10px;
}

#column-a .boxedb {
	width: 300px;
	float: left;
	margin: 0 0px 10px 0;
}
#column-a .boxedb .title {
	height: 25px;
	text-transform: uppercase;
	letter-spacing:0px;
	font-size: 16px;
	color: #0093d3;
	font-weight: bold;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 10px;
	border: 1px solid #666666;
	background:#000;
}

#column-a .boxedb .content {
	padding: 13px 9px;
	border: 1px solid #666666;
	border-top: none;
	background:#000 url(../images/boxbg.png);
	height: 145px;
}

#column-a .boxedb .content li {
list-style-image:url(../images/Bullet.gif);
margin:0 0 10px 15px;
font-size:13px;
font-weight:bold;
}

#column-a .boxedb .content li a {
text-transform:uppercase;
color:#FFFFFF;
}

#column-a .boxedb .content li a:hover{
color:#0093D3;
}

#column-a .boxed {
	width: 300px;
	float: left;
	margin: 0 50px 10px 0;
}
#column-a .boxed .title {
	height: 25px;
	text-transform: uppercase;
	letter-spacing:0px;
	font-size: 16px;
	color: #0093d3;
	font-weight: bold;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 10px;
	border: 1px solid #666666;
	background:#000;
}

#column-a .boxed .content {
	padding: 13px 9px;
	border: 1px solid #666666;
	border-top: none;
	background:#000 url(../images/boxbg.png);
	height: 145px;
}

#column-a .boxed .content li {
list-style-image:url(../images/Bullet.gif);
margin:0 0 10px 15px;
font-size:13px;
font-weight:bold;
}

#column-a .boxed .content li a {
text-transform:uppercase;
color:#FFFFFF;
}

#column-a .boxed .content li a:hover{
color:#0093D3;
}
#column-a .boxed .content label {
	display: block;
	font-size: x-small;
	font-weight: bold;
}

#column-a .boxed .content .textfield {
	width: 172px;
	margin: 0 0 5px 0;
	padding: 3px 5px;
	border: 1px solid #C8C8C8;
	background: #FAFAFA url(../images/img04.gif) repeat-x;
	font: normal x-small Verdana, Arial, Helvetica, sans-serif;
	color: #464646;
}





#column-a .boxed .content .tiny {
	clear: both;
	margin: 0;
	font-size: 11px;
}

#column-a .boxed .content .tiny a {
	padding: 0 0 0 12px;
	background: url(../images/Bullet.gif) no-repeat left;
	color:#FFFFFF;
}

#column-a .boxed .content .tiny a:hover {
	color:#000000;
}


.products {
text-align:center;
}

.products img {
border:1px solid #333333;
}

.email {
line-height:14px;
margin:2px 0 7px 0;
padding:0 0 0 45px;
background:url(../images/Email.png) top left no-repeat;
height:30px;
}

.details {
padding:10px;
font-size:11px;
line-height:12px;
}

#textrotator {
font-size:12px;
background:url(../images/Records.png) bottom no-repeat;
padding:0 0 100px 0;
}

/* Footer */

#footer {
	text-align:center;
	clear: both;
	color:#FFFFFF;
}

#footer p {
	font-size: 11px;
}

#footer a {
color:#CCCCCC;
}

#footer a:hover {
color:#FFFFFF;
}

/* Carousel */

#carousel{
width:1024px;
height:400px;
padding:0;
z-index:-1;
margin:0 0 20px 0;
}

.stepcarousel{
position:relative; /*leave this value alone*/
padding:0;
overflow:scroll; /*leave this value alone*/
width:1020px; /*Width of Carousel Viewer itself*/
height:400px;
margin:0;
}

.stepcarousel .belt{
position:absolute; /*leave this value alone*/
left:0;
top:0;
}

.stepcarousel .panel{
float:left; /*leave this value alone*/
overflow:hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin:0; /*margin around each panel*/
width:1020px;
height:400px;
padding:0;
}

#mygallery2{
position:relative; /*leave this value alone*/
padding:0;
overflow:scroll; /*leave this value alone*/
width:270px; /*Width of Carousel Viewer itself*/

margin:0;
}
#carousel2{
padding:0;
z-index:-1;
margin:0 0 20px 0;
}
#mygallery2 .belt{
position:absolute; /*leave this value alone*/
left:0;
top:0;
}

#mygallery2 .panel{
float:left; /*leave this value alone*/
overflow:hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin:0; /*margin around each panel*/
width:270px;
padding:0;
}
.stepcarousel2{
position:relative; /*leave this value alone*/
padding:0;
overflow:scroll; /*leave this value alone*/
width:270px;
height:170px;
margin:0;
}
#mygallery-paginate {
width:1000px;
height:25px;
text-align:right;
z-index:2;
position:relative;
}
/* Form */

input, textarea, select {
	font-size: 13px;
	color: #FFF;
	border: 1px solid #CCCCCC;
	margin:0 0 3px 0;
	padding:2px 5px 2px 5px;
	background: #5C5C5C;
}

form {
text-align:left;
margin:11px 5px;
}

.states{
width: 55px;
padding:1px 5px;
}

.threeinputs {
width: 64px;
}

.twoinputs {
width: 120px;
}

.oneinput {
width: 256px;
}

.comments{
width: 305px;
height:25px;
}

.button {
	color: #FFF;
	width: 268px;
	margin:0;
	height:20px;
	border:none;
	background:#DDDDDD url('../images/BarBG.gif');
}

.button:hover {
	color: #999999;
	background:#DDDDDD url('../images/BarBGflip.gif');
}
/* HighSlide */

.highslide-container div {
   
    font-size: 10px;
}
.highslide-html {
    background-color: white;
}
.highslide-html-blur {
}
.highslide-html-content {
	position: absolute;
    display: none;
}
.highslide-loading {
    display: block;
	color: black;
	font-size: 8pt;
	font-family: sans-serif;
	font-weight: bold;
    text-decoration: none;
	padding: 2px;
	border: 1px solid black;
    background-color: white;
    padding-left: 22px;
    background-image: url(../highslide/graphics/loader.white.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
}
a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
}


/* Styles for the popup */
.highslide-wrapper, .rounded-white {
	background-color: white;
}
.highslide-wrapper .highslide-html-content {
    width:1000px;
	height:auto;
    padding: 0 5px 5px 5px;
}
.highslide-wrapper .highslide-header {
	padding-bottom: 5px;
}
.highslide-wrapper .highslide-header ul {
	margin: 0;
	padding: 0;
	text-align: right;
}
.highslide-wrapper .highslide-header ul li {
	display: inline;
	padding-left: 1em;
}
.highslide-wrapper .highslide-header ul li.highslide-previous, .highslide-wrapper .highslide-header ul li.highslide-next {
	display: none;
}
.highslide-wrapper .highslide-header a {
	font-weight: bold;
	color: gray;
	text-transform: uppercase;
	text-decoration: none;
}
.highslide-wrapper .highslide-header a:hover {
	color: black;
}
.highslide-wrapper .highslide-header .highslide-move a {
	cursor: move;
}
.highslide-wrapper .highslide-footer {
	height: 15px;
}
.highslide-wrapper .highslide-footer .highslide-resize {
	float: right;
	margin-top: 4px;
	height: 11px;
	width: 11px;
	background: url(../highslide/graphics/resize.gif);
}
.highslide-wrapper .highslide-body {
}
.highslide-move {
    cursor: move;
}
.highslide-resize {
    cursor: nw-resize;
}
.highslide-container div {
	font-family: Verdana, Helvetica;
	font-size: 10pt;
}
.highslide {
	outline: none;
	text-decoration: none;
}
.highslide img {
	border: none;
	
}
.highslide:hover img {
	border-color: gray;
}
.highslide-active-anchor img {
	visibility: hidden;
}
.highslide-gallery .highslide-active-anchor img {
	border-color: black;
	visibility: visible;
	cursor: default;
}
.highslide-image {
	border-width: 2px;
	border-style: solid;
	border-color: white;
	background: gray;
}
.highslide-wrapper, .highslide-outline {
	background: white;
}
.glossy-dark {
	background: #111;
}
.highslide-image-blur {
}
.highslide-number {
	font-weight: bold;
	color: gray;
}
.highslide-caption {
	display: none;
	border-top: none;
	font-size: 1em;
	padding: 5px;
	background: white;
}
.highslide-heading {
	display: none;
	font-weight: bold;
	margin: 0.4em;
}
.highslide-dimming {
	position: absolute;
	background: black;
}
a.highslide-full-expand {
   background: url(graphics/fullexpand.gif) no-repeat;
   display: block;
   margin: 0 10px 10px 0;
   width: 34px;
   height: 34px;
}
.highslide-loading {
	display: block;
	color: black;
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	padding: 3px;
	border: 1px solid white;
	background-color: white;
	padding-left: 22px;
	background-image: url(graphics/loader.white.gif);
	background-repeat: no-repeat;
	background-position: 3px 1px;
}
a.highslide-credits,
a.highslide-credits i {
	padding: 2px;
	color: white;
	text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
	color: white;
	background-color: gray;
}
.highslide-move, .highslide-move * {
	cursor: move;
}
.highslide-overlay {
	display: none;
}
/* Example of a semitransparent, offset closebutton */
.closebutton {
	position: relative;
	top: -15px;
	left: 15px;
	width: 30px;
	height: 30px;
	cursor: pointer;
	background: url(graphics/close.png);
	/* NOTE! For IE6, you also need to update the highslide-ie6.css file. */
}



/*****************************************************************************/
/* Styles for the HTML popups											     */
/* Remove these if you are not using Highslide HTML						     */
/*****************************************************************************/
.highslide-maincontent {
	display: none;
}
.highslide-html {
	background-color: black;
}
.highslide-html-content {
	display: none;
	width: 400px;
	padding: 0 5px 5px 5px;
}
.highslide-header {
	padding-bottom: 5px;
}
.highslide-header ul {
	margin: 0;
	padding: 0;
	text-align: right;
}
.highslide-header ul li {
	display: inline;
	padding-left: 1em;
}
.highslide-header ul li.highslide-previous, .highslide-header ul li.highslide-next {
	display: none;
}
.highslide-header a {
	font-weight: bold;
	color: gray;
	text-transform: uppercase;
	text-decoration: none;
}
.highslide-header a:hover {
	color: black;
}
.highslide-header .highslide-move a {
	cursor: move;
}
.highslide-footer {
	height: 11px;
}
.highslide-footer .highslide-resize {
	float: right;
	height: 11px;
	width: 11px;
	background: url(graphics/resize.gif);
}
.highslide-body {
}
.highslide-resize {
	cursor: nw-resize;
}