/* StarWheels.com CSS Document by Robert Ireland*/ /* Reset */ /* undo some default styling of common (X)HTML browsers ************************************************************/ /* No list-markers by default - * must redefine bullets w/ bg graphics ********************************************************/ /* Avoid browser default inconsistent heading, * font-sizes and pre/code ********************************************************/ body,h1,h2,h3,h4,h5,h6,pre,code,td { font-size:14px;; } /* Remove inconsistent (among browsers) - * default padding or margin ********************************************************/ ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote, fieldset,input,label,div,dd,dt,dl,table,tr,td,img,hr { margin:0; padding:0; } /* prevent blue linked image borders ********************************************************/ a img,:link img,:visited img,fieldset { } img { border-style: none; } .l_float{float:left;} .r_float{float:right;} /* ----------------Alsett clearing method ------------------------------------------- */ .clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} .clearfix {display: inline-block;} * html .clearfix {height: 1%} .clearfix {display: block;} /* Start ********************************************/ body { background-color:#000144; margin: 0px; font-family: Arial, Helvetica, sans-serif; color:#000072; font-size:14px; } p { padding:5px 10px 5px 10px; margin-bottom:6px; } h1 {padding-left:8px;} h3 {padding-bottom:6px;} ul { padding-left:18px; } a { color:#000144; cursor: pointer; text-decoration:underline;} a:hover { text-decoration:none; color:#df001a; background-position:-225px 5px;} #header { background-repeat: no-repeat; padding:0px; margin: 0px; width: 898px; height: 346px; overflow: hidden; } #flash_holder { width:874px; height:294px; background-image:url(images/flash_bg.png); padding:0 0 0 25px; position: relative; overflow: hidden; } #flash_frame{position: absolute;z-index: 10; overflow: hidden;} #flash_sw{position: absolute; z-index: 2; left:30px; overflow: hidden;} #flash_sw2{position: absolute; z-index: 1; left:30px; overflow: hidden;} #flash_sw img{width:840px; height:840px; z-index: 8; transition: transform 10s ease; margin-top: -250px; margin-left:-1px;} #flash_sw2 img{width:840px; height:840px; z-index: 7; margin-top: -250px; margin-left:-1px; } #flash_swf{position: absolute;z-index: 9; top:30px; left:86px;} #flash_swm{position: absolute;z-index: 9; top:30px; left:156px;} #flash_fam{position: absolute;z-index: 9; top:105px; left:212px;} #flash_by{position: absolute;z-index: 9; top:154px; left:402px;} #flash_num{position: absolute; right:60px; bottom:15px; z-index: 100; background-color: red; height:30px; border-radius: 20px; line-height: 30px; text-align: center; color:#fff; padding:0 10px; } #header p { margin:0; padding:0; } #pictokoan {position:relative;} #pictokoan_pic {border: solid 1px #000000;} #cgallery{ margin:0 0 0 20px;} #cgallery_item { font-weight:bold; padding:2px 0 2px 0;} #cgallery_item a{ text-decoration:none;} #soundbite {font-weight:normal; font-size:11px;} #contact_form { } #r_float {float:right;} .clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} .clearfix {display: inline-block;} * html .clearfix {height: 1%} .clearfix {display: block;} #module { float:right; width:540px;} #sutras{margin:16px 0 0 0;} #starwheel_title {font-size:20px; font-weight:bold; } #container { position: relative; width: 898px; margin-top: 0px; margin-right: auto; margin-left: auto; padding-top: 0px; margin-bottom:0px; background-image:url(images/container_bg.jpg); background-repeat:repeat-y; background-position:25px 0px; } #main_page { margin:0px; vertical-align:top; padding:0px 0px 32px 45px; background-image:url(images/main_page_bottom.jpg); background-repeat: no-repeat; background-position:67px bottom; width:803px; z-index: 300; } #main_menu {width:187px; float:left; margin:0 11px 0 35px; background-image:url(images/menu_bg.gif); background-repeat:repeat-y;} #menu_top { padding:0; margin:0; float:left;width:187px; height:29px;} #menu_title { padding:0; margin:0; float:left;width:187px; height: 47px;} #menu_content {background-image:url(images/menu_content_bg.gif); background-repeat:no-repeat; background-position:top; font-size:14px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; padding:0; margin:0; float:left;width:187px;} #menu_content a { text-decoration:none; color:#000144;background-image:url(images/menu_bullets.gif); background-repeat:no-repeat; background-position:2px 5px; padding:0 0 0 18px; margin:0 0 0 0px; float:left; border-bottom:dotted 1px #33CCFF; margin:0 0 0 5px; cursor: pointer;} #menu_content a:hover { text-decoration:none; color:#df001a; background-position:-225px 5px; background-color:#FaFaFF;} #menu_item{ padding:4px 10px 4px 0px; width:142px; float:left; } #menu_bottom {height:29px; float:left;} #view_cart { width:120px; height:40px; margin:8px 0 0 5px; float:left;} #view_cart a { background-image:none; border:none; } #view_cart a:hover { background-image:none; border:none; background-color:#d4edff;} #main_column {float:left; width:545px;} #headline {background-image:url(images/headline_bg.gif); background-repeat:repeat-x; height:22px; float:left; font-size:16px; font-weight:bold; padding:10px 0 16px 0; } #main_item {background-image:url(images/main_item_bg.gif); background-repeat:repeat-y; width:545px; margin:0 0 10px 0; float:left;} #main_item_top {float:left; height:17px; width:545px;} #main_item_bottom{float:left; height:20px;} #main_content {background-image:url(images/main_item_content_bg.gif); background-position:top; float:left; background-repeat:no-repeat; width:525px;padding: 0 10px 0 10px;} #page_content { width:520px; float:left; position:relative; padding:0 0 30px 0;} #page_content ul {margin:0 0 10px 0;} #page_content ul li {list-style:none; background-image:url(images/bullet.gif); background-repeat:no-repeat; background-position:0 5px; padding:2px 0 2px 16px;} #series {width:530px; float:left; padding:0 0 0 0px;} #starwheel_thumb{background-image:url(images/thumb_frame.gif); width:127px; height:128px; float:left; margin:3px 5px 10px 13px;} #starwheel_thumb img {width:120px; height:120px; margin:3px 0 0 3px;} .starwheel_thumb{background-image:url(images/thumb_frame.gif); width:127px; height:128px;} .starwheel_thumb img {width:120px; height:120px; margin:3px 2px 0 0;} #starwheel_series_thumb{background-image:url(images/thumb_frame.gif); background-repeat:no-repeat; width:127px; height:150px; float:left; margin:0px 4px 10px 0px; padding:0 0 0 0; font-size:11px; font-weight:bold;} #starwheel_series_thumb img {margin:3px 0 6px 3px;} #starwheel_series_thumb_link a {color:#000144; text-decoration:none;} #starwheel_series_thumb_link a:hover { text-decoration:none; color:#df001a; text-decoration:underline;} #starwheel_image{background-image:url(images/big_frame.gif); width:410px; height:410px; float:left; margin:16px 10px 10px 55px;} #starwheel_image img {width:400px; height:400px; margin:4px 0 0 4px;} #starwheel_desc {width:515px; float:left; padding:10px 20px 10px 3px; line-height:1.5em;} #piktokoan_thumb {background-image:url(images/koan_thumb_bg.gif); background-repeat:no-repeat; width:161px; height:161px; margin:0 0 0 180px; float:left;} #piktokoan_thumb img { margin:3px;} #piktokoan_thumb a { border:none;} #pictokoan_image {background-image:url(images/pictokoan_bg.gif); width:411px; height:411px; margin:30px 0 0 54px; float:left;} #pictokoan_image img {width:400px; height:400px; margin:4px 0 0 4px;} #pictokoan_title { font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:16px; padding:10px 0 10px 0; text-align:center;} #pictokoan_desc {width:460px; float:left; margin:20px 40px 20px 32px;} #go_back {position:absolute; bottom:0px; left:5px;} #payment_box {width:370px; margin:6px 0 0 2px; float:left; } #payment_box_full {width:514px; margin:6px 0 10px 3px; float:left; } #series_desc {width:510px; font-size:14px; float:left; padding:3px 0 0px 0px; border-bottom:solid 1px #CC3300; margin:0 0 0 3px;} #product_title { font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:16px; border-bottom:solid 1px #CC3300; width:100%; padding:0 0 1px 0;} #product_item {width:100%; float:left; padding:6px 0 2px 0; border-bottom:dotted 1px #CC9933;} #product_text {width:364px; font-size:14px; float:left; padding:1px 0 2px 0px;} #product_feature_name {width:200px; font-size:14px; float:left; padding:1px 0 2px 0px;} #product_desc {width:500px; font-size:12px; float:left; padding:0px 0 5px 0px; } #more_info {position:absolute; bottom:0px; right:200px;} #product_thumb{background-image:url(images/thumb_frame.gif); background-repeat:no-repeat; width:127px; height:150px; float:left; margin:3px 5px 0px 13px; padding:0; font-size:10px;} #product_thumb img {width:120px; height:120px; margin:3px 0 5px 3px;} #product_image {width:100%; float:left; text-align:center; padding:5px;} #product_price {width:250px; float:left; padding:5px; font-weight:bold; font-size:14px;} #add_to_cart {width:103px; float:left;} #page_form {background-image:url(images/form_bg.gif); background-repeat:repeat-y; width:482px; margin:10px 0 0 20px;} #page_form_content {background-image:url(images/form_top.gif); background-repeat:no-repeat; background-position:top; padding:20px 40px 20px 20px;} #footer { width: 898px; background-image: url(images/footer_bg.jpg); background-position:25px 0; height: 84px; background-repeat: no-repeat; margin:0 0 20px 0; float:left; clear:both; } #global_nav {color:#fff; font-size:12px; font-weight:bold; float:left; padding:38px 0 0 116px;} #global_nav_item {float:left;} #global_nav_item a{color:#fff; text-decoration:none;} #global_nav_item a:hover{color:#fff; text-decoration:underline;} #paypal_cards {float:right; padding:33px 110px 0 0;} #series_list { padding:10px 10px 0 0; text-align:right; line-height:1.5em; width:500px; float:left;} #series_list a {font-weight:bold;} #add_to_cart { float:right;} #sw_product_price {width:250px; float:left; padding:5px; font-weight:bold;} #sw_product_text { width:250px; float:left;}