/* dyp */

/* Reset browser defaults
------------------------------*/
html,body,form,fieldset {
  margin:0;
  padding:0;
  }
body {
  padding:10px 0 0 15px;
  text-align:center;
  color:#666;
  font:76% Verdana,Arial,sans-serif;

  }
h1,h2,h3,h4,h5,h6,p,pre,
blockquote,ul,ol,dl,address {
  margin:0 0 1em;
  padding:0;
  }
#bread-crumb {
  color:#666;
  padding:16px 0 7px 0;
    margin:0;
  font:normal 0.9em/1em Arial,sans-serif;
  }
#bread-crumb a{
  color:#666;
  text-decoration:underline;
}
p,ul,ol,dl,td {
  line-height:1.6em;
  }
li,dd,blockquote {
  margin-left:3em;
  }
table {
  text-align:left;
  font-size:1em;
  }
th, td {
  vertical-align:top;
  }
form label {
  cursor:pointer;
  }
input,select {
  font:1em Arial,sans-serif;
  }
fieldset {
  border:none;
  }
img {
  border:0;
  }
a {
  color:#666;
  text-decoration:none;
  }
a:hover {
  text-decoration:underline;
  }
acronym {
  border-bottom: 1px dotted #666;
  cursor: help;
  }

/* Template layout
------------------------------*/
#template {
  position:relative;
  margin-left:auto;
  margin-right:auto;
  width:780px;
  text-align:left;
  font-size:0.9em;
  background-color:#fff;
  }
#header {
  overflow:visible;
/* background:#fff url(/pix/logo.gif) 0 27px no-repeat; */
width:100%;
  height:110px;
  font-family:Arial,sans-serif;
  }
#header-logo {
  margin:27px 0;
  border:0px;
  }
#sidebar {
  float:left;
  width:170px;
  font-family:Arial,sans-serif;
  }
#content {
  float:right;
  width:590px;
  padding-left: 10px;
  border-left:1px dotted #ccc;
  }

#footer {
  float:right;
  width:590px;
  padding-left: 10px;
  border-top:2px solid #ccc;
  margin:20px 0;
  color:#999;
  font:0.9em Arial,sans-serif;
  }

/* Common styles
------------------------------*/
#skip {
  position:absolute;
  top:0;
  left:0;
  overflow:hidden;
  width:0;
  height:0;
  }
.hide {
  display:none;
  }
.footnote {
  clear:both;
  line-height:1.3em;
  font-size:0.9em;
  }
.lower-alpha {
  list-style-type:lower-alpha;
  }

/* Primary navigation
------------------------------*/
#primarynav {
  padding:0px 0;
  }
#primarynav h4 {
  margin:0;
  font:normal 1.3em/1em Arial,sans-serif;
  }
#primarynav h4.nolink {
  padding:16px 0 7px 0;
  color:#666;
  }
#primarynav h4 a {
  display:block;
  background:#fff url(/pix/navplus-green.gif) 0 19px no-repeat;
  padding:16px 0 7px 15px;
  width:155px;
  text-decoration:none;
  color:#448cca;
  }
#primarynav ul {
  margin:0;
  border-style:solid;
  border-width:1px 0 6px;
  border-color:#ccc;
  }
#primarynav li {
  list-style:none;
  margin:0;
  line-height:1em;
  }
#primarynav li a {
  display:block;
  background:#fff url(/pix/navdotted.gif) bottom left no-repeat;
  padding:5px 0 6px 15px;
  width:155px;
  text-decoration:none;
  color:#666;
  }
#primarynav li.last a {
  background-image:url(/pix/navplus.gif);
  }
#primarynav h4 a:hover, #primarynav h4.here a,
#primarynav li a:hover, #primarynav li.here a {
  background-color:#bedef9;
  }

#form-search {
  position:absolute;
  top:27px;
  left:500px;
  z-index:1;
  width:300px;
  height:76px;
  background:#fff;
  }
#form-search p {
  position:absolute;
  top:35px;
  right:30px;
  color:#666;
  }
#form-search #qt {
  border:1px solid #adadad;
  margin:1px 0 0 10px;
  padding:2px;
  width:130px;
  }
#form-search input.go {
  vertical-align:top;
width:12px;
  margin-left:3px;
  }

/* Top navigation
------------------------------*/
#topnav {
  position:absolute;
  top:5px;
  right:0;
  z-index:10;
  line-height:1em;
  margin:0;
  width:590px;
  text-align:right;
  }
#topnav li {
  display:inline;
  list-style:none;
  margin:0;
  }
#topnav a {
  border-right:1px solid #666;
  margin-left:-5px;
  padding:0 0.5em 0 0.7em;
  text-decoration:none;
  color:#666;
  }
#topnav li.last a {
  border-right:0;
  padding-right:0;
  }

/* Footer navigation
------------------------------*/
#footernav {
  line-height:1em;
  margin:8px 0 2em;
  text-align:right;
  font-size:1.1em;
  }
#footernav li {
  display:inline;
  list-style:none;
  margin:0;
  }
#footernav a {
  margin-left:-5px;
  padding-right:1.5em;
  text-decoration:none;
  color:#999;
  }
#footernav li.last a {
  padding-right:0;
  }

/* Hide from IE5/Mac. \*/
* html #footernav li a { height /**/:1%; }
/* End hide from IE5/Mac */
/* Headings
------------------------------*/
h1 {
  margin:0 0 5px;
  padding-top:13px;
  padding-bottom:3px;
  font:bold 1.5em Arial,sans-serif;
  color:#666;
  }


h2 {

  margin:0 0 5px;
  padding-top:13px;
  padding-bottom:3px;
  font:bold 1.4em Arial,sans-serif;
  color:#666;
  }

h2 a {
  color:#666;
text-decoration:none;

}
h3 {
  margin:1em 0 0.5em;
  line-height:1.3em;
  font-weight:bold;
  font-size:1.1em;
  text-decoration:underline;
  }
h4 {
  margin:1em 0;
  line-height:1em;
  font-weight:normal;
  font-size:1em;
  }
h4.price {
  font-weight:bold;
  }
h5 {
  margin:0.5em 0;
  line-height:1em;
  font-size:0.9em;
  }

/* Global structures
------------------------------*/
/* Columns */
div.col-left { float:left; }
div.col-right { float:right; }

/* Expand/contract container */
#expand {
  width:292px;
  min-height:329px;
  }
#expand h3 {
  margin:3px 0 0 0;
  }
#expand p,
#expand ul {
  border-top:1px solid #fff;
  border-left:1px solid #ccc;
  border-bottom:7px solid #7bc142;
  border-right:1px solid #ccc;
  margin:0;
  padding:10px;
  }
#expand .hide {
  display:none;
  }

/* Hide from IE5/Mac. \*/
* html #expand { height:329px; }
/* End hide from IE5/Mac */

/* Sub Categories
------------------------------*/
#phonelist {
  width:102px; 
  height:140px; 
  float:left; 
  margin:0 0 15px 13px; 
  border:0px solid black; 
  text-align:center;
  }
#phone {
  width:102px;
  height:110px;
  border:1px solid #fff;
  }
#phone:hover {
  border:1px solid #ccc;


}


/* Products List
------------------------------*/

#products_list{
  width:140px; 
  height:200px; 
  float:left;
  margin:4px 3px 4px 3px; 
  padding:4px 0 2px 0;
  border-right: 1px solid #ccc;
  text-align:center;
  vertical-align:top;
  }
#products_list2{
	display: inline;
  width:100%; 
  float:left;
  margin:4px 3px 4px 3px; 
  padding:4px 0 2px 0;
  text-align:left;
  vertical-align:top;
  }
#products_thumbnail {
  width:100px;
  height:100px;
  border:0px;

  }
#product_page{
  width:100%; 
  margin:0 0 0 0; 
  padding:0 0 0 0;
  float:left; 
  vertical-align:top;
  }
#product_page_image{
  width:230px; 
  margin:0 0 0 0; 
  padding:15px 0 0 0;
  float:left; 
  border:0px; 
  vertical-align:top;
  }
#product_page_details{
  width:350px; 
  float:right; 
  border:0px; 
  vertical-align:text-top;
  text-align:left;

  }

#current_category{
  width:100%; 
  float:left; 
  margin:0 0 0px 0px; 
  border:0px; 
  vertical-align:top;
  }
#current_category_image {
float: left;
padding: 6px 10px 6px 0px;

}

hr {border:0px; border-top:1px dotted #cccccc; height:0px;}

div.hr {border:0px; border-top:1px dotted #cccccc; height:0px; width:100%; float:left;}
div.full {width:100%;padding: 0 0 0 0;float:left;margin: 0 2px 10px 10px;vertical-align:top;}


#dotted-line {
border:0px; border-top:1px dotted #ccc; height:0px;
}



/* Navigation Cells
------------------------------*/
#pages {
                float: right;
	padding: 2px;
}
#pages ul {
	list-style-type: none;
}
#pages li {
	float: left;
	display: inline;
	margin: 0 2px 0 0;
	display: block;
}
#pages li a {
	color: #999;
	padding: 2px 5px 2px 5px;
	border: 1px solid #ddd;
	text-decoration: none;
	float: left;
}
#pages li a:hover {
	color: #999;
	background: #eee;
	border: 1px solid #999;
}
#pages li.nolink {
	color: #CCC;
	border: 1px solid #F3F3F3;
	padding: 2px 5px 2px 5px;
}
#pages li.current {
	color: #FFF;
	border: 1px solid #999;
	padding: 2px 5px 2px 5px;
	background: #999;
}











.GoImage {
	WIDTH: 13px;
	HEIGHT: 13px;
	VERTICAL-ALIGN: middle;
	BORDER: 0px;
}


.thinbox {float: left; margin: 3px 10px 10px 3px; border: solid 1px #ccc;}
.thinbox:hover {border: solid 1px #000;}

table.thin {
	border-width: 1px;
	border-spacing: 0px;
	border-style: solid;
	border-color: gray;
	border-collapse: collapse;
	background-color: white;
}
table.thin th {
	border-width: 1px;
	padding: 3px;
	border-style: solid;
	border-color: gray;
	background-color: #ccc;
	-moz-border-radius: ;
}
table.thin td {
	border-width: 1px;
	padding: 3px;
	border-style: solid;
	border-color: gray;
	background-color: white;
	-moz-border-radius: ;
}

table.addtocart {
	border-spacing:10px; font-size: 16px;

}

table.addtocart td {
	border-spacing:10px; vertical-align: middle;
}

table.auth {
	background-color:#f5f5f5;
	margin-top:5px;
	border-width: 1px;
	padding: 3px;
	width:590px;
	font-size:13px;

}
table.auth td {
vertical-align:middle;
}


.buttons a, .buttons button{
    display:block;
    float:left;
    margin:0 7px 0 0;
    background-color:#f5f5f5;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;

    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:12px;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
}
.buttons button{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
.buttons button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type]{
    padding:4px 10px 3px 7px; /* IE7 */
}
.buttons button img, .buttons a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}

/* STANDARD */

button:hover, .buttons a:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}
.buttons a:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

/* POSITIVE */

button.positive, .buttons a.positive{
    color:#529214;
}
.buttons a.positive:hover, button.positive:hover{
    background-color:#E6EFC2;
    border:1px solid #C6D880;
    color:#529214;
}
.buttons a.positive:active{
    background-color:#529214;
    border:1px solid #529214;
    color:#fff;
}

/* NEGATIVE */

.buttons a.negative, button.negative{
    color:#d12f19;
}
.buttons a.negative:hover, button.negative:hover{
    background:#fbe3e4;
    border:1px solid #fbc2c4;
    color:#d12f19;
}
.buttons a.negative:active{
    background-color:#d12f19;
    border:1px solid #d12f19;
    color:#fff;
}

/* REGULAR */

button.regular, .buttons a.regular{
    color:#336699;
}
.buttons a.regular:hover, button.regular:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}
.buttons a.regular:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}
