@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,700|Droid+Serif:400,700);

body { background: #f4f4f4; color:#333; font: 12px/16px 'Open Sans', Helvetica, 'Helvetica Neue', Verdana, Geneva, sans-serif; }/*url(../images/body-bg.jpg) repeat*/
#page-wrapper { text-align:center; }


/* SHARED */
a,input,select,textarea { outline:0; }
a { color:#00a0c6; text-decoration:none; }
a:hover { text-decoration:underline; }
p { line-height:16px; padding:0; margin:0 0 20px 0; }
strong { font-weight:bold; }
input, textarea, select { font-family:'Open Sans', Helvetica, 'Helvetica Neue', Verdana, Geneva, sans-serif; }

h1 { font-size:24px; margin:0 0 5px 0; padding:0 0 5px 0; text-transform:uppercase; font-weight:normal; line-height:28px; }
h2 { font-size:18px; margin:0 0 5px 0; padding:0 0 5px 0; text-transform:uppercase; font-weight:bold; line-height:24px; }
h3 { font-size:16px; margin:0 0 5px 0; padding:0 0 5px 0; text-transform:uppercase; font-weight:bold; line-height:20px; }
h4 { font-size:14px; margin:0 0 5px 0; padding:0 0 5px 0; text-transform:uppercase; font-weight:bold; line-height:18px; }
h5 { font-size:14px; margin:0 0 15px 0; padding:0 0 5px 0; text-transform:uppercase; font-weight:bold; line-height:18px; }
h2.strike { background:url(../images/bg-strike.png) no-repeat center left; color:#00A0C6; }
h2.strike span { display:inline-block; background:#fff; color:#bbb; padding:0 5px; margin:0 0 0 15px; }

h1.pageTitle { font-size:28px; text-transform:none; margin:0 0 20px 0; line-height:36px; padding:10px 0; font-weight:400; border-bottom:#eee solid 1px; }

.clear { clear:both; }
.clearfix:after { clear: both; content: " "; display: block; height: 0; visibility: hidden; }
.width-one-half { float: left; width: 49%; }
.hide { display:none; }
.errorBox { margin: 5px 0; padding: 10px; border: 2px solid #943142; color:#943142; font-weight:bold; }
.successBox { margin: 5px 0; padding: 5px 10px; border: 2px solid #265e00; color:#265e00; font-weight:bold; }


.msgBox { padding:15px 15px 15px 60px; margin:10px 0; border-radius:10px; color:#fff; text-shadow:1px 1px 1px rgba(0,0,0,0.5); }
.msgBox a { color:#fff; text-decoration:underline; }
.msgBox a:hover { text-decoration:none; }
.msgBox p { margin:0; }
.msgBox strong { font-size:16px; }
.confirmMsg { background:#52a552 url(../images/confirm.png) no-repeat 15px 15px; }
.errorMsg { background:#e65853 url(../images/error.png) no-repeat 15px 15px; }
.alertMsg { background:#3198b6 url(../images/alert.png) no-repeat 15px 15px; }
.warningMsg { background:#faae43 url(../images/warning.png) no-repeat 15px 15px; }


/* NOTIFICATIONS */
.success-box { margin-bottom:10px; background:#f2fde1; padding:10px; font-weight:bold; color:#054a00; border:#054a00 solid 1px; }
.error-box { margin-bottom:10px; background:#fff2f2; padding:10px; font-weight:bold; color:#990000; border:#990000 solid 1px; }

/* LAYOUT BOXES */
#skip { display: none; }

/*#skin { background: url(../images/page-bg.jpg) repeat-x center top; }
#content-wrapper { background:url(../images/duo-grad-inv.png) repeat-x 0 40px; }*/

#top-bar { width:100%; background:#333; text-align:center; box-shadow:0 0 10px rgba(0,0,0,0.3); border-bottom:#aaa solid 1px; }
#top-bar-content { margin:0 auto; width:940px; height:30px; position:relative; text-align:left; color:#fff; }
#top-bar-content .announcement { float:left; line-height:30px; text-transform:uppercase; background:#00a0c6; padding:0 15px; }
#top-bar-content .announcement a { color:#fff; }
#top-bar-social { padding:5px 0; float:left; }
#top-bar-nav { padding:5px 0; float:right; }
#top-bar-social li,
#top-bar-nav li { display:inline; line-height:20px; padding:0 15px; border-right:#444 solid 1px; }
#top-bar-social li a,
#top-bar-nav li a { color:#fff; text-transform:uppercase; font-size:10px; }
#top-bar-search { float:right; margin:5px 0 5px 15px; position:relative; }
#top-bar-search #topBarSearchTerm { background:#e2e2e2; border-radius:10px; height:20px; width:150px; border:0; font-size:10px; padding:0 20px 0 10px; text-transform:uppercase; color:#555; }
#top-bar-search #topBarSearchTerm:focus { background:#fff; }
#top-bar-search #btnDoSearch { height:20px; text-indent:-9999px; width:25px; background:url(../images/ico-btn-search.png) no-repeat center center; border:0; position:absolute; right:0; top:0; }

#header { height:175px; position:relative; width:940px; text-align:left; margin:0 auto; }
#header #logo-wrapper { position:absolute; left:0; top:15px; width:200px; height:106px; }
#header #logo-wrapper h1 { margin:0; padding:0; text-align:center; }
#header #logo-wrapper h1 a { width:200px; height:106px; background:url(../images/logo-200x106.png) no-repeat; display:block; text-indent:-9999px; margin:0 auto; text-align:left; }

#header #nav { position:absolute; right:0; bottom:0; height:40px; width:100%; }
#header #nav li { float:left; }
#header #nav li a { display:block; height:40px; line-height:40px; font-size:16px; text-transform:uppercase; color:#333; padding:0 25px; text-shadow:1px 1px 0 #fff; }
#header #nav li a:hover { text-decoration:none; background:#e2e2e2; border-radius:5px 5px 0 0; }

#header #nav li.nav-cart { background:#666; margin-right:10px; border-radius:5px 5px 0 0; float:right; padding:0 10px; position:relative; width:75px; }
#header #nav li.nav-cart:hover { background:#333; }
#header #nav li.nav-cart a { color:#fff; background:url(../images/ico-cart.png) no-repeat center left; padding:0 0 0 30px; font-size:16px; font-weight:700; text-shadow:none; }
#header #nav li.nav-cart a em { float:right; background:#00a0c6; padding:0 8px; border:#fff solid 2px; border-radius:10px; line-height:14px; font-size:11px; margin:2px 0 0 5px; font-weight:700; position:absolute; left:15px; top:-10px; }

#nav-cart { position:absolute; top:15px; right:0; width:150px; height:106px; border-left:#e2e2e2 solid 1px; box-shadow: inset 1px 0 0 #fff; }
#nav-cart a#btn-page-cart { position:relative; display:block; background:url(../images/bg-cart-dark.png) no-repeat left center; padding-left:40px; margin:25px 0 0 25px; font-size:28px; line-height:48px; text-transform:uppercase; color:#333; }
#nav-cart a#btn-page-cart:hover { text-decoration:none; }
#nav-cart a#btn-page-cart em { color:#fff; float:right; background:#00a0c6; padding:0 8px; border:#fff solid 2px; border-radius:10px; line-height:18px; font-size:14px; margin:2px 0 0 5px; font-weight:700; position:absolute; left:8px; top:-5px; }
#nav-cart a#btn-page-checkout { display:inline-block; background:#e54d38; border:#f08172 solid 1px; font-size:14px; text-transform:uppercase; color:#fff; padding:5px 20px; border-radius:5px; margin:0 0 0 21px; text-shadow:none; }
#nav-cart a#btn-page-checkout:hover { background:#c34332; text-decoration:none; }
#nav-cart ul { margin:0 0 0 35px; }
#nav-cart ul li { display:inline-block; padding:0 5px 0 0; }
#nav-cart ul li.pipe { color:#ccc; }
#nav-cart ul li a { text-transform:uppercase; font-size:10px; }

#banner-wrapper { position:absolute; top:40px; right:175px; text-align:right; }
#banner-wrapper a:hover { text-decoration:none; }
#banner-wrapper a strong { font-size: 24px; display:block; text-transform:uppercase; line-height:28px; }
#banner-wrapper a em { display:block; font-size:12px; color:#333; }

#content { width:940px; margin:0 auto; text-align:left; background:#fff; border:#e2e2e2 solid 1px; border-radius:10px; box-shadow:1px 1px 0 #fff; padding:20px; }
#content .layout-two-col { background:url(../images/twoColTransWhiteBg.png) repeat-y; display:inline-block; width:940px; }
#content .layout-two-col:after { content:' '; display:block; clear:both; visibility:hidden; height:1%; }
#content .layout-two-col .main { float:left; margin:10px; width:650px; }
#content .layout-two-col .aside { float:left; margin:10px; width:260px; }

#content .layout-one-col { display:inline-block; width:940px; padding-bottom:20px; }
#content .layout-one-col .main { display:inline-block; width:100%; }
#content .layout-one-col:after,
#content .layout-one-col .main:after { content:' '; display:block; clear:both; visibility:hidden; height:1%; }


.layoutBox { background:url(../images/layoutBoxBorderBg.gif) repeat-x bottom; padding:25px 0 27px 0; }


/* SOCIAL ICONS */
.social li { display:inline-block; zoom:1; *display:inline; }
.social li.facebook a { display:block; width:64px; height:64px; text-indent:-9999px; background:url(../images/iconFacebook.png) no-repeat; }
.social li.twitter a { display:block; width:64px; height:64px; text-indent:-9999px; background:url(../images/iconTwitter.png) no-repeat; }


/* CONTACT FORM */
#frmContact li { padding:10px 0; }
#frmContact li.buttonHolder { text-align:right; }
#frmContact label { display:block; margin-bottom:3px; text-transform:uppercase; }
#frmContact .text { width:250px; padding:3px; background:#efefef; border:#bbb solid 1px; }
#frmContact .text:focus { background:#fff; }
#frmContact .button { width:auto; padding:3px 10px; text-transform:uppercase; color:#555; font-weight:bold; float:right; background:#efefef; border:#bbb solid 1px; }


/* PAGE TOP LOGIN BOX */
#frmPageLogin { padding:10px; }
#frmPageLogin label { color: #fff; display: block; float: left; font-size: 12px; font-weight: bold; height: 16px; line-height: 16px; margin: 12px 15px 0 0; padding: 3px 0; text-align: right; text-transform: uppercase; width: 105px; }
#frmPageLogin input { background: none repeat scroll 0 0 #DADAD9; border: medium none; border-radius: 5px; color: #4c4c4c; display: block; float: left; font-size: 12px; height: 16px; line-height: 16px; margin: 8px 10px 0 0; padding: 5px 10px; width: 130px; }
#frmPageLogin input.button { padding:5px 20px; font-size:14px; text-transform:uppercase; background:#000; height:auto; font-weight:bold; color:#fff; }	
#frmPageLogin input.button:focus { background:#000; }
#frmPageLogin input:focus { background:#fff; }
.loginMessageBox { color:#990000; font-weight:bold; clear:both; margin:10px 10px 0 10px; height:25px; }
.loginMessageBox p { margin:0; padding:10px; background:#FFC; border:#FDDEB0; border-radius: 5px; }


/* SIDEBAR NAV */
#sideMenu { list-style:disc outside none; }
#sideMenu li { display:block; border-bottom:#ccc dashed 1px; }
#sideMenu li a { display:block; padding:10px; background:#eee; text-transform:uppercase; font-weight:bold; color:#666; }
#sideMenu li a:hover { background:#f4f4f4; text-decoration:none; color:#990000; }


/* GENERIC TABS */
.tabbedContent { background:#999; padding:5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.tabbedContent .tabContent { background:#f4f4f4; padding:10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; box-shadow: 0 0 5px #555; }
.tabbedContent .tabset { margin: 0; height: 1%; list-style: none outside none; overflow: hidden; padding: 10px 10px 0 10px; }
.tabbedContent .tabset li { float: left; font-size: 11px; font-weight: bold; line-height: 14px; margin: 0 5px 0 0; text-transform: uppercase; box-shadow: 0 0 5px #555; }
.tabbedContent .tabset li a { float:left; background:#ccc; padding:10px; font-size:14px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; color:#4c4c4c; text-shadow:1px 1px 0 #fff; }
.tabbedContent .tabset li a.active,
.tabbedContent .tabset li a.active:hover { background:#f4f4f4; color:#4c4c4c; }
.tabbedContent .tabset li a:hover { text-decoration:none; background:#ddd; }


/* TABLE STYLES */
table.tableStyle1 { width:100%;  }
table.tableStyle1 thead { background:#ccc; color:#4c4c4c; text-shadow:1px 1px 0 #e2e2e2; text-transform:uppercase; font-weight:bold; }
table.tableStyle1 th,
table.tableStyle1 td { padding:10px; }
table.tableStyle1 td { border-bottom:#ccc dashed 1px; }


/* FORM STYLES */
form.formStyle1 fieldset { padding:10px; border:#ccc solid 1px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
form.formStyle1 legend { text-transform:uppercase; font-size:16px; font-weight:bold; color:#999; padding:0 10px }
form.formStyle1 ul li { display:inline-block; padding:10px 0; width:100%; }
form.formStyle1 ul li:after { content:' '; visibility:hidden; height:1%; clear:both; display:block; }
form.formStyle1 label { float:left; width:309px; margin-right:10px; font-size:14px; line-height:25px; }
form.formStyle1 .input { float:left; width:200px; border:#ccc solid 1px; padding:3px; }
form.formStyle1 .button { margin-left:210px; padding:5px 20px; background:#4c4c4c; color:#fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border:0; text-transform:uppercase; cursor:pointer; }
.long-form h2 { font-size:20px; font-weight:normal; margin:15px 0 10px 0; padding:0; }
.long-form h3 { font-size:16px; font-weight:normal; margin:30px 0 15px 0; color:#444; padding: 0; }
.long-form label { float:left; width:309px; margin-right:10px; font-size:14px; line-height:25px; color:#444; }
.long-form label.block { float:none; display:block; margin:0; width:auto; }
.long-form legend { font-size:20px; margin:8px 0 8px 0; font-weight:500; }
.long-form input.text,
.long-form select,
.long-form textarea { border: 1px solid #ccc; border-radius:5px; color: #555555; font-size: 12px; padding: 5px; width: 250px; box-shadow:inset 5px 5px 5px rgba(0,0,0,0.05); float:left; }
.long-form textarea { width:590px; }
.long-form input.text:hover,
.long-form select:hover,
.long-form textarea:hover {	border:#aaa solid 1px; }
.long-form input.text:focus,
.long-form select:focus,
.long-form textarea:focus {	border:#00a0c6 solid 1px; }
.long-form .form-fields { padding: 0 0 0 20px; }
.long-form .form-fields .row { clear:both; margin-bottom:10px; }
.long-form .form-fields .row:after { content:" "; clear:both; visibility:hidden; height:1px; display:block; }
.long-form .form-fields .row div { float:left; width:50%; }
.long-form .small {	font-size:12px;	margin-left:5px; }
.long-form .blue-button { background:#00A0C6; border:#afdee9 solid 1px; color:#fff; text-shadow:1px 1px 1px #666; padding:5px 40px; font-size:24px; float:right; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.long-form .blue-button:hover { background:#194C66; }
.long-form .green-button { padding:5px 40px; font-size:24px; border-radius: 5px; border:0; color:#01491f; border:#006E2E solid 1px; text-shadow:none; text-shadow:0 1px 0 #dfeebf; background: #cdeb8e; background: -moz-linear-gradient(top,  #cdeb8e 0%, #a5c956 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cdeb8e), color-stop(100%,#a5c956)); background: -webkit-linear-gradient(top,  #cdeb8e 0%,#a5c956 100%); background: -o-linear-gradient(top,  #cdeb8e 0%,#a5c956 100%); background: -ms-linear-gradient(top,  #cdeb8e 0%,#a5c956 100%); background: linear-gradient(to bottom,  #cdeb8e 0%,#a5c956 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cdeb8e', endColorstr='#a5c956',GradientType=0 ); }
.long-form .green-button:hover { background: #b3e052; background: -moz-linear-gradient(top,  #b3e052 0%, #8bb238 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b3e052), color-stop(100%,#8bb238)); background: -webkit-linear-gradient(top,  #b3e052 0%,#8bb238 100%); background: -o-linear-gradient(top,  #b3e052 0%,#8bb238 100%); background: -ms-linear-gradient(top,  #b3e052 0%,#8bb238 100%); background: linear-gradient(to bottom,  #b3e052 0%,#8bb238 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3e052', endColorstr='#8bb238',GradientType=0 ); text-decoration:none; }

.long-form .green-button:disabled{ color:#A4B357; background: #e4efc0; background: -moz-linear-gradient(top,  #e4efc0 0%, #abbd73 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e4efc0), color-stop(100%,#abbd73)); background: -webkit-linear-gradient(top,  #e4efc0 0%,#abbd73 100%); background: -o-linear-gradient(top,  #e4efc0 0%,#abbd73 100%); background: -ms-linear-gradient(top,  #e4efc0 0%,#abbd73 100%); background: linear-gradient(to bottom,  #e4efc0 0%,#abbd73 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4efc0', endColorstr='#abbd73',GradientType=0 ); }

.long-form .note { color:#F00; }
.long-form .form-fields .selection-area input.selection { float:left; width:20px; margin:5px 0 0 0; }
.long-form .form-fields .selection-area label { margin-right:0; margin-left:10px; float:none; width:auto; }
.long-form input#applyCoupon { float:none; font-size:12px; padding:3px 20px; text-transform:uppercase; }
.long-form .fieldWidthAuto select { width:auto; }
.long-form .selSep { float:left; padding:0 10px; }
.long-form #cardsAccepted { width:195px; height:29px; background:url(../images/bg-cc.png) no-repeat 0 0; text-indent:-9999px; float:left; margin:0 0 10px 5px; }
.long-form #cardsAccepted.visa { background-position:0 -29px; }
.long-form #cardsAccepted.mastercard { background-position:0 -58px; }
.long-form #cardsAccepted.amex { background-position:0 -87px; }
.long-form #cardsAccepted.discover { background-position:0 -116px; }
.long-form #cardsAccepted.unknown { background-position:0 -145px; }

/*Related Items*/
#additionalItems { border-top:2px solid #000; }

#relatedItems li { float:left; display:inline; margin-left:10px; }
#relatedItems img { margin:8px 0 5px 0; }
#relatedItems p { text-align:center; margin:-2px 0 0 0; font-size:10.5px; }
#relatedItems a:hover { color:#B36CB5; }

/* Footer */
#footer { padding:20px 0; width:940px; margin:0 auto; font-size:11px; display:inline-block; }
#footer:after { content:' '; display:block; clear:both; height:1%; visibility:hidden; }
#footer .foot-left { float:left; width:70%; text-align:left; }
#footer .foot-right { float:right; width:30%; text-align:right; }
#footer .acceptedCC { background:url(../images/bg-cc.png) no-repeat 100% -145px; height:29px; display:block; text-indent:-9999px; text-align:left; }
#footer .foot-logo { position:relative; height:54px; }
#footer .foot-logo a { display:block; text-indent:-9999px; background:url(../images/darzzi_logo_small.png) no-repeat top left; width:100px; height:54px; position:absolute; top:0; left:50%; margin:0 0 0 -50px; }
#footer .foot-social { }
#footer .foot-social a { display:inline-block; text-indent:-9999px; background:url(../images/bg-foot-social.png) no-repeat 0 0; width:32px; height:32px; margin:0 5px; } 
#footer .foot-social a:hover { background-position:0 -32px; }
#footer .foot-social a.foot-twitter { background-position:-32px 0; }
#footer .foot-social a.foot-twitter:hover { background-position:-32px -32px; }