/* CSS Document */
/* 939 Design Limited - Mike Archibald*/
/* VIRTUAL SERVER WAREHOUSE*/
/* 27/8/2007 */

* {margin:0;padding:0;}
body {background:#FFFFFF url(../img/top.jpg) repeat-x;font:0.76em Arial,Helvetica,sans-serif;color:#444444;}
h1, h2, h3 {color:#666666;}
h1 {font-size:1.9em;}
h2 {font-size:1.5em;}
h3 {font-size:1em;color:#FF0000;margin:10px 0 10px 0;}
h4 {font-size:1em;color:#333333;margin:15px 0 5px 0;}
p, ul, ol {margin-bottom:1em;line-height:1.6em;}
p {font-size:1em;}
ul {}
ol {}
a {color:#FF0000;}
a:hover {text-decoration: none;}

/******* IMAGES *******/
img {border:none;}
.pic {margin: 0px 6px 5px 0px;}
.picleft {float:left;margin:0px 15px 5px 0px;border:1px solid #EEE;padding:5px;}
.picright {float:right;margin:0px 10px 5px 5px;border:1px solid #EEE;padding:5px;}
.picrightnb {float:right;margin:0px 0px 5px 5px; }
.piclefttnb {float:left;margin:0px 5px 5px 0px; }
.picextra {clear:left;margin:20px 0px 10px 0px;}

/******* TOP *******/
#top {width:875px;height:126px;margin:0 auto;background:url(../img/virtualserverwarehouse-logo.jpg) no-repeat left bottom;}
#top h1 {}
#top h2 {float:right;padding:70px 0 0 0;font-size:1.1em;color:#999999;}

/******* NAV *******/
#nav {width:919px;height:39px;margin:0 auto;}
#nav ul {margin:0;padding:6px 0 0 0;list-style:none;line-height:normal;}
#nav li {display:inline;}
#nav a {display:block;float:left;height:25px;margin:0 2px;padding:5px 12px 0 12px;text-decoration:none;font-size:1em;color:#999999;color:#FF7B78;}
#nav a:hover {text-decoration:none;color:#FFFFFF;padding-top:4px;}

/******* PAGE *******/
#background {background:url(../img/background.jpg) no-repeat center top;}
#page {width:918px;margin:0 auto;}

/******* MAIN CONTENT *******/
#maincontent {float:left;width:625px;padding:0 0 0 30px;}
#maincontent h1 {margin:35px 0 10px 0;padding-left:33px;background:url(../img/v-bullit.jpg) no-repeat left center;}
#maincontent .content {padding-left:32px;}
#maincontent ul {margin-left:15px;}

/******* ITEM *******/
.item h1.title {margin:25px 0 20px 0;padding-left:33px;background:url(../img/v-bullit.jpg) no-repeat left center;}
.item h2.title {margin:20px 0 10px 7px;padding-left:25px;background:url(../img/v-bullit-small.jpg) no-repeat left center;}
.item h3.title {padding-left:20px;}
.item .title a {text-decoration:none;color:#555555;}
.item .entry {padding-left:32px;}
.item ul, .post ol {margin-left:1.2em;}

/******* BOXES *******/
.boxleft1 {float:left;width:280px;padding:2em 0em 1em 2em;margin:0 0 0em 0;background:url(../img/box-top1.jpg) #fff no-repeat center top;}
.boxleft1 h2 {font-size:1.1em;}
.boxleft1 ul {margin:0 0 0 15px;font-size:0.9em;}
.boxleft1 p {padding:0 30px 0 0px;}

.boxleft {float:left;width:280px;padding:2em 0em 1em 2em;margin:0 0 0em 0;background:url(../img/box-top.jpg) #fff no-repeat center top;}
.boxleft h2 {font-size:1.1em;}
.boxleft ul {margin:0 0 0 15px;font-size:0.9em;}
.boxleft p {padding:0 30px 0 0px;}

.boxright {float:right;width:280px;padding:2em 0em 1em 2em;margin:0 0 0em 0;background:url(../img/box-top.jpg) #fff no-repeat center top;}
.boxright h2 {font-size:1.1em;}
.boxright ul {margin:0 0 0 15px;font-size:0.9em;}
.boxright p {padding:0 30px 0 0px;}

/******* TABLE *******/
table a,table a:link,table a:visited {border:none;}		
img {border:0;margin-top:.5em;}	
table {width:99%;border-top:1px solid #999;border-right:1px solid #999;margin:1em auto;border-collapse:collapse;background:#f9f9f9;}
caption {color:#666;font-size:1.5em;padding:0;margin:1em 0 0 0;margin-bottom:0;caption-side:top;text-align:left;}	
tr.highlight td,tr.highlight .column1 {background:url(../img/table-grad.jpg) #e62b2b repeat-x center top;}	
.column1{background:#fff; width: 130px;}
td {color:#666;border-bottom:1px solid #999;border-left:1px solid #999;padding:.3em 1em;text-align:center;}
th {font-weight:normal;color:#666;text-align:left;border-bottom:1px solid #999;border-left:1px solid #999;padding:.3em 1em;}	
thead th {background:url(../img/table-grad.jpg) #fff repeat-x center top;text-align:center;}	
tfoot th {background:url(../img/table-grad.jpg) #fff repeat-x center top;text-align:center;}	
tfoot th strong {font:bold 1.2em Arial,Helvetica,sans-serif;margin:.5em .5em .5em 0;color:#999;}
tfoot th em {color:#FF0000;font-weight:bold;font-size:1.1em;font-style:normal;}	
table ul {text-align: left;}

/******* BLOCKQUOTE *******/
blockquote {font:1.2em/1.4em Georgia, Verdana,Tahoma,Arial,sans-serif;border-left:5px solid #FF0000;margin:20px 0px 10px 0px;background:url(../img/quotes.jpg) 530px 0px no-repeat #eee;padding:20px 20px 20px 20px;}
blockquote p {margin:0px 0px 0px 20px;color:#333;}
blockquote p a {color:#333;}
blockquote p a:hover {color:#FF0000;}
cite {color:#222;}

/******* SECONDARY CONTENT *******/
#secondarycontent {float:right;width:214px;padding:0 1px 0 0;}
#secondarycontent a {color:#999;}
#secondarycontent a:hover {color:#FF0000;}
 
/******* PAN1 *******/
.panel1 {}
.panel1 .title {height:23px;padding:6px 0 0 20px;background:#999999 url(../img/sidebar-banner.jpg) no-repeat;color:#666;font-size:1.1em;}
.panel1 .content {padding:26px;background:url(../img/grey-grad.jpg) repeat-x;}
.panel1 ul {list-style:none;line-height:normal;}
.panel1 ul li {margin-bottom:13px;font-size:1.1em;}
.panel1 small {font-size:0.9em;color:#808C96;}

/******* PAN2 *******/
.panel2 {}
.panel2 .title {height:23px;padding:6px 0 0 20px;background:#999999 url(../img/sidebar-banner.jpg) no-repeat;color:#666;font-size:1.1em;}
.panel2 .content {padding:15px;background:url(../img/grey-grad.jpg) repeat-x;}
.panel2 ul {list-style:none;line-height:normal;}
.panel2 ul li {margin-bottom:13px;font-size:1.1em;}
.panel2 small {font-size:0.9em;color:#808C96;}

/******* PAN3 *******/
.panel3 {}
.panel3 .title {height:23px;padding:6px 0 0 20px;background:#999999 url(../img/sidebar-banner.jpg) no-repeat;color:#666;font-size:1.1em;}
.panel3 .content {font:1em/1em Georgia, Verdana,Tahoma,Arial,sans-serif;padding:15px;background:url(../img/grey-grad.jpg) repeat-x;}

/******* FOOTER *******/
#footer {padding:15px 0;background:url(../img/footer-background.jpg) no-repeat center top;font-size:0.9em;}
#footer p {text-align:center;color:#999999;}

/******* CLASSES *******/
.grey {color:#666666;}
.red {color:#FF0000;}
.blue {color:#0075b5;}
.white {color:#FFFFFF;}
.greenok {color:#009900;font-weight:bold;}
.rederror {color:#FF0000;font-weight:bold;}
.green {color:#009933;}
.hide {display:none;}
.clear {clear:both;height:20px;}
.was {color:#999999;text-decoration:line-through;}
.price {color:#FF3300;font:bold 2em Arial,Helvetica,sans-serif;}
.small {font:bold 0.8em Arial,Helvetica,sans-serif;color:#999999;}

iframe {border:none;height:100%;}
#i {height:120px;background:#eee;padding:10px;}

/******* FORMS *******/
fieldset {border:none;}
form {margin:20px;padding:20px;background-color:#F7F7F7; }
label {margin:0px 0 0px 0;}
input {padding: 4px;border:1px solid #EEE;font:normal 1em/1.5em Verdana, sans-serif;color:#222;}
textarea {width:240px;padding:0px;font: normal 1em/1.5em Verdana, sans-serif;border:1px solid #eee;height:100px;display:block;color:#222;}
input.button {margin:0;font:bold 1em Arial, Sans-serif;border:1px solid #EEE;background:#FC1D1D;padding: 2px 3px; color:#222;}
input.hidden {display:none;}

/*--------------------------------------------------|
| dTree 2.05 | www.destroydrop.com/javascript/tree/ |
|---------------------------------------------------|
| Copyright (c) 2002-2003 Geir Landrö               |
|--------------------------------------------------*/
.dtree {font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;font-size:1em;color:#666;white-space:nowrap;}
.dtree img {border:0px;vertical-align:bottom;}
.dtree a {color:#333;text-decoration:none;}

/******* Tabb box shifter on product pages **********/
#tabbed-box { width: 625px;}
#tabbed-box ul.tabs { width: 625px; float: left; margin-left: 0px; margin-bottom: 0px;}
#tabbed-box .tabs li { list-style: none; float: left; width: 200px; }
#tabbed-box .tabs li a { display: block; height: 20px; padding: 5px 5px 5px 5px; font-weight: bold; text-align: center; text-decoration: none; }
.tabbed-content div { width: 625px; float: left; padding: 0px 0px 0px 0px; display: none; }