@charset "utf-8";
/* CSS Document */

/*img, div, input { behavior: url("../javascripts/iepngfix.htc"); }*/
/*img, div, input { behavior: url("http://www.switched-on.com.au/cms/websites/sog_video/images/iepngfix.htc") }*/
/*img, div, input { behavior: url("http://www.switched-on.com.au/cms/websites/sog_video/images/iepngfixbg.htc") };*/

.clearBoth {
clear:both;
font-size:0px;
padding:0px;
margin:0px;
height:0px;
line-height:0px;
}

body{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#333333;
line-height:140%;
background-color:#E7E8ED;
}

p {
margin:0px 0px 10px 0px;
}

h1 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:30px;
font-weight:normal;
color:#333;
margin:0px 0px 0px 20px;
line-height:120%;
letter-spacing:-0.05em;
}

h2 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:24px;
font-weight:normal;
color:#333;
margin:0px 0px 10px 0px;
line-height:130%;
letter-spacing:-0.04em;
}

h2 img{vertical-align:bottom;}

h3 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
/*color:#333333;*/
margin:5px 0px 0px 0px;
line-height:140%;
letter-spacing:-0.03em;
}

h4 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:15px;
font-weight:bold;
color:#333;
margin:0px 0px 3px 0px;
line-height:140%;
letter-spacing:-0.03em;
}

a {
color:#DDDDDD;
text-decoration:none;
}

a:hover {
text-decoration:none;
color:#000;
}

.hr{
border:none;
border-bottom:1px solid #CCCCCC;
margin: 10px 0 10px 0;
width:100%;
padding:0px;
height:0px;
font-size:0px;
line-height:0px;
}

.bottom {
	margin-bottom: 20px;
	}

.heading1 {
border-bottom:1px solid #CCCCCC;
}

#mainContainer{
text-align:left;
}

#content{
width:1008px;
margin:0 auto;
}

#header{
background:url(../images/bg_nav.jpg) #111111 center top no-repeat;
height:100px;
width:100%;
font-size:0px;
line-height:0px;
padding:0px;
margin:0px;
}

#nav{
width:1008px;
height:100px;
margin:0 auto;
}

#nav ul {
padding:0;
display:inline;
}

#nav ul li {
margin:0px 10px 10px 10px;
display:inline;
float:left;
}

#leftNav {
height:100px;
width:300px;
float:left;
display:inline;
}

#leftNav ul {
margin:40px 0 0 30px;
float:left;
}

#rightNav {
width:708px;
height:100px;
float:left;
display:inline;
}

#rightNav ul {
float:right;
margin:50px 30px 0 0;
}

#banner {
background:#000;
height:300px;
width:100%;
text-align:center;
border-bottom: solid #383838 5px;
font-size:0px;
line-height:0px;
padding:0;
margin:0;
}

#content {
margin-top:20px 0 0 0;
}

.heading1 {
width:948px;
margin:30px 30px 0 30px;
padding: 0 0 10px 0;
}

.heading1 hr {
border-top: 1px solid #CC6600;
margin: 11px auto 31px 0px; /*this will align it left for Mozilla*/
_margin: 3px auto 3px 0px;
}

.intro {
margin:15px 30px 40px 50px;
width:584px;
text-align:left;
}

.panel {
background:url(../images/bg_panel.jpg) bottom no-repeat;
height:310px;
width:1008px;
margin:20px 0 0 0;
padding:0px;
}

.push {
margin: 0 0 40px 0;
}
/*CHANGED THIS******************************************************/

.thumbnail {
background:url(../images/bg_thumbnail.png) bottom no-repeat;
height:212px;
width:237px;
font-size:0px; /*fixes vertical alignment issue */
margin:0;

}

.thumbnail img {
margin:9px 13px 15px 14px;
}

.bttn_cta {
margin:10px 0 0 9px;
font-size:0px; /*fixes vertical alignment issue */
}

/******************************************************************/

.colMain, .colLeft, .colMid, .colRight, .colContact {
float:left;
display:inline;
}

.colMain {
margin:10px 12px 0 50px;
width:584px;
text-align:left;
}

.colLeft {
margin:10px 12px 0 41px;
width:237px;
text-align:left;
}

.colMid {
margin:10px 12px 0 12px;
width:332px;
}

.colRight {
margin:10px 50px 0 12px;
width:300px;
}

.colRight p{
padding: 0 40px 0 0;
clear: both;
}

.colMain ul, .colLeft ul, .colMid ul, .colRight ul {
margin:0 0 0 0;
}

.colMain li, .colLeft li, .colMid li, .colRight li {
margin:0 0 11px 0;
padding-left:13px;
}

.colMid h2 span.price {
color:#cc6600;
font-weight:bold;
}

.star {
color:#FF0000;
}

.plus {
height:43px;
width:43px;
float:left;
display:inline;
}

.dollars {
width:250px;
float:left;
display:inline;
margin:4px 0 4px 4px;
}

#disclaimer {
background:url(../images/bg_disclaimer.png) bottom no-repeat;
height:130px;
width:908px;
margin:30px 0 0 0;
padding: 0 50px 20px 50px;
font-size:9px;
line-height:140%;
}

#footer {
margin:0 auto;
width:908px;
text-align:right;
font-size:9px;
padding:0 50px 0 50px;
}

#botNav li {
float:left;
display:inline;
margin:0 10px 0 0;
border-right:1px solid #CCC;
padding:0 10px 0 0;
text-transform:uppercase;
}

#botNav li.last{
border:none;
}

#botNav a {
color:000;
}

#botNav a:hover {
color:000;
}