html { height:100%; }
body { height:100%; padding:0; margin:0; font-size:12px; color:#666666; font-family:Lucida Grande, Verdana, Arial, Helvetica; background:white; }
a { color:#008be7; text-decoration:underline; }
a:hover { color:#0474bf; text-decoration:none; }
.white { color:white; }
.white a:link, .white a:active, .white a:visited, a.white:link, a.white:active, a.white:visited { color:white; text-decoration:underline; }
.white a:hover, a.white:hover { color:white; text-decoration:none; }
.blue { color:#008be7; }
.blue a:link, .blue a:active, .blue a:visited, a.blue:link, a.blue:active, a.blue:visited { color:#008be7; text-decoration:underline; }
.blue a:hover, a.blue:hover { color:#0474bf; text-decoration:none; }
.orange { color:#9b7400; }
.orange a:link, .orange a:active, .orange a:visited, a.orange:link, a.orange:active, a.orange:visited { color:#9b7400; text-decoration:underline; }
.orange a:hover, a.orange:hover { color:#9b7400; text-decoration:none; }
.gray { color:gray; }
.gray a:link, .gray a:active, .gray a:visited, a.gray:link, a.gray:active, a.gray:visited { color:gray; text-decoration:underline; }
.gray a:hover, a.gray:hover { color:gray; text-decoration:none; }
.small { font-size:11px; }
.clearfix:after { content:".";display: block; height:0; clear:both; visibility:hidden }

/* HEAD */
.headRight { position:relative; padding-right:9px; background:#999999 url('/images/headRight.png') no-repeat top right; }
.headLeft { position:relative; padding-left:9px; background:#999999 url('/images/headLeft.png') no-repeat top left; }
.headMiddle { position:relative; color:white; font-size:11px; padding:5px 10px 0 10px; height:20px; background:#999999 url('/images/headMiddle.png') repeat-x; }
.headMiddle a { color:white; text-decoration:none; }
.headMiddle a:hover { color:#ebebeb; text-decoration:underline; }
.headConnectBtn { display:block; margin:0; padding:0 18px 2px 0; background:url('/images/headConnectBtn.png') no-repeat top right; }
.headLogoutBtn { display:inline; margin:0; padding:0 18px 2px 0; background:url('/images/headLogoutBtn.png') no-repeat top right; }
.contentblock { text-align:left; margin:20px 40px 20px 40px; }
.container { position:relative; min-height:100%; }

/* MENU */
.menu { margin-left:320px; padding-top:22px; }
.menuRight { padding-right:10px; background:#4db3e3 url('/images/menuRight.png') no-repeat top right; }
.menuLeft { padding-left:10px; background:#4db3e3 url('/images/menuLeft.png') no-repeat top left; }
.menuMiddle { position:relative; overflow:hidden; height:46px; color:white; padding:0; text-align:center; background:#4db3e3 url('/images/menuMiddle.png') repeat-x; }
.menuWrap { font-size:16px; float:left; position:relative; left:50%; text-align:left; }
.menuWrap ul { list-style:none; position:relative; left:-50%; margin:0; padding:0; } 
.menuWrap li { float:left; margin:0 0 0 0; }
.menuWrap li.last { margin-right:0; }
.menuWrap li a { float:left; position:relative; color:#c9e8f7; text-decoration:none; height:32px; padding:14px 16px 0 16px; font-weight:bold; }
.menuWrap li a.sel { color:white; background:url('/images/menuSel.png') repeat-x; }
.menuWrap li a:hover { color:white; text-decoration:underline; background:url('/images/menuSel.png') repeat-x; }
.menuClearer { height:1px; overflow:hidden; margin-top:-1px; clear:both; }


/* SEARCH */
form { margin:0; padding:0; }
.field { border:1px solid #9d9c8f; margin:0; padding:5px 4px; background:#FFFFFF url('/images/formTile.png') repeat-x top left; }
fieldset { border:1px solid #e8e6ce; margin:0; padding:15px; }
fieldset legend { color:#666666; font-size:12px; }
.formWrapper { text-align:left; padding:20px; border:1px solid #f0eed2; background:#f9f8eb; }
.formWrapperAlt { text-align:left; padding:10px; border:1px solid #F0EED2; background:#f9f8eb; }
.btnForm { color:#f1efd4; font-weight:bold; margin:0; padding:3px 8px; border:2px solid #9b7400; background:#846300; }
.btnForm:hover { text-decoration:underline; background:#9b7400; }
.btnFormSmall { font-size:10px; color:#f1efd4; font-weight:bold; margin:0; padding:2px 5px; border:2px solid #9b7400; background:#846300; }
.btnFormSmall:hover { font-size:10px; text-decoration:underline; background:#9b7400; }
a.btn:link, a.btn:active, a.btn:visited { color:#f1efd4; font-weight:bold; margin:0; padding:4px 8px; border:2px solid #9b7400; background:#846300; text-decoration:none; }
a.btn:hover { text-decoration:underline; background:#9b7400; }
a.btnSmall:link, a.btnSmall:active, a.btnSmall:visited { font-size:10px; color:#f1efd4; font-weight:bold; margin:0; padding:3px 5px; border:2px solid #9b7400; background:#846300; text-decoration:none; }
a.btnSmall:hover { font-size:10px; text-decoration:underline; background:#9b7400; }
.searchBox { width:300px; margin:0 20px 0 0; padding:0; float:left; }
.searchBoxTop { position:relative; height:20px; background:#ffcc00 url('/images/searchTopCenter.png') repeat-x; }
.searchBoxBottom { position:relative; height:20px; background:#ffcc00 url('/images/searchBottomCenter.png') repeat-x; }
.searchBoxRight { padding-right:20px; background:#ffcc00 url('/images/searchMiddleRight.png') repeat-y top right; }
.searchBoxLeft { padding-left:20px; background:#ffcc00 url('/images/searchMiddleLeft.png') repeat-y top left; }
.searchBoxMiddle { font-size:12px; color:#9b7400; position:relative; min-height:180px; background:#ffcc00; }
.searchBoxMiddle a { color:#9b7400; text-decoration:underline; }
.searchBoxMiddle a:hover { color:#745701; text-decoration:none; }
.searchBoxMiddle strong { color:#745701; }
.searchField { font-size:14px; color:#999999; width:185px; height:25px; float:left; margin:0 0 15px 0; padding:8px 0 0 10px; border:0px; background:url('/images/searchField.png') no-repeat; }
*:focus { outline:0; } /* REMOVE THE BLUE GLOW AROUND FOCUSED TEXT INPUT IN SAFARI */

/* LOGIN BOX */
#loginbox { background:#d3d3d3; }
.loginField { font-size:13px; color:#999999; width:114px; height:23px; float:left; margin:0 0 0 4px; padding:8px 0 0 10px; border:0px; background:url('/images/loginField.png') no-repeat; }

/* FEATURED BOX*/
.featureBox { margin-left:320px; }
.featureBoxTop { position:relative; height:20px; background:#f9f8eb url('/images/featureTopCenter.png'); }
.featureBoxBottom { position:relative; height:20px; background:#f9f8eb url('/images/featureBottomCenter.png'); }
.featureBoxRight { padding-right:20px; background:#f9f8eb url('/images/featureMiddleRight.png') repeat-y top right; }
.featureBoxLeft { padding-left:20px; background:#f9f8eb url('/images/featureMiddleLeft.png') repeat-y top left; }
.featureBoxMiddle { position:relative; min-height:155px; background:#f9f8eb; }
.featureDeals { position:relative; margin-right:45%; min-height:145px; padding-bottom:20px; }
.featureDealsImage { width:80px; height:80px; padding:5px; float:left; margin:0 15px 5px 0; border:1px solid #EEEEEE; background:white; }
.featureNews { width:42.2%; float:right; }
.featureNews ul { list-style:none; margin:0; padding:0; }
.featureNews li { margin:0; padding:0 0 6px 0; }

/* CONTENT */
h1 { font-size:24px; margin:0 0 8px 0; color:#474747; }
h2 { font-size:14px; margin:0 0 10px 0; }
h3 { font-size:16px; margin:0 0 10px 0; }
h4 { font-size:12px; margin:0 0 10px 0; }
h1 a { color:#0078c8; }
.dealDesc h1, .dealDesc2 h1, .featureBoxMiddle h1, .beigeboxMiddle h1, .blueboxMiddle h1 { font-size:16px; margin:0 0 8px 0; }
.blueboxMiddle h1 { color:white; }
.homeLeft { margin-right:320px; padding-top:10px; }
.homeRight { width:300px; float:right; padding-top:10px; }
.pageLeft { width:300px; float:left; }
.pageRight { margin-left:320px; }
.dealImage { width:125px; height:125px; margin:0 20px 0 0; float:left; text-align:center; }
.dealDesc { position:relative; margin-left:150px; min-height:125px; }
.dealDesc2 { position:relative; }
.hr { height:21px; background:url('/images/hr.png') repeat-x center left; }
.date { color:black; font-size:10px; }
.blueboxMiddle { width:270px; padding:5px 15px 5px 15px; color:white; background:#4DB3E3 url('/images/blueboxMiddle.png') repeat-y; }
.beigeboxMiddle { width:270px; padding:5px 15px 10px 15px; background:#F9F8EB url('/images/beigeboxMiddle.png') repeat-y; }
ul.musicList { list-style:none; margin:10px 0 10px 0px; padding:0 0 0 10px; font-size:12px; }
ul.musicList li { margin:4px 0; padding:0; }
ul.movieList { list-style:decimal; margin:10px 0 10px 10px; padding:0 0 0 18px; font-size:12px; }
ul.movieList li { margin:4px 0; padding:0; }
ul.softwareList { list-style:decimal; margin:10px 0 10px 10px; padding:0 0 0 18px; font-size:12px; }
ul.softwareList li { margin:4px 0; padding:0; }
.link { position:absolute; bottom:0px; left:0px; z-index:100; clear:right; }
.link a { font-size:10px; color:#8e8e8e; text-decoration:none; }
.link a:hover { font-size:10px; color:#666666; text-decoration:underline; }
.iconFavorite { padding:1px 10px 3px 20px; background:url('/images/iconStar.png') no-repeat; }
.iconForums { padding:1px 10px 3px 20px; background:url('/images/iconForums.png') no-repeat; }
.iconEmail { padding:1px 10px 3px 20px; background:url('/images/iconEmail.png') no-repeat; }
.iconEdit { padding:1px 10px 3px 20px; background:url('/images/iconEdit.png') no-repeat; }
.iconMore { font-size:11px; padding:0 10px 3px 23px; background:url('/images/iconMore.png') no-repeat top left; }
.thumbnails { vertical-align:middle; margin:0 5px 10px 0px; border:1px solid #008be7; max-width:150px; max-height:150px; }
.bannerLeaderboard { margin-top:10px; text-align:center; }

/* DROPDOWN SORTING */
.dropdown { font-family:arial; float:left; }
.dropdown ul { font-size:11px; margin:0; padding:0; list-style:none; }
.dropdown li { font-size:11px; margin:0; padding:0; width:129px; height:25px; background:url('/images/dropdownBg.png') no-repeat; }
.dropdown li:hover, .dropdown li.hover {  }
.dropdown a { display:block; padding:6px 0 5px 7px; color:#00abff; text-decoration:none; }
.dropdown a:hover { text-decoration:underline; }
.dropdown ol { width:127px; font-size:11px; display:none; margin:0; padding:0; border:1px solid #d3d3d3; list-style:none; position:absolute; text-align:left; }
.dropdown ol li { width:127px; height:1%; font-size:11px; background:white; }
.dropdown ol li a { height:1%; padding:5px; }
.dropdown ol li a:hover { height:1%; padding:5px; background:#e2eff5; }
.dropdown ul li:hover ol, .dropdown ul li.hover ol { display:block; z-index:200; }

/* DROPDOWN SEARCH */
.searchCat { font-family:arial; width:30px; float:left; }
.searchCat ul { margin:0; padding:0; list-style:none; text-align:left; }
.searchCat li { margin:0; padding:0; width:30px; height:33px; position:relative; background:url('/images/searchDropdown.png') no-repeat 0px 0px; }
.searchCat li:hover, .searchCat li.hover { z-index:200; background:url('/images/searchDropdownOver.png') no-repeat 0px 0px; }
.searchCat a { display:block; padding:5px 0 5px 5px; color:#9b7400; text-decoration:none; z-index:200; }
.searchCat a:hover { color:#745701; text-decoration:none; }
.searchCat ol { width:130px; font-size:11px; display:none; margin:24px 0 0 5px; padding:0; border:1px solid #d6d2c7; list-style:none; position:absolute; text-align:left; }
.searchCat ol li { width:130px; height:1%; font-size:11px; background:white; }
.searchCat ol li a { height:1%; padding:5px 7px; }
.searchCat ol li a:hover { height:1%; padding:5px 7px; background:#f8f2e1; }
.searchCat ul li:hover ol, .searchCat ul li.hover ol  { display:none; z-index:200; }
.searchCat .checkbox { width:12px; height:12px; margin:0 4px 0 0; padding:0; }