@import 'reset.css';
@import 'typ.css';

/*Clearing */
.clear { display: inline-block; }
.clear:after, .container:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
* html .clear { height: 1%; }
.clear { display: block; }
a { outline: none; margin:0px;}


body {margin:0px; padding:0px; background: #fff url(../fx/pagebg.gif) repeat-x;}
/* Layout */


.headerwrap {float:left; width:99.4%; height:110px/*!important; height:100px*/; margin:0px; padding:0px;}

.wrap {float:left; border: 0px; padding:0px; margin:0px; width:99.4%; margin-top:10px;}
.tdt {height:140px; width:100%; margin:0px; padding:0px;}

.tdl {width: 180px; margin:0px; padding:0px;}
.tdr {width: 190px; margin-left:0px; padding-left:10px; background-image:url(../fx/right_menu_bg.png); background-repeat:repeat-y;}

.tdc { width: auto;}

.tblfloat {float:left; clear:both;}

#controls {height:29px; width:99.4%; float:left; clear:both;}

.wb {float:right; width:180px; margin:0px; padding-left:12px; font-size:85%; padding-top:10px;}
.mymych{float:right; width:255px;}
.holore{float:left;}
.logoff {float:left; margin-top:7px; padding:2px; height:23px;}
.logo { float:left; margin-top:30px; margin-left:20px; width:213px; height:70px; display: inline;}
.sep_img {float:left;  height:60px; width:1px; margin:30px 20px 0px 20px; background-image:url(../fx/top-sep.gif); background-repeat:repeat-y;}
.ccards { float:left; margin:44px 20px 20px 0px; width:171px; height:30px;  background-image: url(../fx/cards.gif); display: inline;}
.presents { position:absolute; top:13px; right:0px;}

#contentbox {float:left; clear:both; width:100%;}
#popularsfront {float:left;}
/*navigation*/
.nav-wrap{}

.navigation-h { width:170px; background-color:#fff; height:45px; background-image: url(../fx/navigation-h.png); background-repeat:repeat-x; margin:0px; padding:0px;}
.navigationbox { width:164px; background-image:url(../fx/navigation-bg.png); background-repeat:repeat-x; padding-left:5px;}
.trigger {display: none;}


/*right menu*/
.right_wrap {float:left; margin-left:2px; width:190px;}

.rightmenu_header { float:left;  clear:both; height:17px; background-image:url(../fx/r_h2.png); background-repeat: repeat-x; width:190px; margin-top:1px;}
.rmheaders { color: #6C6A64; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold;}
.rightmenu_content { float:left; clear:both; width:180px; padding-left:10px; margin-bottom:10px;  color:#6C6A64; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal;  }

.rightmenu_content a:link{display:block; color:#6C6A64; text-decoration:none;}
.rightmenu_content a:visited{display:block; color:#6C6A64; text-decoration:none;}
.rightmenu_content a:hover{display:block; color:#111; text-decoration:underline;}


/*information*/
.information-h {width:170px; height:16px;  background-image: url(../fx/information-h.png); background-repeat:repeat-x; margin:0px; padding:0px;}
.informationbox{ width:165px; padding-left:10px; background:#fff; }
.informationbox ul li {list-style-image:url(../fx/redot.png); }

.informationbox a:link { text-decoration:none; color:#373633; }
.informationbox a:visited { text-decoration:none; color:#373633;}
.informationbox a:hover { text-decoration:underline; color:#373633;}

.informationbox li{ list-style: disc; color:#000; margin:0px 0px 0px 4px;}
.informationbox ul{ margin:0px 0px 0px 16px; padding:0px;}


/*fields*/
.thefields {float:left; clear:both; width:190px; height:200px; background-color:#ECECDE;}

/* stuff */
.yellomarker {float:left; background-color:#F8F5AA; height:5px; margin-top:8px; width:100%; font-size:0px;}
.blockt{display:block}
.blockt a:link{display:block; color:#6C6A64;}
.blockt a:hover{display:block; color:#6C6A64;}
.blockt a:visited{display:block; color:#6C6A64;}

#footer {float:left; width:99.4%; height:150px; background-color: #FDFDF2; border-top:1px solid #EFEFE9;}

/* FX  */
.opacityit img{ filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); -moz-opacity: 0.75;}
.opacityit:link img{ filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); -moz-opacity: 0.75;}
.opacityit:visited img{ filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); -moz-opacity: 0.75;}
.opacityit:hover img{  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); -moz-opacity: 1;}
.opacityit:active img{ filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); -moz-opacity: 1;}



/* OSC specific  */
.pl-data { border-bottom: 1px solid #E9E9E9; font-size:.95em}
TD.pl-data {border-bottom:1px solid #E9E9E9;  border-right:1px solid #E9E9E9; font-size:.95em; padding-left:2px;}
TD.pl-h {  background-color:#E4B81F; background-image:url(/fx/td-h-bg.gif); background-position:right top; background-repeat:no-repeat; padding-left:2px;}

.pl-h {color:#fff; font-weight:bold;}
.pl-h a:link {color:#fff; font-weight:bold; text-decoration:none;}
.pl-h a:visited {color:#fff; font-weight:bold; text-decoration:none;}
.pl-h a:hover {color:#fffaac; font-weight:bold; text-decoration:none;}

.pl-even { background-color: #fff;}
.pl-even a:link,a:hover,a:visited{ text-decoration:none; }
.pl-odd { background-color: #FDFDEC;}
.pl-odd a:link,a:hover,a:visited{ text-decoration:none;}

.moduleRow { }
.moduleRowOver { background-color: #D7E9F7; cursor: pointer; cursor: hand; }
.moduleRowSelected { background-color: #E9F4FC; }


/* Checkouot map */

.wrap-checkoutmap { float:left; clear:both; height:40px; width:100%; border-top:1px solid silver;}
.checkoudmapheaderwrap {height:20px; width:100%;}
.checkoutmapheader {float:left; height:20px; width:125px; background: #FFFFCA; margin:2px; text-align:center;}



/* PRODUCT INFO */

#oostock {border:1px dotted  #ccc; float:left; margin:8px 0px 0px 5px; padding:2px; font-size:85%; text-align:center;}
#oostock2 {border:1px dotted  #ccc; float:left; margin:4px 0px 0px 2px; padding:2px; font-size:85%; text-align:center;}

#products_wrap-name-price-button
{float:left;  width:100%; height:150px; margin:0 0 20px 0; background-image:url(/fx/product_info_bg2.jpg); background-repeat:repeat-x;}
#products_name {padding:10px; height:124px; color:#666; background:url(/fx/products_name_corner.jpg) top right no-repeat; border-left:1px solid #e4e4e4;}
.products_name {color:#666;}
#products_price {float:right; height:100px; text-align:right; margin-right:20px;}
#button_in_cart {float:left; margin:0px; }
#products_image {float:right; width:300px; height:300px; padding:5px; margin:5px 0px 0px 5px; border:1px solid #F4F4F4; overflow:hidden;}
#products_description {float:left; margin-bottom:20px; margin-top:20px; border-bottom:1px solid #ccc; width:100%;}
#products_description li { color:#444; margin-left:10px; list-style-type: disc;}
#products_description h1 {font:italic 1em/1em monospace; color:#666; display:block; border-top:2px solid silver; text-align:center;}
.subdesc { }

.related{float:left; width:100%;}
/*extra button2 */
#products_wrap-name-price-button2 {float:left; clear:both; width:100%;margin:0px; background: #FFFFDF;}
#products_name2 {float:left; margin: 0px 0px 0px 0px !important margin-top:0px;  font-weight:bold; background: #FFFFE1;}
#products_price2 {float:left; margin:0px 0px 0px 20px; font-weight:bold; font-size:120%; background: #FFFFE1;}
#button_in_cart2 {float:left; margin: 0px 0px 0px 0px;}


#products_bundle {float:left; width:100%;}
#products_options {float:left; width:100%; margin-top:5px; }

.products_opt {float:left; width:100%; margin-top:5px; text-align:left;}
.prod_reviews {float: left; width:100%; margin-top:5px;}
.prod_added {float: left; width:100%; background: #FFFFF7}
.also_purchased {float: left; width:100%; margin-top:25px; color:#0099FF;}

.tmp { position:absolute; top:20px; right:20px; width:300px; border:1px solid red;}

/* new ticket notification */

.ticketNotification {clear:both;  background:#FFD17B; color:#222; border:2px solid white; padding:4px; text-align:center; font-weight:bold;}
.ticketNotification a, .ticketNotification a:link, .ticketNotification a:visited {text-decoration:underline; color:#222;}

/* MENU */
.ff h6 {font:normal 11px/20px "Trebuchet MS", tahoma, arial, sans-serif; text-transform:capitalize; margin:0px 8px 0px 6px;}
.ff h6 a {color:#222; margin:0px; padding:0px;}
.ff  h6 ul {display:none; margin:0px; padding:0px; cursor:pointer; text-transform:capitalize;}

.clkMenu {list-style:none; font:normal 11px/20px "Trebuchet MS", tahoma, arial, sans-serif; text-decoration:none;}
.clkMenu a {color:#222; display:block; text-decoration:none;}
.clkMenu h6 a:hover {background:#fff;}
.hasSubMenu a {color:#222;}
.hasSubMenu {list-style:none; font:normal 11px/20px "Trebuchet MS", tahoma, arial, sans-serif; text-transform:capitalize; margin:0px 8px 0px 4x;}
.subMenuLinkOpen, .subMenuLinkOpen a:link, .subMenuLinkOpen a:visited, .subMenuLinkOpen a:hover, .subMenuLinkOpen a:active {color:#222; font-weight:bold; text-decoration:none;}
.subMenuLinkOpen li {margin:0; padding:0;}
.subMenuLinkOpen {}
.subMenuLinkClosed { text-decoration:none;}


ul.subMenu  {margin:0; padding:0; background:#FFFFE6}
h6.hasSubMenu .subMenuLinkOpen{background:#FFFFE6;}

.subMenu li{list-style: none; padding-left:4px; text-transform:capitalize;}
.subMenu a:link {text-decoration:none; color:#444; display:block;}
.subMenu a:visited {text-decoration:none; color:#444;}
.subMenu a:hover {text-decoration:none; color: #000;}
.subMenu a:active {text-decoration:none; color:#000;}

.menuEscape {float:right; width:20px; text-align:center; font: bold 11px/20px sans-serif; display:block; background:#fff;}
.menuEscape:hover {background:#e5e5e5;}
.menuEscape a:link {color:#1A1A1A; text-decoration:none; display:block;}
.menuEscape a:visited {color:#1A1A1A;}
.menuEscape a:hover {color:#A52A2A; background:#E5E5E5;}
.infoBoxContents li {margin:2px; padding:2px;}
.split {border-bottom:1px solid #BFBFBF; height:2px; display:block;}
.discount {float:right; margin:15px 5px 0 0;}
.module-specials    {border:1px solid #EFEFEF; padding:4px; margin:4px; text-align:center; width:175px;}
.module-specials-header h2  {font:bold 14px/20px "Trebuchet MS", tahoma, arial, sans-serif; text-transform:capitalize; margin-top:20px; padding:2px; display:block; color:#4D4D4D; background:#ECECDE; border-bottom:1px solid #E5E5E5;}
.productSpecialPrice    {color:#A52A2A; font-weight:bold;}
.product_highlight  {font:normal 10px arial, sans-serif; display:block; text-align:left; color:#BFBFBF;}
.free {float:left; clear:both; margin:35px 10px 0 0; padding:4px;}
.highlight, .infoBoxNotice, .infoBoxNoticeContents  { background: rgb(255,64,64); color:#fff; padding:4px; text-align:center;}
.orderEdit          {font: bold 10px monospace; color:#333;}
.orderEdit:hover    {background:#567; color:#fff;}

/* breadcrumb */
.breadcrumb {margin:5px 0 0 25px; font:normal 11px arial, sans-serif; float:left;}
.breadcrumb a {text-decoration:none; color:#444; margin:0 0px 0 0px; padding:0 2px 0 2px}
.breadcrumb a:hover {color:#222; background:#FFFFB3;}
.headerNavigation {}


/* FRONTPAGE */
.ppheader {color:#006699; background:#7F7F7F; font-size:14px;}
table .select-header {margin-top:20px;}
.select-header ul li{display:inline; padding:0 4px 0 0;}
.select-header a {text-decoration:none;}
.hidden {display:none; margin:0; padding:0;}
.shown {display:block; margin:0; padding:0;}
.fp_here {font-weight:bold;}
table.fp_pr td {padding:0 4px 4px 4px; border:1px dotted #F3F3F3; vertical-align:top;}
.fp_pr {font:normal 11px arial,sans-serif; color:#444;}
.fp_pr .h {color:#669900; font-size:14px; font-weight:bold;}
.fp_pr .inf {text-align:left; font-size:10px; color:#666;}
.fp_pr .desc {text-align:justify; color:#222;}

.hidden p, .shown p {margin:0; padding:2px 0 2px 4px; background:#D9D9B8; color:#666; font-weight:bold; font-size:11px;}
.selected a {border:1px solid #D9D9B8;background:#D9D9B8; color:#444s; padding:0 4px 0 4px; margin:0; font-weight:bold; font-size:12px;}
.unselected a {border:1px solid #D9D9B8; border-bottom:0; background:#fff; color:#444; padding:0 4px 0 4px; margin:0; font-weight:normal; font-size:12px;}
.unselected a:hover {color:#000; background:#ededed;}
li.buy {float:left; margin-top:4px;}
.buy a {padding:2px 4px 2px 0px; color:#4B5C29; font-weight:bold; text-decoration:none;}
.buy a:hover {text-decoration:underline;}

.pr-img {float:left; width:50px; height:50px; margin:0 2px 2px 0; border:1px solid silver;}