/* Graphix Plus - version 5.0 - copyright 2006 */

html, body {
height:100%;
}

body {
background-color:#fff;
font-size:8pt;
}

* {
margin:0;
padding:0;
border:0;
font-family:verdana, arial, helvetica, sans-serif;
color:#555;
}

#wrap {
width:100%;
min-height:100%;
}

* html #wrap {
height:100%;
}

#header {
position:relative;
top:0;
width:100%;
height:96px;
background:white url(images/header_bg.gif) repeat-x;
z-index:20;
}

#logo /* ALTERED FOR OSCAR AWARD */ {
position:relative;
left:0;
top:0;
background:url(images/logo_Oscar.gif) no-repeat;
width:355px;
height:96px;
z-index:50;
cursor:pointer;
}

/* ORIGINAL LOGO CODE
#logo {
position:relative;
left:0;
top:0;
background:url(images/logo.gif) no-repeat;
width:255px;
height:96px;
z-index:50;
cursor:pointer;
}
*/

/* - COMMENTED OUT FOR LIVE CHAT BUTTON ACCOMODATION
#topoptions {
position:absolute;
right:0;
top:0;
height:96px;
width:195px;
}

#topoptions li {
list-style:none;
float:left;
width:65px;
height:96px;
}

#topoptions li#liveChat {
width:180px;
}

#topform {
position:absolute;
right:205px;
top:2px;
}
*/

#topoptions {
position:absolute;
right:0;
top:0;
height:96px;
/*width:325px;*/
width:375px;
}

#topoptions li {
list-style:none;
float:left;
width:65px;
height:96px;
}

#topoptions li#liveChat {
width:180px;
}

#topform {
position:absolute;
right:385px;
top:2px;
}

a {
color:#006696;
text-decoration:none;
border-bottom:1px dotted #C4E500;
}

a:hover {
color:#555;
text-decoration:none;
border-bottom:1px dotted #C4E500;
}

.imglink {
border:0;
}

.imglink:hover {
border:0;
}

/* PRODUCT MENU STYLES */

 #productmenu {
    float:left;
    width:100%;
    font-size:8pt;
    line-height:normal;
  	background:white url(images/productmenu_bg.gif)
      repeat-x bottom;
  	margin-bottom:10px;
	border-bottom:10px solid #CFEA30;
	}
	
  #productmenu ul {
	padding:10px 5px 0 0;
    list-style:none;
    }
  
  #productmenu li {
    float:left;
    background:url(images/off_tab_right2.gif)
      no-repeat right top;	
	list-style:none;
    }
  
  #productmenu a {
  display:block;
    background:url(images/off_tab_left2.gif)
      no-repeat left top;
	padding:5px 5px 4px;
	float:left;	
    }
	
  #productmenu #active {
    background-image:url(images/active_tab_right2.gif);
    }
	
  #productmenu #active a {
    background-image:url(images/active_tab_left2.gif);
	padding-bottom:5px;
   }		
	
/* LEFT MENU BEGIN */

#leftmenu {
width:150px;
min-height:500px;
position:relative;
z-index:500;
left:0;
top:1px;
background:#e5e5e5 url(images/menu_bg_left.gif) repeat-y;
float:left;
text-align:left;
font-size:8pt;
}

* html #leftmenu {
height:1px;
}

.lefttop {
width:150px;
height:40px;
background:url(images/menu_top_left.gif) no-repeat;
}

.leftbottom {
width:150px;
height:40px;
background:url(images/menu_bottom_left.gif) no-repeat;
}

ul#nav, ul#nav ul {
    list-style: none;
    width: 130px;
	}

ul#nav li {
    position: relative;
    }

li ul.secondary {
    position: absolute;
    left: 100%;
    top: 0;
    display: none;
	background-color: #EFEFEF;
	z-index:400;
    }
	
ul#nav li a:hover {
	display: block;
	text-decoration:none;
	color:#333;
	background-color:#C4E500;
	}
	
ul#nav li a {
    display: block;
	text-decoration: none;
	color: #C4E500;
    padding: 4px;
	color:#333;
	border-bottom:1px solid #d1d1d1;	
    }

/* Fix IE. Hide from IE Mac \*/
* html ul#nav li { float: left; height: 1%; }
* html ul#nav li a { height: 1%; }
/* End */

ul#nav li:hover ul, ul#nav li.over ul { 
    display: block;
    }		
/* RIGHT MENU BEGINS */	

#rightmenu {
min-height:500px;
width:150px;
position:relative;
z-index:400;
right:0;
top:1px;
float:right;
background:url(images/menu_bg_right.gif) repeat-y;
font-size:8pt;
}

#rightmenu li {
list-style:none;
width:150px;
text-align:right;
}

.righttext {
margin-left:35px;
text-align:center;
}

.righttop {
width:150px;
height:40px;
background:url(images/menu_top_right.gif) no-repeat;
}

.rightbottom {
width:150px;
height:40px;
background:url(images/menu_bottom_right.gif) no-repeat;
}

/* END RIGHT MENU */

.clear {
clear:both;
margin-top:-1px;
height:1px;
overflow:hidden;
}

#contentzone {
position:relative;
margin-left:150px;
margin-right:150px;
}

#popup_content {
padding:10px;
position:relative;
}

/* FONT FORMATTING START */

h1 {
margin-top:15px;
margin-left:10px;
color:#555;
font-size:18px;
border-bottom:2px solid #CFEA30;
text-transform:uppercase;
}

h2 {
font-size:16px;
color:#006696;
margin:10px 0 10px 15px;
border-bottom:1px dotted #DDD;
}

h3 {
font-size:14px;
font-weight:bold;
color:#ff0000;
margin:10px 0 10px 15px;
}

h4 {
font-size:9pt;
font-weight:bold;
color:#ff0000;
margin:2px;
}

p {
line-height:1.4em;
padding:4px;
margin-top:5px;
margin-left:20px;
font-size:12px;
}

/* THUMBNAIL DISPLAYS */

ul.thumbrow { 
min-height:1px;
}


.thumbrow li {
min-width:140px;
width:25%;
min-height:200px;
margin:10px 4%;
list-style:none;
float:left;
background-color:white;
text-align:center;
font-size:8pt;
}

* html .thumbrow li {
/*width:150px;
height:220px;
margin:10px 4%;*/
width:30%;
margin:10px 1%;
height:200px;
}

/* PRODUCT REMOVAL STYLES */

.removeprod {
margin:5px 0 0 15px;
border-top:1px solid #aaa;
}

.removeprod li {
width:16%;
list-style:none;
float:left;
background-color:white;
text-align:center;
font-size:7pt;
border-bottom:1px dotted #d1d1d1;
padding:1px;
height:32px;
}

.removeborder {
border-right:1px dotted #d1d1d1;
}

/* FORM STYLES */

#topform label {
color:white;
font-size:8pt;
}

.submit {
color:#006696;
background-color:white;
font-size:8pt;
border:1px solid #aaa;
}

.inputbox {
width:130px;
background-color:white;
border:1px solid #aaa;
font-size:8pt;
color:#006696;
margin-bottom:5px;
padding:1px;
}

textarea {
width:270px;
height:60px;
background-color:white;
border:1px solid #aaa;
font-size:8pt;
color:#006696;
margin-bottom:5px;
}

.selectbox {
margin-bottom:5px;
padding:1px;
border:1px solid #aaa;
}

option {
padding:1px;
}

/* FOOTER STYLES */

#footer {
	position:relative;
	bottom:0;
	height:35px;
	padding-top:5px;
	background:#006696 url(images/footer_bg.gif) repeat-x bottom;
	color:white;
	text-align:center;
	font-size:8pt;
	width: 100%;

}

/** html #footer {
width:99%;
}*/

#footer p {
width:70%;
margin:auto;
color:white;
text-align:center;
font-size:8pt;
}
/* END FOOTER STYLES */

/* BEGIN PRODUCT DETAIL STYLES */

.detaillist {
margin:10px 0 10px 15px;
list-style: none;
font-size:12px;
}

.detaillist li {
padding-left: 10px;
background: url(images/list_arrow.gif) no-repeat left top;
margin-top:4px;
margin-left:20px;
}

.detaillist li a {
border:0;
color:#006696;
text-decoration:none;
}

.detaillist li a:hover {
color:red;
}

#pricelist {
position:relative;
z-index:250;
margin:10px;
font-size:12px;
text-align:center;
background-color:#f7f7f7;
border:1px solid #e5e5e5;
}

#pricelist td {
padding:2px 5px;
}

#pricelist td.price {
color:red;
}

#pricelist td.regular {
text-decoration:line-through;
}

/*.pricelist {
position:relative;
display:block;
font-size:8pt;
margin:5px;
height:1%;
float:left;
list-style:none;
border-top:1px solid #ccc;
width:22%;
}

.pricelist li.prices {
text-align:center;
padding:2px;
width:55px;
height:1%;
border-bottom:1px solid #ccc;
}

.pricelist li.quantity {
text-align:center;
padding:2px;
width:55px;
height:1%;
border-bottom:1px solid #ccc;
}

.pricelist {
position:relative;
display:block;
font-size:7pt;
margin:5px;
height:1%;
}

.pricelist li.prices {
float:left;
list-style:none;
background-color:#F0F0F0;
border:1px solid #e5e5e5;
padding:2px;
width:55px;
height:1%;
text-align:center;
}

.pricelist li.quantity {
float:left;
list-style:none;
background-color:white;
border:1px solid #e5e5e5;
padding:2px;
width:55px;
height:1%;
text-align:center;
}*/

#special_icons {
width:320px;
height:44px;
margin:15px 25px;
padding:1px;
}

#special_icons li {
float:left;
list-style:none;
height:44px;
width:44px;
margin:2px 10px;
}

.special_on {
cursor:help;
}

#imagebox {
width:320px;
height:364px;
float:right;
margin-left:15px;
border-left:1px dotted #DDD;
border-bottom:1px dotted #DDD;
padding-bottom:2px;
position:relative;
z-index:200;
}

#print_imagebox {
float:right;
padding:10px;
position:relative;
z-index:200;
}

#email_imagebox {
float:left;
padding:10px;
position:relative;
z-index:200;
}

#imagebox ul {
height:44px;
}

#imagebox li {
list-style:none;
float:left;
}

#imagebox li#zoom {
width:44px;
height:44px;
margin-left:0;
margin-right:24px;
}

#imagebox li#print {
width:44px;
height:44px;
margin-right:24px;
margin-left:24px;
}

#imagebox li#email {
width:44px;
height:44px;
margin-right:24px;
margin-left:24px;
}

#imagebox li#colourswatches {
width:44px;
height:44px;
margin-right:0;
margin-left:24px;
}

.webport {
margin:15px;
height:125px;
width:50%;
}

.webport li.screenshot {
width:170px;
height:123px;
float:left;
list-style:none;
}

.webport li.siteinfo {
float:left;
list-style:none;
}

/* QUICK SEARCH RESULTS BOX */

.resultsbox {
background-color:#f6f6f6;
border:1px solid #CFEA30;
-moz-border-radius:8px;
margin:5px 25px;
padding:5px;
}

.subbox {
background-color:#555;
border:1px solid red;
-moz-border-radius:8px;
margin:5px 25px;
padding:8px;
color:#f7f7f7;
}

.subbox a {
color:#f7f7f7;
text-decoration:underline;
border:0;
}

.subbox a:hover {
color:#CFEA30;
text-decoration:none;
border:0;
}

.historybox {
background-color:#f6f6f6;
border:1px solid #CFEA30;
margin:5px 25px;
padding:5px;
width:25%;
min-width:150px;
float:right;
}

#guaranteeimg {
text-align:center;
}

.plainlist {
margin:10px 0 10px 15px;
list-style: none;
font-size:8pt;
padding:2px;
}

.plainlist li {
padding-left: 10px;
background: url(images/list_arrow.gif) no-repeat 0;
margin-top:4px;
margin-left:20px;
color:#006696;
}

#smleft {
width:48%;
float:left;
}

#smright {
width:48%;
float:right;
}

.sitemaplist {
margin:10px 35px;
padding:5px;
}

.sitemaplist li {
padding-left:20px;
margin:4px;
height:15px;
list-style:none;
background:#fff url(images/sitemap_listmarker.gif) no-repeat;
}

.sitemaplist2 {
margin:-5px 65px;
}

.sitemaplist2 li {
height:15px;
padding-left:20px;
list-style:none;
margin:2px;
background:#fff url(images/sitemap_listmarker2.gif) no-repeat;
}

/* LIST FOR SERVICES THUMBNAILS */

.service_thumbs {
width:70%;
}

* html .service_thumbs {
width:60%;
}

.service_thumbs li {
list-style:none;
float:left;
border-top:1px solid #bbb;
border-left:1px solid #bbb;
border-right:1px solid #ddd;
border-bottom:1px solid #ddd;
width:80px;
height:80px;
margin:20px 4%;
padding:2px;
}

.services_img {
padding:2px;
border:1px solid #ddd;
}

#presidentslist {
padding:4px;
margin:5px;
min-height:140px;
}

* html #presidentslist {
height:140px;
}

li#plimg {
width:140px;
height:140px;
padding:2px;
margin:5px;
list-style:none;
float:left;
}

li#pldet {
list-style:none;
min-height:140px;
margin:5px;
}

* html li#pldet {
height:140px;
}

.searchbox {
width:38%;
margin:10px 5%;
float:left;
height:150px;
background-color:white;
border:1px solid #CFEA30;
-moz-border-radius:8px;
}

* html .searchbox {
margin:10px 3%;
}

.searchthumb {
float:left;
height:140px;
width:140px;
margin:5px 10px 5px 5px;
}

#staffPick {
width:620px;
margin:5px auto;
}

#staffPick img {
vertical-align:bottom;
}

#easyOrderButton {
float:left; margin:2px 10px;width:120px;height:104px;display:block;position:relative;z-index:200;
}

#emailList {
margin:10px 60px;
}

#emailList li {
background:white url(images/email_good.gif) no-repeat left;
padding-left:20px;
color:#555;
font-size:10px;
margin:4px;
list-style:none;
}

#emailList li.bad {
color:#be1a1a;
background:white url(images/email_bad.gif) no-repeat left;
}

table.activeTable {
width:500px;
margin-left:120px;
margin-bottom:10px;
font-size:11px;
border:1px solid #ddd;
color:#444;
background-color:#f5f5f5;
padding:4px;
border-collapse:collapse;
}

.activeTable th {
font-size:14px;
text-align:left;
color:#006696;
padding:10px;
}

.activeTable td {
padding:4px;
border-bottom:1px solid #ddd;
}

.activeTable td.activeTableTitle {
color:red;
font-weight:bold;
font-size:12px;
border-bottom:1px solid #777;
padding:5px;
}

.activeTable td.orderTitles {
font-weight:bold;
text-align:right;
width:160px;
padding-right:10px;
}

.colourOne td {
background-color:#eee;
}

.colourTwo td {
background-color:white;
}

td.button {
text-align:center;
}

.textCell {
font-size:9px;
}

/* ONLINE ORDER PROCESSING FORM */

.orderProcessingForm {
width:90%;
margin:auto;
margin-top:10px;
border:1px solid #eee;
padding:5px;
}

.orderProcessingForm p {
margin:8px 5px;
}

.orderProcessingForm fieldset {
border:1px solid #ddd;
padding:10px;
width:90%;
}

.orderProcessingForm legend {
font-weight:bold;
background:#CFEA30;
border:1px solid #ddd;
margin:5px;
padding:4px;
}

.orderProcessingForm label {
width:32%;
height:20px;
background:white;
margin:2px;
padding-top:8px;
float:left;
font-weight:bold;
color:#555;
text-align:right;
}

.orderProcessingForm_inputBox {
width:65%;
float:right;
border:1px solid #ddd;
height:26px;
margin:2px;
}

.orderProcessingForm input[type="text"] {
background-color:#eee;
color:#444;
}

.orderProcessingForm_inputBox input[type="text"] {
width:98%;
height:20px;
padding-top:2px;
margin:2px;
}

.orderProcessingForm_inputBox select {
width:98%;
height:20px;
padding-top:2px;
margin:2px;
background:#eee;
}

.orderProcessingForm option {
background:#eee;
}

* + html .orderProcessingForm_inputBox input[type="text"] {
width:96%;
height:18px;
}

.updateOrder {
float:left;
margin:10px;
padding:2px;
background:#CFEA30;
border:1px solid #ddd;
font-weight:bold;
cursor:pointer;
}

/* BEFORE MOVED TO ABOUT PAGE
#videoBox {
width:320px;
height:255;
margin:10px auto;
}
*/
#videoBox {
width:320px;
height:255;
float:left;
margin:10px 20px;
}

#slider {
width:600px;
height:280px;
margin:auto;
border:1px solid;
border-color:#ccc #ddd #ddd #ccc;
margin-top:15px;
}	

#slider, #slider li {
width:600px;
height:280px;
overflow:hidden;
}