/* * Copyleft (c) 2011+, StudioJunkyard.com. * For licensing see GPL.txt or http://gnusite.studiojunkyard.com/license.php * If this is the production version of gnuSite you won't find comments. * @see http://gnusite.studiojunkyard.com/ * @package gnuSite */ /* CSS Reset */ html,body,div,span,object,iframe, h1,h2,h3,h4,h5,h6,p,blockquote,pre, abbr,address,cite,code, del,dfn,em,img,ins,kbd,q,samp, small,strong,sub,sup,var, b,i, dl,dt,dd,ol,ul,li, fieldset,form,label,legend, table,caption,tbody,tfoot,thead,tr,th,td, article,aside,canvas,details,figcaption,figure, footer,header,hgroup,menu,nav,section,summary, time,mark,audio,video{ margin:0; padding:0; border:0; outline:0; background:transparent; font-family:Arial,sans-serif; /* font-family:"Myriad Pro","Trebuchet MS",sans-serif;*/ font-size:.99em; vertical-align:baseline; } body{ line-height:1; } article,aside,details,figcaption,figure, footer,header,hgroup,menu,nav,section{ display:block; } nav ul{ list-style:none; } blockquote,q{ quotes:none; } blockquote:before,blockquote:after, q:before,q:after{ content:''; content:none; } a{ margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; } ins{ background-color:#ff9; color:#000; text-decoration:none; } mark{ background-color:#ff9; color:#000; font-style:italic; font-weight:bold; } del{ text-decoration:line-through; } abbr[title],dfn[title]{ border-bottom:1px dotted; cursor:help; } table{ border-collapse:collapse; border-spacing:0; } hr{ display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; } input,select{ vertical-align:middle; } :invalid{ box-shadow:none; } /* Individual Resets */ h1,h2,h3,h4,h5,h6{ font-weight:bold; } html{ overflow-y:scroll; } .ir{ display:block; text-indent:-999em; overflow:hidden; background-repeat:no-repeat; text-align:left; direction:ltr; } .hidden{ display:none; visibility:hidden; } .cf{ overflow:hidden; } ::-moz-selection{ background:#666; color:#fff; text-shadow:none; } ::selection{ background:#666; color:#fff; text-shadow:none; } /* Form Validation message bubble, * If you know the correct syntax for un-prefixes,moz,o, and khtml settings, * please let us know. We do know the webkit ones are correct */ ::validation-bubble, ::-webkit-validation-bubble, ::-moz-validation-bubble, ::-o-validation-bubble, ::-khtml-validation-bubble{ display:inline-block; z-index:2147483647; position:absolute; opacity:1; line-height:0; margin:0; text-security:none; -webkit-text-security: none; -moz-text-security: none; -o-text-security: none; -khtml-text-security: none; transition: opacity 05.5s ease; -webkit-transition: opacity 05.5s ease; -moz-transition: opacity 05.5s ease; -o-transition: opacity 05.5s ease; -khtml-transition: opacity 05.5s ease; } ::validation-bubble-message, ::-webkit-validation-bubble-message, ::-moz-validation-bubble-message, ::-o-validation-bubble-message, ::-khtml-validation-bubble-message{ display:block; position:relative; top:-26px; right:155px; font:message-box; font-size:12px; color:black; text-align:center; width:140px; border:1px solid #400; background:#faa; padding:5px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; -khtml-border-radius:5px; box-shadow:2px 2px 4px #000; -webkit-box-shadow:2px 2px 4px #000; -moz-box-shadow:2px 2px 4px #000; -o-box-shadow:2px 2px 4px #000; -khtml-box-shadow:2px 2px 4px #000; line-height:normal; white-space:normal; z-index:2147483644; } ::validation-bubble-arrow, ::-webkit-validation-bubble-arrow, ::-moz-validation-bubble-arrow, ::-o-validation-bubble-arrow, ::-khtml-validation-bubble-arrow{ display:none; } ::validation-bubble-arrow-clipper, ::-webkit-validation-bubble-arrow-clipper, ::-moz-validation-bubble-arrow-clipper, ::-o-validation-bubble-arrow-clipper, ::-khtml-validation-bubble-arrow-clipper{ display:none; } /* Trident Fixes */ button{ width:auto; overflow:visible; } .ie6 legend,.ie7 legend{ margin-left:-7px; } input[type="radio"]{ vertical-align:text-bottom; } input[type="checkbox"]{ vertical-align:bottom; } .ie7 input[type="checkbox"]{ vertical-align:baseline; } .ie6 input{ vertical-align:text-bottom; } /* Generic Print setup */ @media print{ *{ background:transparent !important; color:#444 !important; text-shadow:none !important; } a,a:visited{ color:#444 !important; text-decoration:underline; } a:after{ content:"("attr(href)")"; } abbr:after{ content:"("attr(title)")"; } .ir a:after{ content:""; } pre,blockquote{ border:1px solid #999; page-break-inside:avoid; } thead{ display:table-header-group; } tr,img{ page-break-inside:avoid; } @page{ margin:0.5cm; } p,h2,h3{ orphans:3; widows:3; } h2,h3{ page-break-after:avoid; } } /* * Copyleft (c) 2011+, StudioJunkyard.com. * For licensing see GPL.txt or http://gnusite.studiojunkyard.com/license.php * If this is the production version of gnuSite you won't find comments. * @see http://gnusite.studiojunkyard.com/ * @package gnuSite */ /* CSS3 Default Styles for the Default gnuSite Template Before this file is called for, there is a default override file with a HTML5 Reset This file is the Development Version, you can remove all the comments, and white space from this file to save on file size (and speed up downloading). You may notice a certain order to the actual style attributes in this file, it's for a reason. */ /* By setting some styles in here, these will help save file overhead by not having to set these styles for every element */ html,body{ position:relative; width:100%; height:100%; min-height:100%; color:#ffd788; background:#000 url(../layout/images/bg.jpg) repeat 0% 0%; background-attachment:fixed; text-shadow:2px 2px 3px #000; } html{ overflow-x:hidden; } body{ line-height:1; font-family:Arial,sans-serif; } @font-face{ font-family:GlamourScript; src:url('../layout/styles/GlamourScript.ttf'); } hr{ border-color:#000; border-color:rgba(0,0,0,0.5); } h2,h3,.glamtitle{ font-size:1.5em; font-weight:100; font-family:GlamourScript,'Comic Sans MS',cursive; text-shadow:2px 2px 4px #000; } h2{ font-size:1.9em; } h3{ font-size:1.3em; font-weight:normal; } h4,h5,h6{ text-shadow:2px 2px 4px #000; } /* This is an implicit style setting the jQuery-UI for the effects for items going to the shopping cart */ .ui-effects-transfer{ z-index:65536; /* Give me the highest layer, you may need to make this higher depending on what you edit */ background:transparent url(images/0-2.png); background:rgba(255,255,255,.5); } /* Default style for all links */ a{ color:inherit; /* Absorb font colour from parent elements */ font:inherit; /* Absorb font styling from parent elements */ text-decoration:none; } a:hover{ color:#fff; text-decoration:underline; /* What, I don't want no stinking underlines */ } strong{ /* Because we now use instead of for bolding, let's set how we want it */ font-family:inherit; font-size:inherit; /* Absorb font styling from parent elements */ font-weight:700; /* Bold */ } input{ width:200px; font-size:20px; color:#000; font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; font-weight:400; border:1px solid #000; outline:0; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; -khtml-border-radius:5px; box-shadow:0 0 4px #eee,inset 1px 1px 5px #666; -webkit-box-shadow:0 0 4px #000,inset 1px 1px 6px #666; -moz-box-shadow:0 0 4px #000,inset 1px 1px 6px #666; -o-box-shadow:0 0 4px #000,inset 1px 1px 6px #666; -khtml-box-shadow:0 0 4px #000,inset 1px 1px 6px #666; } input:hover{ border-color:#000; } input:focus{ background:#ffc; border-color:#000; } input:required, input[required]{ background:#fee; border:1px solid #c00; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; -khtml-border-radius:3px; box-shadow:inset 1px 1px 4px #888,1px 1px 4px #000; -webkit-box-shadow:inset 1px 1px 4px #888,1px 1px 4px #000; -moz-box-shadow:inset 1px 1px 4px #888,1px 1px 4px #000; -o-box-shadow:inset 1px 1px 4px #888,1px 1px 4px #000; -khtml-box-shadow:inset 1px 1px 4px #888,1px 1px 4px #000; } input:required:hover, input[required]:hover{ border:1px solid #f00; } input:focus:invalid{ background:#fcc; border:1px solid #f00; } input[type=search]{ width:143px; height:22px; border-width:2px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; -khtml-border-radius:5px; } .jquery-checkbox{ display:inline; color:none; cursor:pointer; cursor:hand; } .jquery-checkbox .mark{ display:inline; } .jquery-checkbox img{ border:none; vertical-align:middle; margin:0 5px 5px 5px; width:32px; height:32px; background:transparent url(../images/1.png) no-repeat 0 -384px; } .jquery-checkbox-hover img{ background-position:0 -416px; } .jquery-checkbox-checked img{ background-position:0 -448px; } .jquery-checkbox-checked .jquery-checkbox-hover img{ background-position:0 -480px; } .jquery-checkbox-disabled img{ background-position:0 -512px; } .jquery-checkbox-checked .jquery-checkbox-disabled img{ background-position:0 -576px; } textarea{ font-size:14px; color:#000; font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; font-weight:400; border:1px solid #000; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; -khtml-border-radius:5px; outline:0; box-shadow:0 0 4px #eee,inset 1px 1px 5px #666; -webkit-box-shadow:0 0 4px #eee,inset 1px 1px 5px #666; -moz-box-shadow:0 0 4px #eee,inset 1px 1px 5px #666; -o-box-shadow:0 0 4px #eee,inset 1px 1px 5px #666; -khtml-box-shadow:0 0 4px #eee,inset 1px 1px 5px #666; } textarea:hover{ border-color:#000; } textarea:focus{ background:#ffc; border-color:#000; } select{ width:100%; font-size:16px; color:#000; font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; font-weight:400; border:1px solid #000; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; -khtml-border-radius:5px; outline:0; box-shadow:0 0 4px #eee; -webkit-box-shadow:0 0 4px #eee; -moz-box-shadow:0 0 4px #eee; -o-box-shadow:0 0 4px #eee; -khtml-box-shadow:0 0 4px #eee; } button{ display:inline-block; position:relative; font-size:18px; outline:none; cursor:pointer; text-align:center; text-decoration:none; font-family:verdana,Arial; font-weight:700; padding:2px 10px 2px 10px; color:#fff; border:solid 1px #538312; background:#64991e; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px; -khtml-border-radius:10px; background:-webkit-gradient(linear,left top,left bottom,from(#7db72f),to(#4e7d0e)); background:-webkit-linear-gradient(top,#7db72f,#4e7d0e); background:-moz-linear-gradient(top,#7db72f,#4e7d0e); background:-o-linear-gradient(top,#7db72f,#4e7d0e); background:-ms-linear-gradient(top,#7db72f,#4e7d0e); text-shadow:0 1px 1px #333; box-shadow:0 1px 2px #111; -webkit-box-shadow:0 1px 2px #111; -moz-box-shadow:0 1px 2px #111; -o-box-shadow:0 1px 2px #111; -khtml-box-shadow:0 1px 2px #111; } button:hover{ background:-webkit-gradient(linear,left top,left bottom,from(#4e7d0e),to(#7db72f)); background:-webkit-linear-gradient(top,#4e7d0e,#7db72f); background:-moz-linear-gradient(top,#4e7d0e,#7db72f); background:-o-linear-gradient(top,#4e7d0e,#7db72f); background:-ms-linear-gradient(top,#4e7d0e,#7db72f); } .w30{width:30px;} .w32{width:32px;} .w50{width:50px;} .w75{width:75px;} .w100{width:100px;} .w118{width:118px;} .w150{width:150px;} .w175{width:175px;} .w200{width:200px;} .w225{width:225px;} .w310{width:310px;} .w300{width:375px;} .w400{width:400px;} .w475{width:475px;} .w500{width:500px;} .w550{width:550px;} .w800{width:800px;} .mt10{margin-top:10px;} .ml10{margin-left:10px;} .mt50{margin-top:50px;} .ml20{margin-left:20px;} .mb20{margin-bottom:20px;} .pr20{padding-right:20px;} .center{text-align:center;} .right{text-align:right;} .small{font-size:10px;} .medium{font-size:1.5em;} .large{font-size:2em;} .fs24{font-size:24px;} .clear{clear:both;} .error{ clear:both; color:#f00; font-size:1em; font-weight:700; } /* AddThis Styling */ .addthis_toolbox{ position:absolute; top:0; right:0; text-shadow:none; z-index:1000; } .addthis_toolbox .custom_images{ color:#000 !important; margin:0; padding:0 5px 0 5px; } .addthis_toolbox .custom_images img{ color:#000 !important; width:32px; height:32px; opacity:.5; -webkit-opacity:.5; -moz-opacity:.5; -o-opacity:.5; -khtml-opacity:.5; transition:opacity 0.3s linear; -webkit-transition:opacity 0.3s linear; -moz-transition:opacity 0.3s linear; -o-transition:opacity 0.3s linear; -khtml-transition:opacity 0.3s linear; } .addthis_toolbox .custom_images img:hover{ color:#000 !important; opacity:1; -webkit-opacity:1; -moz-opacity:1; -o-opacity:1; -khtml-opacity:1; } #at15s_head, #at_hover .at_item, #at16pf, #at16pf a, #at16pt h4, #at_hover .at_item:hover, #at_share .at_item, #at_share .at_item:hover, #at16pc{ color:#000; text-shadow:none; } .rating_wrapper *{/* Rating Bar Styles */ margin:0; border:0; padding:0; } .rating_wrapper{ position:absolute; width:180px; overflow:hidden; height:32px; z-index:50; } .sp_rating{ font-size:11px; line-height:1.7em; display:block; } .rating{ float:left; padding-right:4px; } .base{ background:url(../images/ratings.png) 0 0 no-repeat; width:85px; height:16px; float:left; overflow:hidden; } .average{ background:url(../images/ratings.png) 0 -17px no-repeat; text-indent:-9999px; } .votes{ float:left; padding-right:4px; } .base{ background:url(../images/ratings.png) 0 0 no-repeat; width:85px; height:16px; float:left; position:relative; } .base a{ display:block; height:16px; float:left; text-indent:-9999px; position:absolute; overflow:hidden; line-height:1em; } .base1{ width:20%; z-index:55; } .base2{ width:40%; z-index:54; } .base3{ width:60%; z-index:53; } .base4{ width:80%; z-index:52; } .base5{ width:100%; z-index:51; } .base a:hover{ background:url(../images/ratings.png) bottom right no-repeat; } .status{ height:16px; width:100px; overflow:hidden; position:relative; font-size:10px; } /* Overall Commenting Styles */ .commentl{ position:relative; } .commentl a{ height:24px; padding-left:26px; color:#fff; background:transparent url(../images/1.png) no-repeat -96px -224px; font-size:11px; line-height:1em; text-decoration:none; } .commentl a:hover{ text-decoration:underline; } .commentl.blog{ color:#fff; padding-top:20px; } .comments{ margin:20px auto; width:500px; min-height:100px; padding:5px; color:#fff; background:transparent url(../images/0-2.png); background:rgba(0,0,0,0.2); border-radius:15px; -webkit-border-radius:15px; -moz-border-radius:15px; -o-border-radius:15px; -khtml-border-radius:15px; box-shadow:1px 1px 4px #000; -webkit-box-shadow:1px 1px 4px #000; -moz-box-shadow:1px 1px 4px #000; -o-box-shadow:1px 1px 4px #000; -khtml-box-shadow:1px 1px 4px #000; } .comments .heading{ font-size:16px; font-weight:700; } .comments .title{ font-size:14px; font-weight:700; padding:10px 0 0 10px; } .comments .title span{ font-weight:400; padding:0 0 0 20px; } .comments .text{ font-weight:400; padding:0 5px 10px 20px; margin:0 15px 0 15px; border-bottom:1px dotted #666; } .comments a.more{ padding:0 0 0 20px; font-weight:400; text-decoration:none; } .comments a.more:hover{ text-decoration:underline; } .commentsadd{ width:400px; padding:5px; text-shadow:1px 1px 3px #000; } .commentsadd input[type=email], .commentsadd input[type=text], .commentsadd textarea{ width:250px; } .commentsadd textarea{ height:60px; } .commentsclosed{ margin-top:20px; color:#fff; } /* Top of Site Header Styling */ header{ position:relative; width:1000px; /* Maximum Document width for the header */ height:120px; /* Maximum Document height for the header */ margin:0 auto; /* Let's center this bitch */ } header h1{ display:none; /* Hide the Header H1 for SEO Title purposes */ } header #logo{ /* Positioning for Site logo */ z-index:1; position:relative; height:140px; margin:0 auto; transform:scale(1)rotate(0); transition-timing-function:ease-out; transition-duration:200ms; -webkit-transform:scale(1)rotate(0); -webkit-transition-timing-function:ease-out; -webkit-transition-duration:200ms; -moz-transform:scale(1)rotate(0); -moz-transition-timing-function:ease-out; -moz-transition-duration:200ms; -o-transform:scale(1)rotate(0); -o-transition-timing-function:ease-out; -o-transition-duration:200ms; -khtml-transform:scale(1)rotate(0); -khtml-transition-timing-function:ease-out; -khtml-transition-duration:200ms; } header #logo:hover{ z-index:401; transform:scale(1.1)rotate(-2deg); transition-timing-function:ease-out; transition-duration:200ms; -webkit-transform:scale(1.1)rotate(-2deg); -webkit-transition-timing-function:ease-out; -webkit-transition-duration:200ms; -moz-transform:scale(1.1)rotate(-2deg); -moz-transition-timing-function:ease-out; -moz-transition-duration:200ms; -o-transform:scale(1.1)rotate(-2deg); -o-transition-timing-function:ease-out; -o-transition-duration:200ms; -khtml-transform:scale(1.1)rotate(-2deg); -khtml-transition-timing-function:ease-out; -khtml-transition-duration:200ms; } #account{ z-index:402; position:absolute; bottom:6px; right:3px; height:20px; padding:5px 75px 5px 5px; background:rgba(0,0,0,.3); border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px; -khtml-border-radius:10px; border-bottom-left-radius:0; -webkit-border-bottom-left-radius:0; -moz-border-radius-bottomleft:0; -o-border-bottom-left-radius:0; -khtml-border-bottom-left-radius:0; border-bottom-right-radius:0; -webkit-border-bottom-right-radius:0; -moz-border-radius-bottomright:0; -o-border-bottom-right-radius:0; -khtml-border-bottom-right-radius:0; } #account a{ font-size:14px; color:#fff; text-decoration:none; padding:0 10px 0 0; } #account a:hover{ color:#f40; } #account button{ position:absolute; right:5px; margin-top:-15px; font-size:10px; } /* Address styling, parent is the header tag */ address{ position:absolute; top:5px; right:5px; font-size:14px; font-style:normal; } address span{ /* Styling for the smaller leading text */ font:inherit; font-size:12px; color:#444; } /* Top Menu navigation bar, parent is the header tag */ header nav{ z-index:200; position:absolute; bottom:0; width:1000px; } /* Drop down menu style, all CSS driven, no javascript needed, sits inside the above nav tag */ ul.sdt_menu{ z-index:410; position:relative; width:1002px; list-style:none; margin:-30px auto 0 auto; padding:0; font-size:12px; font-family:"Myriad Pro","Trebuchet MS",sans-serif; overflow:none; } ul.sdt_menu a{ outline:0; text-decoration:none; } ul.sdt_menu li{ position:relative; float:left; width:166px; height:84px; cursor:pointer; background:transparent url(../layout/images/menubg.png) repeat-x top center; background:transparent gradient(linear,left top,right bottom,from(rgba(0,0,0,.2)),to(rgba(0,0,0,.8))); background:transparent -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.2)),to(rgba(0,0,0,.7))); background:transparent -webkit-linear-gradient(top,rgba(0,0,0,.2),rgba(0,0,0,.7)); background:transparent -moz-linear-gradient(top,rgba(0,0,0,.2),rgba(0,0,0,.7)); background:transparent -o-linear-gradient(top,rgba(0,0,0,.2),rgba(0,0,0,.7)); background:transparent -khtml-linear-gradient(top,rgba(0,0,0,.2),rgba(0,0,0,.7)); } ul.sdt_menu li > a{ z-index:112; position:absolute; top:0; left:0; width:166px; height:84px; background:none; box-shadow:inset 0 0 2px #000; -webkit-box-shadow:inset 0 0 2px #000; -moz-box-shadow:inset 0 0 2px #000; -o-box-shadow:inset 0 0 2px #000; -khtml-box-shadow:inset 0 0 2px #000; } ul.sdt_menu li a img{ z-index:800; position:absolute; bottom:0; left:83px; width:0; height:0; border:none; box-shadow:0 0 4px #000; -webkit-box-shadow:0px 0px 4px #000; -moz-box-shadow:0 0 4px #000; -o-box-shadow:0 0 4px #000; -khtml-box-shadow:0 0 4px #000; } ul.sdt_menu li span.sdt_wrap{ z-index:115; position:absolute; top:26px; left:0; width:167px; height:61px; } ul.sdt_menu li span.sdt_active{ z-index:114; position:absolute; top:84px; left:0; width:167px; height:0; background:transparent url(../layout/images/0-8.png); background:rgba(0,0,0,.8); box-shadow:inset 0 0 4px #000; -webkit-box-shadow:inset 0 0 4px #000; -moz-box-shadow:inset 0 0 4px #000; -o-box-shadow:inset 0 0 4px #000; -khtml-box-shadow:inset 0 0 4px #000; } ul.sdt_menu li span span.sdt_link, ul.sdt_menu li span span.sdt_descr, ul.sdt_menu li div.sdt_box a{ margin-left:15px; text-transform:uppercase; text-shadow:1px 1px 1px #000; } ul.sdt_menu li span span.sdt_link{ float:left; clear:both; color:#fff; font-size:20px; } ul.sdt_menu li span span.sdt_descr{ float:left; clear:both; width:156px; color:#0b75af; font-size:10px; letter-spacing:1px; } ul.sdt_menu li div.sdt_box{ display:none; z-index:110; overflow:hidden; position:absolute; top:84px; left:0; width:167px; height:167px; background:transparent url(../layout/images/0-8.png); background:rgba(0,0,0,.8); } ul.sdt_menu li div.sdt_box a{ float:left; clear:both; color:#0b75af; line-height:25px; } ul.sdt_menu li div.sdt_box a:first-child{ margin-top:15px; } ul.sdt_menu li div.sdt_box a:hover{ color:#fff; } /* Styling for the Featured Content Slider */ #sliderContainer{ position:relative; margin:0 auto; left:30px; width:332px; height:498px; } #slider{ z-index:1; position:relative; width:332px; height:498px; margin:-20px 10px 0 -10px; border:10px solid #a00; background:#f00 url(../layout/images/0.gif) no-repeat 50% 50%; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px; -khtml-border-radius:10px; box-shadow:0 0 150px rgba(255,128,0,.5),2px 2px 10px rgba(0,0,0,.8); -webkit-box-shadow:0 0 150px rgba(255,128,0,.5),2px 2px 10px rgba(0,0,0,.8); -moz-box-shadow:0 0 150px rgba(255,128,0,.5),2px 2px 10px rgba(0,0,0,.8); -o-box-shadow:0 0 150px rgba(255,128,0,.5),2px 2px 10px rgba(0,0,0,.8); -khtml-box-shadow:0 0 150px rgba(255,128,0,.5),2px 2px 10px rgba(0,0,0,.8); } /* This is the containment Classes for HTML Content */ .sliderContent{ position:relative; width:332px; height:498px; background:#fff; color:#000; } .sliderContent h3{ /* Angled Header Banner, Sits above the

*/ position:absolute; background:#aaa; width:350px; top:75px; left:-95px; font-size:18px; font-weight:700; text-align:center; text-shadow:2px 2px 6px #000; color:#fff; white-space:no-wrap; transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -o-transform:rotate(-45deg); -khtml-transform:rotate(-45deg); } .sliderContent h2{ /* Angled name banner */ position:absolute; background:#aaa; width:350px; top:95px; left:-85px; font-size:16px; font-weight:700; text-align:center; text-shadow:2px 2px 6px #000; color:#fff; white-space:no-wrap; transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -o-transform:rotate(-45deg); -khtml-transform:rotate(-45deg); box-shadow:4px 4px 8px #222; -moz-box-shadow:4px 4px 8px #222; -webkit-box-shadow:2px 2px 8px #222; -o-box-shadow:4px 4px 8px #222; -khtml-box-shadow:4px 4px 8px #222; } img.slides{ width:332px; height:498px; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; -o-border-radius:0; -khtml-border-radius:0; box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none; -o-box-shadow:none; -khtml-box-shadow:none; } .sliderContent img{ width:332px; height:498px; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; -o-border-radius:0; -khtml-border-radius:0; box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none; -o-box-shadow:none; -khtml-box-shadow:none; } .sliderContent .back{ position:absolute; top:0; right:0; width:400px; height:300px; padding:10px 40px 10px 15px; background:transparent url(../image/0-2.png); background:rgba(0,0,0,0.5) none; } .sliderContent .da{ position:absolute; top:10px; right:50px; width:335px; height:155px; text-align:justify; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; } .sliderContent .seen{ position:absolute; top:165px; right:0; width:400px; font-size:20px; text-align:center; text-shadow:0 0 10px #ff0,1px 1px 3px #000; } .sliderContent .prices{ position:absolute; top:190px; right:20px; text-align:right; color:#fff; text-shadow:0 0 10px #f40,2px 2px 6px #000; } .sliderContent .prices .prst{ font-size:60px; } .sliderContent .prices .prstsp{ font-size:50px; } .sliderContent .prices .prstspst{ font-size:60px; color:#f00; text-decoration:line-through; } .sliderContent .prices .prsp{ font-size:60px; } .sliderContent .prices .prwh{ font-size:35px; } .sliderContent form{ position:absolute; right:10px; bottom:0; height:32px; text-align:right; } /* Styles for the Standard Slider Images */ #slider .img{ position:absolute; top:0; left:0; width:332px; height:300px; } /* Navigation Controls that sit above everything else */ .sliderPrev{ background:url(../images/left.png) no-repeat center center; width:35px; height:50px; display:block; position:absolute; top:50%; left:0; text-decoration:none; } .sliderNext{ background:url(../images/right.png) no-repeat center center; width:35px; height:50px; display:block; position:absolute; top:50%; right:0; text-decoration:none; } .sliderDescription{ font-family:Verdana; font-size:10px; text-align:left; padding:5px; } #sliderNavigation{ margin:10px 0 0 0; height:10px; text-align:right; background:transparent; } #sliderNavigation a:link, #sliderNavigation a:active, #sliderNavigation a:visited, #sliderNavigation a:hover{ margin:0 2px; background:url(../layout/images/nav.png) no-repeat center center; font-size:0; line-height:0; padding:5px; text-decoration:none; } #sliderNavigation a.active:link, #sliderNavigation a.active:active, #sliderNavigation a.active:visited, #sliderNavigation a.active:hover{ background: url(../layout/images/nav_active.png) no-repeat center center; } /* Main Content Wrapper */ #wrapper{ width:1000px; margin:0 auto; } /* Floated Content, We're using Floats for content and side menu positionint as display:table-cell, isn't fully support by all Browsers yet. */ .sidemenu{ position:relative; float:left; width:170px; height:560px; background:transparent url(../layout/images/left.png) no-repeat top center; } .sidemenu div{ } .sidemenu h2.twister{ position:absolute; background:transparent; white-space:nowrap; z-index:0; overflow:none; position:absolute; width:400px; top:260px; left:-140px; margin:0; padding:0; font-size:4em; font-family:GlamourScript,'Comic Sans MS',cursive; text-shadow:-2px 6px 10px #000; text-align:right; border:0; box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none; -o-box-shadow:none; -khtml-box-shadow:none; filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); transform:rotate(-90deg); -webkit-transform:rotate(-90deg); -moz-transform:rotate(-90deg); -o-transform:rotate(-90deg); -khtml-transform:rotate(-90deg); } /* Styling for content inside sidemenu area */ .sidemenu #cart{ margin:0 10px; } .sidemenu section{ position:relative; font-size:12x; } .sideevent{ width:278px; height:290px; background:#000; color:#ffd788; font-family:Arial,sans-serif; border:1px solid #000; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; -khtml-border-radius:5px; } .sideevent header{ padding:10px 10px 5px 10px; background:#000; width:258px; height:40px; font-family:Arial,sans-serif; font-size:18px; font-weight:700; text-align:left; box-shadow:0; -webkit-box-shadow:0; -moz-box-shadow:0; -o-box-shadow:0; -khtml-box-shadow:0; text-shadow:0; } .sideevent header img{ max-width:35px; max-height:35px; vertical-align:middle; margin:0 10px 0 0; float:left; box-shadow:0; -webkit-box-shadow:0; -moz-box-shadow:0; -o-box-shadow:0; -khtml-box-shadow:0; } .sideevent header span{ font-family:Arial,sans-serif; font-size:14px; font-weight:400; text-shadow:0; } .sideevent article{ background:#222; font-family:Arial,sans-serif; text-align:left; height:80px; padding:5px; font-size:12px; margin:0 0 1px 0; border-bottom:1px solid #000; padding:5px 10px; overflow:hidden; } .sideevent article time{ font-family:Arial,sans-serif; font-size:11px; text-align:right; } .sideevent article figure{ margin:5px 5px 0 0; background:transparent; float:left; } .sideevent article figure img{ max-width:75px; max-height:75px; float:left; border:0; border-radius:0; -khtml-border-radius:0; -moz-border-radius:0; -o-border-radius:0; -khtml-border-radius:0; box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none; -o-box-shadow:none; -khtml-box-shadow:none; } .sideevent article p{ width:170px; float:right; text-align:left; vertical-align:top; font-family:arial,sans-serif; font-size:12px; color:#ffd788; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; } .sideevent footer.event{ background:#000; width:265px; height:50px; margin:0; padding:0 5px 0 5px; font-size:14px; font-weight:400; text-align:right; line-height:50px; border-radius:none; -webkit-border-radius:none; -moz-border-radius:none; -o-border-radius:none; -khtml-border-radius:none; box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none; -o-box-shadow:none; -khtml-box-shadow:none; } .sideevent footer.event img{ margin:10px 0 0 20px; width:30px; height:30px; float:left; } .sidemenu h2{ clear:both; height:24px; margin:5px 0 10px 0; padding:0 5px 0 5px; background:#aaa; font-size:14px; font-weight:bold; text-shadow:1px 1px 3px #666; line-height:26px; border:2px solid #000; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px; -khtml-border-radius:10px; box-shadow:1px 1px 6px #000,inset 1px 1px 2px #666; -webkit-box-shadow:1px 1px 6px #000,inset 1px 1px 2px #666; -moz-box-shadow:1px 1px 6px #000,inset 1px 1px 2px #666; -o-box-shadow:1px 1px 6px #000,inset 1px 1px 2px #666; -khtml-box-shadow:1px 1px 6px #000,inset 1px 1px 2px #666; } .sidemenu nav{ margin:0 10px 5px 10px; } .sidemenu article{ margin:0 10px 10px 10px; } .sidemenu article time{ font-size:10px; float:right; } .sidemenu article h3{ clear:both; font-size:14px; } .sidemenu article img{ max-width:75px; max-height:75px; margin:10px 10px 10px 0; float:left; border-radius:8px; -webkit-border-radius:8px; -moz-border-radius:8px; -o-border-radius:8px; -khtml-border-radius:8px; box-shadow:1px 1px 3px #000; -webkit-box-shadow:1px 1px 3px #000; -moz-box-shadow:1px 1px 3px #000; -o-box-shadow:1px 1px 3px #000; -khtml-box-shadow:1px 1px 3px #000; } .sidemenu article p{ font-size:10px; margin:10px 0 0 0; } .sidemenu hr{ clear:both; color:#ccc; } .sidemenu article figure{ position:relative; width:90px; height:90px; float:left; margin:0 0 5px 0; } .sidemenu article figure img{ height:75px; width:75px; margin:5px; border:3px solid #fff; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; -khtml-border-radius:3px; box-shadow:1px 1px 3px #000; -webkit-box-shadow:1px 1px 3px #000; -moz-box-shadow:1px 1px 3px #000; -o-box-shadow:1px 1px 3px #000; -khtml-box-shadow:1px 1px 3px #000; } .sidemenu footer{ clear:both; width:200px; height:10px; margin:0 10px 0 10px; background:none; text-align:right; border:0; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; -o-border-radius:0; -khtml-border-radius:0; box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none; -o-box-shadow:none; -khtml-box-shadow:none; } /* Search, this is a styled form, parent is the nav tag */ #search{ /* This is the ID on the
itself */ } #search button{ } /* Products and Services Styles within the sidemenu */ ul.popproducts{ list-style:none; color:#000; } ul.popproducts a{ color:#000; text-decoration:none; } ul.popproducts a:hover{ color:#fa0; text-decoration:none; } ul.popproducts li{ position:relative; float:left; width:85px; height:85px; margin:5px; background:#fff; box-shadow:2px 2px 10px #000; -webkit-box-shadow:2px 2px 10px #000; -moz-box-shadow:2px 2px 10px #000; -o-box-shadow:2px 2px 10px #000; -khtml-box-shadow:2px 2px 10px #000; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; -khtml-border-radius:3px; overflow:hidden; z-index:10; } ul.popproducts li:hover{ box-shadow:0 0 10px #fa0,2px 2px 10px #000; -webkit-box-shadow:0 0 10px #fa0,2px 2px 10px #000; -moz-box-shadow:0 0 10px #fa0,2px 2px 10px #000; -o-box-shadow:0 0 10px #fa0,2px 2px 10px #000; -khtml-box-shadow:0 0 10px #fa0,2px 2px 10px #000; } ul.popproducts li img{ position:absolute; top:5px; left:5px; width:75px; height:75px; } /* Main Content Area */ .content{ position:relative; float:left; width:820px; margin:40px 0 20px -20px; text-align:justify; } .content h2{ } .content article{ margin:0; } .content article form.dispoptions{ font-size:14px; text-align:right; } .content article .paginate{ clear:both; text-align:right; } .content time{ float:right; font-size:12px; } .content ul{ clear:both; list-style:none; } .content li{ float:left; } .content .event figure img{ float:left; max-width:200px; max-height:200px; margin:0 20px 15px 0; border:0 none none; box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none; -o-box-shadow:none; -khtml-box-shadow:none; } .content .news figure img{ float:left; max-width:200px; max-height:200px; margin:0 20px 15px 0; border:0 none none; box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none; -o-box-shadow:none; -khtml-box-shadow:none; } .content .links figure{ margin:0 0 20px 0; text-align:center; } .content .links figure img{ margin:0 auto; border:0 none none; box-shadow:0 0 50px rgba(255,128,0,.3),2px 2px 10px #000; -webkit-box-shadow:0 0 50px rgba(255,128,0,.3),2px 2px 10px #000; -moz-box-shadow:0 0 50px rgba(255,128,0,.3),2px 2px 10px #000; -o-box-shadow:0 0 50px rgba(255,128,0,.3),2px 2px 10px #000; -khtml-box-shadow:0 0 50px rgba(255,128,0,.3),2px 2px 10px #000; } .content .links figure img:hover{ box-shadow:0 0 50px rgba(255,128,0,.5),2px 2px 10px #000; -webkit-box-shadow:0 0 50px rgba(255,128,0,.5),2px 2px 10px #000; -moz-box-shadow:0 0 50px rgba(255,128,0,.5),2px 2px 10px #000; -o-box-shadow:0 0 50px rgba(255,128,0,.5),2px 2px 10px #000; -khtml-box-shadow:0 0 50px rgba(255,128,0,.5),2px 2px 10px #000; } .content h3{ position:relative; margin:20px 0 5px -20px; } .content aside{ float:right; width:200px; margin:10px -20px 0 10px; font-size:12px; text-align:right; } .content aside h3{ text-align:center; } .content aside div{ width:180px; margin:0 10px 0 10px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis-word; -o-text-overflow:ellipsis-word; } .content .links{ clear:both; } .content .left{ float:left; width:300px; margin:40px 40px 50px -30px; text-align:center; } .content .backgroundroy{ display:block; width:300px; height:449px; background:transparent url(../layout/images/roy.jpg) no-repeat 0 0; border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px; -o-border-radius:20px; -khtml-border-radius:20px; box-shadow:0 0 100px rgba(255,128,0,.5),2px 2px 10px rgba(0,0,0,.8); -webkit-box-shadow:0 0 100px rgba(255,128,0,.5),2px 2px 10px rgba(0,0,0,.8); -moz-box-shadow:0 0 100px rgba(255,128,0,.5),2px 2px 10px rgba(0,0,0,.8); -o-box-shadow:0 0 100px rgba(255,128,0,.5),2px 2px 10px rgba(0,0,0,.8); -khtml-box-shadow:0 0 100px rgba(255,128,0,.5),2px 2px 10px rgba(0,0,0,.8); } .content .backgroundclients{ float:right; display:block; margin:20px 60px 50px 30px; width:400px; height:600px; background:transparent url(../layout/images/clients.jpg) no-repeat 0 0; border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px; -o-border-radius:20px; -khtml-border-radius:20px; box-shadow:0 0 100px rgba(255,128,0,.5),2px 2px 10px rgba(0,0,0,.8); -webkit-box-shadow:0 0 100px rgba(255,128,0,.5),2px 2px 10px rgba(0,0,0,.8); -moz-box-shadow:0 0 100px rgba(255,128,0,.5),2px 2px 10px rgba(0,0,0,.8); -o-box-shadow:0 0 100px rgba(255,128,0,.5),2px 2px 10px rgba(0,0,0,.8); -khtml-box-shadow:0 0 100px rgba(255,128,0,.5),2px 2px 10px rgba(0,0,0,.8); } .content .map{ float:right; display:block; margin:-20px 60px 50px 30px; width:400px; height:335px; background:transparent url(../layout/images/map.jpg) no-repeat 0 0; border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px; -o-border-radius:20px; -khtml-border-radius:20px; box-shadow:0 0 100px rgba(255,128,0,.5),2px 2px 10px rgba(0,0,0,.8); -webkit-box-shadow:0 0 100px rgba(255,128,0,.5),2px 2px 10px rgba(0,0,0,.8); -moz-box-shadow:0 0 100px rgba(255,128,0,.5),2px 2px 10px rgba(0,0,0,.8); -o-box-shadow:0 0 100px rgba(255,128,0,.5),2px 2px 10px rgba(0,0,0,.8); -khtml-box-shadow:0 0 100px rgba(255,128,0,.5),2px 2px 10px rgba(0,0,0,.8); } .content .equipmentarea{ float:left; width:400px; margin-top:20px; margin-left:-30px; margin-bottom:100px; } .content .equipmentarea ul.thumb{ list-style:none; } .content .equipmentarea ul.thumb li{ margin:5px; padding:10px; float:left; position:relative; width:100px; height:100px; } .content .equipmentarea ul.thumb li img{ z-index:2; width:100px; height:100px; border:5px solid #fff; padding:0; background:#fff; position:absolute; left:0; top:0; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; -o-border-radius:2px; -khtml-border-radius:2px; box-shadow:0 0 20px rgba(255,128,0,.5),1px 1px 5px #000; -webkit-box-shadow:0 0 20px rgba(255,128,0,.5),1px 1px 5px #000; -moz-box-shadow:0 0 20px rgba(255,128,0,.5),1px 1px 5px #000; -o-box-shadow:0 0 20px rgba(255,128,0,.5),1px 1px 5px #000; -khtml-box-shadow:0 0 20px rgba(255,128,0,.5),1px 1px 5px #000; } .content .equipmentarea ul.thumb li img.hover{ z-index:10; width:100px; height:100px; -ms-interpolation-mode: bicubic; border:5px solid #fff; padding:0; background:#fff; position:absolute; left:0; top:0; } .content .equipmentarea .col{ z-index:1; position:relative; margin:300px 0 0 -20px; transform:scale(1) rotate(-3deg); -webkit-transform:scale(1) rotate(-3deg); -moz-transform:scale(1) rotate(-3deg); -o-transform:scale(1) rotate(-3deg); -khtml-transform:scale(1) rotate(-3deg); } .content .equipmentarea .col img{ z-index:2; border:5px solid #fff; border-bottom:25px solid #fff; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; -khtml-border-radius:5px; box-shadow:0 0 100px rgba(255,128,0,.3),2px 2px 10px #000; -webit-box-shadow:0 0 100px rgba(255,128,0,.3),2px 2px 10px #000; -moz-box-shadow:0 0 100px rgba(255,128,0,.3),2px 2px 10px #000; -o-box-shadow:0 0 100px rgba(255,128,0,.3),2px 2px 10px #000; -khtml-box-shadow:0 0 100px rgba(255,128,0,.3),2px 2px 10px #000; } .content .equipmentarea .col div{ position:absolute; bottom:0; width:400px; color:#000; font-family:GlamourScript,'Comic Sans MS',cursive; font-size:1.3em; text-align:center; } .content .testimonials{ clear:both; min-height:280px; margin:0 0 20px 0; } .content img.big{ float:left; width:150px; height:225px; margin:0 20px; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px; -khtml-border-radius:10px; box-shadow:0 0 50px rgba(255,128,0,.5),2px 2px 10px rgba(0,0,0,.8); -webkit-box-shadow:0 0 50px rgba(255,128,0,.5),2px 2px 10px rgba(0,0,0,.8); -moz-box-shadow:0 0 50px rgba(255,128,0,.5),2px 2px 10px rgba(0,0,0,.8); -o-box-shadow:0 0 50px rgba(255,128,0,.5),2px 2px 10px rgba(0,0,0,.8); -khtml-box-shadow:0 0 50px rgba(255,128,0,.5),2px 2px 10px rgba(0,0,0,.8); } .content .blogs{ clear:both; margin:10px 0 0 0; height:196px; overflow:hidden; } .content .blogs h3{ margin-left:10px; } .content .blogs img{ float:left; max-width:100px; margin:0 10px 20px 0; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; -khtml-border-radius:5px; box-shadow:0 0 10px rgba(255,128,0,.5),2px 2px 6px rgba(0,0,0,.8); -webkit-box-shadow:0 0 10px rgba(255,128,0,.5),2px 2px 6px rgba(0,0,0,.8); -moz-box-shadow:0 0 10px rgba(255,128,0,.5),2px 2px 6px rgba(0,0,0,.8); -o-box-shadow:0 0 10px rgba(255,128,0,.5),2px 2px 6px rgba(0,0,0,.8); -khtml-box-shadow:0 0 10px rgba(255,128,0,.5),2px 2px 6px rgba(0,0,0,.8); } .content .blog{ position:relative; margin:0 0 10px 0; } .content .blog img{ float:left; margin:10px 20px 10px -15px; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px; -khtml-border-radius:10px; box-shadow:0 0 50px rgba(255,128,0,.5),2px 2px 10px rgba(0,0,0,.8); -webkit-box-shadow:0 0 50px rgba(255,128,0,.5),2px 2px 10px rgba(0,0,0,.8); -moz-box-shadow:0 0 50px rgba(255,128,0,.5),2px 2px 10px rgba(0,0,0,.8); -o-box-shadow:0 0 50px rgba(255,128,0,.5),2px 2px 10px rgba(0,0,0,.8); -khtml-box-shadow:0 0 50px rgba(255,128,0,.5),2px 2px 10px rgba(0,0,0,.8); } .content .blog aside{ margin:5px -15px 10px 20px; padding:0 5px 10px 10px; background:rgba(0,0,0,.3); border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px; -khtml-border-radius:10px; box-shadow:2px 2px 6px #000; -webkit-box-shadow:2px 2px 6px #000; -moz-box-shadow:2px 2px 6px #000; -o-box-shadow:2px 2px 6px #000; -khtml-box-shadow:2px 2px 6px #000; } .content .blog aside div{ line-height:1.5em; } .content .blog .lcomments{ position:relative; top:0; left:0; } .content .blog .comments{ position:relative; top:0; left:0; } .content .serviceimgs{ float:left; display:block; margin:20px 40px 0 20px; width:150px; height:225px; background-color:transparent; background-repeat:no-repeat; background-position:0 0; border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px; -o-border-radius:20px; -khtml-border-radius:20px; box-shadow:0 0 100px rgba(255,128,0,.5),2px 2px 10px rgba(0,0,0,.8); -webkit-box-shadow:0 0 100px rgba(255,128,0,.5),2px 2px 10px rgba(0,0,0,.8); -moz-box-shadow:0 0 100px rgba(255,128,0,.5),2px 2px 10px rgba(0,0,0,.8); -o-box-shadow:0 0 100px rgba(255,128,0,.5),2px 2px 10px rgba(0,0,0,.8); -khtml-box-shadow:0 0 100px rgba(255,128,0,.5),2px 2px 10px rgba(0,0,0,.8); } .content #bookings{ } .content #contactus{ width:500px; margin:0 auto; } .content #forgotpass{ width:550px; margin:0 auto; } .content .sections{ clear:both; width:950px; list-style:none; } .content .sections.w2{ margin:0 150px; } .content .sections.w5{ margin-left:-50px; } .content .sections li{ float:left; width:180px; height:250px; } .content .sections li h1{ margin:10px 0 20px 0; text-align:center; font-family:GlamourScript,'Comic Sans MS',cursive; font-size:1.3em; white-space:nowrap; } .content .sections li a span{ display:block; width:150px; height:225px; margin:0 auto; border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px; -o-border-radius:20px; -khtml-border-radius:20px; box-shadow:0 0 50px rgba(255,128,0,.5),2px 2px 10px rgba(0,0,0,.8); -webkit-box-shadow:0 0 50px rgba(255,128,0,.5),2px 2px 10px rgba(0,0,0,.8); -moz-box-shadow:0 0 50px rgba(255,128,0,.5),2px 2px 10px rgba(0,0,0,.8); -o-box-shadow:0 0 50px rgba(255,128,0,.5),2px 2px 10px rgba(0,0,0,.8); -khtml-box-shadow:0 0 50px rgba(255,128,0,.5),2px 2px 10px rgba(0,0,0,.8); } /* Content Styles for splitting content area into two columns */ .content .block{ position:relative; width:350px; margin:0 20px 0 2px; float:left; } .content .block label{ clear:both; font-size:1.4em; padding:0 10px 0 0; display:block-inline; margin:5px 5px 5px 0; float:left; text-align:right; } .content .block select{ float:right; width:170px; margin:5px 0 5px 0; } .content .block input{ float:right; width:250px; margin:5px 0 5px 0; } .content .block textarea{ float:right; width:245px; height:75px; margin:5px 0 5px 0; } .content .block img{ float:right; } .content .block button{ float:right; } .content a.search{ font-size:18px; font-weight:700; text-decoration:underline; } .content a.search:hover{ text-decoration:underline; } .content .searchtxt{ font-size:12px; color:#000; } .content .searchurl{ font-size:14px; color:#228; text-decoration:none; } .content .searchviews{ font-size:14px; color:#000; padding:0 5px 0 5px; } #pcajax{ position:absolute; display:none; top:147px; right:5px; width:200px; margin:0 -5px 0 0; background:#fff; border:2px solid #aaa; border-left-color:#888; border-top:0; z-index:1000; } #pcajax div{ width:200px; float:left; color:#000; font-size:12px; text-align:center; cursor:pointer; } #pcajax div:hover{ color:#f40; } .content .links{ } #contactus{ } ul.products{ list-style:none; color:#000; } ul.products a{ color:#000; text-decoration:none; } ul.products a:hover{ color:#fa0; text-decoration:none; } ul.products li{ position:relative; float:left; margin:5px; background:#fff; overflow:hidden; z-index:10; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px; -khtml-border-radius:10px; box-shadow:2px 2px 10px #000; -webkit-box-shadow:2px 2px 10px #000; -moz-box-shadow:2px 2px 10px #000; -o-box-shadow:2px 2px 10px #000; -khtml-box-shadow:2px 2px 10px #000; } ul.products li:hover{ box-shadow:0 0 10px #fa0,2px 2px 10px #000; -webkit-box-shadow:0 0 10px #fa0,2px 2px 10px #000; -moz-box-shadow:0 0 10px #fa0,2px 2px 10px #000; -o-box-shadow:0 0 10px #fa0,2px 2px 10px #000; -khtml-box-shadow:0 0 10px #fa0,2px 2px 10px #000; } ul.products li img{ position:absolute; } ul.products li .title,ul.products li .seen{ position:absolute; font-size:18px; line-height:1.5em; text-overflow:elipsis; text-align:center; } ul.products li .addcart{ position:absolute; margin:0; } ul.products li .addbooking{ position:absolute; margin:0; } ul.products li.s0{ width:700px; height:32px; } ul.products li.s0 img{ left:0; top:2px; width:25px; height:25px; margin:2px 2px 2px 10px; background-repeat:no-repeat; background-position:50% 50%; } ul.products li.s0 .title{ width:450px; top:2px; left:75px; } ul.products li.s0 .seen{ display:none; } ul.products li.s0 .title a{ font-size:18px; color:#000; } ul.products li.s0 .da{ display:none; } ul.products li.s0 .addcart{ top:3px; right:5px; } ul.products li.s0 .addbooking{ top:3px; right:5px; } ul.products li.s0 .prices{ position:absolute; right:125px; top:2px; margin:5px; text-shadow:none; } ul.products li.s0 .prst{ font-size:18px; } ul.products li.s0 .prstsp{ font-size:16px; } ul.products li.s0 .prstspst{ color:#f00; text-decoration:line-through; } ul.products li.s0 .prsp{ font-size:20px; } ul.products li.s0 .prwh{ font-size:18px; } ul.products li.s0 .prrrp{ font-size:14px; } ul.products li.s0 .spec{ position:absolute; background:#0b0; width:140px; top:8px; left:10px; font-size:14px; font-weight:400; color:#fff; text-align:center; box-shadow:1px 1px 6px #000; -webkit-box-shadow:1px 1px 6px #000; -moz-box-shadow:1px 1px 6px #000; -o-box-shadow:1px 1px 6px #000; -khtml-box-shadow:1px 1px 6px #000; transform:rotate(20deg); -webkit-transform:rotate(20deg); -moz-transform:rotate(20deg); -o-transform:rotate(20deg); -khtml-transform:rotate(20deg); } ul.products li.s0 div.new{ position:absolute; background:#f8f; width:140px; top:8px; left:10px; font-size:14px; font-weight:400; color:#fff; text-align:center; text-shadow:1px 1px 2px #000; box-shadow:1px 1px 6px #000; -webkit-box-shadow:1px 1px 6px #000; -moz-box-shadow:1px 1px 6px #000; -o-box-shadow:1px 1px 6px #000; -khtml-box-shadow:1px 1px 6px #000; transform:rotate(20deg); -webkit-transform:rotate(20deg); -moz-transform:rotate(20deg); -o-transform:rotate(20deg); -khtml-transform:rotate(20deg); } ul.products li.s0 div.hot{ position:absolute; background:#f80; width:140px; top:8px; left:10px; font-size:14px; font-weight:400; color:#fff; text-align:center; text-shadow:1px 1px 2px #000; box-shadow:1px 1px 6px #000; -webkit-box-shadow:1px 1px 6px #000; -moz-box-shadow:1px 1px 6px #000; -o-box-shadow:1px 1px 6px #000; -khtml-box-shadow:1px 1px 6px #000; transform:rotate(20deg); -webkit-transform:rotate(20deg); -moz-transform:rotate(20deg); -o-transform:rotate(20deg); -khtml-transform:rotate(20deg); } ul.products li.s0 div.soldout{ position:absolute; background:#f00; width:140px; top:8px; left:10px; font-size:14px; font-weight:400; color:#fff; text-align:center; text-shadow:1px 1px 2px #000; box-shadow:1px 1px 6px #000; -webkit-box-shadow:1px 1px 6px #000; -moz-box-shadow:1px 1px 6px #000; -o-box-shadow:1px 1px 6px #000; -khtml-box-shadow:1px 1px 6px #000; transform:rotate(20deg); -webkit-transform:rotate(20deg); -moz-transform:rotate(20deg); -o-transform:rotate(20deg); -khtml-transform:rotate(20deg); } ul.products li.s0 div.preorder{ position:absolute; background:#0cf; width:140px; top:8px; left:10px; font-size:14px; font-weight:400; color:#fff; text-align:center; text-shadow:1px 1px 2px #000; box-shadow:1px 1px 6px #000; -webkit-box-shadow:1px 1px 6px #000; -moz-box-shadow:1px 1px 6px #000; -o-box-shadow:1px 1px 6px #000; -khtml-box-shadow:1px 1px 6px #000; transform:rotate(20deg); -webkit-transform:rotate(20deg); -moz-transform:rotate(20deg); -o-transform:rotate(20deg); -khtml-transform:rotate(20deg); } ul.products li.s1{ width:700px; height:170px; } ul.products li.s1 img{ left:0; top:0; width:150px; height:150px; margin:10px; background-repeat:no-repeat; background-position:50% 50%; } ul.products li.s1 .title{ width:570px; top:0; right:5px; left:170px; font-size:22px; } ul.products li.s1 .seen{ bottom:10px; left:5px; width:160px; font-size:12px; color:#fa0; text-shadow:0 0 10px #fff,0 0 5px #fff,1px 1px 3px #000; } ul.products li.s1 .da{ position:absolute; left:170px; top:25px; width:410px; height:123px; padding:5px; font-size:14px; overflow:hidden; } ul.products li.s1 .addcart{ right:5px; bottom:5px; } ul.products li.s1 .addbooking{ right:5px; bottom:5px; } ul.products li.s1 .prices{ position:absolute; right:10px; top:30px; } ul.products li.s1 .prst{ font-size:24px; } ul.products li.s1 .prstsp{ font-size:20px; } ul.products li.s1 .prstspst{ font-size:24px; } ul.products li.s1 .prsp{ font-size:24px; } ul.products li.s1 .prwh{ font-size:22px; } ul.products li.s1 div.spec{ position:absolute; background:#0b0; width:165px; bottom:36px; left:-38px; font-size:18px; font-weight:700; color:#fff; text-align:center; text-shadow:1px 1px 4px #000; box-shadow:2px 2px 10px #000; -webkit-box-shadow:2px 2px 10px #000; -moz-box-shadow:2px 2px 10px #000; -o-box-shadow:2px 2px 10px #000; -khtml-box-shadow:2px 2px 10px #000; transform:rotate(45deg); -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -o-transform:rotate(45deg); -khtml-transform:rotate(45deg); } ul.products li.s1 div.new{ position:absolute; background:#f8f; width:140px; top:20px; left:-40px; font-size:18px; font-weight:700; text-align:center; text-shadow:1px 1px 4px #000; color:#fff; box-shadow:2px 2px 10px #000; -webkit-box-shadow:2px 2px 10px #000; -moz-box-shadow:2px 2px 10px #000; -o-box-shadow:2px 2px 10px #000; -khtml-box-shadow:2px 2px 10px #000; transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -o-transform:rotate(-45deg); -khtml-transform:rotate(-45deg); } ul.products li.s1 div.hot{ position:absolute; background:#f80; width:140px; top:18px; left:-36px; font-size:18px; font-weight:700; text-align:center; text-shadow:1px 1px 4px #000; color:#fff; box-shadow:2px 2px 10px #000; -webkit-box-shadow:2px 2px 10px #000; -moz-box-shadow:2px 2px 10px #000; -o-box-shadow:2px 2px 10px #000; -khtml-box-shadow:2px 2px 10px #000; transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -o-transform:rotate(-45deg); -khtml-transform:rotate(-45deg); } ul.products li.s1 div.soldout{ position:absolute; background:#f00; width:150px; top:24px; left:-40px; font-size:18px; font-weight:700; text-align:center; text-shadow:1px 1px 4px #000; color:#fff; box-shadow:2px 2px 10px #000; -webkit-box-shadow:2px 2px 10px #000; -moz-box-shadow:2px 2px 10px #000; -o-box-shadow:2px 2px 10px #000; -khtml-box-shadow:2px 2px 10px #000; transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -o-transform:rotate(-45deg); -khtml-transform:rotate(-45deg); } ul.products li.s1 div.preorder{ position:absolute; background:#0cf; width:150px; top:24px; left:-40px; font-size:18px; font-weight:700; text-align:center; text-shadow:1px 1px 4px #000; color:#fff; box-shadow:2px 2px 10px #000; -webkit-box-shadow:2px 2px 10px #000; -moz-box-shadow:2px 2px 10px #000; -o-box-shadow:2px 2px 10px #000; -khtml-box-shadow:2px 2px 10px #000; transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -o-transform:rotate(-45deg); -khtml-transform:rotate(-45deg); } ul.products li.s2{ position:relative; width:345px; height:170px; } ul.products li.s2 img{ left:0; top:0; width:150px; height:150px; margin:10px; background-repeat:no-repeat; background-position:50% 50%; } ul.products li.s2 .title{ width:180px; top:0; left:170px; font-size:16px; } ul.products li.s2 .seen{ width:160px; font-size:12px; bottom:10px; left:5px; color:#fc0; text-shadow:0 0 10px #fff,0 0 5px #fff,1px 1px 3px #000; } ul.products li.s2 .da{ position:absolute; left:170px; top:55px; width:170px; height:85px; font-size:10px; overflow:hidden; text-overflow:elipsis; } ul.products li.s2 .addcart{ right:5px; bottom:5px; } ul.products li.s2 .addbooking{ right:5px; bottom:5px; } ul.products li.s2 .prices{ position:absolute; top:20px; right:10px; } ul.products li.s2 .prst{ font-size:24px; } ul.products li.s2 .prstsp{ font-size:20px; } ul.products li.s2 .prstspst{ font-size:24px; } ul.products li.s2 .prsp{ font-size:24px; } ul.products li.s2 .prwh{ font-size:22px; } ul.products li.s2 div.spec{ position:absolute; background:#0b0; width:165px; bottom:36px; left:-38px; font-size:18px; font-weight:700; color:#fff; text-align:center; text-shadow:1px 1px 4px #000; box-shadow:2px 2px 10px #000; -webkit-box-shadow:2px 2px 10px #000; -moz-box-shadow:2px 2px 10px #000; -o-box-shadow:2px 2px 10px #000; -khtml-box-shadow:2px 2px 10px #000; transform:rotate(45deg); -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -o-transform:rotate(45deg); -khtml-transform:rotate(45deg); } ul.products li.s2 div.new{ position:absolute; background:#f8f; width:140px; top:18px; left:-36px; font-size:18px; font-weight:700; text-align:center; text-shadow:1px 1px 4px #000; color:#fff; box-shadow:2px 2px 10px #000; -webkit-box-shadow:2px 2px 10px #000; -moz-box-shadow:2px 2px 10px #000; -o-box-shadow:2px 2px 10px #000; -khtml-box-shadow:2px 2px 10px #000; transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -o-transform:rotate(-45deg); -khtml-transform:rotate(-45deg); } ul.products li.s2 div.hot{ position:absolute; background:#f80; width:140px; top:18px; left:-36px; font-size:18px; font-weight:700; text-align:center; text-shadow:1px 1px 4px #000; color:#fff; box-shadow:2px 2px 10px #000; -webkit-box-shadow:2px 2px 10px #000; -moz-box-shadow:2px 2px 10px #000; -o-box-shadow:2px 2px 10px #000; -khtml-box-shadow:2px 2px 10px #000; transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -o-transform:rotate(-45deg); -khtml-transform:rotate(-45deg); } ul.products li.s2 div.soldout{ position:absolute; background:#f00; width:140px; top:22px; left:-36px; font-size:18px; font-weight:700; text-align:center; text-shadow:1px 1px 4px #000; color:#fff; box-shadow:2px 2px 10px #000; -webkit-box-shadow:2px 2px 10px #000; -moz-box-shadow:2px 2px 10px #000; -o-box-shadow:2px 2px 10px #000; -khtml-box-shadow:2px 2px 10px #000; transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -o-transform:rotate(-45deg); -khtml-transform:rotate(-45deg); } ul.products li.s2 div.preorder{ position:absolute; background:#0cf; width:140px; top:26px; left:-32px; font-size:18px; font-weight:700; text-align:center; text-shadow:1px 1px 4px #000; color:#fff; box-shadow:2px 2px 10px #000; -webkit-box-shadow:2px 2px 10px #000; -moz-box-shadow:2px 2px 10px #000; -o-box-shadow:2px 2px 10px #000; -khtml-box-shadow:2px 2px 10px #000; transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -o-transform:rotate(-45deg); -khtml-transform:rotate(-45deg); } ul.products li.s4{ width:165px; height:240px; } ul.products li.s4 img{ left:0; top:0; height:150px; height:150px; margin:8px; background-repeat:no-repeat; background-position:50% 50%; } ul.products li.s4 .title{ width:165px; top:160px; font-size:14px; line-height:1.3em; } ul.products li.s4 .seen{ width:165px; top:135px; font-size:12px; color:#fc0; text-shadow:0 0 10px #fff,0 0 5px #fff,1px 1px 3px #000; } ul.products li.s4 .da{ display:none; } ul.products li.s4 .addcart{ left:40px; bottom:5px; } ul.products li.s4 .addbooking{ left:40px; bottom:5px; } ul.products li.s4 .prices{ position:absolute; top:175px; width:165px; text-align:center; } ul.products li.s4 .prst{ font-size:18px; } ul.products li.s4 .prstsp{ font-size:14px; } ul.products li.s4 .prstspst{ font-size:18px; } ul.products li.s4 .prsp{ font-size:18px; } ul.products li.s4 .prwh{ font-size:16px; } ul.products li.s4 div.spec{ position:absolute; background:#0b0; width:165px; top:35px; right:-35px; font-size:18px; font-weight:700; color:#fff; text-align:center; text-shadow:1px 1px 4px #000; box-shadow:2px 2px 10px #000; -webkit-box-shadow:2px 2px 10px #000; -moz-box-shadow:2px 2px 10px #000; -o-box-shadow:2px 2px 10px #000; -khtml-box-shadow:2px 2px 10px #000; transform:rotate(45deg); -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -o-transform:rotate(45deg); -khtml-transform:rotate(45deg); } ul.products li.s4 div.new{ position:absolute; background:#f8f; width:140px; top:18px; left:-36px; font-size:18px; font-weight:700; text-align:center; text-shadow:1px 1px 4px #000; color:#fff; box-shadow:2px 2px 10px #000; -webkit-box-shadow:2px 2px 10px #000; -moz-box-shadow:2px 2px 10px #000; -o-box-shadow:2px 2px 10px #000; -khtml-box-shadow:2px 2px 10px #000; transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -o-transform:rotate(-45deg); -khtml-transform:rotate(-45deg); } ul.products li.s4 div.hot{ position:absolute; background:#f80; width:140px; top:18px; left:-36px; font-size:18px; font-weight:700; text-align:center; text-shadow:1px 1px 4px #000; color:#fff; box-shadow:2px 2px 10px #000; -webkit-box-shadow:2px 2px 10px #000; -moz-box-shadow:2px 2px 10px #000; -o-box-shadow:2px 2px 10px #000; -khtml-box-shadow:2px 2px 10px #000; transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -o-transform:rotate(-45deg); -khtml-transform:rotate(-45deg); } ul.products li.s4 div.soldout{ position:absolute; background:#f00; width:140px; top:22px; left:-36px; font-size:18px; font-weight:700; text-align:center; text-shadow:1px 1px 4px #000; color:#fff; box-shadow:2px 2px 10px #000; -webkit-box-shadow:2px 2px 10px #000; -moz-box-shadow:2px 2px 10px #000; -o-box-shadow:2px 2px 10px #000; -khtml-box-shadow:2px 2px 10px #000; transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -o-transform:rotate(-45deg); -khtml-transform:rotate(-45deg); } ul.products li.s4 div.preorder{ position:absolute; background:#0cf; width:140px; top:26px; left:-32px; font-size:18px; font-weight:700; text-align:center; text-shadow:1px 1px 4px #000; color:#fff; box-shadow:2px 2px 10px #000; -webkit-box-shadow:2px 2px 10px #000; -moz-box-shadow:2px 2px 10px #000; -o-box-shadow:2px 2px 10px #000; -khtml-box-shadow:2px 2px 10px #000; transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -o-transform:rotate(-45deg); -khtml-transform:rotate(-45deg); } /* Product */ .product{ position:relative; background:#fff; width:700px; padding:0 20px 0 20px; border-radius:15px; -webkit-border-radius:15px; -moz-border-radius:15px; -o-border-radius:15px; -khtml-border-radius:15px; box-shadow:2px 2px 10px #000; -webkit-box-shadow:2px 2px 10px #000; -moz-box-shadow:2px 2px 10px #000; -o-box-shadow:2px 2px 10px #000; -khtml-box-shadow:2px 2px 10px #000; overflow:hidden; } .product h3{ font-size:22px; text-overflow:elipsis; text-align:center; text-shadow:none; } .product .rating_product{ position:relative; margin:0 0 5px 15px; } .product .addcart{ position:absolute; right:10px; font-size:12px; } .product .top{ position:absolute; top:60px; right:10px; text-align:right; } .product .bottom{ position:absolute; right:10px; bottom:20px; text-align:right; } .product figure{ float:left; width:330px; min-height:330px; border:0; margin:0 0 5px 15px; } .product figure img{ border:0; max-width:300px; max-height:300px; margin:20px 0 5px 0; float:left; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px; -khtml-border-radius:10px; box-shadow:2px 2px 4px #000; -webkit-box-shadow:2px 2px 4px #000; -moz-box-shadow:2px 2px 4px #000; -o-box-shadow:2px 2px 4px #000; -khtml-box-shadow:2px 2px 4px #000; } .product figure img.thumbs{ max-width:50px; max-height:50px; margin:5px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; -khtml-border-radius:5px; box-shadow:1px 1px 4px #000; -webkit-box-shadow:1px 1px 4px #000; -moz-box-shadow:1px 1px 4px #000; -o-box-shadow:1px 1px 4px #000; -khtml-box-shadow:1px 1px 4px #000; } .product p{ position:relative; margin:100px 20px 120px 20px; text-align:justify; text-overflow:ellipsis; -o-text-overflow:ellipsis; } .product .seen{ position:absolute; top:20px; left:120px; font-size:14px; font-weight:700; } .product .prices{ position:absolute; top:20px; left:370px; width:200px; margin:20px 5px 0 0; } .product .prices .title{ font-size:16px; } .product .prices .prst{ color:#000; font-size:24px; } .product .prices .prstsp{ color:#000; font-size:20px; } .product .prices .prrrp{ color:#000; font-size:20px; } .product .prices .prstspst{ font-size:24px; color:#f00; text-decoration:line-through; } .product .prices .prsp{ font-size:24px; } .product .prices .prwh{ font-size:22px; } .product div.spec{ position:absolute; background:#0b0; width:200px; top:40px; left:-45px; font-size:26px; font-weight:700; color:#fff; text-align:center; text-shadow:2px 2px 6px #000; box-shadow:3px 3px 10px #000; -webkit-box-shadow:3px 3px 10px #000; -moz-box-shadow:3px 3px 10px #000; -o-box-shadow:3px 3px 10px #000; -khtml-box-shadow:3px 3px 10px #000; transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -o-transform:rotate(-45deg); -khtml-transform:rotate(-45deg); } .product div.new{ position:absolute; background:#f8f; width:180px; top:30px; left:-40px; font-size:26px; font-weight:700; text-align:center; text-shadow:2px 2px 6px #000; color:#fff; box-shadow:3px 3px 10px #000; -webkit-box-shadow:3px 3px 10px #000; -moz-box-shadow:3px 3px 10px #000; -o-box-shadow:3px 3px 10px #000; -khtml-box-shadow:3px 3px 10px #000; transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -o-transform:rotate(-45deg); -khtml-transform:rotate(-45deg); } .product div.hot{ position:absolute; background:#f80; width:140px; top:25px; left:-30px; font-size:26px; font-weight:700; text-align:center; text-shadow:2px 2px 6px #000; color:#fff; box-shadow:3px 3px 10px #000; -webkit-box-shadow:3px 3px 10px #000; -moz-box-shadow:3px 3px 10px #000; -o-box-shadow:3px 3px 10px #000; -khtml-box-shadow:3px 3px 10px #000; transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -o-transform:rotate(-45deg); -khtml-transform:rotate(-45deg); } .product div.soldout{ position:absolute; background:#f00; width:180px; top:40px; left:-35px; font-size:26px; font-weight:700; text-align:center; text-shadow:2px 2px 6px #000; color:#fff; box-shadow:3px 3px 10px #000; -webkit-box-shadow:3px 3px 10px #000; -moz-box-shadow:3px 3px 10px #000; -o-box-shadow:3px 3px 10px #000; -khtml-box-shadow:3px 3px 10px #000; transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -o-transform:rotate(-45deg); -khtml-transform:rotate(-45deg); } .product div.preorder{ position:absolute; background:#0cf; width:200px; top:40px; left:-45px; font-size:26px; font-weight:700; text-align:center; text-shadow:2px 2px 6px #000; color:#fff; box-shadow:3px 3px 10px #000; -webkit-box-shadow:3px 3px 10px #000; -moz-box-shadow:3px 3px 10px #000; -o-box-shadow:3px 3px 10px #000; -khtml-box-shadow:3px 3px 10px #000; transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -o-transform:rotate(-45deg); -khtml-transform:rotate(-45deg); } /* Gallery Styling */ #galmenu{ margin:-40px 0 20px 0; width:825px; height:42px; line-height:42px; -webkit-border-bottom-right-radius: 15px; -webkit-border-bottom-left-radius: 15px; -moz-border-radius-bottomright: 15px; -moz-border-radius-bottomleft: 15px; border-bottom-right-radius: 15px; border-bottom-left-radius: 15px; background:transparent url(../layout/images/0-4.png); background:transparent url(../layout/images/menubg.png) repeat-x top center; background:transparent gradient(linear,left top,right bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,.8))); background:transparent -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,.8))); background:transparent -webkit-linear-gradient(rgba(0,0,0,.5),rgba(0,0,0,.8)); background:transparent -moz-linear-gradient(rgba(0,0,0,.5),rgba(0,0,0,.8)); background:transparent -o-linear-gradient(rgba(0,0,0,.5),rgba(0,0,0,.8)); background:transparent -khtml-linear-gradient(rgba(0,0,0,.5),rgba(0,0,0,.8)); overflow:hidden; } #galmenu span{ display:inline-block; width:110px; text-align:center; } #galmenu a.cat{ clear:both; color:#0b75af; font-size:12px; line-height:8px; text-decoration:none; text-transform:uppercase; } #galmenu a.cat:hover{ color:#fff; } #galleryContainer{ position:relative; width:830px; min-height:800px; margin:20px 0 0 0; padding:0; overflow:hidden; background:transparent url(../layout/images/0-4.png); background:rgba(0,0,0,.5); border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px; -o-border-radius:20px; -khtml-border-radius:20px; box-shadow:0 0 30px #f40,6px 6px 10px #000; -webkit-box-shadow:0 0 30px #f40,6px 6px 10px #000; -moz-box-shadow:0 0 30px #f40,6px 6px 10px #000; -o-box-shadow:0 0 30px #f40,6px 6px 10px #000; -khtml-box-shadow:0 0 30px #f40,6px 6px 10px #000; } #galleryContainer .thumbs img{ opacity:0.5; -webkit-opacity:0.5; -moz-opacity:0.5; -o-opacity:0.5; -khtml-opacity:0.5; } #galleryContainer .thumbs img:hover{ opacity:1; -webkit-opacity:1; -moz-opacity:1; -o-opacity:1; -khtml-opacity:1; } /* Gallery Counter Styling */ #galleryContainer .counter{ position:absolute; top:20px; right:20px; color:#fff; font-size:11px; line-height:1em; } /* Styling for the Gallery Description and Controls */ #galleryContainer .description{ position:absolute; top:20px; left:20px; width:300px; padding:15px; font-size:11px; display:block; color:#fff; font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; background:transparent url(../images/0-5.png); background:rgba(0,0,0,0.2); border-radius:15px; -webkit-border-radius:15px; -moz-border-radius:15px; -o-border-radius:15px; -khtml-border-radius:15px; box-shadow:1px 1px 4px #000; -webkit-box-shadow:1px 1px 4px #000; -moz-box-shadow:1px 1px 4px #000; -o-box-shadow:1px 1px 4px #000; -khtml-box-shadow:1px 1px 4px #000; display:block; z-index:200; } /* Positioning for Ratings Star bar in the Gallery */ #galleryContainer .rating_gallery{ position:absolute; top:570px; right:20px; color:#fff; } /* Gallery Image Views */ #galleryContainer .views{ position:absolute; top:570px; left:20px; color:#fff; font-size:11px; line-height:1.7em; } /* Gallery Comments Link */ #galleryContainer .commentl{ position:absolute; top:615px; left:20px; } /* Gallery Comments Box */ #galleryContainer .comments{ margin:-70px auto 20px auto; width:500px; min-height:100px; padding:5px; color:#fff; background:transparent url(../images/0-2.png); background:rgba(0,0,0,0.2); border-radius:15px; -webkit-border-radius:15px; -moz-border-radius:15px; -o-border-radius:15px; -khtml-border-radius:15px; box-shadow:1px 1px 4px #000; -webkit-box-shadow:1px 1px 4px #000; -moz-box-shadow:1px 1px 4px #000; -o-box-shadow:1px 1px 4px #000; -khtml-box-shadow:1px 1px 4px #000; } /* Gallery Associated Product */ #galleryContainer .purchase{ position:absolute; top:180px; right:20px; width:200px; padding:5px; background:transparent url(images/0-2.png); background:rgba(0,0,0,0.2) none; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px; -khtml-border-radius:10px; box-shadow:1px 1px 4px #000; -webkit-box-shadow:1px 1px 4px #000; -moz-box-shadow:1px 1px 4px #000; -o-box-shadow:1px 1px 4px #000; -khtml-box-shadow:1px 1px 4px #000; overflow:hidden; } #galleryContainer .purchase h4{ width:200px; background:none; font-size:16px; font-weight:700; text-align:right; } #galleryContainer .purchase .prices{ text-align:right; } #galleryContainer .purchase .prices .title{ font-size:16px; } #galleryContainer .purchase .prices .prst{ color:#000; font-size:24px; } #galleryContainer .purchase .prices .prstsp{ color:#000; font-size:20px; } #galleryContainer .purchase .prices .prrrp{ color:#000; font-size:20px; } #galleryContainer .purchase .prices .prstspst{ font-size:24px; color:#f00; text-decoration:line-through; } #galleryContainer .purchase .prices .prsp{ font-size:24px; } #galleryContainer .purchase .prices .prwh{ font-size:22px; } #galleryContainer .purchase div.spec{ position:absolute; background:#0b0; width:200px; top:25px; left:-65px; font-size:14px; font-weight:400; color:#fff; opacity:0.7; -webkit-opacity:0.7; -o-opacity:0.5; -moz-opacity:0.5; -khtml-opacity:0.7; text-align:center; text-shadow:2px 2px 6px #000; box-shadow:3px 3px 10px #000; -webkit-box-shadow:3px 3px 10px #000; -moz-box-shadow:3px 3px 10px #000; -o-box-shadow:3px 3px 10px #000; -khtml-box-shadow:3px 3px 10px #000; transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -o-transform:rotate(-45deg); -khtml-transform:rotate(-45deg); } #galleryContainer .purchase div.new{ position:absolute; background:#f8f; width:200px; top:25px; left:-65px; font-size:14px; font-weight:400; text-align:center; text-shadow:2px 2px 6px #000; color:#fff; opacity:0.7; -webkit-opacity:0.7; -o-opacity:0.5; -moz-opacity:0.5; -khtml-opacity:0.7; box-shadow:3px 3px 10px #000; -webkit-box-shadow:3px 3px 10px #000; -moz-box-shadow:3px 3px 10px #000; -o-box-shadow:3px 3px 10px #000; -khtml-box-shadow:3px 3px 10px #000; transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -o-transform:rotate(-45deg); -khtml-transform:rotate(-45deg); } #galleryContainer .purchase div.hot{ position:absolute; background:#f80; width:200px; top:25px; left:-65px; font-size:14px; font-weight:400; text-align:center; text-shadow:2px 2px 6px #000; color:#fff; opacity:0.7; -webkit-opacity:0.7; -moz-opacity:0.7; -o-opacity:0.7; -khtml-opacity:0.7; box-shadow:3px 3px 10px #000; -webkit-box-shadow:3px 3px 10px #000; -moz-box-shadow:3px 3px 10px #000; -o-box-shadow:3px 3px 10px #000; -khtml-box-shadow:3px 3px 10px #000; transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -o-transform:rotate(-45deg); -khtml-transform:rotate(-45deg); } #galleryContainer .purchase div.soldout{ position:absolute; background:#f00; width:200px; top:25px; left:-65px; font-size:14px; font-weight:400; text-align:center; text-shadow:2px 2px 6px #000; color:#fff; opacity:0.7; -webkit-opacity:0.7; -o-opacity:0.7; -moz-opacity:0.7; -khtml-opacity:0.7; box-shadow:3px 3px 10px #000; -webkit-box-shadow:3px 3px 10px #000; -moz-box-shadow:3px 3px 10px #000; -o-box-shadow:3px 3px 10px #000; -khtml-box-shadow:3px 3px 10px #000; transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -o-transform:rotate(-45deg); -khtml-transform:rotate(-45deg); } #galleryContainer .purchase div.preorder{ position:absolute; background:#0cf; width:200px; top:25px; left:-65px; font-size:14px; font-weight:400; text-align:center; text-shadow:1px 1px 1px #000; color:#fff; opacity:0.7; -webkit-opacity:0.7; -o-opacity:0.7; -moz-opacity:0.7; -khtml-opacity:0.7; box-shadow:3px 3px 10px #000; -webkit-box-shadow:3px 3px 10px #000; -moz-box-shadow:3px 3px 10px #000; -o-box-shadow:3px 3px 10px #000; -khtml-box-shadow:3px 3px 10px #000; transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -o-transform:rotate(-45deg); -khtml-transform:rotate(-45deg); } #galleryContainer .purchase form.addcart{ width:200px; text-align:right; } /* Popup Comments Box, opens in FancyBox */ .commentsadd{ width:400px; padding:10px; color:#fff; font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; font-size:11px; line-height:1em; color:#fff; text-shadow:1px 1px 3px #000; } .commentsadd label{ float:left; width:50px; height:22px; font-size:1.5em; text-align:right; vertical-align:top; } .commentsadd input{ float:right; width:300px; height:16px; font-size:12px; } .commentsadd textarea{ float:right; font-size:12px; width:310px; resize:none; } .commentsadd button.comment{ font-weight:400; font-size:10px; } #galleryContainer .hide{ display:none; } #galleryContainer .show{ display:block; } #galleryContainer .descopener{ position:absolute; top:20px; left:20px; width:16px; height:16px; padding:3px; color:#fff; font-size:16px; font-family:georgia; font-weight:700; font-style:italic; text-decoration:none; cursor:pointer; display:none; text-align:center; z-index:201; } #galleryContainer .descopener:hover{ color:#f40; text-decoration:none; } #galleryContainer .description .close:hover{ color:#f40; text-decoration:none; cursor:pointer; } #galleryContainer .description .close{ position:absolute; top:0; right:0; color:#fff; font-size:12px; font-weight:700; font-family:Verdana; text-decoration:none; cursor:default; z-index:202; } #galleryContainer .description .close:hover{ color:#f40; text-decoration:none; } /* Styling for the Thumbnail Scroller */ .jThumbnailScroller{ position:relative; width:820px; height:50px; margin:10px 5px 0 5px; overflow:hidden; } .jThumbnailScroller .jTscrollerContainer{ position:absolute; } .jThumbnailScroller .jTscroller{ position:relative; width:999999px; height:50px; margin:0; left:0; top:0; display:inline-block; *display:inline; } .jThumbnailScroller .jTscrollerNextButton, .jThumbnailScroller .jTscrollerPrevButton{ display:none; } .jThumbnailScroller .jTscrollerNextButton{ display:none; } .jThumbnailScroller .jTscrollerPrevButton{ display:none; } .jThumbnailScroller .jTscrollerNextButton:hover, .jThumbnailScroller .jTscrollerPrevButton:hover{ display:none; } .jThumbnailScroller .jTscroller a{ display:inline-block; *display:inline; } .jThumbnailScroller .jTscroller a img{ line-height:50px; max-width:50px; max-height:50px; margin:0 1px 0 1px; border-radius:15px; -webkit-border-radius:15px; -moz-border-radius:15px; -o-border-radius:15px; -khtml-border-radius:15px; transition:opacity 0.3s linear; opacity:.5; -webkit-opacity:.5; -moz-opacity:.5; -o-opacity:.5; -khtml-opacity:.5; -webkit-transition:opacity 0.3s linear; -moz-transition:opacity 0.3s linear; -o-transition:opacity 0.3s linear; -khtml-transition:opacity 0.3s linear; } .jThumbnailScroller .jTscroller a img:hover{ opacity:1; -webkit-opacity:1; -moz-opacity:1; -o-opacity:1; -khtml-opacity:1; } /* Gallery view Container this is the element called to change the Gallery Images */ #galview{ position:relative; width:830px; height:650px; } /* Overall Container for the Images */ #imgcontainer{ position:relative; margin:-100px 0 0 0; display:table-cell; vertical-align:middle; width:830px; height:700px; text-align:center; } #imgcontainer a{ position:relative; } #imgcontainer a img{ position:relative; margin-top:-70px; max-width:650px; max-height:600px; background:url(../images/loading.gif) no-repeat center center; border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px; -khtml-border-radius:20px; -o-border-radius:20px; box-shadow:2px 2px 6px #000; -webkit-box-shadow:2px 2px 6px #000; -moz-box-shadow:2px 2px 6px #000; -o-box-shadow:2px 2px 6px #000; -khtml-box-shadow:2px 2px 6px #000; } #imgcontainer a .magnify{ position:absolute; width:64px; height:48px; right:45%; bottom:5px; border:none; background:transparent url(../images/1.png) no-repeat 0 -192px; z-index:200; box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none; -o-box-shadow:none; -khtml-box-shadow:none; } #imgcontainer .prev,#imgcontainer .next{ z-index:100; position:absolute; top:300px; width:32px; height:32px; background:transparent url(../images/1.png) no-repeat; border:none; opacity:.2; -webkit-opacity:.2; -moz-opacity:.2; -o-opacity:.2; -khtml-opacity:.2; box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none; -o-box-shadow:none; -khtml-box-shadow:none; transition:opacity 0.3s linear; -webkit-transition:opacity 0.3s linear; -moz-transition:opacity 0.3s linear; -o-transition:opacity 0.3s linear; -khtml-transition:opacity 0.3s linear; } #imgcontainer .prev:hover,#imgcontainer .next:hover{ opacity:1; -webkit-opacity:1; -moz-opacity:1; -o-opacity:1; -khtml-opacity:1; } #imgcontainer .prev{ background-position:-64px -576px; left:20px; } #imgcontainer .next{ background-position:-64px -608px; right:20px; } .modtitle{ margin-top:-40px; font-size:14px; height:30px; height:10px; color:#fff; text-decoration:none; text-align:center; } a.modback{ position:relative; width:400px; color:#fff; font-family:GlamourScript; font-size:25px; line-height:25px; text-decoration:none; } a.modback span{ font-size:14px; line-height:30px; color:inherit; text-decoration:none; } a.modback:hover{ color:#0b75af; text-decoration:none; } #models{ position:relative; width:830px; height:550px; margin:10px 0 0 0; overflow:hidden; background:transparent url(../layout/images/0-4.png); background:rgba(0,0,0,.5); border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px; -o-border-radius:20px; -khtml-border-radius:20px; box-shadow:0 0 30px #f40,6px 6px 10px #000; -webkit-box-shadow:0 0 30px #f40,6px 6px 10px #000; -moz-box-shadow:0 0 30px #f40,6px 6px 10px #000; -o-box-shadow:0 0 30px #f40,6px 6px 10px #000; -khtml-box-shadow:0 0 30px #f40,6px 6px 10px #000; } #models a{ float:left; position:relative; width:140px; height:210px; background:url(../files/no-pic-avatar.jpg) center center; margin:40px 13px 0 13px; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px; -khtml-border-radius:10px; box-shadow:0 0 40px rgba(255,128,0,.5),2px 2px 10px rgba(0,0,0,.8); -webkit-box-shadow:0 0 40px rgba(255,128,0,.5),2px 2px 10px rgba(0,0,0,.8); -moz-box-shadow:0 0 40px rgba(255,128,0,.5),2px 2px 10px rgba(0,0,0,.8); -o-box-shadow:0 0 40px rgba(255,128,0,.5),2px 2px 10px rgba(0,0,0,.8); -khtml-box-shadow:0 0 40px rgba(255,128,0,.5),2px 2px 10px rgba(0,0,0,.8); text-decoration:none; } #models a span{ position:absolute; top:-7px; width:140px; text-align:center; color:#ff0; font-size:1.4em; font-family:GlamourScript; text-decoration:none; } #models a span.ao{ position:absolute; top:155px; right:-35px; } #appwrap{ margin-bottom:40px; border:2px solid #000; background-color:rgba(0,0,0,.5); width:800px; overflow:hidden; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px; -khtml-border-radius:10px; box-shadow:0 0 30px #f40,6px 6px 10px #000; -webkit-box-shadow:0 0 30px #f40,6px 6px 10px #000; -moz-box-shadow:0 0 30px #f40,6px 6px 10px #000; -o-box-shadow:0 0 30px #f40,6px 6px 10px #000; -khtml-box-shadow:0 0 30px #f40,6px 6px 10px #000; } #steps{ width:800px; height:450px; overflow:hidden; } .step{ float:left; width:800px; height:450px; overflow:none; } #navigation{ height:45px; background:transparent url(../images/0-2.png); background:rgba(0,0,0,0.2); border-top:1px solid #000; border-bottom-left-radius:10px; border-bottom-right-radius:10px; -webkit-border-radius:0 0 10px 10px; -moz-border-radius:0px 0px 10px 10px; -o-border-radius:0 0 10px 10px; -khtml-border-radius:0 0 10px 10px; } #navigation ul{ list-style:none; float:left; margin-left:22px; } #navigation ul li{ float:left; border-right:1px solid #000; border-left:1px solid #000; position:relative; margin:0 2px; } #navigation ul li a{ display:block; height:45px; color:#ffd788; outline:none; font-size:16px; font-weight:bold; text-decoration:none; line-height:45px; padding:0 20px; border-right:1px solid #000; border-left:1px solid #000; background:transparent url(../images/0-1.png); background:linear-gradient(center bottom,rgba(0,0,0,.4) 9%,rgba(0,0,0,.1) 55%,rgba(0,0,0,.4) 78%); background:-webkit-gradient(linear,left bottom,left top,color-stop(0.09,rgba(0,0,0,.1)),color-stop(0.55,rgba(0,0,0,.05)),color-stop(0.78,rgba(0,0,0,.1))); background:-moz-linear-gradient(center bottom,rgba(0,0,0,.4) 9%,rgba(0,0,0,.1) 55%,rgba(0,0,0,.4) 78%); background:-o-linear-gradient(center bottom,rgba(0,0,0,.4) 9%,rgba(0,0,0,.1) 55%,rgba(0,0,0,.4) 78%); background:-khtml-linear-gradient(center bottom,rgba(0,0,0,.4) 9%,rgba(0,0,0,.1) 55%,rgba(0,0,0,.4) 78%); text-shadow:1px 1px 3px #000; } #navigation ul li a:hover, #navigation ul li.selected a{ background:transparent url(../images/1-2.png); background-color:rgba(255,64,0,.2); color:#0b75af; text-shadow:1px 1px 1px #000; } span.checked{ background:transparent url(../layout/images/checked.png) no-repeat top left; position:absolute; top:0; left:1px; width:20px; height:20px; } span.error{ background:transparent url(../layout/images/error.png) no-repeat top left; position:absolute; top:0; left:1px; width:20px; height:20px; } #steps form fieldset{ border:none; } #steps form fieldset ul{ clear:both; list-style:none; } #steps form fieldset li{ float:left; margin:7px 0 0 0; overflow:none; } #steps form legend{ text-align:left; background:transparent url(../images/0-1.png); background-color:rgba(0,0,0,.1); color:#ffd788; font-size:1.4em; text-shadow:1px 1px 1px #000; font-weight:bold; float:left; width:800px; padding:5px 0 5px 10px; margin:10px 0; border-bottom:1px solid #000; border-top:1px solid #000; } #steps form p{ float:left; clear:both; margin:10px 0 10px 20px; background:transparent url(../images/0-1.png); background-color:rgba(0,0,0,.1); border:1px solid #000; color:#ffd788; width:740px; padding:10px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; -khtml-border-radius:5px; box-shadow:0 0 3px #000; -webkit-box-shadow:0 0 3px #000; -moz-box-shadow:0 0 3px #000; -o-box-shadow:0 0 3px #000; -khtml-box-shadow:0 0 3px #000; } #steps form label{ margin:0 20px 0 0; display:block; line-height:26px; color:#ffd788; text-shadow:1px 1px 3px #666; font-size:1.1em; font-weight:400; } #steps form input{ width:100%; font-size:1em; } #steps input[type=checkbox],#steps form input[type=radio]{ float:left; border:none; box-shadow:none; background:transparent none; width:20px; height:20px; } #steps form textarea{ resize:none; } #bacontainer{ width:830px; height:550px; margin:0 auto 40px auto; position:relative; overflow:hidden; background:transparent url(../layout/images/0-4.png); background:rgba(0,0,0,.5); border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px; -o-border-radius:20px; -khtml-border-radius:20px; box-shadow:0 0 30px #f40,6px 6px 10px #000; -webkit-box-shadow:0 0 30px #f40,6px 6px 10px #000; -moz-box-shadow:0 0 30px #f40,6px 6px 10px #000; -o-box-shadow:0 0 30px #f40,6px 6px 10px #000; -khtml-box-shadow:0 0 30px #f40,6px 6px 10px #000; } #ba{ margin:40px auto 0 auto; } #bacontainer a{ color:#ffd788; text-decoration:none; } #bacontainer a:hover{ color:#fff; text-decoration:none; } #ba div{ border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px; -o-border-radius:20px; -khtml-border-radius:20px; } .ba-image-nav{ position:absolute; top:50%; margin-top:-62px; width:16px; height:16px; background:transparent url(../images/map.png); background-position:0 -240px; left:0; } .ba-image-nav-left, .ba-image-nav-right{ opacity:.3; filter:alpha(opacity=30); cursor:pointer; width:32px; height:32px; position:absolute; left:10px; z-index:2; background-image:url(../images/1.png); background-repeat:no-repeat; background-position:-64px -576px; transition:opacity 0.3s linear; -webkit-transition:opacity 0.3s linear; -moz-transition:opacity 0.3s linear; -o-transition:opacity 0.3s linear; -khtml-transition:opacity 0.3s linear; } .ba-image-nav-right{ left:auto; right:10px; background-position:-64px -608px; z-index:2; } .ba-image-nav-left:hover, .ba-image-nav-right:hover{ opacity:1; -webkit-opacity:1; -moz-opacity:1; -o-opacity:1; -khtml-opacity:1; filter:alpha(opacity=100); } .form_wrapper{ margin:50px auto; padding:20px 20px 30px 20px; width:250px; background:transparent url(../images/0-4.png); background:rgba(0,0,0,.5); border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px; -o-border-radius:20px; -khtml-border-radius:20px; box-shadow:0 0 30px #f40,6px 6px 10px #000; -webkit-box-shadow:0 0 30px #f40,6px 6px 10px #000; -moz-box-shadow:0 0 30px #f40,6px 6px 10px #000; -o-box-shadow:0 0 30px #f40,6px 6px 10px #000; -khtml-box-shadow:0 0 30px #f40,6px 6px 10px #000; } .form_wrapper h3{ font-size:30px; padding-left:20px; } .form_wrapper form{ display:none; } .form_wrapper .column{ width:47%; float:left; } form.active{ display:block; } form.login{ } form.register{ } form.forgot_password{ } .form_wrapper input{ width:250px; } .form_wrapper a{ text-decoration:none; color:#ffd788; font-size:12px; } .form_wrapper a:hover{ color:#f40; } .form_wrapper label{ display:block; margin:10px 0 0 0; } .form_wrapper .bottom{ position:relative; margin-top:20px; clear:both; text-shadow:1px 1px 1px #000; } .form_wrapper .bottom a{ display:block; clear:both; color:#ffd788; text-align:right; text-shadow:1px 1px 1px #000; } .form_wrapper .bottom a:hover{ color:#f40; } .form_wrapper .bottom button{ float:right; } .form_wrapper a.forgot{ float:right; color:#ffd788; font-style:italic; line-height:24px; text-shadow:1px 1px 1px #000; } .form_wrapper a.forgot:hover{ color:#f40; } .form_wrapper div.remember{ float:left; width:140px; margin:20px 0 20px 30px; font-size:11px; } .form_wrapper div.remember input{ float:left; } .form_wrapper div.result{ visibility:hidden; font-size:11px; font-style:italic; display:block; margin:4px 30px; } /* Ticker Styling */ #ticker{ position:relative; zoom:1; background:#000; width:970px; height:40px; margin:-35px 0 30px 25px; padding:5px; vertical-align:middle; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px; -khtml-border-radius:10px; overflow:hidden; *z-index:996; _z-index:996; } .background .inner{ *z-index:997; _z-index:997; position:relative; } #ticker .inner{ width:960px; overflow:hidden; margin:0 5px 0 5px; zoom:1; position:relative; height:40px; line-height:40px; } #ticker ul{ margin:0; padding:0; list-style:none; white-space:nowrap; zoom:1; position:relative; z-index:20; } #ticker li{ margin:-10px 30px 0 0; padding:0; display:inline; zoom:1; } #ticker li img{ margin:0 5px 0 0; max-height:40px; vertical-align:middle; } #ticker em{ display:none; zoom:1; } #ticker a,#ticker li.ticker-label{ padding:8px 4px; } #ticker li.ticker-label{ padding-left:150px; zoom:1; } #ticker a{ display:inline-block; zoom:1; } #ticker a:hover,#ticker a.active{ color:#fff; text-decoration:none; zoom:1; } #ticker .fade{ background:url("../images/fade-trends2.png") repeat-y 0 0; position:absolute; display:block; top:0; left:0; width:70px; padding:20px 0; zoom:1; _visibility:hidden; z-index:30; pointer-events:none; } #ticker .fade-right{ background-position:-70px 0; left:auto; /* right:240px; */ right:0; } #ticker dl{ margin:0; padding:20px 0; line-height:18px; color:#ace; } #ticker dt{ display:block; margin-bottom:4px; font-size:11px; color:#df6; } #ticker dt img{ vertical-align:middle; } #ticker dd{ margin:0; } #ticker dd strong{ color:#fff; } #ticker_description p{ font-size:1em; } .tickertip{ background:#fff; position:relative; width:240px; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; font-size:11px; line-height:18px; color:#aaa; display:none; margin-top:9px; } .tickertip-content{ background:#000; padding:10px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; } .tickertip-ticker{ margin-bottom:10px; font:bold 15px; color:#fa2; line-height:18px; display:block; } ul.tickercontent a:focus,ul.tickercontent a:active,.tickertip-ticker:focus,.tickertip-ticker:active{ outline:0; -moz-outline:0; } .tickertip-desc{ display:block; color:#ddd; font-size:13px; line-height:18px; } .tickertip-source a{ color:#6ac; text-decoration:none; } .tickertip-pointer{ background:url("../images/trendtip-pointer.gif"); position:absolute; top:-9px; left:50%; width:17px; height:9px; margin-left:-8px; } .aside #ticker_description p{ color:#666; } .aside #what_the_ticker{ color:#999; font-size:11px; } div.ticker-description-container{ display:block; } .ticker-description-container{ display:none; margin:0!important; padding:7px 0 0 0!important; } #ticker_description img{ vertical-align:middle; margin:1px 5px 3px; } .ie8 #ticker_description img{ margin-top:-1px; } .ie7 #ticker_description img{ margin-bottom:-2px; } #ticker_description{ display:none; padding:0; line-height:18px; margin:0 0 1em; } #ticker_description span{ color:#777; } #ticker_description p{ margin:0; line-height:18px; font-size:1.1em; color:#333; } #ticker_description p strong{ color:#333; } /* Footer Styling */ footer{ clear:both; position:relative; width:1000px; margin:0 auto; background:transparent url(../layout/images/0-4.png); background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.2)),to(rgba(0,0,0,.4))); background:-webkit-linear-gradient(top,rgba(0,0,0,.2),rgba(0,0,0,.4)); background:-moz-linear-gradient(top,rgba(0,0,0,.2),rgba(0,0,0,.4)); background:-o-linear-gradient(top,rgba(0,0,0,.2),rgba(0,0,0,.4)); background:-khtml-linear-gradient(top,rgba(0,0,0,.2),rgba(0,0,0,.4)); height:80px; text-align:center; font-size:10px; border-top-left-radius:15px; -webkit-border-top-left-radius:15px; -moz-border-radius-topleft:15px; -o-border-top-left-radius:15px; -khtml-border-top-left-radius:15px; border-top-right-radius:15px; -webkit-border-top-right-radius:15px; -moz-border-radius-topright:15px; -o-border-top-right-radius:15px; -khtml-border-top-right-radius:15px; box-shadow:0 0 10px #000; -webkit-box-shadow:0 0 10px #000; -moz-box-shadow:0 0 10px #000; -o-box-shadow:0 0 10px #000; -khtml-box-shadow:0 0 10px #000; } footer.home{ clear:both; width:360px; top:0; padding:0; background:none; box-shadow:none; background:none; box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none; -o-box-shadow:none; -khtml-box-shadow:none; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; -o-border-radius:0; -khtml-border-radius:0; } footer .nice{ font-size:1.2em; font-family:GlamourScript,'Comic Sans MS',cursive; text-shadow:1px 1px 2px #000; } /* Hidden iFrame */ #sp{ display:none; width:0; height:0; } #fancybox-loading { position: fixed; top: 50%; left: 50%; width: 40px; height: 40px; margin-top: -20px; margin-left: -20px; cursor: pointer; overflow: hidden; z-index: 1104; display: none; } #fancybox-loading div { position: absolute; top: 0; left: 0; width: 40px; height: 480px; background-image: url(../images/fancybox.png); } #fancybox-overlay { position: absolute; top: 0; left: 0; width: 100%; z-index: 1100; display: none; } #fancybox-tmp { padding: 0; margin: 0; border: 0; overflow: auto; display: none; } #fancybox-wrap { position: absolute; top: 0; left: 0; padding: 20px; z-index: 1101; outline: none; display: none; } #fancybox-outer { position: relative; width: 100%; height: 100%; background: #a00; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; } #fancybox-content { width: 0; height: 0; padding: 0; outline: none; position: relative; overflow: hidden; z-index: 1102; border: 0px solid #a00; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; } #fancybox-hide-sel-frame { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent; z-index: 1101; } #fancybox-close { position: absolute; top: -20px; right: -20px; width: 32px; height: 32px; background: transparent url(../images/1.png); background-position:-64px -640px; cursor: pointer; z-index: 1103; display: none; } #fancybox-error { color: #444; font: normal 12px/20px Arial; padding: 14px; margin: 0; } #fancybox-img { width: 100%; height: 100%; padding: 0; margin: 0; border: none; outline: none; line-height: 0; vertical-align: top; } #fancybox-frame { width: 100%; height: 100%; border: none; display: block; } #fancybox-left, #fancybox-right { position: absolute; bottom: 0px; height: 100%; width: 35%; cursor: pointer; outline: none; background: transparent url(../images/blank.gif); z-index: 1102; display: block; visibility:visible; } #fancybox-left { left: 0px; } #fancybox-right { right: 0px; } #fancybox-left-ico, #fancybox-right-ico { position: absolute; top: 50%; left: -9999px; width: 30px; height: 30px; margin-top: -15px; cursor: pointer; z-index: 1102; display: block; } #fancybox-left-ico { background-image: url(../images/fancybox.png); background-position: -40px -30px; left:-20px; } #fancybox-right-ico { background-image: url(../images/fancybox.png); background-position: -40px -60px; left: auto; right:-20px; } #fancybox-left:hover, #fancybox-right:hover { visibility: visible; /* IE6 */ } #fancybox-left:hover span { left: -20px; } #fancybox-right:hover span { left: auto; right: -20px; } .fancybox-bg { position: absolute; padding: 0; margin: 0; border: 0; width: 20px; height: 20px; z-index: 1001; } #fancybox-bg-n { top: -20px; left: 0; width: 100%; background-image: url(../images/fancybox-x.png); } #fancybox-bg-ne { top: -20px; right: -20px; background-image: url(../images/fancybox.png); background-position: -40px -162px; } #fancybox-bg-e { top: 0; right: -20px; height: 100%; background-image: url(../images/fancybox-y.png); background-position: -20px 0px; } #fancybox-bg-se { bottom: -20px; right: -20px; background-image: url(../images/fancybox.png); background-position: -40px -182px; } #fancybox-bg-s { bottom: -20px; left: 0; width: 100%; background-image: url(../images/fancybox-x.png); background-position: 0px -20px; } #fancybox-bg-sw { bottom: -20px; left: -20px; background-image: url(../images/fancybox.png); background-position: -40px -142px; } #fancybox-bg-w { top: 0; left: -20px; height: 100%; background-image: url(../images/fancybox-y.png); } #fancybox-bg-nw { top: -20px; left: -20px; background-image: url(../images/fancybox.png); background-position: -40px -122px; } #fancybox-title { font-family: Helvetica; font-size: 12px; z-index: 1102; } .fancybox-title-inside { padding-bottom: 10px; text-align: center; color: #fff; background: #a00; position: relative; } .fancybox-title-outside { padding-top: 10px; color: #fff; font-weight:bold; text-align: center; text-shadow:2px 2px 3px #000,0 0 20px #f40,0 0 10px #f40; } .fancybox-title-over { position: absolute; bottom: 0; left: 0; color: #fff; font-weight:bold; text-align: center; text-shadow:2px 2px 3px #000; } #fancybox-title-over { padding: 10px; background-image:url(../images/fancy_title_over.png); background:rgba(170,0,0,.6) none; display: block; } .fancybox-title-float { position: absolute; left: 0; bottom: -20px; height: 32px; } #fancybox-title-float-wrap { border: none; border-collapse: collapse; width: auto; } #fancybox-title-float-wrap td { border: none; white-space: nowrap; } #fancybox-title-float-left { padding: 0 0 0 15px; background: url(../images/fancybox.png) -40px -90px no-repeat; } #fancybox-title-float-main { color: #fff; line-height: 29px; font-weight: bold; padding: 0 0 3px 0; background: url(../images/fancybox-x.png) 0px -40px; } #fancybox-title-float-right { padding: 0 0 0 15px; background: url(../images/fancybox.png) -55px -90px no-repeat; } /* IE6 */ .fancybox-ie6 #fancybox-close { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancy_close.png', sizingMethod='scale'); } .fancybox-ie6 #fancybox-left-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancy_nav_left.png', sizingMethod='scale'); } .fancybox-ie6 #fancybox-right-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancy_nav_right.png', sizingMethod='scale'); } .fancybox-ie6 #fancybox-title-over { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancy_title_over.png', sizingMethod='scale'); zoom: 1; } .fancybox-ie6 #fancybox-title-float-left { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancy_title_left.png', sizingMethod='scale'); } .fancybox-ie6 #fancybox-title-float-main { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancy_title_main.png', sizingMethod='scale'); } .fancybox-ie6 #fancybox-title-float-right { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancy_title_right.png', sizingMethod='scale'); } .fancybox-ie6 #fancybox-bg-w, .fancybox-ie6 #fancybox-bg-e, .fancybox-ie6 #fancybox-left, .fancybox-ie6 #fancybox-right, #fancybox-hide-sel-frame { height: expression(this.parentNode.clientHeight + "px"); } #fancybox-loading.fancybox-ie6 { position: absolute; margin-top: 0; top: expression( (-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2 : document.body.clientHeight/2 ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + 'px'); } #fancybox-loading.fancybox-ie6 div { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancy_loading.png', sizingMethod='scale'); } /* IE6, IE7, IE8 */ .fancybox-ie .fancybox-bg { background: transparent !important; } .fancybox-ie #fancybox-bg-n { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancy_shadow_n.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-ne { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancy_shadow_ne.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-e { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancy_shadow_e.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-se { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancy_shadow_se.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-s { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancy_shadow_s.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-sw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancy_shadow_sw.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-w { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancy_shadow_w.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-nw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancy_shadow_nw.png', sizingMethod='scale'); }footer #gnu{position:absolute;right:0;bottom:0;}