/* 
    Document   : style.css
    Created on : 11.12.2009, 18:59:08
    Author     : nicolaskrueger
    Description:
        main stylesheet
*/

*
{
    margin:0;
    padding:0;
    font-family:Verdana, Geneva, sans-serif;
}
.textwrapper, .draggable-header, .highslide-maincontent {
    color: black;
}
dl.zend_form {
    color: #ffffff;
}
#form_table_new
{
    color: #ffffff;
}
#container-8 {
    text-align:left;
    background:none;
}
#container-8 div {
    text-align:left;
    background:none;
}

body {
    margin-left:10px;
    margin-right:10px;
    margin-top:10px;
    color:#ffffff;
    font-size: 12px;
    height: 100%;
    background:url(../images/background.png) #000 repeat-x;
}

pre {
    color:#ffffff;
}

a {
    color:#ffffff;
}

a:hover {
    color:#3366ff;
}

span.productText {
    color:#ffffff;
}

.clearfix {
    clear:both;
}

div.messageBox, div#messageBox, ul.errors {
    color:red;
    font-size:12px;
    list-style: none;
}

div#warpper {
    height:600px;
    margin-top:10px;
}

div#warpper div#left_warpper {
    width:16%;
    float:left
}

div#warpper div#right_warpper {
    width:83%;
    float:right;
}

div#logo {
    width:175px;
    height:100px;
    background:url('../images/logo_cr.png') center no-repeat;
    cursor:pointer;
    float: left;
    /* background-color: green; */

}

div#warpper div#left_warpper div#navigation {
    width:100%;
}

/*----------------*/
/* Sujith Section */
/*----------------*/

.heading_text_big
{
    font-weight: bold;
    font-size: 16px;
}
.heading_text_medium
{
    font-weight: bold;
    font-size: 14px;
}
.heading_text_small
{
    font-weight: bold;
    font-size: 12px;
}
.black_bg_fix
{
    height:28px;
    background:url('../images/Black_gradient.png') repeat-x;
    border-top:#999 solid 1px;
    border-left: 1px solid white;
    border-bottom:#999 solid 1px;
    width: 10px;
}

.ie .black_bg_fix {
    height:30px;
}
.gradient_bg_main
{
    background: url('../images/menu_bg.png');
    background-repeat: repeat-x;
    /*height:22px;*/
}

.gradient_left
{
    width:11px;
    height:26px;
    background: url('../images/menu_left_bg.png');
    background-repeat:no-repeat;
    float: left;
}

.gradient_right
{
    width:11px;
    height:26px;
    background: url('../images/menu_right_bg.png');
    background-repeat:no-repeat;
    float: right;
}
.gradient_bg_product /* Left side*/
{
    float: left;
    width:153px;
    line-height: 26px;

}

.menu_section /* Left */
{
    width:175px;
}
.right_section
{
    width:175px;
    height: 100%;
}

#right_header /* Right Side */
{
    height:26px;
    width:164px;
    font-family:Verdana, Geneva, sans-serif;
    color:#ffffff;
    font-weight:bold;
    font-size:12px;
/*    padding-left:5px;*/
    background: url('../images/menu_bg.png') repeat-x;

    float:left;
   /* border-top:1px solid #ffffff;*/
    line-height:26px;

}

div#right_inner_warpper {
      background:#000000;
      height: 100%;

}

div#cartlist {
/*    width:100%;*/
    border-top:1px solid #ffffff;
    border-left:1px solid #ffffff;
    border-right:1px solid #ffffff;
    height: 100%;
/*    border-bottom:1px solid #ffffff;*/
}

div#checkout {
    /* width:95%;*/
    height:27px;
    background: url('../images/cart_bg.png');
        font-family:Verdana, Geneva, sans-serif;
        font-size:12px;
    color:#ffffff;
    font-weight: bold;
    padding-left:10px;
    line-height: 27px;
}

.zoom_bug_fix
{
    zoom:1;
    width:1px;
    height:27px;
}
.checkout_img
{
    height: 18px;
    margin-left: 5px;
    vertical-align: bottom;
    margin-bottom: 5px;
}

.cart_img
{
    height:16px;
    margin-left: 5px;
    vertical-align: bottom;
    margin-bottom: 2px;
}

#top_right_login
{
    float:right;
    width:auto;
    height:25px;
    text-align:right;
    /* background-color: maroon; */
    font-size: 11px;
    line-height: 25px;
}
/* #table_2 tr td .right_section #right_inner_warpper #cartlist #checkout {
    height:27px;
    background: url('<?=$basePath?>images/cart_bg.png');
    font:Verdana, Geneva, sans-serif;
    color:#ffffff;
    font-weight: bold;
    padding-left:10px;
    line-height: 27px;
    color: red;
} */

#single_product_view_left
{
    margin-top: 10px;
}

#single_product_view_right
{
    margin-top: 10px;
    padding:0;
    /* background-color: red;*/
    font-family:Verdana, Geneva, sans-serif;
    font-size: 12px;
}

.sub_heading_texts
{
    margin-top:20px;
    font-size: 14px;
    color: white;
    margin-left: 20px;
    font-weight: bold;
    font-family:Verdana, Geneva, sans-serif;
}

/*--------------------*/
/* Sujith Section Ends*/
/*--------------------*/


div#list {
    border-left:1px solid #ffffff;
    border-right:1px solid #ffffff;
/*    border-bottom:1px solid #ffffff;*/
/*    background: <?=$navBackground?>;*/
}
div#list H3.main_link {
/*    background: <?=$navBackground?>;*/
    font:12px Verdana, Geneva, sans-serif;
    color:#ffffff;
    border-bottom:1px solid #ffffff;
    margin: 0;
}

div#list H3.main_link a {
    line-height: 25px;
    text-decoration: none;
    padding-left: 10px;
}

div#list ul {
    margin:0;
    padding:0;
    list-style:none;
}

div#list ul li {
    border-bottom:1px solid #ffffff;
    background:#CCC;
    line-height: 25px;
    padding-left:20px;
}
div#list ul li a {
    font:12px Verdana, Geneva, sans-serif;
    color:#ffffff;
    text-decoration: none;
}

div#warpper div#left_warpper div#navigation span#left_header {
    width:7px;
    height:22px;
    background: url('../images/menu_left_bg.png');
    float:left;
    border-bottom:1px solid #ffffff;
}

div#warpper div#left_warpper div#navigation span#right_header {
    width:7px;
    height:22px;
    background: url('../images/menu_right_bg.png');
    float:right;
    border-bottom:1px solid #ffffff;
}

div#warpper div#left_warpper div#news {
    width:99%;
    background:#000000;
    border-left:1px solid #ffffff;
    border-right:1px solid #ffffff;
    border-bottom:1px solid #ffffff;
    font:Verdana, Geneva, sans-serif;
    color:#ffffff;
}

div#warpper div#left_warpper div#news div#header {
    width:95.5%;
    height:22px;
    font:Verdana, Geneva, sans-serif;
    color:#ffffff;
    font-weight: bold;
    line-height:20px;
    padding-left:10px;
    background: url('../images/menu_bg.png');
    border-bottom:1px solid #ffffff;
}

.ie div#warpper div#left_warpper div#news div#header {
    width:100%;
    height:23px;
}

div#warpper div#left_warpper div#news div#news_image {
    width:95%;
    height:150px;
    background:url('../images/news_image.png') no-repeat;
    margin: 2.5% 2.5%;
    text-align:justify;
}

#left_curve
{
    width:7px;
    height:23px;
    background: url('../images/menu_left_bg.png');
    float:left;
    border-bottom:1px solid #ffffff;
    margin:0;
    padding:0;
    float:left;
}

#header_bg_search
{
    width:99.35%;
    height:23px;
    font:Verdana, Geneva, sans-serif;
    color:#ffffff;
    font-weight: bold;
    line-height:20px;
    background: url('../images/menu_bg.png');
    border-bottom:1px solid #ffffff;
    float:left;

}

.ie #left_curve
{
    width:6px;
    float:left;
}

.ie #header_bg_search
{
    width:99.3%;
    float:left;
}



/*div#warpper div#right_warpper div#inner_warpper {
    border:1px solid #ffffff;
    background:<?=$innerWarpperBg?>
}

div#warpper div#right_warpper div#inner_warpper div#content {
    width:77.4%;
    background:<?=$contentBg?>;
    float:left
}*/

.left_product {
    width:150px;
    height:135px;
    float:left;
    text-align:center;
    margin-bottom: 10px;
}

.product_details
{
    font-family:Verdana, Geneva, sans-serif;
    color:#ffffff;
    text-align: center;
    font-size: 12px;
}
/************** Terms and conditions *****************/
div#terms {
    width:350px;
    margin:10px;
}
div#terms dl.zend_form {
    width:270px;
}
div#terms dl.zend_form dt#agree-label {
    width:260px;
}
div#terms dl.zend_form dd#agree-element {
    float:right;
    margin-top:-18px;
}
div#terms dl.zend_form dt#cancel-label {
    display:none;
}
div#terms dl.zend_form dd#cancel-element {
    margin-top:-24px;
}
.ie div#terms dl.zend_form dd#cancel-element {
    margin-top:-20px;
}
div#terms dl.zend_form dd#continue-element {
    margin-left:180px;
}

div#terms dl.zend_form dd#continue-element {
    margin-top:20px;
    margin-left:40px;
}
/*=====================================================================================================*/

/*                                              Cart                                                   */

/*=====================================================================================================*/
table#cart_view {
    width:100%;
    border:1px solid #58585A;
    font-size: 12px;
}
table#cart_view thead tr th {
    height:28px;
    background:url(../images/Black_gradient.png) repeat-x;
    border-bottom:#454345 solid 1px;
    border-left:#454345 solid 1px;
    border-right:#454345 solid 1px;
    line-height:28px;
    text-align:center;
}
table#cart_view tbody tr td {
    border:1px solid #454345;
}

table#cart_view input[type="text"] {
    width:50px;
}

div#payment dl.zend_form {
    width:50%;
}
div#payment form dl dd dt
{
    display:none;
}

div#payment form dl dd label
{
    float:left;
    display:block;
    height:15px;
}
div#payment form dl dd#proceed-element {
    float:left;
}

div#payment dl.zend_form fieldset {
    border:0;
}

div#delivery dl.zend_form {
    width:270px;
    font-size:12px;
}

div#delivery dl.zend_form dt label {
    float:left;
    position:relative;
    margin-left:10px;
    margin-right:10px;
}
div#delivery dl.zend_form dt {
    margin:5px;
}
div#delivery dl.zend_form dd {
    text-align:right
}

div#delivery input[type='submit'] {
    border:1px solid #CCC;
    width:100px;
    height:25px;
    cursor:pointer;
}
div#delivery input[type='submit']:hover {
    border:2px ridge #CCC;
}

/***************** Begin of Related Articles *****************/
div#rel_article_wraper {
	height:200px;
	overflow:auto;
}
ul#circular {
	list-style:none;
	margin:0;
	padding:0;
	background-color:#660033;
	margin-top:1%;
        z-index:-1000;
}

ul#circular li {
	float:left;
	text-align:left;
	margin-left:10px;
}

#paymentsummary table{
    background-color: #ffffff;
    color: #000000;
    padding: 10px 10px 10px;
}

#paymentsummary table tr {
    /*border-bottom: 1px dotted gray;*/
}

#paymentsummary table td,
#paymentsummary table th {
    font-family:monospace;
    /*border-bottom: 1px dotted gray;*/
    padding-right: 20px;
    padding-bottom: 5px;
}

#paymentsummary table td b {
    font-family:monospace;
}

#paymentsummary table th.left {
    text-align: left;
}

#paymentsummary table th.right {
    text-align: right;
}

#paymentsummary table tr.firstline th {
    padding-top: 20px;
    padding-bottom: 10px;
}

#paymentsummary table tr.subtotal td {
    padding-top: 20px;
    border-top: 1px dotted gray;
}

#ordersubmit {
    clear: both;
    margin-top: 10px;
    padding-left: 20px;
    padding-top: 10px;
}

#ordersubmit label{
    padding-bottom: 5px;
}

#paymentchoose form {
    padding: 10px 0px 10px 20px;
}

#paymentchoose ul{
    list-style-type: none;
}

#paymentchoose ul li {
    padding: 10px 30px 10px 5px;
    float:left;
}

#paymentchoose ul li.button {
    clear: both;
}

#disclaimer ul {
    list-style-type: none;
    margin: 10px 0px 20px;
    padding: 0px;
    padding-left: 20px;
}

#disclaimer ul li {
    float:left;
    margin-left: 10px;
}

#disclaimer .content {
    display: none;
    clear: both;
    padding: 10px 30px 20px;
    clear: both;
}

.confirmerror {
    margin: 10px 0px;
    padding: 10px 0px 10px 20px;
    background-color: #ff0000;
}