@charset "utf-8";
/* defaults */
* {
margin:0px;
padding:0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-decoration:none;
font-size:small;
}
body {
background-color:black;
position:relative;
margin-left:auto;
margin-right:auto;
width:750px;
margin-top:8px;
}
a {
text-decoration:none;
color:#7392a5;
}
a:hover {
color:#99CC66;
}
h1 {
color:white;
font-size:large;
margin:10px;
font-weight:normal;
text-align:center;
}
h2 {
font-size:medium;
color:#3399FF;
margin:10px;
margin-left:10px;
text-align:left;
font-weight:normal;
}
h3 {
margin:10px;
margin-left:25px;
font-weight:normal;
margin-bottom:5px;
font-size:small;
color:#99CC66;
text-align:left;
}
p {
color:white;
}
table {
margin-left:40px;
}
th {
color:white;
font-weight:normal;
text-align:right;
width:80px;
}
td {
color:white;
}
input {
border:0px;
padding:4px;
margin:4px;
}
textarea {
border:0px;
padding:4px;
margin:4px;
width:155px;
height:85px;
overflow-y:hidden;
}

.button1 {
width:130px;
border:0px solid #cccccc;
background-color:#CC6600;
padding:4px;
color:white;
font-weight:700;
cursor:pointer;
text-align:center;
}
.button2 {
color:white;
width:130px;
border:0px solid #cccccc;
background-color:#669933;
padding:4px;
font-weight:700;
cursor:pointer;
text-align:center;
}
.button3 {
color:#333333;
width:130px;
border:0px solid #cccccc;
background-color:white;
padding:4px;
font-weight:normal;
cursor:pointer;
text-align:center;
}
li {
list-style:none;
}

/* structure */
#page {
width:750px;
margin:0 auto;
text-align:center;
background-image:url(strip.jpg);
background-repeat:repeat-y;
}
#head {
float:none;
clear:both;
height:100px;
width:750px;
display:block;
background-image:url(header.jpg);
background-repeat:no-repeat;
background-position:center top;
}
#frame {
float:none;
clear:both;
position:relative;
width:750px;
margin:0 auto;
text-align:center;
}

#leftpane {
float:left;
width:375px;
margin:0 auto;
text-align:center;
}
#rightpane {
float:left;
width:375px;
margin:0 auto;
text-align:center;
}
#nav {
float:none;
clear:both;
width:748px;
height:30px;
margin:0 auto;
text-align:center;
background-color:black;
border-bottom:1px solid #333333;
border-left:1px solid #333333;
border-right:1px solid #333333;
}
#nav ul {
padding-top:7px;
}
#nav li {
display:inline;
list-style:none;
margin-left:40px;
margin-right:40px;
}
#nav a{
color:white;
}

#logon {
text-align:center;
margin:0 auto;
width:500px;
margin-bottom:40px;
}

/* thumb & photo content */
#logout {
position:absolute;
top:-30px;
right:12px;
color:#cccccc;
}
#thumbs {
position:relative;
width:330px;
height:350px;
margin:0 auto;
text-align:center;
margin-top:0px;
}
.tthumb {
float:left;
height:70px;
width:70px;
margin:5px;
}
.tthumb img {
height:70px;
width:70px;
border:0px;
}
.tthumb:hover {
-moz-opacity: 0.5;
 filter:alpha(opacity=50);
 opacity: 0.5;
 -khtml-opacity:.5;
cursor:pointer;
}
.tthumbbasket {
position:relative;
height:70px;
width:70px;
margin:5px;
float:left;
background-color:#006600;
background-color:#6f8694;
}
.tthumbbasket img {
height:70px;
width:70px;
border:0px;
}
.tthumbbasket:hover {
-moz-opacity: 0.5;
 filter:alpha(opacity=50);
 opacity: 0.5;
 -khtml-opacity:.5;
cursor:pointer;
}

#thumb {
position:relative;
float:none;
clear:both;
}

#pagination {
float:none;
clear:both;
text-align:center;
margin:0 auto;
width:320px;
}
#pag {
text-align:center;
margin:0 auto;
}
#pag ul {
text-align:center;
margin:0 auto;
}
#pag li{
margin-left:5px;
margin-right:5px;
float:left;
}
#photo {
float:none;
clear:both;
position:relative;
text-align:center;
margin:0 auto;
height:410px;
}
#pic {
position:relative;
width:320px;
height:350px;
text-align:center;
margin:0 auto;

}
#photocontainer {
position:absolute;
z-index:1;

}
#photocontainercover {
position:absolute;
z-index:2;
}

#menu {
width:320px;
height:50px;
margin:0 auto;
text-align:center;
position:relative;
padding-top:10px;
}
#menu img {
border:0px;
}
#menu input {
padding:0px;
}
#menu li {
display:inline;
list-style:none;
margin-left:15px;
margin-right:15px;
}
#tick {
position:absolute;
z-index:50;
}


/* basket content */
#basket {
position:relative;
width:730px;
text-align:center;
margin:0 auto;
}
#close {
position:absolute;
top:3px;
right:12px;
color:#cccccc;
}
.item {
position:relative;
width:730px;
height:140px;
margin-top:20px;
margin-bottom:20px;
}
.basketimage {
position:relative;
float:left;
width:140px;
height:140px;
margin:0 auto;
text-align:center;
}
.basketimage img{
border:0px;
width:auto;
height:auto;
cursor:pointer;
}
.removefrombasket {
position:absolute;
right:5px;
top:4px;
}
.options {
position:absolute;
left:150px;
top:0px;
width:450px;
}
.addproduct {
float:left;
width:40px;
height:140px;
text-align:center;
}
.addproduct img{
margin-top:24px;
width:auto;
height:auto;
border:0px;
}
.productprint {
position:relative;
float:left;
width:60px;
height:60px;
background-color:white;
text-align:center;
color:black;
margin:4px;
cursor:pointer;
}
.productprint h1 {
font-size:large;
font-weight:normal;
margin-top:0px;
margin-bottom:3px;
color:black;
}
.productprint p {
color:black;
}
.closeprint a{
position:absolute;
top:-2px;
right:2px;
color:black;
}
.imagetotal {
position:absolute;
right:20px;
top:20px;
width:100px;
color:white;
font-size:large;
text-align:right;
}

/* grand total content */

#grandtotal {
float:none;
clear:both;
border-top:2px solid white;
text-align:right;
}
#grandtotal p{
margin-bottom:20px;
margin-top:20px;
}


#pandp {
margin:0px;
padding:0px;
margin-top:20px;
}
#pandp p {
margin:0px;
padding:0px;
}

#vou{
width:50px;
padding:4px;
border:0px solid #cccccc;
}

#termsconditions {
padding-left:50px;
padding-right:50px;
text-align:justify;
}
#termsconditions h2{
margin-left:0px;
}
/* product options */
#orderoptions {
margin:0 auto;
text-align:center;
width:290px;
}
#orderoptions p{
padding-top:10px;
margin-bottom:5px;
float:none;
clear:both;
}
#blockoptions {
margin: 0 auto auto auto;
width:290px;
}
.productoption {
float:left;
margin:5px;
width:80px;
height:50px;
color:black;
padding-top:5px;
}
.productoption a{
color:black;
}
.productoption br{
padding-top:2px;
}
.info {
font-size:xx-small;
}


#emailbasket {
color:#999999;
width:180px;

}

#basketimagepreview{
display:none;  
position:fixed;  
_position:absolute; /* hack for internet explorer 6*/  
height:300px;  
width:400px;  
border:0px;  
z-index:2;
padding:10px;
}


#notification{
display:none;  
position:fixed;  
_position:absolute; /* hack for internet explorer 6*/  
height:250px;  
width:400px;  
background:#FFFFFF;  
border:2px solid #cecece;  
z-index:2;  
padding:10px;  
}

#notificationbg {
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:100%;  
width:100%;
top:0;
left:0;
background:#000000;
z-index:1;
}

#notification p{
color:#333333;
margin-top:20px;
margin-bottom:20px;
}

#notification input {
border:1px solid #cccccc;
}