﻿/*Criz Bee | January 2009 |*/
/*This stylesheet is applied to the landing page only*/
/*Jedi-Business.com - All About Star Wars Action Figures*/

/*dropdowns for the Star Wars Figure quick finder*/
.quick-finder {width: 210px; margin-top: 2px; margin-bottom: 2px; font-family: Arial; font-size: 11px; margin-right: 5px;}
.quick-finder-search-options {margin-top: 10px; margin-bottom: 10px;}
.quick-finder-search-options a:link {text-decoration: none; color: #0d538e;}
.quick-finder-search-options a:visited {text-decoration: none; color: #0d538e;}
.quick-finder-search-options a:active {text-decoration: none; color: #0d538e;}
.quick-finder-search-options a:hover {text-decoration: underline; color: #0d538e;}

.container-top-star-wars-figure-main-page {position: relative; height: 310px;}

/*JQuery styling for the "scrollable" slideshow for new Star Wars Figures */
.star-wars-figure-slideshow-container {position: absolute; top: 15px; left: 40px; width: 400px; height: 290px; background-image: url(/images/backgrounds/background-star-wars-slideshow-header.jpg); background-repeat:no-repeat; background-position: top;}
.star-wars-figure-slideshow-links {float: left; clear: both; width: 100px; text-align: center;}
.star-wars-figure-slideshow-links a:link {text-decoration: none; color: #0d538e;}
.star-wars-figure-slideshow-links a:visited {text-decoration: none; color: #0d538e;}
.star-wars-figure-slideshow-links a:active {text-decoration: none; color: #0d538e;}
.star-wars-figure-slideshow-links a:hover {text-decoration: underline; color: #0d538e;}
.star-wars-figure-slideshow-images {border: solid 1px #fff;}
.star-wars-figure-slideshow-header {color: #fff; margin-top: 3px; text-align: center;}

/*Star Wars Figure content containers*/
.container-left {position: relative; width: 452px; height: 870px; margin-top: 20px; background-color: #fff;}      
.container-right {position: absolute; top: 20px; left: 452px; width: 508px; height: 849px; background-color: #fff;}      
.container-bottom {position: relative; width: 960px; height: 220px; margin-top: 10px; background-color: #fff;} 
.container-bottom-star-wars-sections {position: relative; left: 40px; width: 880px; height: 260px;}
.container-bottom-star-wars-sections-left {position: absolute; top: 10px; left: 5px; width: 220px; text-align: center;}
.container-bottom-star-wars-sections-left-second {position: absolute; top: 10px; left: 225px; width: 220px; text-align: center;}
.container-bottom-star-wars-sections-right {position: absolute; top: 10px; left: 445px; width: 220px; text-align: center;}
.container-bottom-star-wars-sections-right-second {position: absolute; top: 10px; left: 665px; width: 220px; text-align: center;}
.container-below-slideshow {position: relative; margin-top: 40px; margin-left: 40px; width: 400px; height: 540px; background-color: #fff;}   
.container-below-slideshow-top-left {position: absolute; top: 5px; width: 200px; text-align: center;}
.container-below-slideshow-top-right {position: absolute; top: 5px; left: 205px; width: 200px; text-align: center;} 
.container-below-slideshow-bottom-left {position: absolute; top: 274px; width: 200px; text-align: center;}
.container-below-slideshow-bottom-right {position: absolute; top: 274px; left: 205px; width: 200px; text-align: center;}
.container-clone-wars {width: 230px; float: left; text-align: center;}
.container-figures-by-movie {width: 230px; float: left; clear: left; margin-top: 10px; text-align: center; background-image: url(/images/backgrounds/background-star-wars-header.jpg); background-repeat:no-repeat; background-position: top;}
.container-tools-and-lists {width: 230px; float: right; clear: right; margin-top: 10px; text-align: center; background-image: url(/images/backgrounds/background-star-wars-header.jpg); background-repeat:no-repeat; background-position: top;}
.container-jedi-business-get-started {width: 230px; float: right; text-align: center; background-image: url(/images/backgrounds/background-star-wars-header.jpg); background-repeat:no-repeat; background-position: top;}
.container-compare-figures-quick-finder {position: absolute; top: 292px; width: 468px; height: 540px; margin-right: 40px;}
.container-compare-figures {position: relative; margin-top: 5px; width: 234px; text-align: center;}
.container-quick-finder {position: absolute; top: 5px; left: 234px; width: 234px; text-align: center;}

/*Star Wars Action Figure Spotlight*/
.star-wars-figure-spotlight-header {color: #fff; margin-top: 3px; text-align: center;}
.star-wars-figure-spotlight-header a:link {text-decoration: none; color: #fff;}
.star-wars-figure-spotlight-header a:visited {text-decoration: none; color: #fff;}
.star-wars-figure-spotlight-header a:active {text-decoration: none; color: #fff;}
.star-wars-figure-spotlight-header a:hover {text-decoration: underline; color: #fff;}
.container-spotlight {width: 468px; text-align: center; margin-bottom: 10px; height: 155px; background-color: #000;}
.container-spotlight-star-wars-figure{background-color: #000; width: 468px; text-align: center; margin-left: auto; margin-right: auto;}
.star-wars-figure-spotlight-padding {border: solid 1px #fff; padding: 2px; margin: 3px;}

/*Clone Wars List and Jedi Business Get Started List*/
ul.clone-wars-list {font-weight: bold; text-align: left; margin-top: 15px;}
ul.clone-wars-list a:link {color: #000; text-decoration: none;}
ul.clone-wars-list a:visited {color: #000; text-decoration: none;}
ul.clone-wars-list a:active {color: #000; text-decoration: none;}
ul.clone-wars-list a:hover {text-decoration: underline; color: #000;}

ul.jedi-business-list {font-weight: bold; text-align: left; margin-top: 0px;}
ul.jedi-business-list a:link {color: #000; text-decoration: none;}
ul.jedi-business-list a:visited {color: #000; text-decoration: none;}
ul.jedi-business-list a:active  {color: #000; text-decoration: none;}
ul.jedi-business-list a:hover {text-decoration: underline; color: #000;}

ul.toy-line-list {font-weight: bold; text-align: left; margin-top: 0px;}
ul.toy-line-list a:link {color: #000; text-decoration: none;}
ul.toy-line-list a:visited {color: #000; text-decoration: none;}
ul.toy-line-list a:active  {color: #000; text-decoration: none;}
ul.toy-line-list a:hover {text-decoration: underline; color: #000;}

/*Jedi-Business Advertising - Landing page*/
.advertising-top-right {position: absolute; width: 468px; height: 270px; margin-right: 40px;}
.advertising-middle-right {clear: both; width: 468px; text-align: center; margin-top: 20px; margin-bottom: 20px;}
.advertising-middle {text-align: center; width: 880px; margin-left: auto; margin-right: auto;}
.advertising-middle-inner-container {width: 870px; padding: 0px; margin-left: auto; margin-right: auto; background-color: #000;}
