/* General page styles ---------------------------------------------------- */
body, html {
	margin: 0px;
	padding: 0px;
	color: black;
	background-color: white;
}

body, input, textarea {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 90%;
}

select, option {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 100%;
}
code, pre, tt {
	font-family: Courier, "Courier New", monospace;
}
pre {
	background-color: #ddd;
	text-align: left;
}

ul {
	margin-left: 3px;
	margin-top:0px;
	margin-bottom:0px;
}

/* div { border: #000 1px solid; } */

a, a:visited {
	color: #333;
	background-color: transparent;
}

a:hover {
	color: #000099;
	background-color: transparent;
}

a:active {
	color: #0000ff;
	background-color: transparent;
}

h1, h2, h3, h4, h5 {
	font-weight: bold;
	color: #000066;
	background-color: transparent;
}
h1 { font-size: 130%; }
h2 { font-size: 125%; }
h3 { font-size: 110%; }
h4 { font-size: 100%; }

img {
	border: 0px;
}

#leftbox {
	position: absolute;
	left: .2em;
	width: 179px;
	background-color: #fff;
	color: #000;
	padding-top: 0; 
	min-width: 179px;
	max-width: 179px;
	}
  
#header {
	height: 120px;
	min-width: 800px;
	max-width: 1200px;
	width:expression(document.body.clientWidth < 800? "800px" : document.body.clientWidth > 1200? "1200px" : "auto");
	white-space: nowrap;
}

#container {
  margin-left: 190px;
  overflow: hidden;
  padding: .1em;
  }

#centerbox {
  margin-left: 188px;
    margin-right: 188px;
	position: absolute;
	top: 120px;
	left: 0px;
	z-index: 1;
	min-width: 600px;
	max-width: 600px;
	overflow: hidden;
	width:expression(document.body.clientWidth < 800? "600px" : document.body.clientWidth > 800? "600px" : "auto");
	text-align: center;
	}
  
#logo {
float: left;
margin-left: -3px;
}
  
#top_links {
float: right;
padding-right: 2em;
padding-top: .5em;
}

#top_welcome {
float: left;
padding-right: 2em;
padding-top: .5em;
}

#top_tabs {

padding-right: 1em;
padding-top: 1.8em;
text-align: left;
}

.top_message {
	font-size: 90%;
	background-color:#D9D1C7;
	padding: 3px;
	margin-right: 5px;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color:  #0065B3;
	text-indent: 1em;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color:  #666;
}

#login {
	width: 360px;
	}

#shopping_cart {
	margin-right: 1em;
	}
	
#reg_exist {
	width: 310px;
	}
	
#required {
	position:relative;
	top: 0px;
	left: 0px;
	}
	
#register {
	width: 400px;
	}
	
#shipping_address {
	width: 400px;
	}
	
#search_results {
	margin-right: .1em;
	}
	
#reg_disc {
	position:relative;
	top: 20px;
	left: 10px;
	width: 550px;
	}
	
#adlers {
	float: right;
	padding: .5em;
	}
#buyit {
	float: right;
		margin-top: .5em;
	}
	
#footer {
	font-size: 75%;
	float: right;
	padding-bottom: 8em;
	padding-right: 1.8em;
	margin-top: .8em;
}

.top_phone{ text-decoration:none; color:#8A1E1B; font-size:11px; font-weight:bold;}
a.top_phone:visited{ text-decoration:none; color:#8A1E1B; font-size:11px; font-weight:bold;}
a.top_phone:hover{ text-decoration:underline; color:#8A1E1B; font-size:11px; font-weight:bold;}

a.top_links{
	font-size: 75%;
	font-weight: 500;
	text-decoration: none;
}
a.top_links:hover{
	font-size: 75%;
	font-weight: 500;
	text-decoration: underline;
}

a.account_links{
	font-size: 105%;
	font-weight: 500;
	text-decoration: underline;
}
a.account_links:hover{
    color: black;
	font-size: 105%;
	font-weight: 500;
	text-decoration: underline;
}

a.cats{
	font-size: 90%;
	text-decoration: underline;
}
a.cats:hover{
	font-size: 90%;
	color: #000099;
}
a.subcats{
	font-size: 80%;
	color: #333333;
	text-decoration: none;
}
a.subcats:hover{
	font-size: 80%;
	color: #000099;
}
a.box_link{
	font-size: 90%;
	text-decoration: underline;

}
a.box_link:hover{
	font-size: 90%;
	color: #000099;

}
a.landing{
	font-size: 90%;
	text-decoration: underline;
}
a.landing:hover{
	font-size: 90%;
	color: #000099;
}

.group {
	font-size: 120%;
	font-weight: 600;
	color:#0065B3;
	text-indent: 3px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color:  #0065B3;
	text-align: left;
	margin-top: 0em;
	margin-right: 1em;
}

.subgroup {
	font-size: 90%;
	font-weight: 600;
	color:#0065B3;
	text-indent: 3px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color:  #0065B3;
	text-align: left;
	margin-top: 1em;
	margin-right: 1em;
}

.terms {
	font-size: 90%;
	font-weight: 600;
	color:#0065B3;
	text-indent: 3px;
	text-decoration: underline;
	text-align: left;
}

.termshead {
	font-size: 90%;
	font-weight: 600;
	color:#0065B3;
	text-indent: 3px;
	text-decoration: underline;
	text-align: center;
}

.product {
	font-size: 120%;
	font-weight: 600;
	color:#0065B3;
	text-indent: 3px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color:  #0065B3;
	margin-top: 0px;
	margin-right: 10px;
}

.persz {
	font-size: 120%;
	font-weight: 600;
	color:#0065B3;
	text-indent: 3px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color:  #0065B3;
	margin-top: .1em;
}

.sku {
	font-size: 60%;
		font-weight: 600;
	color:#0065B3;
	text-indent: 3px;
}

.field {
	color:            #0065B3;
	font-size:        80%;
	font-weight:      bold;
}

.field2 {
	color:            #6666CC;
	font-size:        80%;
	font-weight:      bold;
}

.desc {
	font-size: 80%;
		font-weight: 500;
	color:#000000;
	text-indent: 5px;
}

.select {
	font-size: 80%;
		font-weight: 500;
	color:#000000;
	text-indent: 0px;
}

.section2 { 
	   color:            #0065B3;
	   font-size:        90%;
	   font-weight:      bold;
}

.list1 { background-color:      #DDDDDD;
}

.attention {
	color:            #FF0000;
	font-size:        90%;
}

.store_sign {
	font-size: 90%;
	color:            #FF0000;
	background-color:#ccc;
	padding: 2em;
	margin: 4em;
	text-indent: 1em;
	border-width: 2px;
	border-style: solid;
	border-color:  #666;
}

.attention2 {
	color:            #009900;
	font-size:        90%;
}

input.refresh {
	background: #666699;
	color:            #FFFFFF;
	border: 1px solid #CCCCCC;
}

.date {
	color:            #666666;
	font-size:        70%;
}

.main {
	color:            #333333;
	font-size:        90%;
	text-align: left;
	font-weight:      normal;
}

.main_a {
	color:            #333333;
	font-size:        90%;
	text-align: left;
	font-weight:      normal;
	background-color: #ddd;
}

.inputfield {
	color:            #333333;
	font-weight:      normal;
}

.standard {
	color:            #333333;
	font-size:        90%;
}

.smallgrey {
	color:            #999999;
	font-size:        70%;
}

.cart { 
	   color:            #000000;
	   font-size:        80%;
}

.cart2 { background-color: #D8D0C5;
	   color:            #000;
	   font-size:        90%;
}

.sctable {
 background-color: #D8D0C5;
}

.cart1 { background-color: #0065B3;
	   color:            #fff;
	   font-size:        90%;
}

.orderhead { background-color: #0065B3;
	   color:            #fff;
	   font-size:        90%;
	   font-weight:      bold;
}

.smallblack {
	color:            #000000;
	font-size:        60%;
}

.mbold {

	font-weight:       bold;
	color:            #333333;
	font-size:        90%;
}

.order1 { background-color: #FFFFFF;

	   color:            #000000;
	   font-size:        90%;

}
.order2 { background-color: #CCCCFF;

	   color:            #000000;
	   font-size:        90%;

}


/* Set the box background color to the same color as the circle in the 
   image. Set the width, float and margins as desired. */
   div#roundedbox {
      background: #bcc1ff;
      /*float: right;*/
      margin: 0 0 0 0em;
      width: 180px;
   }
   /* Set the top and bottom height to be the same as the radius of the 
   circle (1/2 the size of the image). Set the font-size and line height
   to a sufficiently small number that they won't affect the box. */
   div#roundedbox #top, div#roundedbox #bottom {
      font-size: 1px;
      height: 16px;
      line-height: 1px;
   }
   /* Now, we'll do the four corners. Set each of them to the same width 
   and height as the radius of the circle. For the top left and bottom 
   left, set them to float: left. Set the top right and bottom right to
   float: right. Use the same background image for all four corners and
   set them all to no-repeat. Set the background position to the same as
   the position of the corner. */
   div#roundedbox #topleft {
      background: url(/images/corners2.gif) no-repeat top left;
      float: left;
      height: 16px;
      width: 16px;
   }
   div#roundedbox #topright {
      background: url(/images/corners2.gif) no-repeat top right;
      float: right;
      height: 16px;
      width: 16px;
   }
   div#roundedbox #bottomleft {
      background: url(/images/corners2.gif) no-repeat bottom left;
      float: left;
      height: 16px;
      width: 16px;
   }
   div#roundedbox #bottomright {
      background: url(/images/corners2.gif) no-repeat bottom right;
      float: right;
      height: 16px;
      width: 16px;
   }
   /* Now, well add one more box for the content to keep from having
   too much space at the top and bottom and to give it just a little
   bit of left and right padding. Given our 16 pixel radius corners, 
   we're using -1em for the top and bottom margins. That will allow 
   the content to expand into the top and bottom <div> tags. We also 
   add 1em of left and right margin to keep the content from butting
   right up against the edges. Adjust these figures to give you a
   result that you find pleasing. */
   div#roundedbox #boxcontent {
      margin: -1em 1em;
   }
   /* Finally, well give paragraphs in the box a little smaller top 
   and bottom margin just to keep things tight. */
   div#roundedbox p {
      margin: .5em 0;
   }
      div#roundedbox p.title {
      margin: .5em 0;
	   font-size:        100%;
	   	font-weight: 600;
	color:            #333;
	text-decoration: none;
   }
   
   
   
   

   div#roundedbox0 {
      background: #D8D0C5;
      /*float: right;*/
      margin: 0 0 0 0em;
      width: 180px;
   }

   div#roundedbox0 #top, div#roundedbox0 #bottom {
      font-size: 1px;
      height: 16px;
      line-height: 1px;
   }

   div#roundedbox0 #topleft {
      background: url(/images/corners_tan.gif) no-repeat top left;
      float: left;
      height: 16px;
      width: 16px;
   }
   div#roundedbox0 #topright {
      background: url(/images/corners_tan.gif) no-repeat top right;
      float: right;
      height: 16px;
      width: 16px;
   }
   div#roundedbox0 #bottomleft {
      background: url(/images/corners_tan.gif) no-repeat bottom left;
      float: left;
      height: 16px;
      width: 16px;
   }
   div#roundedbox0 #bottomright {
      background: url(/images/corners_tan.gif) no-repeat bottom right;
      float: right;
      height: 16px;
      width: 16px;
   }

   div#roundedbox0 #boxcontent {
      margin: -1em 1em;
   }
   /* Finally, well give paragraphs in the box a little smaller top 
   and bottom margin just to keep things tight. */
   div#roundedbox0 p {
      margin: .5em 0;
   }
      div#roundedbox0 p.title {
      margin: .5em 0;
	   font-size:        110%;
	   	font-weight: 600;
	color:            #333;
	text-decoration: none;
   }
   
   
   
   

   div#roundedbox1 {
      background: #D9D1C7;
      /*float: right;*/
      margin: 0 0 0 0em;
      width: 180px;
   }

   div#roundedbox1 #top {
      font-size: 1px;
      height: 32px;
      line-height: 1px;
	  /*background-color: #0065B3;*/
	  background-color: #0065B3;
   }
   
   div#roundedbox1 #bottom {
      font-size: 1px;
      height: 16px;
      line-height: 1px;
   }

   div#roundedbox1 #topleft {
      background: url(/images/corners_blue.gif) no-repeat top left;
      float: left;
      height: 16px;
      width: 16px;
   }
   div#roundedbox1 #topright {
      background: url(/images/corners_blue.gif) no-repeat top right;
      float: right;
      height: 16px;
      width: 16px;
   }
   div#roundedbox1 #bottomleft {
      background: url(/images/corners_tan.gif) no-repeat bottom left;
      float: left;
      height: 16px;
      width: 16px;
   }
   div#roundedbox1 #bottomright {
      background: url(/images/corners_tan.gif) no-repeat bottom right;
      float: right;
      height: 16px;
      width: 16px;
   }

   div#roundedbox1 #boxcontent {
      margin: -1.6em 1.1em;
   }

   div#roundedbox1 p {
      margin: .6em 0;
   }
      div#roundedbox1 p.title {
      margin: -.2em 0;
	   font-size:        100%;
	   	font-weight: 600;
	color:            #fff;
	text-decoration: none;
   }
   
#roundedbox1 ul li {
  display: block;
      margin: .6em 0;
	    list-style: none;
  text-align: left;
  }
  
  


div.base-layer {
    color: #000000;
  margin: 0.8em 0.3em 0.8em 0.3em; padding: 0.3em; text-align: center; width: auto;
}

div.table-row {
   color: #000000;
  margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;
  padding: 0.1em; text-align: center; width: 100%;
}

div.container1 {
  border: none; float: left; margin: 0; padding: 0; width: 33%;
}

div.container2 {
  border: none; float: left; margin: 0; padding: 0; width: 33%;
}

div.container3 {
  border: none; float: right; margin: 0; padding: 0; width: 33%;
}

div.space-line {
  clear: both; margin: 0; padding: 0; width: auto;
}


p.pictext {
   margin: 0; padding: 0.3em 0.3em 0 0.3em;
  font-style: normal; font-size: 1em; text-align: center; text-indent: 0;
  width: auto;
}

.t {background: url(/images/dot_blue.gif) 0 0 repeat; width: 180px}
.b {background: url(/images/dot_blue.gif) 0 100% repeat-x; background-color:#FFF}
.l {background: url(/images/dot_blue.gif) 0 0 repeat-y}
.r {background: url(/images/dot_blue.gif) 100% 0 repeat-y; margin-left:.5em}
.bl {background: url(/images/bl_blue.gif) 0 100% no-repeat}
.br {background: url(/images/br_blue.gif) 100% 100% no-repeat; margin-left:.5em}
.tl {background: url(/images/tl_blue.gif) 0 0 no-repeat}
.tr {background: url(/images/tr_blue.gif) 100% 0 no-repeat; padding:5px}
.clear {font-size: 5px; height: 5px}
div#new_box p {margin: 1.5 1.5 0 0}
div#new_box p.title {font-size: 90%; font-weight: 600;	color: #fff; text-decoration: none}
div#new_box ul li {display: block; margin: 1.5 0; list-style: none; text-align: left}

.black_overlay{
			display: none;
			position: absolute;
			top: 0%;
			left: 0%;
			width: 100%;
			height: 100%;
			background-color: black;
			z-index:1001;
			-moz-opacity: 0.7;
			opacity:.70;
			filter: alpha(opacity=70);
		}
.white_content {
			display: none;
			position: absolute;
			top: 25%;
			left: 25%;
			width: 50%;
			height: 20%;
			padding: 10px;
			border: 10px solid #f7e96e;
			background-color: #fcf6c4;
			z-index:1002;
			overflow: auto;
		}
#wrapper {
	
	width:990px;
	position:relative; 
	margin:0 auto; 
	padding:0; 
	text-align:left;
	border:solid;
	border-color:#FFFFFF
	}