/* CSS Document */

 html { min-height: 100%; margin-bottom: 1px; }

body{
margin:0 auto;
padding:0;
font:80% Verdana,Tahoma,Arial,sans-serif;
background-color:#ffffff;
color:#303030;
background-image:url(images/bg.jpg);
background-position:top center;
background-repeat:no-repeat;
}

#wrap{
background-color:#ffffff;
color:#303030;
margin:30px auto 0 auto;
width:800px;
border: 1px solid #660000;
 min-height:445px; 
background-image:url(images/logo_graph.jpg);
background-position:top right;
background-repeat:no-repeat;
}
* html #wrap {height:445px}

#wrap_cart{
background-color:#ffffff;
color:#303030;
margin:30px auto 0 auto;
width:800px;
border: 1px solid #660000;
min-height:445px; 
}
* html #wrap_cart {height:445px}

#logo{
width:463px;
height:48px;
background-image:url(images/logo.jpg);
background-position:top left;
background-repeat:no-repeat;
margin:0;
padding:0;
}

#logo a { 
width: 463px;
height: 48px; 
position: absolute;
text-decoration:none;
}

#logo a i { 
visibility: hidden; 
}

#smallmenu {
font-size:.72em;
margin-top: -20px;
margin-left: 520px;
}

#smallmenu ul {
list-style-type: none; 
margin: 0;
padding: 0;
}

#smallmenu ul li { 
display: inline; 
}

#smallmenu ul li a, #smallmenu ul li a:link, #smallmenu ul li a:visited, #smallmenu ul li a:active { 
text-decoration: none; 
padding:0 3px 0 3px;
color:#660000;
background-color:#FFFFFF;
/* font-weight:bold; */
}

#smallmenu ul li a:hover {
color:#cc6600;
background-color:#FFFFFF;
}


#navcontainer {
margin-top:10px;
margin-left:5px;
color:#660000;
background-color:transparent;
width:730px;

}

/* #navcontainer ul { 
list-style-type: none; 
margin: 0;
padding: 0;
}

#navcontainer ul li { 
display: inline;  
 } 

#navcontainer ul li a, #navcontainer ul li a:link, #navcontainer ul li a:visited, #navcontainer ul li a:active { 
text-decoration: none; 
padding:0 3px 0 3px;
color:#660000;
background-color:#FFFFFF;
font-weight:bold;
}

#navcontainer ul li a:hover {
color:#cc6600;
background-color:#FFFFFF;
}  */

.bigmenu{
font-size:.83em;

}



/* item and description are for shop and left and right are for the html pages. nofloat is for full page presentation */
#item{
width:357px;
height:238px;
margin-left: 15px;
margin-top: 12px;
margin-bottom:5px;
float:left;
}

#leftside {
width:485px;
height:340px;
margin-left: 0px;
margin-top: 20px;
margin-bottom:5px;
float:left;
}

#description{
width:310px;
margin-left: 390px;
height:238px;
max-height:238px;
 font-size:11px; 
 }
 
#description h4{
margin:0;
padding:0;
}

#description a, #description a:link, #description a:visited, #description a:active{
color:#660000;
background-color:#FFFFFF;
font-weight:bold;
text-decoration:none;
}

#description a:hover {
color:#CC6600;
background-color:#FFFFFF;
text-decoration:underline;
}

#rightside{
width:200px;
margin-left: 500px;
margin-top: 45px;
/* height:238px;
max-height:238px; */
}

#rightside a, #rightside a:link, #rightside a:visited, #rightside a:active{
color:#660000;
background-color:#FFFFFF;
font-weight:bold;
text-decoration:none;
}

#rightside a:hover {
color:#CC6600;
background-color:#FFFFFF;
text-decoration:underline;
}

#nofloat, #DAP {
width:700px;
margin-left: 20px;
margin-top: 45px;
margin-bottom:5px;
line-height:130%;
}

#nofloat a, #nofloat a:link, #nofloat a:visited, #nofloat a:active, #DAP a, #DAP a:link, #DAP a:visited, #DAP a:active{
color:#660000;
background-color:#FFFFFF;
font-weight:bold;
text-decoration:none;
}

#nofloat a:hover, #DAP a:hover{
color:#CC6600;
background-color:#FFFFFF;
text-decoration:underline;
}

#nofloat img {
border: 4px solid #cccccc;
background: #f0f0f0;
color:#000000;
}

#DAPimg {
border: none;
background: #f0f0f0;
color:#000000;
}


.imgright {
margin: 10px 0 5px 10px;
float: right;
}

.imgleft {
margin: 10px 10px 5px 0;
float: left;
}


#thumbcount {
clear:both;
margin-left: 390px;
font-size:.87em;
text-align:right;
margin-right:15px;
}

#thumbcount a, #thumbcount a:link, #thumbcount a:visited, #thumbcount a:active{
color:#660000;
background-color:#FFFFFF;
font-weight:bold;
text-decoration:none;
}

#thumbcount a:hover {
color:#CC6600;
background-color:#FFFFFF;
}

#thumbnails {
clear:both;
width: 770px;
border-top: 1px solid #660000;
margin-left: 15px;
}


#thumbnails a, #thumbnails a:link, #thumbnails a:visited, #thumbnails a:active {
color:#660000;
background-color:#FFFFFF;
text-decoration:none;
width: 77px;
height:77px;
float:left;
margin:  5px 10px;
border: 2px solid #660000;
margin-bottom:2px;
}

#thumnails img{
border: 0px;
width: 77px;
height: 77px;
} 


#thumbnails a img, #thumbnails a:link img, #thumbnails a:visited img, #thumbnails  a:active img {
border: 0px;
}
#thumbnails a:hover{
border: 2px solid #CC6600;

}


#footer {
background-color:#ffffff;
color:#303030;
margin:0 auto;
width:800px;
font-size: .8em;
}

#footer a, #footer a:link, #footer a:visited, #footer a:active {
text-decoration:none;
color:#660000;
background-color:#FFFFFF;
}

#footer a:hover {
color:#cc6600;
background-color:#FFFFFF;
}

#footer ul {
list-style-type: none; 
margin: 0;
padding: 0;
}

#footer ul li{
display: inline;
}

#footer ul li a, #footer ul li a:link, #footer ul li a:visited, #footer ul li a:active {
text-decoration: none; 
padding:0 5px 0 5px;
color:#660000;
background-color:#FFFFFF;
}

#footer ul li a:hover {
color:#cc6600;
background-color:#FFFFFF;
}

#footer p {
margin-top: 3px;
padding:0;
}

#purchase a, #purchase a:link, #purchase a:visited, #purchase a:active{
display:block;
width: 76px;
height: 17px;
background-image:url(images/purchase.gif);
background-repeat:no-repeat;
text-decoration:none;
}

#purchase a:hover {
background-image:url(images/purchase_over.gif);
background-repeat:no-repeat;
}

#purchase a i {
visibility:hidden;
width: 76px;
height: 17px;
}

h4 {
font-size: 1.2em;
}

h5 {
font-size:1.1em;
}

.box {
padding: 3px;
border: 4px double #CC6600;
}

#TB_ajaxContent a, #TB_ajaxContent a:link, #TB_ajaxContent a:visited, #TB_ajaxContent a:active{
color:#660000;
background-color:#FFFFFF;
font-weight:bold;
text-decoration:none;
}

#TB_ajaxContent a:hover {
color:#CC6600;
background-color:#FFFFFF;
text-decoration:underline;
}


.thumbnailDAP
{
float: left;
width: 110px;
margin: 0 15px 15px 0;
}

.thumbnailcone
{
float: left;
width: 105px;
margin: 0 7px 15px 0;
}

.clearboth { clear: both; }