/* CSS Document */

body {
margin:0px;
padding:0px;
font-family:Helvetica, Arial, sans-serif;
font-size:12px;
background-color:#FFF;
color:#666;
}

h1 {
padding:0px;
margin:0px;
color:#333;
font-size:14px;
}

h2 {
padding:0px;
margin:0px;
color:#333;
font-size:14px;
}

h3 {
padding:0px;
margin:0px;
color:#333;
font-size:12px;
}

p {
line-height:1.5em;
font-size:12px;
}

a {
text-decoration:none;
border:none;
color:#FF33CC;
}

a img {
border:none;
}


.floatleft {
float:left;
}
/* main layout */

#wrapperhead {
margin:20px auto 0px auto;
padding:0px 10px;
width:800px;
height:20px;
background-color:#FFFFFF;
background-image:url(../images/shadowhead.jpg);
background-repeat:repeat-y;
}

#wrapper {
margin:0px auto 0px auto;
padding:0px 10px;
width:800px;
background-color:#FFFFFF;
background-image:url(../images/shadowback.jpg);
background-repeat:repeat-y;
}



#header {
margin:0px;
padding:0px;
width:800px;
height:90px;
background-color:#000;
background-image:url(../images/headerback.gif);
background-repeat:no-repeat;
}

#headercol1 {
margin:0px;
padding:10px 0px 0px 0px;
width:550px;
height:80px;
float:left;
}

#headercol1 a img {
border:none;
position:relative;
top:0px;
left:136px;
}




#headercol2 {
margin:0px;
padding:50px 25px 0px 0px;
width:225px;
height:30px;
float:left;
color:#FFF;
text-align:right;
}

#headercol2 a, #headercol2 a:link, #headercol2 a:visited, #headercol2 a:active {
color:#FFF;
}

#headercol2 a:hover {
color:#FFF;
border-bottom:1px dotted #FFF;
}

#header h1 {
display:none;
}

#footer {
clear:both;
margin:0px;
padding:0px;
width:800px;
height:0px;
}

#footer2 {
clear:both;
margin:0px auto;
padding:20px 10px;
width:800px;
height:20px;
font-size:11px;
color:#666;
text-align:left;
height:20px;
background-image:url(../images/shadowfooter.jpg);
background-repeat:no-repeat;
}

.footer2col1 {
width:600px;
float:left;
}

.footer2col2 {
width:200px;
float:left;
text-align:right;
}






#content {
width:650px;
margin:20px 0px 10px 0px;
padding:0px;
float:left;
}

#content h1 {
margin:0px 0px 10px 0px;
width:630px;
border-bottom:1px solid #CCC;
}


#contenttop {
margin:0px 0px 0px 50px;
padding:0px 0px 0px 0px;
width:600px;
height:100px;
}


#contentleft {
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
width:330px;
float:left;
}

#contentleft h1 {
margin:0px 0px 10px 0px;
width:330px;
border-bottom:1px solid #CCC;
}

#contentleft img {
margin:5px;
border:1px solid #666;
float:left;
}

#contentright {
margin:0px 0px 0px 30px;
padding:0px 0px 0px 0px;
width:270px;
float:left;
}



#contentbottom {
margin:10px auto;
width:570px;
}


/* Navigation */

#nav {
margin:20px 0px 10px 10px;
padding:0px;
width:130px;
list-style:none;
background-image:url(../images/navback3.jpg);
background-repeat:none;
float:left;
border:none;
}

#navspacer {
margin:0px;
padding:0px;
width:1px;
height:600px;
float:left;
}

#nav ul {
margin:0px;
padding:0px;
display:block;
width:110px;
list-style:none;
}

#nav ul li {
margin:0px;
padding:0px;
float:left;
}

#nav ul li a,#nav ul li a:link,#nav ul li a:visited, #nav ul li a:active {
margin:0px;
padding:0px 0px 0px 5px;
width:110px;
line-height:1.5em;
text-decoration:none;
text-align:left;
font-size:12px;
color:#333;
float:left;
}

#nav ul li a:hover {
margin:0px;
padding:0px 0px 0px 5px;
width:110px;
line-height:1.5em;
text-decoration:none;
list-style:none;
text-align:left;
color:#FF33CC;
font-size:12px;
float:left;
background-image:url(../images/listback1.gif);
background-repeat:no-repeat;
}

#nav ul li a.active {
margin:0px;
padding:0px 0px 0px 5px;
width:110px;
line-height:1.5em;
text-decoration:none;
list-style:none;
text-align:left;
color:#FF33CC;
font-size:12px;
float:left;
background-image:url(../images/listback1.gif);
background-repeat:no-repeat;
}

ul#maincats {
margin:0px 0px 0px 5px;
width:95px;
}

ul#maincats li a,ul#maincats li a:link, ul#maincats li a:visited, ul#maincats li a:active {
color:#666;
margin:0px;
height:14px;
} 


ul#maincats li a:hover {
color:#FF33CC;
margin:0px;
}



ul#maincats ul.subcats {
margin:0px 0px 0px 10px;
width:80px;
color:#999;

}

ul#maincats ul.subcats li a, ul#maincats ul.subcats li a:link, ul#maincats ul.subcats li a:visited, ul#maincats ul.subcats li a:active {
color:#999;
border:none;
margin:0px;
}

ul#maincats ul.subcats li a:hover {
color:#FF33CC;
border:none;
margin:0px;
}




/* contact form */
#contactleft {
margin:0px;
padding:0px;
width:600px;
float:left;
}

#contactbottom {
margin:0px;
padding:0px 0px 0px 100px;
width: 500px;
float:left;
}

.contactdetails {
margin:20px 20px 20px 60px;
padding:0px;
}



#contactform {
margin:10px auto;
padding:0px 20px 0px 20px;
width:450px;
border:5px solid #FFF;

}

.formrow {
clear:both;
margin:0px;
padding:0px;
width:500px;
float:left;
}


.formcol1 {
margin:0px;
padding:0px;
width:120px;
height:20px;
float:left;
}

.formcol2 {
margin:0px;
padding:0px;
width:340px;
height:20px;
float:left;
}

.button {
margin:0px;
padding:2px;
width:80px;
height:20px;
border:1px solid #666;
background-color:#FFF;
color:#666;
text-align:center;
font-size:10px;
}



/* cart styles */

#cartdisplay {
margin:20px auto;
padding:0px;
width:620px;
}



.cartrow {
margin:0px 0px 10px 0px;
padding:0px;
width:620px;
height:20px;
clear:both;
}

.cartrowf {
margin:0px 0px 10px 0px;
padding:0px;
width:620px;
height:20px;
clear:both;
}

.cartcol1h {
margin:0px;
padding:0px;
text-align:center;
background-color:#CCCCCC;
width:300px;
float:left;
}

.cartcol1 {
margin:0px;
padding:0px 0px 0px 10px;
text-align:left;
background-color:transparent;
width:290px;
float:left;
}

.cartcol2h {
margin:0px;
padding:0px;
text-align:center;
background-color:#CCCCCC;
width:80px;
float:left;
}

.cartcol2hp {
margin:0px;
padding:0px;
text-align:right;
background-color:#CCCCCC;
width:120px;
float:left;
}

.cartcol2 {
margin:0px;
padding:0px;
text-align:center;
background-color:transparent;
width:80px;
float:left;
}

.cartcol2p {
margin:0px;
padding:0px;
text-align:right;
background-color:transparent;
width:120px;
float:left;
}

.cartcol3h {
margin:0px;
padding:0px;
text-align:center;
background-color:#CCCCCC;
width:40px;
float:left;
}

.cartcol3 {
margin:0px;
padding:0px;
text-align:center;
background-color:transparent;
width:40px;
float:left;
}

.cartcol4h {
margin:0px;
padding:0px;
text-align:right;
background-color:#CCCCCC;
width:80px;
float:left;
}

.cartcol4 {
margin:0px;
padding:0px;
text-align:right;
background-color:transparent;
width:80px;
float:left;
}

.cartcol5h {
margin:0px;
padding:0px;
text-align:center;
background-color:#CCCCCC;
width:120px;
float:left;
}

.cartcol5 {
margin:0px;
padding:0px;
text-align:center;
background-color:transparent;
width:120px;
float:left;
}

.cartbutton {
width:80px;
margin:0px 10px;
padding:0px;
float:left;
}

.cartbutton2 {
width:120px;
margin:0px 10px;
padding:0px;
float:left;
}

#paypal {
clear:both;
}

/* mini cart styles */

#minicart {
margin:0px;
padding: 0px;
width:200px;
border: 1px solid #666;
font-size:80%;
}

#minicart p {
margin:0px;
font-style:normal;
color:#333;
}

#minicart h2{
margin:5px;
padding: 0px;

}

.minicartheader {
margin:0px;
padding:0px;
width:200px;
height:20px;
padding:0px;
background-image:url(../images/minicartheader.jpg);
background-repeat:no-repeat;
}

.minicartrow1 {
margin:0px;
padding:0px;
background-color:#F2EFEF;
}

.minicartrow1 p{
margin:0px;
padding:5px;
color:#333;
}

.minicartrow2 {
margin:0px;
padding:0px;
background-color:#DCDBDB;
}

.minicartrow2 p{
margin:0px;
padding:5px;
color:#333;
}

.minicarttotal {
margin:0px;
padding:2px 5px;
text-align:right;
background-color:#CCCCCC;
}



/* products display */
#productdisplay {
margin:0px 0px 0px 0px;
padding:0px;
width:640px;
float:left;
}

.products {
margin:0px;
padding:5px;
width: 630px;
float:left;
}

#productdisplay p {
margin:5px 0px;
padding:0px;
}

.productdetail {
margin:0px;
padding:10px;
width: 620px;
height:500px;
float:left;
}

.productdetailcol1{
margin: 10px 20px;
width:300px;
float:left;
}

.productdetailcol1 img{
text-align:center;
border:none;
}

.productdetailcol2{
margin: 10px 10px;
padding: 40px 0px;
width:240px;
float:left;
}
.productscol1 {
margin:0px;
padding:0px;
float:left;
width:370px;

}

.productscol1a {
margin:0px 0px 0px 20px;
padding:0px;
float:left;
width:100px;

}


.productscol2 {
margin:0px;
padding:0px;
width:340px;
text-align:left;
float:left;

}

.productscol3 {
margin:20px;
padding:0px;
width:100px;
text-align:left;
float:left;
}


/* paging */
#paging {
margin:0px auto;
padding:0px;
width:600px;
height:20px;
clear:both;
}

#minipaging {
margin:5px 0px 5px 0px;
padding:0px;
width:290px;
height:20px;
text-align:right;
float:left;

}

#newspaging {
margin:0px auto;
padding:0px;
width:600px;
height:20px;
clear:both;
}

#pagingcol1 {
margin:0px;
padding:0px;
width:60px;
height:20px;
float:left;
}

#pagingcol2 {
margin:0px;
padding:0px;
width:480px;
height:20px;
float:left;
}

#pagingcol3 {
margin:0px;
padding:0px;
width:60px;
height:20px;
float:left;
}

a.paginglink {
padding:1px 2px 1px 2px;
margin:2px;
font-size:10px;

}

a.paginglinksel {
padding:1px 2px 1px 2px;
margin:2px;
font-size:10px;
border:1px solid #666;
color:#FFFFFF;
background-color:#666666;
}

/* order details */
#orderdetails {
margin: 20px auto;
padding:0px;
width: 620px;
height: 300px;
}

#shippingad {
width:280px;
height:220px;
margin:0px;
padding:10px;
border:1px solid #FFF;
float:left;
}

#paymentad {
width:280px;
height:220px;
margin:0px 0px 0px 10px;
padding:10px;
border:1px solid #FFF;
float:left;
}

/* links display */

#linksdisplay {
margin:0px auto;
padding:0px;
width: 300px;
float:left;
}

#linksdisplay p {
margin:0px;
padding:0px;
}

.linksgroup {
clear:both;
margin:5px 0px 0px 0px;
}

.linkscol1 {
margin:0px;
padding:0px;
width:300px;

}

.linkscol1 p, .linkscol1 p strong {
margin:0px;
padding:0px;
}

.linkscol2 {
margin:0px;
padding:0px 0px 0px 30px;
width:300px;

}

.linkscol2 p, .linkscol2 p a:link {
margin:0px;
padding:0px;
}


.warning {
color:#FF0000;
}

/* shop breadcrumbs */

#breadcrumbs {
width:330px;
height:20px;
margin:5px 0px 5px 0px;
float:left;
}

/* frontpics and sidepics */

#frontpics {
margin:0px; 
width:630px;
}

#frontpics img {
margin:0px 5px 5px 0px;
float:left;
}

#sidepics {
margin:0px;
padding:0px 0px 0px 20px;
width:260px;
}

#sidepics img {
margin:0px 5px 5px 0px;
float:left;
}

.colorblock {
margin:0px 5px 5px 0px;
width:120px;
height:120px;
float:left;
background-color:#FF66CC;
}

.colorblocksmall {
margin:0px 5px 5px 0px;
width:80px;
height:80px;
float:left;
background-color:#FF66CC;
}


/* news definition */

.newsheader {
width:200px;
font-size:12px;
color:#666;
float:left;
}

.newsdate {
width:130px;
text-align:right;
font-size:10px;
font-weight:100;
float:left;
color:#333333;
}

#newspaging {
margin:0px;
padding:0px;
width:330px;
height:20px;
clear:both;
}

#newspagingcol1 {
margin:0px;
padding:0px;
width:60px;
height:20px;
float:left;
}

#newspagingcol2 {
margin:0px;
padding:0px;
width:210px;
height:20px;
float:left;
}

#newspagingcol3 {
margin:0px;
padding:0px;
width:60px;
height:20px;
float:left;
}