/*
	Title:		Intelligise Web Stylesheet
	Author:		Intelligise
	Website:	http://www.intelligise.co.za
    Version:    1.0
*/

body 
{
	font-family: "Helvetica Neue",Arial,Helvetica,sans-serif;
	color: #3D3D3D;
	font-size:13px;
	line-height:1.6em;
}

h1, h2, h3, h4, h5 { line-height:1.4em; margin:0; }

h1 { font-size:24px; }
h2 { font-size:22px; }
h3 { font-size:20px; }
h4 { font-size:18px; }
h5 { font-size:16px; }

a { color:#525DAC; text-decoration:none; }

a:hover { text-decoration:underline; }

.constraint { width:920px; margin:0 auto; }

ul.navigation, ul.navigation li { list-style:none; padding:0; margin:0; }

ul.product_catalog, ul.product_catalog li { list-style:none; padding:0; margin:0; }

ul.sub_navigation, ul.sub_navigation li { list-style:none; padding:0; margin:0; }

ul.product_previews, ul.product_previews li { list-style:none; padding:0; margin:0; }

/* HEADER  .....................................................................................................................................................................................................................*/

#header { margin-top:10px; overflow:hidden; }

#header .title { position:relative; float:left; width:50%; }

#header .title h1 a {
	background-image:url(../Media/Int_Assets/logo.jpg);
	cursor:pointer;
	display:block;
	height:100px;
	overflow:hidden;
	text-indent:-5000px;
	width:150px;
	float:left;
}

#header .title h2 { position:absolute; z-index:999; bottom:1px; left:155px; padding:0 0 0 6px; line-height:1.1em; margin:0; font-size:20px; }

#header #main_navigation { margin-top:35px; text-align:right; float:right; display:inline; width:49.6%; overflow:hidden; }

#header #main_navigation .search { margin:0; padding:0 0 20px; }

#header #main_navigation .search .searchText { width:160px; padding:3px 5px; border:1px solid #999999; }

#header #main_navigation .search .searchButton { border-style: none; border-color: inherit; border-width: medium; 
                                              font-size:12px; color:#619ca7; padding:0 7px 0 0;
                                              background:url('../media/Int_Assets/small_right_arrow.jpg') no-repeat right 50%; }

/* INTRO ON HOME PAGE.................................................................................................................................................................................................................*/

#introduction { margin:15px 0 0; overflow:hidden; }

#introduction .inner { height: 220px; overflow:hidden; }

#introduction ul#fadeimg, #introduction ul#fadeimg li { padding:0; margin:0; list-style:none; }

#introduction ul#fadeimg { float:left; width:900px; }

/* MAIN CONTENT  .....................................................................................................................................................................................................................*/

#main_content img { padding:2px; border:1px solid #C9C9C9; margin:6px; }

#main_content img.left { float:left; margin-left:0; }

#main_content img.right { float:right; margin-right:0; }

#main_content a:hover img { border:1px solid #525DAC; }

/* content */
#main_content { margin-top:10px; overflow:hidden; }

#main_content #content { float:left; width:60%; overflow:hidden; }

#main_content #content .title { padding:12px 0px 0px; overflow:hidden; border-bottom:1px solid #CCCCCC; margin-bottom:12px;}

#main_content #content .title h1 { float:left; margin:0 15px 0 0; line-height:1em; padding:0 15px 0 0; border-right:1px solid #CCCCCC; }

#main_content #content .title ul.breadcrumb, #main_content #content .title ul.breadcrumb li { list-style:none; padding:0; margin:0; }

#main_content #content .title ul.breadcrumb { float:left; }

#main_content #content .title ul.breadcrumb li {
	float:left; padding:0 3px 0 12px; font-size:10px; line-height:2.4em; text-transform:uppercase;
	background:#FFFFFF url(../images/small_right_arrow.jpg) no-repeat center left; 
}

#main_content #content .title ul.breadcrumb li.first { padding-left:0; background:none; }

#main_content #content div.entry { margin:8px 0 0; overflow:hidden; }

#main_content #content ul.product_catalog { margin: 0px 5px 0px 5px; }

#main_content #content ul.product_catalog li { width: 270px; margin-bottom: 25px; float: left; }

#main_content #content ul.product_catalog img.fl { margin-top: 0; }

#main_content #content ul.product_catalog p { padding: 6px 18px;  }

/* sub navigation */
#main_content #sidebar .sidebar_item .sub_navigation { width: 220px; float: left; margin-left: 15px; }

#main_content #sidebar .sidebar_item ul.sub_navigation { list-style: none; margin: 35px 0 0 0; text-align: right;}

#main_content #sidebar .sidebar_item ul.sub_navigation li a { display: block; padding: 3px 0; margin-right: 15px; border-bottom: solid 1px #d5d5d5; text-decoration: none; }

#main_content #sidebar .sidebar_item ul.sub_navigation li a.active { margin-right: 0; }

#main_content #sidebar .sidebar_item ul.sub_navigation li a:hover,

#main_content #sidebar .sidebar_item ul.sub_navigation li a.active { color: #cc0000; }

/* sidebar */
#main_content #sidebar { overflow:hidden; float:right; width:30%; }

#main_content #sidebar .sidebar_item { overflow:hidden; margin: 0px 0px 15px 0px;}

#main_content #sidebar .sidebar_item h3.title { font-size:16px; padding:5px 0; border-bottom:1px solid #CCCCCC; }

#main_content #sidebar .sidebar_item ul.product_previews { margin: 5px 0px; }

#main_content #sidebar .sidebar_item ul.product_previews li img { padding: 2px; background: #fff; border: solid 2px #ccc; }

#main_content #sidebar .sidebar_item ul.product_previews li img:hover { background: #bd4e4e; }

/* FOOTER  .....................................................................................................................................................................................................................*/

#footer { color:#999999; font-size:11px; margin:20px 0 10px; border-top:1px solid #CCCCCC; overflow:hidden; padding:5px 0;}

#footer #copyright { float:right; width:30%; text-align:right; }

#footer #secondary_navigation { float:left; width:69.6%; }

#footer #secondary_navigation ul.navigation li { float:left; }

#footer #secondary_navigation ul.navigation li a { float:left; display:block; border-left:1px solid #CCCCCC; padding:0 6px; }

#footer #secondary_navigation ul.navigation li.first a { padding-left:0; border:none; }

/* COLOR SCHEME */
#main_content #content .title h1,
#header #main_navigation ul.navigation li a:hover,
#header #main_navigation ul.navigation li.selected a,
#header .title h2 { color:#CC090A; }

#header .title h2 { border-left:2px solid #CC090A; }

/* NAVIGATION */
#header #main_navigation ul.navigation { float: right; z-index: 100; margin-top: -3px; position: relative; }

#header #main_navigation ul.navigation li { border-left: 1px solid #999999; float: left; margin: 0;
  padding: 0; position: relative; }
  
#header #main_navigation ul.navigation li a, #header #main_navigation ul.navigation li a:link, 
#header #main_navigation ul.navigation li a:active, #header #main_navigation ul.navigation li a:visited {
  font-weight: bold; background: #fff; color: #3D3D3D; display: block; padding: 0 12px;
  font-size:16px; line-height:1.22em; text-decoration: none; }

/* CONTACT  .....................................................................................................................................................................................................................*/
#main_content #content .contact_form { margin: 15px auto; text-align: left; }
#main_content #content .contact_form input { width: 250px; }
#main_content #content .contact_form input.small { width: 200px; }
#main_content #content .contact_form input,
#main_content #content .contact_form textarea { padding: 3px; margin-bottom: 8px; border: 1px solid #9f9f9f; color: #666; }

#main_content #content .contact_form input,
#main_content #content .contact_form textarea,
#main_content #content .contact_form label { font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; font-size: .9em; line-height: 14px; letter-spacing: .03em; }
#main_content #content .contact_form label { float: left; text-align: right; margin-right: 10px; width: 100px; padding-top: 5px; font-weight: bold; }

#main_content #content .contact_form textarea { height: 120px; width: 300px; overflow: auto; color: #666; }
#main_content #content .contact_form textarea:focus,
#main_content #content .contact_form input:focus { border: 1px solid #ca0002; color: #333; }
#main_content #content .contact_form .submit { width: 80px; margin-left:110px; cursor: pointer; background: #d6d8ea; border: 1px solid #9f9f9f; color: #333; }
#main_content #content .contact_form .submit:hover { background: #e4c4cf }

/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */