/* @override http://www.attractionoptimization.com/theme/style.css */

/*
Theme Name: Redox
Description: A High Tech Steel-Blue and White Theme
*/

/*************************************
 +Containers
 *************************************/
* {	margin: 0;
	padding: 0;
	border: none;
	list-style: none;
	outline:none;
}

body{
	background: #ebd293 url(img/bg-strip.jpg) repeat 0 0;
	color:#000;
	font-family: "Arial", "Tahoma", Verdana, Helvetica, sans-serif;
	font-size:10px;
	line-height:1.5;
	margin:0;
	padding:0;
	text-align:center;
}

#wrap{
        background: #fff;
	margin:0 auto;
	text-align:left;
        width: 778px;
	padding-right: 0;
	padding-left: 0;
}

#content{
	font-size:1.2em;
	float:right;
	width:600px;
	padding: 5px;
}

#content p{
margin-bottom:10px;
}

#sidebar{
	font-size:1.1em;
        font-weight:bold;
	float:left;
	margin-top:1em;
	width:150px;
        padding:4px;
        margin-left:5px;
}
#header{
	margin:0 auto;padding:0;
        background: #fff url(img/header.jpg) no-repeat;
        height:151px;
        width:778px;
}

#menu{
  height:28px;
	margin:0 auto; padding:0 5px 0 0;
  float:right;
}
	
#footer{
	width:778px;
	height:49px;
        margin:0 auto;
        background:#fff url(./img/footer.jpg) no-repeat top left;
	color:#fff;
	font-size:0.9em;
	padding:0;
}
#sidebarRight { line-height: normal; background-color: #fff; width: 170px; float: right; margin: auto; padding-right: 10px; padding-left: 10px; border-left: 1px solid #000; }

#optinbox {
}

#optinbox h3 {
	color: red;
	font-size: 14px;
	line-height: normal;
}

#optinbox p {
	color: gray;
	line-height: normal;
}
/*************************************
 +Header List
 *************************************/

#menu ul{
  margin-top: 20px;
	list-style-type:none;
        float:right
}

#menu li{
	margin-left: 10px;
	display: inline;
}

#menu li a, #menu li a:visited{
        background:transparent url(./img/menu_a.jpg) no-repeat;
	height:28px;
        width:84px;
        padding-top: 5px;
	color: #000;
        font-weight: bold;
        font-size: 1.1em;
        text-align: center;
	text-decoration: none;
        float:left;
	margin-left: 15px;
}

#menu li a:hover, #menu li a:active{
        background:transparent url(./img/menu_hover.jpg) no-repeat; 
        color:#fff;
}

/*************************************
 +Headlines
 *************************************/
h1, h2, h3, h4{
	color: #ffa300;
	margin: 10px 0 5px 0;
}

h1 {
	font-size: 16px;
}

h2 { font-size: 16px; border-bottom:1px solid;
	width: auto;
}

h3 {
	font-size: 14px;
}

h4 {
	font-size: 12px;
}

#header #storename{
	padding: 130px 15px 20px 27px;
	font-size: 3em;
	color:#fff;
	letter-spacing:2px;
}

#storename a {
	color: white;
	margin-left: 105px;
	font-weight: bold;
	letter-spacing: normal;
	font-size: 10px;
	float: right;
}

#tagline {
	color: #fff;
	margin-left: 30px;
}

#sidebar h3{
	color:#000;
}


/*************************************
 +Sidebar
 *************************************/
#sidebar ul{
	width:150px;
	list-style-type:none;
	padding: 0 0 5px 0px;
}
#sidebar ul li{
	padding:0px;

}
#sidebar li{
	display: block;
        font-size: 0.9em;
        text-align: left;
	text-decoration: none;
}
#sidebar li a, #sidebar li a:visited {
	display: block;
	text-decoration: none;
	padding: 1px 5px 1px 10px;
	font-size: 12px;
	border-bottom: 1px dotted orange;
}
#sidebar li a:hover, #sidebar li a:active {
        background:#4E6D79;
        color:#fff;
}

#sidebar ul .children{
	padding:0 0 0 10px;
        margin:0px;
}
#sidebarRight p { color: #333; margin: auto auto 10px; }
/*************************************
 +Footer
 *************************************/
#footer p{
	padding-top:20px;
	padding-left:10px;
	font-size:12px;
	font-weight:bold;
}

#footer a, #footer a:visited {color:#D1E6EF}
#footer a:hover{color:#eee}

/*************************************
 +Misc
 *************************************/

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


/* content-specific */
.feature {
	width: 380px;
}
.featuredProd {
  margin: 3px 5px;
  overflow: hidden;
}

.featuredProd a img { 
  width: 175px;
  height: 175px;
  display: block;
  border: none;
  margin: auto;
  margin-bottom: 10px;
  overflow: hidden; 
} 
.featuredProd a { color: #002eb9; font: bold 11px Arial, Helvetica, sans-serif; text-decoration:underline; }
.featuredProd a:hover {
text-decoration:none;
}
.featuredProd p {  /* featured products description */
  color: #333;
  margin: auto;
}
.catProdList p { 
  color: #333;
  margin: auto;
} 
.catProdList {
  width: 30%;
  margin: 3px 5px;
  float: left;
  overflow: hidden;
  }

.catProdList a img { 
  width: 175px;
  height: 175px;
  display: block;
  border: none;
  margin: auto;
  margin-bottom: 10px;
  overflow: hidden; 
} 

.catProdList a {
font: bold 11px Arial, Helvetica, sans-serif;
margin: auto; 
text-decoration:underline;
}

.catProdList a:hover {
text-decoration:none;
}

.similarProd p { 
  color: #333;
  margin: auto;
} 

.similarProd {
  width: 30%;
  margin: 3px 5px;
  float: left;
  overflow: hidden;
  }

.similarProd a img { 
  width: 175px;
  height: 175px;
  display: block;
  border: none;
  margin: auto;
  margin-bottom: 10px;
  overflow: hidden; 
} 
.similarProd a {
font: bold 11px Arial, Helvetica, sans-serif;
text-decoration:underline;
}

.similarProd a:hover {
text-decoration:none;
}

.similarProd p { 
  color: #333;
  margin: auto;
} 
.relatedProd {
  width: 30%;
  margin: 3px 5px;
  float: left;
  overflow: hidden;
  }

.relatedProd a img { 
  width: 175px;
  height: 175px;
  display: block;
  border: none;
  margin: auto;
  margin-bottom: 10px;
  overflow: hidden; 
} 
.relatedProd a {
font: bold 11px Arial, Helvetica, sans-serif;
text-decoration:underline;
}

.relatedProd a:hover {
text-decoration:none;
}

.relatedProd p { 
  color: #333;
  margin: auto;
} 

.categoryLink {
  width: 30%;
  margin: 3px 5px;
  float: left;
  overflow: hidden;
  text-align: center;
  margin-bottom: 10px;
  }

.categoryLink a img { 
  width: 175px;
  height: 175px;
  display: block;
  border: none;
  margin: auto;
  overflow: hidden; 
} 
.productImg { 
float: left; 
border: none;
margin: 3px; 
} 
#artlistbox {
  width: 570px;
}
#artbox {
  background: url('img/artbottom.gif') repeat-x left bottom;
  margin-left:0px;
  margin-right:0px;
  margin-top:0px;
  margin-bottom:0px;
  padding-left:0px;
  padding-right:0px;
  padding-top:0px;
  padding-bottom:8px
}

a.artlink {
	display: block; float:right; clear:both; margin-bottom:10px;
	height: 20px; width:100px; text-align:center; color:#fff;
	background: green; font:bold 14px/20px Arial, Helvetica, sans-serif; text-decoration:none
}
a.artlink:hover { background:#333; }
/*a.artlink b {
	position: absolute;
	left: -10000px;
}*/

.deptColumn {
  float: left;
  width: 202px;
  }
.deptColumn img {
  width: 200px;
  height: 200px;
  border: none;
  }
.deptColumn .mainDept li {
  list-style-image: url(img/arrow-large.gif);
  margin-bottom: 0px;
  border-bottom: 1px solid #91BB60;
  }
.deptColumn .mainDept li a {
  font: Arial, Helvetica, sans-serif;
  font-size: 1.2em;
  font-weight: bold;
  }
.deptColumn .catList {
  padding-left: 10px;
  }
.deptColumn .catList li {
  padding-bottom: 4px;
  list-style-image: url(img/arrow-small.gif);
  }
.deptColumn .catList li a {
  font: Arial, Helvetica, sans-serif;
  font-size: 1.1em;
  font-weight: normal;
  }
.deptColumn .catList .viewAll a {
  font-weight: bold;
  }
.clear { 
	overflow: hidden; 
	clear: both; 
	height: 1px; 
	margin: -1px 0 0 0; 
	font-size: 1px; 
}


.price { float:right; width:80px; padding:30px 0 30px 10px; text-align:center; clear:right; font-weight: bold; color: #2B3F48; }
.iconHeadline { width:480px; }
.desc { clear:right; color:863f00 }
.prodimg { float:left; margin:0 5px 5px 0; }

.price { 
float:right; 
width:300px; 
padding:30px 0 30px 10px; 
text-align:center; 
clear:right; 
font-weight: bold;
color: #000; 
}

.product_window_med{
background-position:center; 
width:175px; 
height:175px; 
background-repeat:no-repeat;
margin:5px;
float:left;
}

.product_window_med img {
width:175px;
height:175px;
}

.product_window_lrg {
background-position:center center; 
width:275px; 
height:300px; 
background-repeat:no-repeat;
margin:5px;
float:left;
}

.product_window_lrg img {
width:275px;
height:300px;
}

.prodPageImg {
margin:0 10px 5px 0;
}

input {
border: 1px solid rgb(0, 102, 102); 
BACKGROUND-COLOR: #f5f5f5; 
color: rgb(0, 51, 102); 
font-size: 12px; 
width: 120px;
font-family: Arial,Helvetica,sans-serif
}

input:hover {
border: 1px solid rgb(102, 102, 102); 
BACKGROUND-COLOR: #f5f5f5; 
color: rgb(0, 51, 102); 
font-size: 12px; 
width: 120px;
font-family: Arial,Helvetica,sans-serif
}

input.button {
    padding: 0 .25em;
    width: 0;  /* IE table-cell margin fix */
    overflow: visible;
}

input.button[class] {  /* IE ignores [class] */
    width: auto;  /* cancel margin fix for other browsers */
}