/*	Desc: Ties Planet Screen Style Sheet
	Author: Ian Egner
	Date: Jun 2007
	
=== === === === === === === === === === */
/*=STRUCTURE
=== === === === === === === === === === */
html{

}
body{
text-align: center;
background: url(../images/bodybg.gif) bottom left repeat-x #FFFFFF;
color: #333333;
}

#wrapper{
width: 990px;
margin: 0 auto;
text-align: left;
}

/*=COMMON
=== === === === === === === === === === */



a{
color: #222;
border-bottom: 1px #999999 dotted;
}

a:hover{
border-bottom: 1px #666 dotted;
}

a img, a hr{
border: 0;
}

ul li a, a img{
border: 0;
color:#333333;
}

p, ol{
font-size: 1.6em;
}



/*=NAVIGATION
=== === === === === === === === === === */
#sidebar{
width: 236px;
float: left;
margin-right: 20px;
}

hr{
height: 2px;
background: #333;
margin: 0 0 10px;
padding: 0;
width: 236px;
float: left;
}

#logo{
width: 256px;
height:87px;
}

#logoimg{
border: 0;
}

#search{
height: 25px;
float: left;
width:256px;
margin: 5px 0 15px;
}

#searchbox{
width:150px;
float: left;
margin-right: 10px;
}

#searchsubmit{
width: 70px;
float: left;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
height: 24px;
padding:0;
margin:0;
}

#menu{
}

#categories, h5.categories{
font-size: 2.4em;
text-align: center;
margin: 5px auto 10px;
}

#menu ul{
width: 236px;
float: left;
}

#menu ul li{
font-size: 1.6em;
padding: 2px 0;
}

#protx{
text-align: center;
margin: 10px 0;
}

#blog{
width:226px;
height: 95px;
padding: 0;
}

/*= MAIN CONTENT
=== === === === === === === === === === */
#content{
width: 694px;
float:left;
}

#header{
float: left;
padding-left: 20px;
width: 466px;
}

#quote{
width: 466px;
height: 20px;
background: url(../images/quotebg.gif) left repeat-x;
padding: 10px 0;
font-size: 1.2em;
float: left;
margin: 10px 0;
text-align: center;
border: 1px solid #999999;
}

#quote blockquote{
margin: 0;
padding: 0;
}

#affiliate{
width: 466px;
height:60px;
float: left;
}

#site{
width: 164px;
padding: 0 9px;
margin: 20px 0;
float: right;
font-size: 1.4em;
}

.toplinks1{
float:left;
width: 164px;
text-align: right;
}

.toplinks2{
float:left;
width: 164px;
text-align: right;
}

.toplinks3{
float:left;
width: 164px;
text-align: right;
}

.minicart{
float:left;
width: 164px;
text-align: right;
padding: 8px 5px 8px 0;
}

#currency{
float:left;
width: 164px;
text-align: right;
}

#currency a{
border: 0;
margin: 0 4px;
}

#promos{
float:left;
width: 694px;
height: 100px;
margin-bottom: 20px;
}

div.promo1{
float:left;
width: 230px;
height: 80px;
padding-top: 20px;
text-align: right;
background: url(../images/promotie1.gif) 20px 0 no-repeat;
}

div.promo2{
float:left;
width: 230px;
border-left: 2px solid #333;
height: 80px;
padding-top: 20px;
text-align: right;
background: url(../images/promotie2.gif) 40px 0 no-repeat;
}

div.promo3{
float:left;
width: 230px;
border-left: 2px solid #333;
height: 80px;
padding-bottom: 20px;
text-align: right;
background: url(../images/promotie3.gif) 20px 0 no-repeat;
}

p.promo1{
padding: 10px 20px 10px 70px;
}

p.promo2{
padding: 0 10px 10px 90px;
}

p.promo3{
padding: 20px 0px 10px 80px;
}

#main{
width: 694px;
float:left;
}

#main a img{
width: 300px;
height: 250px;
border: 0;
margin: 23px;
padding: 0;
float:left;
}

#main p{
padding: 200px 20px 0 0;
width: 250px;
float: right;
color: #FFFFFF;
font-size: 18px;
text-align: right;

}

form#newsletter{
padding: 20px 0 0 250px;
text-align: right;
width: 400px;
height: 30px;
font-size: 20px;
}

#newsbox{
float: left;
width: 250px;
margin-right: 10px;
margin-top: 20px;
height: 25px;
font-size: 20px;
}

#newssubmit{
float: left;
width: 110px;
height: 25px;
font-size: 15px;
margin-top: 20px;
}



div.desc{
float:left;
width: 694px;
}

p.desc{
text-align: center;
}

h2#title{
text-align: center;
}

#contentarea h2{
font:2.8em arial, helvetica, sans-serif;
}






/*=FOOTER
=== === === === === === === === === === */
#footer {
width: 694px;
float: left;
height: 150px;
margin: 0;
}

#details{
float:left;
width: 190px;
height: 100px;
padding: 10px 20px;
margin: 0;
font-size: 1.4em;
line-height: 1.7em;
}


#footer ul{
float:left;
width: 190px;
border-left: 2px solid #333;
height: 100px;
padding: 10px 20px;
margin: 0;
}

#footer ul li{
margin: 12px 0;
padding: 0;
font-size: 1.4em;
}


/*=Categories PAGE
=== === === === === === === === === === */

#categoryTitle{
font-size: 2.8em;
text-align: center;
margin-bottom: 10px;
}

#products{
float:left;
width: 694px;
border-right: 1px solid #333;
margin-bottom: 20px;
}

.product{
text-align: center;
padding:19px;
margin: 10px 0;
width: 190px;
height: 170px;
float: left;
border-left: 1px solid #333;
}

.productImg{
height: 200px;
max-width: 170px;
}

h3.productName{
font-size: 1.6em;
padding: 10px 0;
}

span.subcategory, span.subcategory a{
text-decoration: none;
margin-bottom: 5px;
display: inline-block;
font-family: Arial, Helvetica, Verdana, sans-serif;
font-style: normal;
font-weight: normal;
word-wrap: normal;
font-size: 1.2em;
margin-left: 10px;
margin-right: 10px;
}


/*=PRODUCT PAGE
=== === === === === === === === === === */

p#subcategories{
	text-decoration: none;
	text-align: center;
}


.productimage{
float: left;
width: 300px;
}

.productimage a img{
float: left;
}

.productinfo{
float: left;
width:350px;
margin-left: 40px;
}