/*
_______________________________
RESET */
*{text-decoration:none;font-size:1em;outline:none;margin:0;padding:0}
code,kbd,samp,pre,tt,var,textarea,input,select,isindex,listing,xmp,plaintext{font:inherit;white-space:normal}
a,img,a img,iframe,form,abbr,acronym,object,applet,table,a abbr,a acronym{border-width:0}
dfn,i,cite,var,address,em{font-style:normal}
th,b,strong,h1,h2,h3,h4,h5,h6,dt{font-weight:400}
caption,th,td{text-align:left}
html{background:#fff;color:#333;line-height:1.1;font-family:arial,sans-serif}
/* \*/html{font-family:arial,sans-serif}
/* */q{quotes:"\201C""\201D""\2018""\2019"}
ul,ol,dir,menu{list-style:none}
sub,sup{vertical-align:baseline}
a{color:inherit}
/*
_______________________________
DISABLE DEPRECATED HTML */
font,basefont{color:inherit;font:inherit;font-size:100%}
center,*[align]{text-align:inherit}
s,strike,u{text-decoration:inherit}
img{border:none;margin:0}
ol{list-style-type:decimal}
body{background-color:transparent}
tr,th,td{width:auto;height:auto;background-color:transparent;vertical-align:inherit;border:none}
table[border],.wrapper table[border]{border-collapse:separate;border-spacing:0}
nobr{white-space:normal}
marquee{overflow:visible;-moz-binding:none}
blink{text-decoration:none}
/*
_______________________________
GENERAL */
html{font-size:125%;height: 100%;}
body{font-size:50%;height: 100%;}
a{text-decoration:underline}
strong,th,thead td,h1,h2,h3,h4,h5,h6,dt{font-weight:700}
cite,em,dfn{font-style:italic}
code,kbd,samp,pre,tt,var{font-size:100%;font-family:mono-space,monospace}
input[type='text'],input[type='password'],textarea{font-size:100%}
pre{white-space:pre}
pre *{font-size:100%;white-space:pre}
del{text-decoration:line-through}
ins,dfn{border-bottom:1px solid #000}
small,sup,sub{font-size:90%;line-height:165%}
big{font-size:125%;line-height:80%}
abbr,acronym{text-transform:uppercase;font-size:85%;letter-spacing:.1em}
abbr[title],acronym[title],dfn[title]{cursor:help;border-bottom:1px dotted #000}
sup{vertical-align:super}
sub{vertical-align:sub}
blockquote{padding-left:2.2em}
hr{display:none/* We will re-reset it later for wrapper */}
:lang(af),:lang(nl),:lang(pl){quotes:'\201E' '\201D' '\201A' '\2019'}
:lang(bg),:lang(cs),:lang(de),:lang(is),:lang(lt),:lang(sk),:lang(sr),:lang(ro){quotes:'\201E' '\201C' '\201A' '\2018'}
:lang(da),:lang(hr){quotes:'\00BB' '\00AB' '\203A' '\2039'}
:lang(el),:lang(es),:lang(sq),:lang(tr){quotes:'\00AB' '\00BB' '\2039' '\203A'}
:lang(en-GB){quotes:'\2018' '\2019' '\201C' '\201D'}
:lang(fi),:lang(sv){quotes:'\201D' '\201D' '\2019' '\2019'}
:lang(fr){quotes:'\ab\2005' '\2005\bb' '\2039\2005' '\2005\203a'}
*[lang|='en'] q:before{wrapper:'\201C'}
*[lang|='en'] q:after{wrapper:'\201D'}
*[lang|='en'] q q:before{wrapper:'\2018'}
*[lang|='en'] q q:after{wrapper:'\2019'}
input,select,button{cursor:pointer}
input[type='text'],input[type='password']{cursor:text}
input[type='hidden']{display:none}
/*
_______________________________
wrapper */
.wrapper{font-size:1.2em;line-height:1.6em}
.wrapper h1{font-size:1.6em;line-height:1;margin:1em 0 .5em}
.wrapper h2{font-size:1.5em;line-height:1;margin:1.07em 0 .535em}
.wrapper h3{font-size:1.4em;line-height:1;margin:1.14em 0 .57em}
.wrapper h4{font-size:1.3em;line-height:1;margin:1.23em 0 .615em}
.wrapper h5{font-size:1.2em;line-height:1;margin:1.33em 0 .67em}
.wrapper h6{font-size:1em;line-height:1;margin:1.6em 0 .8em}
.wrapper hr{display:block;background:#000;color:#000;width:100%;height:1px;border:none}
.wrapper ul{list-style:disc outside}
.wrapper ol{list-style:decimal outside}
.wrapper table{border-collapse:collapse}
.wrapper hr,.wrapper p,.wrapper ul,.wrapper ol,.wrapper dl,.wrapper pre,.wrapper address{margin-bottom:1.6em}
.wrapper p+p{margin-top:-.8em}
.wrapper fieldset{margin:1.6em 0;padding:1.6em}
/* \*/.wrapper legend{padding-left:.8em;padding-right:.8em}
/* *//* for Opera 8 */@media all and min-width 0px{.wrapper legend{margin-bottom:1.6em}
.wrapper fieldset{margin-top:0}
.wrapper[class^='wrapper'] fieldset{margin-top:1.6em}
}
.wrapper fieldset>*:first-child{margin-top:0}
.wrapper textarea,.wrapper input[type='text']{padding:.1em .2em}
.wrapper input{padding:.2em .1em}
.wrapper select{padding:.2em .1em 0}
.wrapper select[multiple]{margin-bottom:.8em}
.wrapper option{padding:0 .4em .1em}
.wrapper button{padding:.3em .5em}
.wrapper input[type='radio']{position:relative;bottom:-.2em}
.wrapper dt{margin-top:.8em;margin-bottom:.4em}
.wrapper ul,.wrapper ol{margin-left:2.2em}
.wrapper ul ul,wrapper ol ul,.wrapper ul ol,wrapper ol ol{margin-bottom:0;margin-bottom:0.33em}
/*
_______________________________
VISUAL PLUG */
blockquote{color:#666}
abbr[title],acronym[title],dfn[title]{border-bottom:1px solid #ccc}
ins,dfn{border-bottom-color:#666}
del{color:#666}
fieldset{border-color:#ccc}
textarea,input[type='text'],input[type='password'],select{border:1px solid #ccc;background:#fff}
fieldset{border:1px solid #ccc}
textarea:hover,input[type='text']:hover,input[type='password']:hover,select:hover{border-color:#ccc}
textarea:focus,input[type='text']:focus,input[type='password']:focus,select:focus{outline:2px solid #e4e4e4;border-color:#888}
.wrapper hr{background:#ccc;color:#ccc}/*
.wrapper table{border-top:1px solid #ccc;border-left:1px solid #ccc}
.wrapper th,.wrapper td{border-bottom:1px solid #ddd;border-right:1px solid #ccc}
.wrapper th,.wrapper td{padding:.8em}*/
a:link{color:#3365A2}
a:visited{color:#3365A2}
a:hover{color:#43383A}
a:active,.a:focus{color:#43383A}
/*
_______________________________
END */

.clr {clear:both}
.clrleft {clear:left}
.clrright {clear:right}
.nomar {margin:0 !important}
.nomart {margin-top:0 !important}
.nomarb {margin-bottom:0 !important}
.lowmart {margin-top:.4em !important}
.medmart {margin-top:.8em !important}
.nopadt {padding-top:0 !important}
.fleft {float:left}
.fright {float:right}
.red {color:#c00 !important}
.green {color:#00c !important}
.bolded {font-weight:700}
.center {text-align:center}
.righted {text-align:right}
.small {font-size:90%;}
.darken {background-color:#f7f7f7}
.normw {font-weight:100}

ul.errorlist {margin:0;margin:1.6em 0 0 2.2em;color:#c00}

.hover-photo {overflow:auto;padding-bottom:4px}

.tooltip {position:absolute;top:0;left:0;z-index:3;display:none;font-size:10px;color:#333;background-color:#f7f7f7;border:1px solid #ccc;padding:6px;font-weight:200}
.tooltip-it .tooltip {background-color:#ffe5e5;border:1px solid #e2abab;max-width:300px}

.toprounded {-moz-border-radius-topleft:4px;-moz-border-radius-topright:4px;border-top-right-radius:4px;border-top-left-radius:4px;-webkit-border-top-right-radius:4px;-webkit-border-top-left-radius:4px}
.bottomrounded {-moz-border-radius-bottomleft:4px;-moz-border-radius-bottomright:4px;border-bottom-right-radius:4px;border-bottom-left-radius:4px;-webkit-border-bottom-right-radius:4px;-webkit-border-bottom-left-radius:4px}

.wrapper {width:850px;margin:0 auto}

.wrapper hr {margin-bottom:8px;}

.header {padding:0 0 7px;margin:8px 0 7px;}
.header .inner {padding:0 0 8px}
.header .inner .logo {margin-left:8px}
.header .inner .catchphrase {margin:30px 0 0 70px;font-size:18px}

.header .menu-bar {border:1px solid #ccc;height:23px;width:100%;background:transparent url("../img/menu-grad.png") repeat-x scroll 0 0;overflow:hidden}
.header .menu-bar .tall {height:100%}
.header .menu-bar .item {height:100%;border-left:1px solid #fbfbfe;border-right:1px solid #ccc;padding:2px 6px 0}
.header .menu-bar a {display:block}
.header .menu-bar .first {border-left:0 !important}
.header .menu-bar .last {border-right:0 !important}

.message-error, .message-success {margin:-4px 0 4px;order-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;color:#fff;text-align:center}
.message-error {background:#B73434 url(img/errorgrad.png) repeat-x scroll 0 0}
.message-success {background:#35B135 url(img/successgrad.png) repeat-x scroll 0 0}

.top-hat {margin-top:-4px}

.sidebar {width:200px;margin-top:.4em;}
.sidebar .block {margin-bottom:8px}
.sidebar .block .inner-top {padding:8px 8px 0;background-color:#E3E6ED;overflow:auto;border:1px solid #ccc;border-bottom:0}
.sidebar .block .inner {background-color:#F8F9FB;padding:4px 8px 8px;border:1px solid #ccc;border-top:0}
.sidebar .block .inner-special {background-color:#FBF8F9;border:1px solid #ccc;padding-top:0.3em}
.sidebar .block .inner-special .call-us {font-size:14px}
.sidebar .block .inner-special h2 {margin:0.1em 0 0.2em !important;font-size:24px}
.sidebar .block h2 {margin:0.2em 0 0.6em;text-align:center}
.sidebar ul {margin:0;margin-left:1.6em}

.content {width:620px}

.homepage {margin-top:5px}

.pics {border:1px dashed #ccc;width:370px;height:350px;overflow:hidden}
.pics:hover {border-color:#888;}
.pics a {padding:0 10px;width:350px;height:350px;}
.pics .info-box {position:relative;top:-32px;left:5px;color:#333}
.pics .info-box .title {font-size:22px}
.pics .info-box .pricing {margin:-312px 4px 0 0}

.box-box {width:230px}
.box-box .home-box {border:1px solid #ccc;width:94%;height:103px;margin-bottom:18px;background:transparent url("../img/grad.png") repeat-x scroll 0 0;padding:0 3%;overflow:hidden}
.box-box .home-box:hover {border-color:#888;color:#666;}
.box-box .home-box a {display:block;}
.box-box .shift {padding:0 1% 0 3%}
.box-box .home-box img {margin-top:12px}
.box-box .home-box h2 {font-size:16px}

h1.banner {font-weight:100;font-size:23px}

.product-view {margin-top:4px;}
.product-image-box {margin-right:14px}
.product-image {border:1px solid #ccc;padding:3px}
.product-image:hover {border-color:#888;}
.product-desc-box {width:245px}
.product-image-thumb {margin:8px 8px 0 0;border:1px solid #ccc;padding:1px}

.price-add-cart {overflow:auto;padding:1px 0 8px}
.price-add-cart .price {margin:12px 0;font-weight:800}

.construction-row {margin:12px 0 0;overflow:auto}
.product-construction-thumb {margin-right:8px;border:1px solid #ccc;padding:1px;}

.cart-view {margin-top:8px}

.cart-box {border:1px solid #ccc;padding:0 7px;overflow:auto}
.cart-box .item-row {overflow:auto;padding:9px 4px;border-bottom:1px solid #ccc;}
.cart-box .subtotal {border:0;}
.cart-box .subtotal .subtotal-box {width:160px}
.cart-box .cart-image {margin-right:12px;width:130px}
.cart-box img.cart-image {border:1px solid #ccc}
.multi-image {margin:0 5px 5px 0;border:1px solid #ccc}
.cart-box .item-row-description {max-width:360px;}
.button-row {margin-top:18px;}
.button-row .check-out {margin-left:8px;}
.button-row .update-qty {margin-top:-3px}

.product-list .sorter {border:1px solid #ccc;border-left:0;border-right:0;padding:2px 8px;overflow:auto}
.product-list .sorter table {width:100%}
.product-list .sorter table td {width:33%}
.product-list .bottom {margin:16px 0 0}
.product-list .product-row {margin:16px 0 0;overflow:auto}
.product-list .narrow-row {margin:10px 0 0;overflow:auto}
.product-list .product-row .product-item {margin-right:20px;padding:6px;border:1px solid #ccc;width:125px;}
.product-list .narrow-row .product-item {margin-right:10px;width:80px;}
.product-list .product-row .darken {padding:5px 7px 5px 5px}
.product-list .product-row .darken .hover-photo img {border:1px solid #ddd}
.product-item h4, .product-item h5 {margin-top:.4em !important;margin-bottom:.5em !important;}
.product-item .quantity {margin-top:3px;}
.no-color {text-decoration:none;color:#333 !important}
.product-list .product-row .last {margin:0 !important}

.start-build {width:250px}
.start-build-images {width:324px;border:1px solid #eee;border-width:0 1px 1px 0}
.start-build-images img {border:1px solid #eee;border-width:1px 0 0 1px}
.start-build #id_title {width:200px;color:#aaa}

.view-images {width:567px;border:1px solid #eee;border-width:0 1px 1px 0}
.view-images a {border:1px solid #eee;border-width:1px 0 0 1px}

.build-box {padding:8px 16px;border:1px solid #ccc;overflow:auto}
.build-box .build-bead-right {border-left:1px solid #ccc;padding-left:12px;margin-left:8px;max-width:216px;}
.build-box .build-bead-row {overflow:auto;padding:8px 4px;border-top:1px solid #ccc;width:340px}
.build-box .build-bead-image {margin-right:8px;}
.build-box .build-bead-desc {width:164px;height:50px;overflow:hidden}
.build-box .build-cross {border-left:1px solid #ccc;padding-left:8px;margin-left:8px}
.build-box .build-cross, .build-box .build-centerpiece {max-width:90px;}
.build-box .subtotal {border-top:1px solid #ccc;padding-top:10px;margin-top:16px}

.footer {border-top:1px solid #ccc;margin-top:24px;padding:6px}
