blockquote, body, dd, div, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, html, input, li, ol, p, pre, td, textarea, th, ul { margin: 0; padding: 0; }
table { border-collapse: collapse; border-spacing: 0; }
abbr, acronym, a img, :link img, :visited img, fieldset { border:none }
address, abbr, caption, cite, code, dfn, em, th, var { font-style: normal; font-weight: normal; }
ul { list-style: none; }
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6, pre, code, kbd { font-size: 100%; font-weight: normal; }
:link, :visited { text-decoration: none; }
a:active, a:focus, a:hover { overflow: hidden; }
form label { cursor: pointer; }
input, select, textarea { font-size: 100%; }
td { vertical-align: top;}
html { 
	overflow: -moz-scrollbars-vertical !important; /*This adds a fake scroolbar for shorter pages */ 
}
/* ? = basic links colour */
a:link, a:visited, a:active { color: #f8981d; }
a:focus, a:hover { color: #fff; }
/* ? = txt nav links colour */
.anOpLink a:link, .anOpLink a:visited, .anOpLink a:active { color: #fff; }
.anOpLink a:focus, .anOpLink a:hover { color: #f8981d; }
/* ? = You Are Here links colour */
a.aUB40:link, a.aUB40:visited, a.aUB40:active { color: #f8981d; }
a.aUB40:focus, a.aUB40:hover { color: #fff; }

body { 
	font: 62.5%/1.4 Verdana, Arial, Helvetica, sans-serif; 
	color: #333; 
	background: #c3d7a4 ;
	}
#thewrapper {  
	margin: 2px auto 0 auto;
    text-align:center;
    background: #c3d7a4 url(../images/bg.jpg) repeat-y 50% 0;
    width: 977px; 
	}	
#theBox { 
	width: 955px;
    margin:-16px auto 0px;
    background: #56595b url(../images/theBoxBG_1.gif) no-repeat 0 0;
    position: relative;
    text-align:left;
	}
#theBrand {
	height:90px;
	background-color:#5d87a1;
	}
#theBrand h1 { 
	text-indent: -9999px; 
	overflow: hidden; 
	}
#theBrand h1 a { 
	display: block; 
	width: 230px; 
	height: 81px; 
	background: transparent url(../images/theBrand.gif) top left no-repeat; 
	}	
#theBrand p { 
	color: #fff; 
	position:absolute; 
	top:66px; 
	left:210px; 
	letter-spacing: 1px;
	}
#skippy { 
	position: absolute; 
	top: -60px; 
	right: 0; 
	display: block; 
	width: 200px; 
	height: 20px; 
	text-align: right; 
	}
#skippy:focus, #skippy:hover, #skippy:active { 
	top: 4em; 
	text-decoration: none; 
	outline: none; 
	border: none; 
	}
#theNavTop {
	position: absolute;
	right: 0;
	top: 10px;
	/*width: 319px;*/
	width:334px;
	border-bottom: 1px dotted #fff;
	}
#theNavTop.cart {
	/*width: 399px;*/
	width: 414px;
}
#theNavTop li { 
	display: inline; 
	padding-right: 20px; 
	line-height: 2;
	}
#theNavTop li a { 
	text-transform: uppercase; 
	}
#theNavPrimary {
	height: 31px;
	width: 955px;
	position: relative;
	background: transparent url(../images/theNavPrimary_1.jpg) no-repeat left top;
	}
#theNavPrimary li {
	position: absolute;
	top: 0px;
	}
#theNavPrimary li, #theNavPrimary a { 
	height: 31px; 
	display: block; 
	}
#theNavPrimary li a { 
	text-indent: -9999px; 
	overflow: hidden; 
	text-decoration: none; 
	}
#np1 {
	left: 176px;
	width: 66px;
	}
#np2 {
	left: 243px;
	width: 60px;
	}
#np3 {
	left: 303px;
	width: 97px;
	}
#np4 {
	left: 400px;
	width: 225px;
	}
#np5 {
	left: 625px;
	width: 71px;
	}
#np6 {
	left: 696px;
	width: 99px;
	}
#np1 a:hover {
	background: transparent url(../images/theNavPrimary_1.jpg) -176px -31px no-repeat;
	}
#np2 a:hover {
	background: transparent url(../images/theNavPrimary_1.jpg) -243px -31px no-repeat;
	}
#np3 a:hover {
	background: transparent url(../images/theNavPrimary_1.jpg) -303px -31px no-repeat;
	}
#np4 a:hover {
	background: transparent url(../images/theNavPrimary_1.jpg) -400px -31px no-repeat;
	}
#np5 a:hover {
	background: transparent url(../images/theNavPrimary_1.jpg) -625px -31px no-repeat;
	}
#np6 a:hover {
	background: transparent url(../images/theNavPrimary_1.jpg) -696px -31px no-repeat;
	}

/* main menu higlighting code -- samudra */
.np1r { left: 176px; width: 66px;}
.np2r { left: 243px; width: 60px;}
.np3r { left: 303px; width: 97px;}
.np4r { left: 400px; width: 225px;}
.np5r { left: 625px; width: 71px;}
.np6r { left: 696px; width: 99px;}

.np1h {background: transparent url(../images/theNavPrimary_1.jpg) -176px -31px no-repeat;}
.np2h {background: transparent url(../images/theNavPrimary_1.jpg) -243px -31px no-repeat;}
.np3h {background: transparent url(../images/theNavPrimary_1.jpg) -303px -31px no-repeat;}
.np4h {background: transparent url(../images/theNavPrimary_1.jpg) -400px -31px no-repeat;}
.np5h {background: transparent url(../images/theNavPrimary_1.jpg) -625px -31px no-repeat;}
.np6h {background: transparent url(../images/theNavPrimary_1.jpg) -696px -31px no-repeat;}
/*end of  main menu higlighting code -- samudra*/

/* You are here - main nav */

body.whatEverSectionYourOn1 #np1 {
	background: transparent url(../images/theNavPrimary_1.jpg) -176px -31px no-repeat;
	}
body.whatEverSectionYourOn2 #np2 {
	background: transparent url(../images/theNavPrimary_1.jpg) -243px -31px no-repeat;
	}
body.whatEverSectionYourOn3 #np3 {
	background: transparent url(../images/theNavPrimary_1.jpg) -303px -31px no-repeat;
	}
body.whatEverSectionYourOn4 #np4 {
	background: transparent url(../images/theNavPrimary_1.jpg) -400px -31px no-repeat;
	}
body.whatEverSectionYourOn5 #np5 {
	background: transparent url(../images/theNavPrimary_1.jpg) -625px -31px no-repeat;
	}
body.whatEverSectionYourOn6 #np6 {
	background: transparent url(../images/theNavPrimary_1.jpg) -696px -31px no-repeat;
	}
#theWrapping {
	float:left;
	width:100%;
	min-height: 400px;
	height: auto !important;
	height: 400px;
	color: #fff;
	background: transparent url(../images/theRight.gif) 0 0 repeat-y;
	}
#theNavSecondary {
	float:left;
	width:164px;
	padding-left: 10px;
	margin-top: 10px;
	line-height: 2;
	}
#theNavTertiary{
]margin-left:10px;
}
#theSecondary li {
	/*float:left;*/
	width:450px;
	padding-left: 10px;
	/*list-style: disc inside;*/
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left:20px;
	vertical-align:top;
	list-style-position:outside;
	/*list-style-position:inherit;
	line-height: 2;*/
	}
#theSecondary ul {
	/*float:left;*/
	width:450px;
	padding-left:50px;
	margin-top: 10px;
	/*list-style: disc inside;
	margin-top: 5px;
	margin-bottom: 5px;
	list-style-position:inherit;
	line-height: 2;*/
	}

#theNavSecondary li {
	font-size: 12px;
	line-height:normal;
	}
#theNavSecondary li li {
	font-size: 10px;
	list-style:none;	
	/*list-style: disc inside;*/
	padding-left:0px;	
	color: #f8981d;
	line-height:2em;
	}
li li a{ 
	background: url(../images/bullet_w.gif) no-repeat 0% 50%; 
	padding-left:15px;
	}
li li a:hover{ 
	background: url(../images/bullet_or.gif) no-repeat 0% 50%; padding-left:15px;
	}
#theNavSecondary a.aUB40{
	background: url(../images/bullet_or.gif) no-repeat 0% 50%; 
	padding-left:15px;
	}
#theNavSecondary li li li {
	list-style: none;
	padding-left: 12px;
	}
* html #theNavSecondary li li li {
	padding-left: 0px; /*So far this is the only IE6 hack*/
	}
/*#theNavSecondary a {
	
}*/
#theWrappingOther {
	float:right;
	width:768px;
	}
#theContent {
	margin-top: 10px;
	float:left;
	width:500px;
	/*min-height: 500px;
	height: auto !important;
	height: 500px;*/
	}
#theContent h2 {
	margin-top: 25px;
	margin-bottom: 25px;
	margin-left: 10px;
	font-size: 4em;
	font-family:helvetica,arial,sans-serif;
	font-weight: normal;
	color: #f8981d;
	text-transform: lowercase;
	}
#theContent h3, #theContent p {
	margin-left: 0px;
	padding-bottom:10px;font: 120%/1.5 Verdana, Arial, Helvetica, sans-serif;
	}
#theContent ol {
	margin-left: 20px;
	margin-bottom:20px;
	}
#theContent h3 {
	font-size: 1.4em;
	}
#theCallOut {
	float:right;
	width:260px;
	min-height: 400px;
	height: auto !important;
	height: 400px;
	padding: 0px 0 0 0;font: 110%/1.4 Verdana, Arial, Helvetica, sans-serif;
	}
#theCallOut h2 {
	font-size: 18px;
	font-family:helvetica,arial,sans-serif;
	margin: 0 0 6px 10px
	}
#theCallOut p {
	margin-left: 10px;
	padding-right:10px;
	}
#theCallOut ul {
	list-style: disc;
	}
#theCallOut li {
	margin-left: 25px
	}
#image{
	padding: 5px 5px 5px 5px;
	border-color: #000066;
	width:190px;
	margin:-0px 0px 0px 0px;
	float:left;
	}	
#theMeta {
	/*background: #f8981d;*/
	clear:both;
	padding-left:10px;
	background: transparent url(../images/footer3.jpg) no-repeat left 0px;
	padding-top:127px;
	}
.bottom{
	margin-bottom:-5px;
	}
.bodyphoto { 
	margin-right: 12px; 
	}
.sidebarphoto { 
	margin: 0px 0px 8px 12px; 
	}
.clear{
	clear: both;
	}
/* home page styles*/
#home { 
	font: 62.5%/1.4 Verdana, Arial, Helvetica, sans-serif; 
	color: #333; 
	background: #c3d7a4; 
	}
#home #theWrapping {
	float:left;
	width:100%;
	min-height: 400px;
	height: auto !important;
	height: 400px;
	color: #fff;
	background: transparent url(../images/theRight.gif) 0 0 repeat-y;
	}
#home #thewrapper {  
	margin: 2px auto 0 auto;
    text-align:center;
    background: #c3d7a4 url(../images/bg.jpg) repeat-y 50% 0;
    width: 977px; 
	}	
/*#home #theBox { 
	width: 955px;
    margin:-16px auto 0px;
    background: #56595b url(../images/theBoxBG_1.gif) no-repeat 0 0;
    position: relative;
    text-align:left;
	}*/
#home #theBox { 
	width: 955px; 
	margin: -16px auto 0px; 
	background: #56595b url(../images/wrapping.jpg) no-repeat right 370px; 
	position: relative; 
	}
#home #theCallOut_left {
	float:left;
	width:164px;
	padding-left: 10px;
	margin-top:30px;
	padding-bottom:0;
	}
#home #theCallOut_left h2 {
	font-size: 15px;
	margin: 5px 0 0px 0px;
	font-size:2.5em;
	font-family:helvetica,arial,sans-serif;
	font-weight: normal;
	line-height:normal;
	color: #f8981d;
	text-transform: lowercase;
	}
#home #theCallOut_left p {
	padding-right:25px;
	line-height:1.8em;
	}
#home #theWrappingOther {
	float:right;
	width:779px;
	}
#home #theContent {
	margin-top: 0px;
	float:left;
	width:519px;
	min-height: 500px;
	height: auto !important;
	height: 500px;
	background: none;
	/*background:url(../images/ContentImage2.jpg) no-repeat center bottom;*/
	}
#home #flash_demo{
	margin:0; 
	padding:0;
	background: transparent url(../images/dotted_line.jpg) repeat-x 0px bottom;
	}
#home #theContent h3{
	font-size: 14px;
	margin: 0px 0 0px 10px;
	font-size:2.5em;
	font-family:helvetica,arial,sans-serif;
	font-weight: normal;
	line-height:1em;
	color: #f8981d;
	text-transform: lowercase;
	}
#theContent_txt p {
	margin-left: 10px;
	}
#theContent_txt {
	margin-top:0px;
	float:left;
	width:519px;
	}
#theContent_left{
	width:250px;
	float:left;
	}
#theContent_left li{
	margin-left:10px;
	padding:5px 10px 0 20px;
	margin-top:0px;
	margin-bottom: 0px;
	background: url(../images/arrow.gif) no-repeat left center;
	}
#theContent_left li.current{
	background: url(../images/arrow_current.jpg) no-repeat left center;
	}
#theContent_right{
	width:250px;
	float:left; 
	padding-left:5px;
	}	
#theContent_right p {
	margin-left: 0px;
	padding-top:10px;font: 110%/1.4 Verdana, Arial, Helvetica, sans-serif;
	padding-left: 20px;
	}
#theContent_right h3{
	font-size: 14px;
	margin: 0px 0 5px 0px;
	padding:0 20px 5px 0px;
	font-size:2.5em;
	font-family:helvetica,arial,sans-serif;
	font-weight: normal;
	line-height:normal;
	color: #f8981d;
	text-transform: lowercase;
	background: url(../images/osk_logo.jpg) no-repeat 5px top;
	}
#home #theCallOut {
	float:right;
	width:260px;
	min-height: 400px;
	height: auto !important;
	height: 400px;
	padding: 100px 0 0 0;
	background: transparent url(../images/bRightPhoto.jpg) no-repeat 0 0;
	}
#home #theCallOut h2 {
	font-size: 15px;
	margin: 10px 0 5px 10px;
	font-size: 2.5em;
	font-family:helvetica,arial,sans-serif;
	font-weight: normal;
	line-height:normal;
	color: #f8981d;
	text-transform: lowercase;
	}
#home #theCallOut p {
	margin-left: 10px;
	padding-right:25px;
	padding-top:5px;
	}
#home #theBox #theMeta{ 
	background:#f8981d url(../images/footer.jpg) no-repeat 0px top;
	padding-top:18px;		
	clear:both;
	}

.print{display:none;}

.cartview{
border:none;
}
.cartview td{
padding:3px;
font-size:11px;
}