HTML BODY {
FONT-SIZE: 14px; BACKGROUND: url(../images/page-bg.jpg) #888 repeat-x; COLOR: #555; FONT-FAMILY: 'lucida grande', sans-serif; TEXT-ALIGN: center; MARGIN-TOP: 0px;
}
IMG {
BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px
}
A {
COLOR: #069; TEXT-DECORATION: none
}
A:hover {
TEXT-DECORATION: underline
}
P {
FONT: 14px Arial, Verdana, sans-serif; margin:5px 0px;
}
.clear {
CLEAR: both; DISPLAY: block; HEIGHT: 1px
}
DIV.spacer {
CLEAR: both
}
#topbar {
MARGIN: auto; WIDTH: 900px; POSITION: relative; TEXT-ALIGN: left
}
#topbar-Container {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: url(../images/header_bg.png) #b1b0a7 repeat-x; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; HEIGHT: 58px
}
#topbar-logo {
FLOAT: left; padding-left:10px; padding-top:10px;
}
#topbar-language {
PADDING-RIGHT: 20px; PADDING-LEFT: 0px; FLOAT: right; MARGIN: 0px; FONT: 11px Arial, Helvetica, sans-serif; COLOR: #444340; PADDING-TOP: 20px; TEXT-ALIGN: right
}
#topbarr-Nav {
CLEAR: both; BACKGROUND: url(../images/pageHeader-Nav-bg.jpg) no-repeat; FONT: bold 12px Arial, Helvetica, sans-serif; TEXT-TRANSFORM: uppercase; HEIGHT: 32px; TEXT-ALIGN: left
}
#topbarr-Nav UL {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
#topbarr-Nav UL LI {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; Z-INDEX: 1000; BACKGROUND: none transparent scroll repeat 0% 0%; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 0px 10px; WIDTH: auto; PADDING-TOP: 0px; POSITION: relative
}
#topbarr-Nav UL LI A {
PADDING-RIGHT: 10px; DISPLAY: block; PADDING-LEFT: 10px; PADDING-BOTTOM: 9px; PADDING-TOP: 8px; TEXT-ALIGN: left; TEXT-DECORATION: none; COLOR: white
}
#topbarr-Nav UL LI.selected {
BACKGROUND: url(../images/topnav-on-bg.jpg) repeat-x
}
#pageFooter {
BACKGROUND: #fff; FONT: 10px Arial, Helvetica, sans-serif; COLOR: #888; TEXT-ALIGN: center
}
#pageFooter P {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 12px; MARGIN: 0px 0px 0px 20px; FONT: 10px Arial, Helvetica, sans-serif; COLOR: #888; PADDING-TOP: 0px
}
#content {
MARGIN: auto; WIDTH: 900px; POSITION: relative; TEXT-ALIGN: left
}
#content-top {
PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: auto 0px; PADDING-TOP: 10px;
}
#page-content {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: #fff repeat-y; FLOAT: left; PADDING-BOTTOM: 0px; WIDTH: 900px; PADDING-TOP: 0px
}
#page-content #pageContentLeft {
BACKGROUND: url(../images/grey-fade.gif) repeat-x; PADDING-RIGHT: 0px; PADDING-LEFT: 10px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 630px; PADDING-TOP: 0px
}
#page-content #pageContentLeft H1 {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: normal; FONT-SIZE: 33px; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 10px; COLOR: #b1afa6; PADDING-TOP: 10px; LETTER-SPACING: -0.05em
}
#page-content #pageContentLeft H2 {
PADDING-RIGHT: 0px; PADDING-LEFT: 15px; FONT-WEIGHT: bold; FONT-SIZE: 19px; PADDING-BOTTOM: 0px; MARGIN: 7px 0px 3px; COLOR: #61605b; PADDING-TOP: 0px
}
#page-content #pageContentLeft H3 {
FONT-SIZE: 18px; COLOR: #838383; LINE-HEIGHT: 24px; BORDER-BOTTOM: #fca752 2px solid
}
#page-content #pageContentLeft H4 {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 12px; PADDING-BOTTOM: 3px; MARGIN: 0px 0px 10px; TEXT-TRANSFORM: uppercase; PADDING-TOP: 3px; BORDER-BOTTOM: #ccc 1px dotted
}
#page-content #pageContentLeft P {
PADDING-RIGHT: 0px; PADDING-LEFT: 15px; FONT-WEIGHT: normal; FONT-SIZE: 14px; PADDING-BOTTOM: 15px; MARGIN: 0px; COLOR: #444340; PADDING-TOP: 0px
}
#page-content #pageContentLeft DIV.contentItem {
CLEAR: both; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 10px 0px 15px; PADDING-TOP: 0px
}
#page-content #pageContentLeft DIV.contentItem .contentRight {
BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; DISPLAY: inline; PADDING-LEFT: 20px; BORDER-LEFT-WIDTH: 0px; FLOAT: right; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 10px; MARGIN: auto 0px; PADDING-TOP: 5px; BORDER-RIGHT-WIDTH: 0px
}
#page-content #pageContentLeft DIV.contentItem .contentLeft {
BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 20px; DISPLAY: inline; PADDING-LEFT: 15px; BORDER-LEFT-WIDTH: 0px; FLOAT: left; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 10px; MARGIN: auto 0px; PADDING-TOP: 5px; BORDER-RIGHT-WIDTH: 0px
}
#page-content #pageContentRight {
float:right; width:240px; margin:0; padding:0;
}
#page-content #pageContentRight Img
{
margin-left:45px;
}
#page-content #pageContentRight #rightConactUs {
PADDING-RIGHT: 10px; BORDER-TOP: #ece9e3 1px solid; PADDING-LEFT: 15px; BACKGROUND: url(../images/popCallout-bg.jpg) #fff repeat-y; PADDING-BOTTOM: 10px; MARGIN: 0px; WIDTH: 230px; PADDING-TOP: 10px; BORDER-BOTTOM: #ece9e3 1px solid; TEXT-ALIGN: left; MARGIN-LEFT:10px;
}
#page-content #pageContentRight #rightConactUs H1 {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 3px; MARGIN: 0px; FONT: bold 14px/13px Arial, Helvetica, sans-serif; COLOR: #ff721c; PADDING-TOP: 0px
}
#page-content #pageContentRight #rightConactUs P {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 5px; MARGIN: 0px; FONT: 11px Arial, Helvetica, sans-serif; COLOR: #444340; PADDING-TOP: 0px
}
#page-content #pageContentRight #catalogPane {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: url(../images/category-bg.gif); FLOAT: left; PADDING-BOTTOM: 10px; MARGIN: 0px; WIDTH: 240px; PADDING-TOP: 0px; BORDER-BOTTOM: #fff 10px solid; HEIGHT: 169px;
}
#page-content #pageContentRight #catalogPane IMG {
BORDER-TOP-WIDTH: 0px; CLEAR: both; PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; MARGIN: auto 0px; VERTICAL-ALIGN: top; PADDING-TOP: 0px; BORDER-RIGHT-WIDTH: 0px
}
#page-content #pageContentRight #catalogPane DIV.image {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 84px; PADDING-TOP: 0px
}
#page-content #pageContentRight #catalogPane DIV.text {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: right; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 130px; PADDING-TOP: 20px
}
#page-content #pageContentRight #catalogPane H1 {
PADDING-RIGHT: 0px; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; MARGIN: 5px 10px 0px 0px; FONT: bold 18px Arial, Helvetica, sans-serif; COLOR: #fff; PADDING-TOP: 0px;
}
#page-content #pageContentRight #catalogPane P {
PADDING-RIGHT: 10px; PADDING-LEFT: 20px; PADDING-BOTTOM: 0px; MARGIN: 0px; FONT: 11px Arial, Helvetica, sans-serif; COLOR: #fff; PADDING-TOP: 0px
}
#page-content #pageContentRight #catalogPane .pricebold {
PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 5px; MARGIN: 0px; FONT: bold 16px Arial, Helvetica, sans-serif; COLOR: red; PADDING-TOP: 10px
}
SELECT {
BACKGROUND: #eee
}
FORM {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
FORM INPUT.image {
BACKGROUND: none transparent scroll repeat 0% 0%
}
FORM INPUT.text {
PADDING-RIGHT: 2px; PADDING-LEFT: 2px; PADDING-BOTTOM: 2px; MARGIN: 2px 0px 0px; WIDTH: 168px; PADDING-TOP: 2px; height:26px;
}
FORM INPUT.text2 {
PADDING-RIGHT: 2px; PADDING-LEFT: 2px; PADDING-BOTTOM: 2px; MARGIN: 2px 0px 5px; WIDTH: 87%; PADDING-TOP: 2px
}
FORM INPUT.text3 {
PADDING-RIGHT: 2px; PADDING-LEFT: 2px; PADDING-BOTTOM: 2px; MARGIN: 2px 0px 5px; WIDTH: 85%; PADDING-TOP: 2px
}
FORM SELECT {
PADDING-RIGHT: 1px; PADDING-LEFT: 1px; PADDING-BOTTOM: 1px; MARGIN: 3px 0px; PADDING-TOP: 1px;
FONT: 14px Arial,Verdana,Helvetica,sans-serif;
}
.radio {
FONT: 14px Arial,Verdana,Helvetica,sans-serif;
}
FORM TEXTAREA {
PADDING-RIGHT: 2px; PADDING-LEFT: 2px; BACKGROUND: #fff; PADDING-BOTTOM: 2px; MARGIN: 10px 5px 10px 0px; WIDTH: 280px; PADDING-TOP: 2px; HEIGHT: 50px
}
.tooltip {
BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #ccc 1px solid; PADDING-LEFT: 5px; FONT-SIZE: 11px; Z-INDEX: 999999; BACKGROUND: #ffc; LEFT: 0px; VISIBILITY: hidden; PADDING-BOTTOM: 5px; BORDER-LEFT: #ccc 1px solid; COLOR: #000; LINE-HEIGHT: 13px; PADDING-TOP: 5px; BORDER-BOTTOM: #ccc 1px solid; FONT-FAMILY: sans-serif; POSITION: absolute; TOP: 0px; opacity: .9
}
UL.orangeBullet
{
PADDING-RIGHT: 10px;
PADDING-LEFT: 20px;
PADDING-BOTTOM: 0px;
MARGIN: 0px;
PADDING-TOP: 5px;
LIST-STYLE-TYPE:none;
}
UL.orangeBullet li
{
margin:5px;
padding:0px;
}
div.popCallout {float:left; width:230px; margin:0; padding:0; background:none #fff; border-top:0px solid #fff;border-bottom:0px solid #fff; text-align:center;}
div.popCallout div.popContainer {PADDING-RIGHT: 10px; BORDER-TOP: #ece9e3 0px solid; PADDING-LEFT: 5px; BACKGROUND: url(../images/popCallout-bg.jpg) #fff repeat-y; PADDING-BOTTOM: 10px; MARGIN: 0px; WIDTH: 215px; PADDING-TOP: 10px; BORDER-BOTTOM: #ece9e3 1px solid; TEXT-ALIGN: left; MARGIN-LEFT:10px;}
div.popCallout div.popContainer h1 {font:bold 14px Arial, Helvetica, sans-serif; color: #ff721c; margin:0; padding:0 0 3px 0; line-height:13px;}
div.popCallout div.popContainer h2 {font:bold 11px Arial, Helvetica, sans-serif; color: #444340; margin:0; padding:0 0 3px 0; line-height:10px;}
div.popCallout div.popContainer p {font:normal 12px Arial, Helvetica, sans-serif; color: #444340; margin:0; padding:0 0px 5px 0;}
div.popCallout div.popContainer a {font:normal 12px Arial, Helvetica, sans-serif;}
div.popCallout div.popContainer .price {font-weight:bold; color:#ff721c;}
div.popCallout div.popContainer div.image {width:70px; float:left; margin:0; padding:0; text-align:left;}
div.popCallout div.popContainer div.image img {border:0; margin:0 !important; padding:0 !important;}
div.popCallout div.popContainer div.text {width:120px; float:right; margin:0 !important; padding:0 !important; }
div.popCallout div.popContainer img.button {float:left; border:0; margin:0; padding:5px 0 0 0; display:block; clear:both;}
.dr_Content {
PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 0px; FONT: 14px Arial,Verdana,Helvetica,sans-serif; PADDING-TOP: 0px; TEXT-ALIGN: left;
}
.dr_Content .dr_formLine
{
FONT: 14px Arial,Verdana,Helvetica,sans-serif;
CLEAR: both;
MARGIN: 3px 10px;
HEIGHT: auto
}
#dr_billingContainer
{
FONT: 14px Arial,Verdana,Helvetica,sans-serif;
}
#dr_billingContainer .dr_label
{
DISPLAY: block;
FLOAT: left;
WIDTH: 150px;
FONT: 14px Arial, Verdana, sans-serif;
COLOR: #6f6f6f;
TEXT-ALIGN: right;
padding-top:5px;
}
#dr_TicketContainer .dr_label
{
DISPLAY: block;
FLOAT: left;
WIDTH: 190px;
FONT: 14px Arial, Verdana, sans-serif;
COLOR: #6f6f6f;
TEXT-ALIGN: right;
padding-top:5px;
}
.paymethoddetail {
font: 14px verdana, arial, sans-serif;
color: #999999;
background-color: #F3F3F3;
margin: 10px 25px 5px 40px;
padding: 3px 5px;
}
#dr_siteButtons
{
CLEAR: both;
MARGIN: 10px 0px;
TEXT-ALIGN: right
}
.right_align
{
text-align: right;
margin-top: 30px;
}
.NoticeMsg
{
FONT: 12px Arial,Verdana,Helvetica,sans-serif;
PADDING-RIGHT: 2px;
PADDING-LEFT: 2px;
BACKGROUND: url(../images/bg_NoticeMsg.gif) no-repeat;
PADDING-BOTTOM: 0px;
WIDTH: 274px;
LINE-HEIGHT: 30px;
PADDING-TOP: 5px;
HEIGHT: 37px;
TEXT-ALIGN: left;
MARGIN: 3px 80px;
}
#pageNav {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: right; PADDING-BOTTOM: 0px; WIDTH: 240px; PADDING-TOP: 0px; FONT-SIZE:14px
}
#pageNav A {
TEXT-DECORATION: none
}
#pageNav UL {
PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
#pageNav UL LI {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: #f4f4f4; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; BORDER-BOTTOM: #ccc 1px solid
}
HTML #pageNav UL LI {
CLEAR: both; FLOAT: left; WIDTH: 100%
}
#pageNav UL LI H2 {
PADDING-RIGHT: 0px; PADDING-LEFT: 15px; FONT-WEIGHT: bold; FONT-SIZE: 100%; BACKGROUND: white; PADDING-BOTTOM: 5px; MARGIN: 0px; COLOR: #fb8239; PADDING-TOP: 10px
}
#pageNav UL LI A {
PADDING-RIGHT: 3px; DISPLAY: block; PADDING-LEFT: 15px; PADDING-BOTTOM: 3px; WIDTH: 90%; PADDING-TOP: 3px
}
#pageNav UL LI A:link {
COLOR: #666
}
#pageNav UL LI A:visited {
COLOR: #666
}
#pageNav UL LI A:hover {
COLOR: #fa833a
}
#pageNav UL LI A:active {
COLOR: #666
}
#pageNav UL LI IMG {
MARGIN-TOP: 6px; FLOAT: left; MARGIN-LEFT: 3px; WIDTH: 9px; HEIGHT: 7px
}
#pageNav UL LI.separator {
BACKGROUND: white; HEIGHT: 1.7em
}
#pageNav UL LI.selection {
BACKGROUND: white
}
#pageNav UL LI A.selected {
BACKGROUND: url(../images/carot.gif) no-repeat 3px 6px; COLOR: #fa833a
}
#pageNav UL UL {
MARGIN: 0px
}
#pageNav UL UL LI {
BACKGROUND: white; BORDER-BOTTOM-STYLE: none
}
#pageNav UL UL LI A {
PADDING-LEFT: 30px; FONT-SIZE: 90%; BACKGROUND: white; WIDTH: 80%
}
#pageNav UL UL LI A:link {
COLOR: #999
}
#pageNav UL UL LI A:visited {
COLOR: #999
}
#pageNav UL UL LI A:hover {
COLOR: #fa833a
}
#pageNav UL UL LI A:active {
COLOR: #999
}
#pageNav UL UL LI A.selected {
BACKGROUND: url(../images/nav/carot.gif) no-repeat 18px 6px; COLOR: #fa833a
}
#pageNav UL LI.selection {
BACKGROUND: white
}
#pageNav UL UL LI IMG {
MARGIN-LEFT: 18px
}
#page-content #pageContentRight #page-Nav {float:left; width:240px; background:url(../images/pageNav-bg.jpg) repeat-y #ece9e3; border-bottom:10px solid #fff;}
#page-content #pageContentRight #page-Nav img.header {vertical-align:top; display:inline; border:0; margin:0 auto 0 auto; padding:0;}
#page-content #pageContentRight #page-Nav img.footer {vertical-align:bottom; display:inline; border:0; margin:0 auto 0 auto; padding:0;}
#page-content #pageContentRight #page-Nav a {text-decoration:none;}
#page-content #pageContentRight #page-Nav ul {list-style:none; margin:0; padding:0;}
#page-content #pageContentRight #page-Nav ul li {font: normal 15px Arial, Helvetica, sans-serif; color:#61605b; margin:0; padding:0; border-top:1px solid #fff; border-bottom:1px solid #c8c5bf;}
#page-content #pageContentRight #page-Nav ul li.top {border-top:none; border-bottom:1px solid #c8c5bf;}
#page-content #pageContentRight #page-Nav ul li.bottom {border-top:1px solid #fff; border-bottom:none;}
#page-content #pageContentRight #page-Nav ul li {float:left; clear:both; width:240px;}
#page-content #pageContentRight #page-Nav ul li a {display:block; padding:8px 10px 8px 25px;}
#page-content #pageContentRight #page-Nav ul li a:link {color:#61605b;}
#page-content #pageContentRight #page-Nav ul li a:visited {color:#61605b;}
#page-content #pageContentRight #page-Nav ul li a:hover {color:#7c7b7a; background:url(../images/pageNav-link-bg.jpg) repeat-y #fff;}
#page-content #pageContentRight #page-Nav ul li a:active {color:#61605b;}
#page-content #pageContentRight #page-Nav ul li.selection {background:url(../images/pageNav-link-bg.jpg) repeat-y #fff;}
#page-content #pageContentRight #page-Nav ul li.selection a.selected {font-weight:bold; color:#7c7b7a;}
#page-content #pageContentRight #page-Nav ul li a:hover.selected {font-weight:bold; color:#7c7b7a;}
#page-content #pageContentRight #page-Nav ul li.selected {background:url(../images/pageNav-link-bg.jpg) repeat-y #fff;}
#page-content #pageContentRight #page-Nav ul li.selected a {font-weight:bold; color:#7c7b7a;}
#page-content #pageContentRight #page-Nav ul li.selected a:hover {font-weight:bold; color:#7c7b7a;}
.requiredField {
color:Red;
}
.info {
BORDER-RIGHT: #bbbbaa 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #bbbbaa 1px solid; PADDING-LEFT: 5px; BACKGROUND: #ebece6 0% 50%; PADDING-BOTTOM: 5px; BORDER-LEFT: #bbbbaa 1px solid; PADDING-TOP: 5px; BORDER-BOTTOM: #bbbbaa 1px solid; margin-bottom:10px; FONT: 12px Arial,Verdana,Helvetica,sans-serif;
}
.tips
{
FONT: 12px Arial,Verdana,Helvetica,sans-serif;
BORDER-RIGHT: #f2dca8 1px solid;
PADDING-RIGHT: 0px;
BORDER-TOP: #f2dca8 1px solid;
PADDING-LEFT: 0px;
PADDING-BOTTOM: 4px;
MARGIN-LEFT: 0px;
BORDER-LEFT: #f2dca8 1px solid;
COLOR: #65656a;
PADDING-TOP: 4px;
BORDER-BOTTOM: #f2dca8 1px solid;
BACKGROUND-COLOR: #fff8de;
position:relative;
top:-4px;
}
.table {
FONT: 14px Arial,Verdana,Helvetica,sans-serif;
}
.gobacklink {
FONT: 14px Arial,Verdana,Helvetica,sans-serif;
}
.gallery {
padding: 0;
margin: 18px 0;
list-style: none;
}
.gallery {
}
.gallery li {
float: left;
width: 156px;
padding: 0 25px;
margin: 0 0 8px;
}
.gallery img {
display: block;
padding: 7px;
border: 1px solid #ccc;
background: #fff;
width:140px;
}
.gallery p {
float: left;
padding: 0;
margin: 0;
}
/* img toolbar */
.gallery div {
float: right;
}
.gallery div a {
float: left;
width: 24px;
height: 24px;
background-repeat: no-repeat;
background-position: center;
text-indent: -9999px; /* Phark revisited image replacement */
}
.gallery div a:focus {
outline: 0;
}
#page-content #pageContentLeft DIV.Beta {
}