/*
Theme Name: OSCS Custom Theme
Theme URI: http://www.webmarkdesigns.com.au/
Description: The custom OSCS theme designed to run under WordPress
Version: 1.0
Author: WebMark Designs
Author URI: http://www.webmarkdesigns.com.au/
*/

img{vertical-align:middle;border:0}
hr{display:none}
.alignleft{float:left}
.linklove{display:none}

html{background:#316a82 url("images/site-bg.gif") repeat-x}
body{
  margin:0;padding:0;height:952px;
  /* Hide logo watermark from IE6 and under */
  background:url("images/logo-watermark.png") top center no-repeat !important;
  background:none}

#header{padding:6px 0 5px 15px}

#wrapper{margin:auto;width:748px;/*width:990px;*/position:relative}

#content{
  padding:15px;background:#fff url("images/content-bg.gif") repeat-y;
  min-height:550px;height:auto !important;height:550px}

.main{clear:left;font:normal 90% Arial,sans-serif;width:445px;/*width:650px*/}
.main h1,
.main h2{font:300 130% Arial, sans-serif;color:#403e3e;text-transform:uppercase}
.main h1 span,
.main h2 span{color:#317b99}
.main h3{color:#555;border-bottom:1px solid #555}

.products{width:100%}
.products fieldset{margin-top:30px}
.product-categories{float:left;width:25%;padding:0;margin:0;list-style:none}
.product-categories div{
  position:absolute;left:-999em;font-size:90%;border:1px solid #000;
  background:#fff}
.product-categories div.one{width:190px}
.product-categories div.two{width:380px}
.product-categories div.three{width:570px}
.product-categories ul{
  padding:5px;margin:0;list-style:none;float:left;width:180px}
.product-categories .over div{
  left:auto;margin-left:10px;background:#fff;z-index:1}
.product-categories div a{text-decoration:none}
.product-categories div a:hover{text-decoration:underline}

#featured{border:1px solid #ccc;padding:15px}
#featured h2{margin-top:0}
.featured table{width:100%}
.featured td{padding:5px;vertical-align:top}
.featured td.img{width:90px}
.featured h3{color:#317b99;border:0;margin:0;font-weight:normal}
.featured p{margin:5px 0}
.featured img{border:1px solid #ccc}
.featured .more a:link,
.featured .more a:visited{
  text-decoration:none;display:block;
  width:100%;text-align:right;margin-top:15px;
  color:#317b99;border-bottom:1px solid #fff}
.featured .more a:hover{border-bottom:1px groove #317b99}

/* UL's and LI's */
#sidebar ul,
#top-menu ul,
#navbar ul,
#subpages ul,
#footer ul{margin:0 auto;padding:0;list-style:none}

#top-menu li,
#navbar li,
#subpages li,
#footer li{float:left}

#navbar-wrapper{background:url("images/navbar-bg.gif") repeat-x;height:48px}
#navbar{background:url("images/navbar-right.gif") center right no-repeat}
#navbar ul{
  background:url("images/navbar-left.gif") center left no-repeat;
  height:48px;padding-left:10px}
#navbar a:link,
#navbar a:visited{
  font:normal 16px Arial,sans-serif;color:#fff;background:url("images/navbar-item.gif") top right no-repeat;
  text-decoration:none;display:block;padding:14px 11px 14px 9px}
#navbar a:hover,
#navbar li.current_page_ancestor a{background-position:right -50px}

/* Top menu */
#top-menu{
  width:315px;height:23px;
  position:absolute;top:0;right:11px;
  /* Hide blended background from IE6 and under */
  background:#2b6c86 url("images/top-menu-bg.gif") bottom right no-repeat !important;
  background:#2b6c86}
/*#top-menu ul{position:absolute;right:5px}*/
#top-menu a:link,
#top-menu a:visited{
  padding:0 5px;font:normal 70% Arial,sans-serif;text-decoration:none;
  color:#fff;background:url("images/separator.gif") center right no-repeat}
#top-menu a.last-item:link,
#top-menu a.last-item:visited{padding:0 0 0 5px;background:0}
#top-menu a:hover{text-decoration:underline}

/* Sidebar widgets */
.call-us{
    width:244px;height:106px;margin-bottom:10px;
    font:500 120% Arial, sans-serif;
    color:#fff;background:url("images/call-us.png") no-repeat}
.call-us div{padding:50px 10px 0}
.call-us div span{display:block;margin-top:5px;font-size:130%}
.call-us-small{
    position:absolute;top:24px;left:534px;z-index:99;
    width:200px;height:70px;font:100% Arial, sans-serif;
    color:#fff;background:url("images/call-us-small.gif") bottom right no-repeat}
.call-us-small div{padding:25px 0 0 20px}
.call-us-small div span{font-weight:bold}

#sidebar{
    font:normal 80% Arial, sans-serif;
    width:244px;position:absolute;top:155px;right:20px}
#sidebar h2{
    position:relative;z-index:1;
    font-size:110%;text-transform:uppercase;
    color:#fff;background:#3f8c39 url("images/sidebar-header-bg.gif") no-repeat;
    height:15px;padding:5px 10px;margin-bottom:10px}
#sidebar .subscribe h2{
    position:relative;z-index:1;
    font-size:110%;text-transform:uppercase;
    color:#403e3e;
    background:#3f8c39 url("images/sidebar-header-bg.gif") 0 -25px no-repeat;
    height:15px;padding:5px 10px;margin-bottom:0}
#sidebar .subscribe p{font-size:85%;margin:10px 0;padding:0}
#sidebar .subscribe form div{margin:0;padding:0}
#sidebar .subscribe input{vertical-align:bottom}
#sidebar .subscribe input.email{width:155px;margin:0}
#sidebar .onsite-request p{font-size:85%}
#sidebar .widget{
    background:#fbfbfb url("images/widget-bg.gif") repeat-y;color:#403e3e;
    position:relative;padding-bottom:10px;margin-bottom:10px}

#sidebar .widget div{padding:0 10px;position:relative;z-index:1}
#sidebar .widget .foot{background:#fbfbfb url("images/widget-footer.gif") no-repeat}
#sidebar .widget .foot.small{
    display:block;width:100%;height:39px;
    position:absolute;bottom:0;z-index:0}
#sidebar .widget .foot.medium{
    display:block;width:100%;height:67px;
    background-position:0 -39px;
    position:absolute;bottom:0;z-index:0}
#sidebar .widget .foot.warning{
    display:block;width:100%;height:98px;
    background-position:0 -106px;
    position:absolute;bottom:0;z-index:0}

/* Wishlist styles */
#wishlistWidget{width:244px;float:right;position:relative}
#wishlistWidget div{
    color:#403e3e;position:relative;z-index:1;padding:5px 5px 0;
    margin-bottom:10px;font-size:90%}
#wishlistWidget h2{
    position:relative;z-index:1;font-weight:bold;
    font-size:110%;text-transform:uppercase;margin:0;
    color:#fff;background:#3f8c39 url("images/sidebar-header-bg.gif") no-repeat;
    height:15px;padding:5px 10px}
#wishlistWidget .foot{
  background:#fbfbfb url("images/widget-footer.gif") no-repeat}
#wishlistWidget .foot.small{
    display:block;width:100%;height:39px;
    position:absolute;bottom:0;z-index:0}

.products table{font-size:100%;/*font-size:100%;*/width:100%}
.products table td{padding:3px}
.products table input{font-size:90%;/*font-size:100%*/}
.products table th{background:#438F37;color:#fff}
.products table tr td{background:#eee}
.products table tr.alt td{background:#bfb;background:#fff}
.products table .qty,.products .price{text-align:right}
.products table .qty{width:20px}
.products select{font-size:90%;width:100%}
.products .results{margin:0}
.products .results .product_id{padding-left:20px}
.products .vendorName th{text-align:left;border-top:5px solid #fff}
.products .path td{padding-left:10px;background:#cdf}
.products table form{margin:0;padding:0}
.products table form div{/*width:72px;width:100%;*/text-align:center}
.products .pagination{margin:1em 0;text-align:center}
.products .id{width:110px;text-align:center}
.products .desc a{text-decoration:none}
.products .desc a:hover{text-decoration:underline}
.products td.value{text-align:center}

/*#sidebar ul{list-style:none;padding:10px;margin:0;font-size:90%}*/
table.wp-wishlist{width:100%}
.wp-wishlist th{background:#438F37;padding:2px;color:#fff}
.wp-wishlist tr.alt td{background:#eee}
.wp-wishlist th.name{text-align:left}
.wp-wishlist td.price,
.wp-wishlist th.price{width:60px;text-align:right}
.wp-wishlist td.qty{width:30px}
.wp-wishlist td.total-price{text-align:right;font-weight:bold}
.wp-wishlist td{padding:2px 0}
.wp-wishlist td.total-price,
.wp-wishlist td.total-heading{border-top:2px solid #999;padding:4px 0 0;font-weight:bold}
#wp-total-saved{
	font-weight:normal;font-style:italic;text-align:right;padding-right:3px}
.wp-wishlist .qty input{text-align:right;width:20px}
#wp-wishlist-email-form{}
#wp-wishlist-email,
#wp-wishlist-postcode{width:250px;display:block;}
#wp-wishlist-form td.action{padding:0 0 0 8px}

table.cabling{width:100%;clear:left}
.cabling th{width:auto;color:#fff;background:#459036}
.cabling tr.alt td{background:#ddd}
.cabling th.note{font-weight:normal;width:300px}

table.support-pricing{width:100%}
.support-pricing td{padding:3px}
.support-pricing td li span{font-size:80%;font-style:italic}
.support-pricing th{color:#fff;background:#459036}
.support-pricing tr.alt td{background:#ddd}
.support-pricing tr.price td{font-weight:bold;padding:10px;font-size:120%;vertical-align:top}
.support-pricing tr.price td span{font-size:50%}
.support-pricing del{color:red;font-size:70%;font-weight:normal}
.support-pricing tr.add td{text-align:center}

/* Subpage list styles */
#subpages{
  background:#efefef;font:normal 90% Arial, sans-serif;
  height:22px;width:746px;padding-top:8px;border-bottom:1px solid #ddd;
  position:absolute;top:142px;left:1px}
#subpages a:link,
#subpages a:visited{color:#666;text-decoration:none;margin:0 16px}
#subpages a:hover{text-decoration:underline}
#subpages .current_page_item a{font-weight:bold;text-decoration:underline}

/* Footer styles */
#footer{height:170px;background:url("images/footer.gif") no-repeat}
#footer #van{
  margin:-100px 20px 0 0;height:170px;
  background:url("images/van.png") no-repeat top right !important;
  background:none}
#footer ul{padding-top:100px}
#footer li{color:#fff;font:normal 11px Arial,sans-serif}
#footer a:link,
#footer a:visited{
  padding:0 5px;text-decoration:none;
  color:#fff;background:url("images/separator.gif") center right no-repeat}
#footer a:hover{text-decoration:underline}
  
#attachments{position:absolute;right:20px;top:320px;width:245px;text-align:center}
#attachments h2,#attachments ul{text-align:left}
#specifications{}
#specifications th{text-align:left;vertical-align:top;padding:3px;background:#eee}
#specifications td{background:#eee;padding:3px}
#specifications tr.alt td,#specifications tr.alt th{background:#ddd}
form{margin:0;padding:0}
.wishlist-addable td a{display:block;padding-right:2px;text-align:right}
.wishlist-addable td a:hover,
.wishlist-addable td a:focus{background:url("images/add-to-wishlist.gif") center right no-repeat;color:#fff;text-decoration:none}

.alignright{float:right;margin:0 0 10px 10px;clear:both}

.products.antivirus th{padding:5px}
.products.antivirus td{text-align:center;padding:2px}